@charset "utf-8"; 


.mainContent#aboutus { margin-bottom: 200px }
.mainContent#aboutus .mv { background-image: url(../img/h1_bg_about_pc.png); }
.mainContent#aboutus h3 { font-size: 2.4rem; margin: .6em 0; font-weight: 500; }

@media screen and (max-width: 1360px){
  .mainContent#aboutus .inner.mid { padding-left: 3%; }
}

@media screen and (max-width: 767px) {
  .mainContent#aboutus { margin-bottom: 120px }
  .mainContent#aboutus .mv { background-image: url(../img/h1_bg_about_sp.png); }
  .mainContent#aboutus h3 { font-size: 1.5rem; margin: 0 0 0.8em 0; }
  .mainContent#aboutus .inner.mid { padding-left: inherit; }
}

.mainContent#aboutus #cont01 { position: relative; }
.mainContent#aboutus #cont01:before { position: absolute; top: 0; display: block; font-family: 'Khand'; font-weight: bold; color: #f3f6f9; z-index: 0; font-size: 26rem; letter-spacing: .1em; line-height: 1; white-space: nowrap; }
.mainContent#aboutus #cont01:before { top: -67px; left: -14px; letter-spacing: 0.08em; content: 'ACRO GROUP'; }
.mainContent#aboutus #cont01 h2 { position: relative; letter-spacing: 0.1em; }
.mainContent#aboutus #cont01 h3 { color: #004e9d; font-size: 3.6rem; font-weight: 500; line-height: 1.5; letter-spacing: 0.1em; }
.mainContent#aboutus #cont01 h4 { font-size: 2.4rem; font-weight: 500; line-height: 1.5; letter-spacing: 0.1em; }
.mainContent#aboutus #cont01 p { line-height: 2; font-size: 1.8rem; }


@media screen and (max-width: 767px) {
  .mainContent#aboutus #cont01 { margin-top: 22px; }
    .mainContent#aboutus #cont01:before { font-size: 10rem; top: -30px; left: -14px; }
    .mainContent#aboutus #cont01 h3 { font-size: 2.1rem; }
    .mainContent#aboutus #cont01 h4 { font-size: 1.5rem; }
    .mainContent#aboutus #cont01 p { font-size: 1.4rem; }
}


.mainContent#aboutus #cont01_1 { position: relative; margin: 30px auto 120px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.mainContent#aboutus #cont01_1 > div { width: 47.5833%; }
.mainContent#aboutus #cont01_1 .text { margin-bottom: 66px; }
.mainContent#aboutus #cont01_1 .image { margin-top: 20px; text-align: center; }
.mainContent#aboutus #cont01_1 .image > p { margin-bottom: 1.2em; font-size: 1.6rem; }
.mainContent#aboutus #cont01_1 .text p + p { margin-top: 2em; }
.mainContent#aboutus #cont01_1 .btn01 { margin: -16px 0 0 0; }
.mainContent#aboutus #cont01_1 .btn01 a { margin: 0; }
.mainContent#aboutus #cont01_1 .btn01 a::after { width: 20px; height: 18px; display: inline-block; position: relative; top: 2px; right: 0; margin: 0 0 0 6px; background-image: url(../img/common/icon_blank.png); }

@media screen and (max-width: 1200px){
  .mainContent#aboutus #cont01_1 .catch { font-size: 3.1rem; }
}

@media screen and (max-width: 1000px){
  .mainContent#aboutus #cont01_1 .catch { font-size: 2.8rem; }
}

@media screen and (max-width: 767px) {
  .mainContent#aboutus #cont01_1 { margin: 18px auto 68px; }
  .mainContent#aboutus #cont01_1 > div { width: 100%; }
  .mainContent#aboutus #cont01_1 .text { margin-bottom: 40px; }
  .mainContent#aboutus #cont01_1 .image { margin: 0 0 40px 0; }
  .mainContent#aboutus #cont01_1 .image > p { font-size: 1.2rem; margin-bottom: 0.8em; }
  .mainContent#aboutus #cont01_1 .image img { max-width: 400px; margin: 0 auto; }
  .mainContent#aboutus #cont01_1 .catch { color: #004e9d; font-size: 2.1rem; }
  .mainContent#aboutus #cont01_1 .btn01 { margin: 0; }
}


