.about-ttl { font-size: 3.0rem; font-weight: 700; text-align: center; color: #0d3078; }
@media screen and (max-width: 750px) { .about-ttl { font-size: 2.6rem; } }

.about-nav { padding: 40px 0 100px; }
.about-nav ul { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 750px) { .about-nav ul { display: block; } }
.about-nav ul li { width: 31.2%; margin-right: 3.2%; margin-bottom: 2%; }
@media screen and (max-width: 750px) { .about-nav ul li { width: 90.2941176471%; margin: 0 auto 4.4117647059%; }
  .about-nav ul li:last-child { margin: 0 auto !important; } }
.about-nav ul li:nth-child(3n) { margin-right: 0; }
.about-nav ul li a { position: relative; overflow: hidden; outline: none; display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 25px 20px; border: 1px solid #0d3078; background: #fff url("../img/common/ico_arrow_b.svg") no-repeat right 25px center; background-size: 14px auto; font-size: 1.5rem; font-weight: 700; text-align: center; border-radius: 2em; line-height: 1; transition: ease .2s; }
.about-nav ul li a::before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: #0d3078 url("../img/common/ico_arrow_w_b.svg") no-repeat right 25px center; background-size: 14px auto; transition: all .5s; opacity: 0; }
.about-nav ul li a span { position: relative; z-index: 3; color: #0d3078; }
.about-nav ul li a:hover::before { opacity: 1; }
.about-nav ul li a:hover span { color: #fff; }

.about-field .about-field-top { margin-bottom: 100px; }
.about-field .about-field-top .about-ttl { margin-bottom: 30px; }
.about-field .about-field-top .about-lead { text-align: center; }
.about-field .about-field-nav .tabmenu { display: flex; }
.about-field .about-field-nav .tabmenu li { position: relative; width: 23.8%; margin-right: 1.6%; padding: 50px 5px 30px; background-color: #a8c0d6; border-top-left-radius: 1em; border-top-right-radius: 1em; cursor: pointer; transition: all .6s; }
@media screen and (max-width: 750px) { .about-field .about-field-nav .tabmenu li { padding: 40px 5px 20px; } }
.about-field .about-field-nav .tabmenu li:last-child { margin-right: 0; }
.about-field .about-field-nav .tabmenu li:hover, .about-field .about-field-nav .tabmenu li.active { background-color: #0d3078; }
.about-field .about-field-nav .tabmenu li figure { position: absolute; top: 0; left: 0; width: 100%; margin-top: -50px; text-align: center; }
@media screen and (max-width: 750px) { .about-field .about-field-nav .tabmenu li figure { left: 50%; width: 68px; margin-top: -20px; margin-left: -34px; } }
.about-field .about-field-nav .tabmenu li p { color: #fff; text-align: center; }
@media screen and (max-width: 750px) { .about-field .about-field-nav .tabmenu li p { font-size: 1.0rem; } }
.about-field .about-field-con { padding: 40px 0 120px; background-color: #f4f8fc; }
.about-field .about-field-con .about-field-wrap { position: relative; }
.about-field .about-field-con .about-field-wrap .slide-btn { z-index: 99; position: absolute; top: 50%; width: 60px; margin-top: -30px; cursor: pointer; }
@media screen and (max-width: 750px) { .about-field .about-field-con .about-field-wrap .slide-btn { width: 30px; } }
.about-field .about-field-con .about-field-wrap .slide-btn._prev { left: 0; }
@media screen and (max-width: 750px) { .about-field .about-field-con .about-field-wrap .slide-btn._prev { margin-left: -15px; } }
.about-field .about-field-con .about-field-wrap .slide-btn._next { right: 0; }
@media screen and (max-width: 750px) { .about-field .about-field-con .about-field-wrap .slide-btn._next { margin-right: -15px; } }
.about-field .about-field-con .about-field-box { display: flex; width: 100%; max-width: 800px; margin: 0 auto; padding-bottom: 5.625%; background-color: #fff; border-radius: 1.5em; overflow: hidden; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 980px) { .about-field .about-field-con .about-field-box { max-width: 600px; } }
@media screen and (max-width: 750px) { .about-field .about-field-con .about-field-box { display: block; width: 88.2352941176%; max-width: 100%; padding-bottom: 40px; } }
.about-field .about-field-con .about-field-box .box-l { flex: 1; padding: 3.75% 3.75% 0% 3.75%; }
@media screen and (max-width: 750px) { .about-field .about-field-con .about-field-box .box-l { padding: 30px 20px 0; } }
.about-field .about-field-con .about-field-box .box-l .box-cate { margin-bottom: 30px; }
.about-field .about-field-con .about-field-box .box-l .box-cate span { padding: 2px 10px; background-color: #0d3078; font-size: 1.8rem; color: #fff; line-height: 1; }
.about-field .about-field-con .about-field-box .box-l .box-ttl { margin-bottom: 20px; font-size: 2.2rem; font-weight: 700; }
.about-field .about-field-con .about-field-box .box-l .box-txt { margin-bottom: 40px; font-size: 1.5rem; }
.about-field .about-field-con .about-field-box .box-r { width: 45%; overflow: hidden; }
@media screen and (max-width: 750px) { .about-field .about-field-con .about-field-box .box-r { width: 100%; } }
.about-field .about-field-con .about-field-box .box-r .about-swiper-main { margin-bottom: 30px; }
.about-field .about-field-con .about-field-box .box-r .about-swiper-main img { border-bottom-left-radius: 2.5em; }
.about-field .about-field-con .about-field-box .box-r .about-swiper-sub { position: relative; }
@media screen and (max-width: 750px) { .about-field .about-field-con .about-field-box .box-r .about-swiper-sub { padding: 0 20px; } }
.about-field .about-field-con .about-field-box .box-r .about-swiper-sub .swiper-btn { z-index: 99; position: absolute; top: 50%; width: 18px; margin-top: -15px; padding: 0; }
.about-field .about-field-con .about-field-box .box-r .about-swiper-sub .swiper-btn._prev { left: 0; }
.about-field .about-field-con .about-field-box .box-r .about-swiper-sub .swiper-btn._next { right: 0; margin-right: 30px; }
@media screen and (max-width: 750px) { .about-field .about-field-con .about-field-box .box-r .about-swiper-sub .swiper-btn._next { margin-right: 0; } }
.about-field .about-field-con .about-field-box .box-r .about-swiper-sub .swiper-slide { width: 70px; border: 2px solid #fff; }
@media screen and (max-width: 750px) { .about-field .about-field-con .about-field-box .box-r .about-swiper-sub .swiper-slide { width: 40px; } }
.about-field .about-field-con .about-field-box .box-r .about-swiper-sub .swiper-slide-thumb-active { border: 2px solid #0d3078; }
.about-field .about-field-con .about-field-box .c-btn { padding: 15px; font-size: 1.5rem; border-radius: 4em; }
@media screen and (max-width: 750px) { .about-field .about-field-con .about-field-box .c-btn { max-width: 29rem; margin: 30px auto 0; font-size: 1.2rem; } }

.about-strength { padding: 70px 0 0; overflow: hidden; }
.about-strength .strength-top { margin-bottom: 70px; }
.about-strength .strength-top .about-ttl { margin-bottom: 0; }
.about-strength .strength-box { position: relative; }
.about-strength .strength-box .strength-box-item { z-index: 99; position: relative; width: 100%; max-width: 460px; }
@media screen and (max-width: 980px) { .about-strength .strength-box .strength-box-item { max-width: 100%; margin-bottom: 30px; } }
.about-strength .strength-box .strength-box-item .strength-num { font-size: 23.0rem; font-weight: 700; color: #cee7ff; line-height: 1; }
@media screen and (max-width: 750px) { .about-strength .strength-box .strength-box-item .strength-num { font-size: 13.0rem; } }
.about-strength .strength-box .strength-box-item dl { margin-top: -3em; }
@media screen and (max-width: 750px) { .about-strength .strength-box .strength-box-item dl { margin-top: -1.5em; } }
.about-strength .strength-box .strength-box-item dl dt { margin-bottom: 20px; }
.about-strength .strength-box .strength-box-item dl dt span { padding: 5px 0; background: rgba(255, 255, 255, 0.7); font-size: 3.0rem; color: #0d3078; font-weight: 700; }
@media screen and (max-width: 750px) { .about-strength .strength-box .strength-box-item dl dt span { font-size: 2.4rem; } }
.about-strength .strength-box .strength-box-item dl dd { color: #0d3078; }
.about-strength .strength-box .strength-box-fig { position: absolute; top: 0; }
@media screen and (max-width: 980px) { .about-strength .strength-box .strength-box-fig { position: static; margin: 0 auto !important; padding: 0 20px; text-align: center; } }
@media screen and (max-width: 750px) { .about-strength .strength-box .strength-box-fig { padding: 0 4.6666666667%; } }
.about-strength ._box01 { margin-bottom: 150px; }
@media screen and (max-width: 980px) { .about-strength ._box01 { margin-bottom: 80px; } }
.about-strength ._box01 .strength-box-fig { right: 0; margin-top: -70px; margin-right: -275px; }
@media screen and (max-width: 980px) { .about-strength ._box01 .strength-box-fig { margin-right: 0; } }
.about-strength ._box02 { margin-bottom: 155px; }
@media screen and (max-width: 980px) { .about-strength ._box02 { margin-bottom: 80px; } }
.about-strength ._box02 .strength-box-fig { left: 0; margin-top: -100px; margin-left: 40px; }
.about-strength ._box02 .strength-box-item { margin: 0 0 0 auto; }
@media screen and (max-width: 980px) { .about-strength ._box02 .strength-box-item { margin-bottom: 30px; } }
.about-strength ._box03 { margin-bottom: 200px; }
@media screen and (max-width: 980px) { .about-strength ._box03 { margin-bottom: 80px; } }
.about-strength ._box03 .strength-box-fig { right: 0; margin-top: -40px; margin-right: 40px; }

.about-future { position: relative; margin-bottom: 215px; padding-bottom: 250px; background-color: #f4f8fc; }
@media screen and (max-width: 750px) { .about-future { margin-bottom: 115px; padding-bottom: 150px; } }
.about-future .about-fig { position: absolute; bottom: 0; left: 50%; width: 93.75%; margin-left: -46.875%; margin-bottom: -8.59375%; }
.about-future .future-top { position: relative; width: 334px; height: 155px; margin: 0 auto 30px; background-color: #0d3078; border-bottom-left-radius: 167px; border-bottom-right-radius: 167px; }
@media screen and (max-width: 750px) { .about-future .future-top { width: 250px; height: 130px; border-bottom-left-radius: 125px; border-bottom-right-radius: 125px; } }
.about-future .about-ttl { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; color: #fff; }
@media screen and (max-width: 750px) { .about-future .about-ttl { font-size: 2.3rem; } }
.about-future .future-ttl { margin-bottom: 30px; font-size: 2.3rem; text-align: center; font-weight: 700; color: #0d3078; }
@media screen and (max-width: 750px) { .about-future .future-ttl { font-size: 1.8rem; } }
.about-future .future-lead { margin-bottom: 55px; text-align: center; }
.about-future .future-list { display: flex; width: 100%; max-width: 800px; margin: 0 auto 50px; }
@media screen and (max-width: 750px) { .about-future .future-list { display: block; } }
.about-future .future-list li { position: relative; width: 31.25%; margin-right: 3.125%; padding: 130px 20px 30px; background-color: #fff; border-radius: 1em; }
@media screen and (max-width: 750px) { .about-future .future-list li { width: 100%; margin-right: 0; margin-bottom: 40px; } }
.about-future .future-list li:last-child { margin-right: 0; }
.about-future .future-list li figure { position: absolute; top: 0; left: 50%; width: 83.2%; margin-top: -8%; margin-left: -41.6%; }
@media screen and (max-width: 750px) { .about-future .future-list li figure { width: 200px; margin-left: -100px; } }
.about-future .future-list li dl { color: #0d3078; text-align: center; }
.about-future .future-list li dl dt { margin-bottom: 10px; font-size: 2.2rem; font-weight: 700; }
.about-future .future-txt { padding-left: 1em; text-indent: -1em; font-size: 1.2rem; text-align: right; }
@media screen and (max-width: 750px) { .about-future .future-txt { font-size: 1.0rem; text-align: left; } }

/*# sourceMappingURL=about.css.map */