.mainContent#aboutus #cont01_2 { position: relative; margin: 60px auto 130px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.mainContent#aboutus #cont01_2 .image { width: 100%; margin-top: 40px; display: flex; align-items: flex-start; justify-content: space-between; }
.mainContent#aboutus #cont01_2 .image > div { width: 47.5%; }
.mainContent#aboutus #cont01_2 .image p { font-size: 1.6rem; margin-bottom: 12px; }

@media screen and (max-width: 767px) {
  .mainContent#aboutus #cont01_2 { margin: 25px auto; }
  .mainContent#aboutus #cont01_2 .image { margin-top: 26px; display: block; }
  .mainContent#aboutus #cont01_2 .image > div { width: 100%; }
  .mainContent#aboutus #cont01_2 .image > div + div { margin-top: 26px; }
  .mainContent#aboutus #cont01_2 .image p { font-size: 1.2rem; margin-bottom: 8px; }
}


.mainContent#aboutus #cont01_3 { position: relative; margin: 60px auto 80px }
.mainContent#aboutus #cont01_3 .image { margin-top: 40px; }
@media screen and (max-width: 767px) {
  .mainContent#aboutus #cont01_3 { margin: 60px auto 40px }
  .mainContent#aboutus #cont01_3 .image { margin-top: 26px; }
}


.mainContent#aboutus #cont01_4 { position: relative; margin: 60px auto 150px }
.mainContent#aboutus #cont01_4 dl { margin: 56px 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; border-right: 1px solid #d6e0ea; border-left: 1px solid #d6e0ea; }
.mainContent#aboutus #cont01_4 dl > div { position: relative; width: 25%; }
.mainContent#aboutus #cont01_4 dl > div:before { position: absolute; top: 10px; left: 50%; margin-left: -40px; content: ''; width: 80px; height: 80px; background-color: #fff; border-radius: 50%; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.mainContent#aboutus #cont01_4 dl > div:nth-child(1):before { background-image: url(../img/about/about_icon_01.png); }
.mainContent#aboutus #cont01_4 dl > div:nth-child(2):before { background-image: url(../img/about/about_icon_02.png); }
.mainContent#aboutus #cont01_4 dl > div:nth-child(3):before { background-image: url(../img/about/about_icon_03.png); }
.mainContent#aboutus #cont01_4 dl > div:nth-child(4):before { background-image: url(../img/about/about_icon_04.png); }
.mainContent#aboutus #cont01_4 dl > div + div { border-left: 1px solid #d6e0ea; }
.mainContent#aboutus #cont01_4 dl > div dt { text-align: center; font-size: 2.2rem; font-weight: 500; padding-top: 100px; }
.mainContent#aboutus #cont01_4 dl > div dd { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
.mainContent#aboutus #cont01_4 dl > div dd ul { width: auto; margin: .8em auto 0; }
.mainContent#aboutus #cont01_4 dl > div dd ul li { position: relative; padding-left: 20px; line-height: 1.3; margin-bottom: .5em; }
.mainContent#aboutus #cont01_4 dl > div dd ul li:before { position: absolute; top: 7px; left: 0; content: ''; display: block; width: 12px; height: 4px; border-left: 3px solid #004e9d; border-bottom: 3px solid #004e9d; -webkit-transform: rotate(-40deg); transform: rotate(-40deg); }


.mainContent#aboutus #cont01_4 .data_wrap {
  padding: 50px 20px;
  font-family: 'Yu Gothic', '游ゴシック', 'YuGothic', '游ゴシック体', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
  background: #e8eff5;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 {
  display: flex;
  padding: 0 14.5%;
  height: 290px;
  align-items: center;
  justify-content: space-between;
  background: url("../img/about/data_bg1.png") no-repeat center;
  background-size: cover;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .left {
  text-align: center;
}
.mainContent#aboutus #cont01_4 .data_wrap .txt1 {
  color: #076de8;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 6px;
  letter-spacing: -1px;
}
.mainContent#aboutus #cont01_4 .data_wrap .txt2 {
  color: #076de8;
  font-size: 32px;
  font-weight: bold;
}
.mainContent#aboutus #cont01_4 .data_wrap .txt2 span {
  font-size: 100px;
  line-height: 1;
}
.mainContent#aboutus #cont01_4 .data_wrap .txt2 span.small {
  font-size: 67px;
}
.mainContent#aboutus #cont01_4 .data_wrap .txt2 div {
  font-size: 100px;
  line-height: 1;
  display: inline;
}
.mainContent#aboutus #cont01_4 .data_wrap .txt3 {
  font-size: 12px;
  text-align: right;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .txt2 {
  font-size: 36px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right {
  width: 325px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row {
  display: flex;
  align-items: center;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row rect {
  width: 0;
  height: 24px;
  transition: width 2s ease-out;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .bar {
  width: 174px;
  height: 24px;
  margin: 0 18px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .bar div {
  width: 0;
  height: 24px;
  transition: width 2s ease-out;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .bar1 {
  background: #123a85;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .bar2 {
  background: #1662BF;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .bar3 {
  background: #4B9AFD;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .bar4 {
  background: #A6B5D0;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .bar5 {
  background: #B9C7E1;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1.active .right .row .bar1 {
  width: 174px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1.active .right .row .bar2 {
  width: 94px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1.active .right .row .bar3 {
  width: 82px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1.active .right .row .bar4 {
  width: 27px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1.active .right .row .bar5 {
  width: 4px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .age {
  font-size: 18px;
  font-weight: bold;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .age span {
  font-size: 13px;
  padding-left: 5px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .cnt {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  width: 70px;
  text-align: right;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .cnt span {
  font-size: 30px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .cnt span.small {
  font-size: 22px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row:nth-child(1) .cnt span {
  color: #123a85;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row:nth-child(2) .cnt span {
  color: #1662BF;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row:nth-child(3) .cnt span {
  color: #4B9AFD;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row:nth-child(4) .cnt span {
  color: #A6B5D0;
}
.mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row:nth-child(5) .cnt span {
  color: #B9C7E1;
}
.mainContent#aboutus #cont01_4 .data_wrap .data234 {
  margin: 20px 0 75px;
  display: flex;
  justify-content: space-between;
}
.mainContent#aboutus #cont01_4 .data_wrap .data234 > div {
  width: 32%;
  height: 290px;
  display: flex;
  flex-flow: column;
}
.mainContent#aboutus #cont01_4 .data_wrap .data2 {
  background: url("../img/about/data_bg2.png") no-repeat center bottom;
  background-size: cover;
  align-items: center;
  justify-content: center;
}
.mainContent#aboutus #cont01_4 .data_wrap .data2 .txt2 {
  padding: 0 0 33px 18px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data3 {
  background: url("../img/about/data_bg3.png") no-repeat center bottom;
  background-size: cover;
  padding: 18px 0 0 28px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data3 .txt2 {
  font-size: 30px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data4 {
  background: url("../img/about/data_bg4.png") no-repeat center bottom;
  background-size: cover;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 0 28px 18px 0;
}
.mainContent#aboutus #cont01_4 .data_wrap .data4 .txt1 {
  margin-right: 1.5em;
}
.mainContent#aboutus #cont01_4 .data_wrap .data4 .txt2 {
  font-size: 30px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data4 .txt2 span {
  font-size: 90px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data_job {
  max-width: 1000px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.mainContent#aboutus #cont01_4 .data_wrap .data_job .left {
  width: 66%;
}
.mainContent#aboutus #cont01_4 .data_wrap .data5 {
  background: url("../img/about/data_bg5.png") no-repeat center bottom;
  background-size: cover;
  height: 290px;
  padding-top: 13px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data5 .data-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.mainContent#aboutus #cont01_4 .data_wrap .data5 .data-item .donuts_wrap {
  margin: 0 8px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data5 .data-item .cnt {
  color: #076de8;
  font-size: 32px;
  font-weight: bold;
  padding-top: 66px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data5 .data-item .cnt span {
  font-size: 78px;
  line-height: 1;
}
.mainContent#aboutus #cont01_4 .data_wrap .data5 .data-item .cnt span.small {
  font-size: 50px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data5 .data-item .txt1 {
  text-align: center;
  margin-bottom: 13px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data5 .donuts {
  fill: none;
  stroke-width: 38;
}
.mainContent#aboutus #cont01_4 .data_wrap .data_job .left2_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data_job .left2_wrap .left2 {
  width: 48.5%;
  max-width: 320px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data6 {
  background: url("../img/about/data_bg6.png") no-repeat center;
  background-size: cover;
  height: 190px;
  margin-bottom: 20px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding-left: 28px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data6 .txt2 span {
  font-size: 80px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data6 .txt2 span.small {
  font-size: 60px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data7 {
  background: url("../img/about/data_bg7.png") no-repeat center;
  background-size: cover;
  height: 190px;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  padding: 0 0 25px 28px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data7 .txt2 span {
  font-size: 88px;
  letter-spacing: -1.5px
}
.mainContent#aboutus #cont01_4 .data_wrap .data8 {
  width: 48.5%;
  max-width: 320px;
  background: url("../img/about/data_bg8.png") no-repeat center bottom;
  background-size: cover;
  display: flex;
  flex-flow: column;
  padding: 23px 0 0 28px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data_job .right {
  width: 32%;
}
.mainContent#aboutus #cont01_4 .data_wrap .data9 {
  background: url("../img/about/data_bg9.png") no-repeat center;
  background-size: cover;
  height: 370px;
  margin-bottom: 20px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.mainContent#aboutus #cont01_4 .data_wrap .data9 .txt3 {
  text-align: center;
  opacity: 0.8;
  margin-top: 10px;
}
.mainContent#aboutus #cont01_4 .data_wrap .data9 .txt3 span {
  font-size: 14px;
  font-weight: bold;
}
.mainContent#aboutus #cont01_4 .data_wrap .data10 {
  background: url("../img/about/data_bg10.png") no-repeat center bottom;
  background-size: cover;
  height: 320px;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding-top: 40px;
}

@media screen and (max-width: 980px) {
  .mainContent#aboutus #cont01_4 .data_wrap {
    padding: 14px 13px;
    background-size: 3px 3.5px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data1 {
    display: block;
    padding: 10px 0 0;
    height: 225px;
    background: url("../img/about/data_bg1_sp.png") no-repeat center;
    background-size: cover;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .txt1 {
    font-size: 10px;
    margin-bottom: 0;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .txt2 {
    font-size: 15px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .txt2 span {
    font-size: 46px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .txt2 span.small {
    font-size: 18px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .txt2 div {
    font-size: 50px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .txt3 {
    font-size: 10px;
    text-align: center;
    margin-top: 5px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data1 .txt2 {
    font-size: 18px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data1 .right {
    width: 190px;
    margin: 5px auto 0;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row {
    display: flex;
    align-items: center;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row rect {
    width: 0;
    height: 24px;
    transition: width 2s ease-out;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .age {
    font-size: 18px;
    font-weight: bold;
}
  .mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .bar {
    width: 87px;
    height: 16px;
    margin: 0 10px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .bar div {
    height: 16px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data1.active .right .row .bar1 {
    width: 87px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data1.active .right .row .bar2 {
    width: 47px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data1.active .right .row .bar3 {
    width: 41px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data1.active .right .row .bar4 {
    width: 13px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data1.active .right .row .bar5 {
    width: 2px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .age {
    font-size: 15px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .age span {
    font-size: 12px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .cnt {
    font-size: 12px;
    width: 45px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .cnt span {
    font-size: 15px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data1 .right .row .cnt span.small {
    font-size: 13px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data234 {
    margin: 10px 0 25px;
    display: flex;
    flex-wrap: wrap;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data234 > div {
    width: calc(50% - 5px);
    height: 100px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data234 > .data2 {
    width: 100%;
    height: 85px;
    margin-bottom: 10px;
    padding: 10px 0;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data2 {
    background: url("../img/about/data_bg2_sp.png") no-repeat center bottom;
    background-size: cover;
    align-items: center;
    justify-content: center;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data2 .txt2 {
    padding: 0;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data3 {
    background: url("../img/about/data_bg3_sp.png") no-repeat right center #fff;
    background-size: auto 100%;
    padding: 10px 0 10px 10px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data3 .txt2 {
    font-size: 15px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data3 .txt2 span {
    font-size: 35px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data4 {
    background: url("../img/about/data_bg4_sp.png") no-repeat left top #fff;
    background-size: auto 100%;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0 10px 5px 0;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data4 .txt1 {
    margin-right: 1.5em;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data4 .txt2 {
    font-size: 15px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data4 .txt2 span {
    font-size: 35px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data4 .txt3 {
    margin-top: 1px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data_job {
    display: block;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data_job .left {
    width: 100%;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data5 {
    background: url("../img/about/data_bg5_sp.png") no-repeat center top #fff;
    background-size: 100% auto;
    height: 102px;
    padding: 10px 0;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data5 .data-item {
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data5 .data-item .donuts_wrap {
    margin: 0 5px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data5 .data-item .donuts_wrap svg {
    width: 65px;
    height: 65px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data5 .data-item .cnt {
    font-size: 10px;
    padding-top: 30px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data5 .data-item .cnt span {
    font-size: 35px;
    line-height: 1;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data5 .data-item .cnt span.small {
    font-size: 26px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data5 .data-item .txt1 {
    margin-bottom: 5px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data5 .donuts {
    fill: none;
    stroke-width: 38;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data_job .left2_wrap {
    display: block;
    margin-top: 10px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data_job .left2_wrap .left2 {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data_job .left2_wrap .left2 > div {
    width: calc(50% - 5px);
    height: 85px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data6 {
    background: url("../img/about/data_bg6_sp.png") no-repeat right center #fff;
    background-size: auto 100%;
    margin-bottom: 10px;
    padding-left: 8px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data6 .txt2 span {
    font-size: 50px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data6 .txt2 span.small {
    font-size: 30px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data7 {
    display: flex;
    flex-flow: column;
    justify-content: center;
    background: url("../img/about/data_bg7_sp.png") no-repeat right center #fff;
    background-size: auto 100%;
    padding: 0 0 0 10px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data7 .txt2 span {
    font-size: 46px;
    letter-spacing: -1.5px
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data8 {
    width: 100%;
    max-width: 100%;
    height: 98px;
    background: url("../img/about/data_bg8_2_sp.png") no-repeat right bottom , url("../img/about/data_bg8_sp.png") repeat ;
    background-size: auto 100% , 335px auto;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 10px;
    padding: 0 0 0 33px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data8 .txt1 {
    background: #fff;
    padding: 3px 3px 0 3px;
    border-radius: 10px 10px 0 0;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data8 .txt2 {
    background: #fff;
    padding: 0 3px 3px 3px;
    border-radius: 0 10px 10px 10px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data_job .right {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data9 {
    background: url("../img/about/data_bg9_sp.png") no-repeat center;
    background-size: 100% 100%;
    width: calc(50% - 5px);
    height: 150px;
    margin-bottom: 0;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data9 .txt2 span.small , .mainContent#aboutus #cont01_4 .data_wrap .data10 .txt2 span.small {
    font-size: 30px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data9 .txt3 {
    margin-top: 0;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data9 .txt3 span {
    font-size: 10px;
  }
  .mainContent#aboutus #cont01_4 .data_wrap .data10 {
    background: url("../img/about/data_bg10_sp.png") no-repeat center bottom #fff;
    background-size: auto 100%;
    width: calc(50% - 5px);
    height: 150px;
    padding-top: 16px;
  }
}
@media screen and (max-width: 370px) {
  .mainContent#aboutus #cont01_4 .data_wrap .data5 {
    background: url("../img/about/data_bg5_sp.png") no-repeat center bottom #fff;
    background-size: 100% auto;
    height: 114px;
    padding: 10px 0;
  }
}

@media screen and (max-width: 1000px){
  .mainContent#aboutus #cont01_4 dl > div dt { font-size: 2.0rem; }
}

@media screen and (max-width: 767px) {
  .mainContent#aboutus #cont01_4 { margin: 44px auto 75px }
  .mainContent#aboutus #cont01_4 dl { width: 100%; max-width: 400px; margin: 15px auto 25px; border: none; }
  .mainContent#aboutus #cont01_4 dl > div { width: 100%; padding: 20px 0 20px 40%; }
  .mainContent#aboutus #cont01_4 dl > div + div { border-top: 1px solid #d6e0ea; border-left: none; }
  .mainContent#aboutus #cont01_4 dl > div:last-child { border: none; }
  .mainContent#aboutus #cont01_4 dl > div:before { top: 0; left: 14%; margin-top: 23px; margin-left: inherit; width: 74px; height: 74px; }
  .mainContent#aboutus #cont01_4 dl > div dt { padding-top: 0; font-size: 1.5rem; text-align: left; }
  .mainContent#aboutus #cont01_4 dl > div dd { justify-content: flex-start; }
  .mainContent#aboutus #cont01_4 dl > div dd ul { width: auto; margin: .8em 0 0; }
  .mainContent#aboutus #cont01_4 dl > div dd ul li { padding-left: 14px; line-height: 1.3; }
  .mainContent#aboutus #cont01_4 dl > div dd ul li:before { top: 4px; width: 9px; height: 3px; border-left: 2px solid #004e9d; border-bottom: 2px solid #004e9d; }
}

@media screen and (max-width: 500px){
  .mainContent#aboutus #cont01_4 dl > div { padding: 18px 0 19px 31%; }
  .mainContent#aboutus #cont01_4 dl > div:before { left: 1px; }
}


.mainContent#aboutus .gray {
  background-color: rgb(243, 246, 249);
  padding: 110px 0px;
  margin: 50px auto;
}
.mainContent#aboutus #cont01_5 { margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.mainContent#aboutus #cont01_5 h4 { width: 100%; margin-bottom: 24px; }
.mainContent#aboutus #cont01_5 > dl { width: 47.5833%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.mainContent#aboutus #cont01_5 > dl dt { width: 80px; color: #004e9d; font-weight: 500; margin: .5em 0; }
.mainContent#aboutus #cont01_5 > dl dd { width: calc( 100% - 80px ); margin: .5em 0; }
.mainContent#aboutus #cont01_5 > dl + dl dt { width: 100px; }
.mainContent#aboutus #cont01_5 > dl + dl dd { width: calc( 100% - 100px ); }

@media screen and (max-width: 767px) {
  .mainContent#aboutus .gray { padding: 48px 0; }
  .mainContent#aboutus #cont01_5 > dl { width: 100%; margin: 0 auto; font-size: 1.4rem; }
  .mainContent#aboutus #cont01_5 > dl dt,
  .mainContent#aboutus #cont01_5 > dl + dl dt { width: 100%; margin: .4em 0 0; }
  .mainContent#aboutus #cont01_5 > dl dd,
  .mainContent#aboutus #cont01_5 > dl + dl dd { width: 100%; margin: 0; }
}



.mainContent#aboutus #cont02 { margin-top: 200px; position: relative; }
.mainContent#aboutus #cont02:before { position: absolute; top: 0; display: block; font-family: 'Khand'; font-weight: bold; color: #f3f6f9; z-index: 0; font-size: 26rem; letter-spacing: .08em; line-height: 1; white-space: nowrap; }
.mainContent#aboutus #cont02:before { top: -62px; left: -24px; content: 'ABOUT THIS SITE'; }
.mainContent#aboutus #cont02 > div.wide { position: relative; }
.mainContent#aboutus #cont02 > div.wide > div.mid { margin: 70px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.mainContent#aboutus #cont02 > div.wide > div.mid > div { width: 47.5833%; }
.mainContent#aboutus #cont02 > div.wide > div.mid > div > img { width: 95%; margin: 1em auto; }
.mainContent#aboutus #cont02 > div.wide > div.mid > div.text {}
.mainContent#aboutus #cont02 > div.wide > div.mid > div.text .catch { font-size: 2.4rem; font-weight: 500; line-height: 1.6; letter-spacing: 0.1em; margin: 0 0 10px 0; }
.mainContent#aboutus #cont02 > div.wide > div.mid > div.text p { font-size: 1.8rem; line-height: 2; }
.mainContent#aboutus #cont02 > div.wide > div.mid > div.text p + p { margin-top: 1.9em; }

.mainContent#aboutus #cont02 > div.btn { margin-top: 100px; }

@media screen and (max-width: 1000px){
  .mainContent#aboutus #cont02 > div.wide > div.mid > div.text .catch { font-size: 2.0rem; }
  .mainContent#aboutus #cont02 > div.wide > div.mid > div.text p { font-size: inherit; }
}

@media screen and (max-width: 767px) {
  .mainContent#aboutus #cont02 { margin-top: 80px; }
  .mainContent#aboutus #cont02:before { font-size: 10rem; }
  .mainContent#aboutus #cont02:before { top: -12px; left: -14px; }
  .mainContent#aboutus #cont02 > div.wide > div.mid { margin: 16px auto 0; }
  .mainContent#aboutus #cont02 > div.wide > div.mid > div { width: 100%; }
  .mainContent#aboutus #cont02 > div.wide > div.mid > div.text p { font-size: 1.4rem; }
  .mainContent#aboutus #cont02 > div.wide > div.mid > div > img { width: 100%; margin: 2em auto 0; }
  .mainContent#aboutus #cont02 > div.wide > div.mid > div.text { margin-bottom: 15px; }
  .mainContent#aboutus #cont02 > div.wide > div.mid > div.text .catch { font-size: 1.5rem; }
  
  .mainContent#aboutus #cont02 > div.btn { margin-top: 70px; }
  
  .mainContent#aboutus .btn90.blue { margin: 74px auto 25px; }
  .mainContent#aboutus .btn90.blue + .btn90 { margin: 25px auto 25px; }
}