/* 1336pxの場合　フォントサイズ以外
 min(1rem,calc(10vw/13.66)) */


 .hd_menu li:nth-of-type(1) button {
 color: #0050af;
}
/*                        about                        */

.mv_inner {
 background: #004ea1;
 background: linear-gradient(90deg, rgba(0, 78, 161, 1) 0%, rgba(159, 209, 244, 1) 100%);
 position: relative;
}
.mv_sab_ttl {
 color: #0050af;
}

/*                    about_contents                    */
.about_contents {
 position: relative;
}

.about_contents_inner {
 padding: min(11.5rem, calc(115vw / 13.66)) 0 0;
}


.about_top_inner {
 width: min(117rem, calc(1170vw / 13.66)) ;
 margin: 0 auto  ;
 text-align: justify;
}
.about_top_ttl {
 font-size: 4rem;
 font-weight: 700;
 margin-bottom:  min(1rem, calc(10vw / 13.66));
}
.about_top_txt {
 font-size: 1.8rem;
 font-weight: 500;
 line-height: 2.2;
 margin-bottom: min(8rem, calc(80vw / 13.66));
}
.about_top_flex {
 display: flex;
 justify-content: space-between;
}
.about_top_box {
 width: min(56rem, calc(560vw / 13.66));
 background-color: #fff;
 border-radius: min(3rem, calc(30vw / 13.66));
 padding: min(4rem, calc(40vw / 13.66)) min(5rem, calc(50vw / 13.66)) min(4rem, calc(40vw / 13.66));
 text-align: justify;
 box-sizing: border-box;
}
.about_top_box_ttl {
 font-size: 3rem;
 font-weight: 700;
 color: #0050af;
 line-height: 1.56;
}
.about_top_box_txt {
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 2.25;
 margin-top: min(2rem, calc(20vw / 13.66)) ;
}

.about_top_item {
 width: 100%;
 margin-top: min(8rem, calc(80vw / 13.66));
 padding: min(8rem, calc(80vw / 13.66))  0;
 background: url(../images/about/about_bg.webp) no-repeat;
 background-size: cover;
 margin-bottom: min(9rem, calc(90vw / 13.66));
}
.about_top_item .about_top_flex {
 width: min(117rem, calc(1170vw / 13.66)) ;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
}
.about_top_img {
width: min(56rem, calc(560vw / 13.66)) ;
}
.about_top_item .about_top_box {
 background-color: #ffffff80;
}

.about_handle_inner {
 width: min(117rem, calc(1170vw / 13.66)) ;
 margin: 0 auto;
 padding-bottom: min(20rem, calc(200vw / 13.66)) ;
}
.about_ttl {
 display: flex;
 align-items: flex-end;
 gap: 0 min(1rem, calc(10vw / 13.66)) ;
}
.about_handle .about_ttl {
 gap: 0 min(1.5rem, calc(15vw / 13.66)) ;
}
.about_ttl span:first-of-type {
 font-size: 5.6rem;
 font-weight: 700;
 line-height: 1.24;
 text-align: left;
}

.about_ttl span:last-of-type {
 font-size: 12.8rem;
 font-weight: 700;
 line-height: 1;
 text-align: left;
 letter-spacing: -0.02em;
}
.about_txt {
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 2.25;
 text-align: justify;
 margin-top: min(3rem, calc(30vw / 13.66)) ;
}

.about_handle_flex {
 width:  min(91.6rem, calc(916vw / 13.66));
 display: flex;
 justify-content: space-between;
 margin: 0 auto;
 flex-wrap: wrap;
 gap: min(6rem, calc(60vw / 13.66))  0;
 margin-top: min(15.5rem, calc(155vw / 13.66));
}
.about_handle_item {
 width:  min(37.6rem, calc(376vw / 13.66));
 position: relative;
}
.about_handle_item::before {
 content: '';
 width: min(63rem, calc(630vw / 13.66)) ;
 height: min(63rem, calc(630vw / 13.66)) ;
 background-color: #fff;
 border-radius: 50%;
 position: absolute;
 top: 50%;
 transform: translate(-50%,-50%);
 left: 50%;
 z-index: -1;
}
.about_handle_item:nth-of-type(1)::before ,
.about_handle_item:nth-of-type(2)::before {
 top: 54%;
}
.about_handle_item:nth-of-type(3)::before ,
.about_handle_item:nth-of-type(4)::before {
 top: 46%;
}
.about_handle_box {
 position: relative;
 z-index: 1;
}
.about_handle_box_ttl {
 font-size: 3.2rem;
 text-align: center;
 line-height: 1.75;
 font-weight: 700;
 border-radius: min(2rem, calc(20vw / 13.66)) min(2rem, calc(20vw / 13.66)) 0 0;
 padding: min(.3rem, calc(3vw / 13.66)) 0;
 margin-bottom: min(1rem, calc(10vw / 13.66));
}
.about_handle_item:nth-of-type(1) .about_handle_box_ttl{
 background-color: #c2ee93;
}
.about_handle_item:nth-of-type(2) .about_handle_box_ttl{
 background-color: #ade2fd;
}
.about_handle_item:nth-of-type(3) .about_handle_box_ttl{
 background-color: #ffb19a;
}
.about_handle_item:nth-of-type(4) .about_handle_box_ttl{
 background-color: #fff87d;
}

.about_handle_box_txt {
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 1.75;
 text-align: justify;
 margin-top:  min(2rem, calc(20vw / 13.66));
 position: relative;
 z-index: 5;
}


.about_strengths {
 background-color: #fff;
}
.about_strengths_inner {
 position: relative;
 width:  min(117rem, calc(1170vw / 13.66));
 margin: 0 auto;
 padding: min(13rem, calc(130vw / 13.66)) 0 min(10rem, calc(100vw / 13.66)) ;
}
.about_strengths_inner  .about_txt {
 width:  min(68.6rem, calc(686vw / 13.66));
 letter-spacing: 0.04em;
}
.about_strengths_img {
 width:  min(43.2rem, calc(432vw / 13.66));
 position: absolute;
 top:   min(10rem, calc(100vw / 13.66));
 right: 0;
}
.about_strengths_item {
 width: 100%;
 border: #559bf8 solid min(.2rem, calc(2vw / 13.66));
 border-radius: min(3rem, calc(30vw / 13.66));
 position: relative;
 padding: min(13.5rem, calc(135vw / 13.66)) min(7.5rem, calc(75vw / 13.66)) min(4.5rem, calc(45vw / 13.66));
 box-sizing: border-box;
 overflow: hidden;
 margin-top: min(5rem, calc(50vw / 13.66));
}


.about_strengths_ttl {
 width: fit-content;
 background-color: #559bf8;
 color: #fff;
 font-size: 4.5rem;
 font-weight: 700;
 padding: min(.7rem, calc(7vw / 13.66)) 0;
 padding-left:  min(7.5rem, calc(75vw / 13.66));
 padding-right:  min(4rem, calc(40vw / 13.66));
 border-radius:  0 0  min(3rem, calc(30vw / 13.66)) 0;
 position: absolute;
 top: 0;
 left: 0;
}
.about_strengths_txt {
 font-size: 1.6rem;
 text-align: justify;
 line-height: 2.25;
 font-weight: 500;
}

.about_people {
 position: relative;
 padding: min(10rem, calc(190vw / 13.66)) 0 min(41rem, calc(410vw / 13.66)) ;
}
.about_people_inner {
 width:  min(117rem, calc(1170vw / 13.66));
 margin: 0 auto;
}
.about_flex {
 display: flex;
 align-items: center;
 justify-content: flex-start;
 gap: 0 min(4rem, calc(40vw / 13.66)) ;
 margin-bottom: min(5rem, calc(50vw / 13.66));
}
.about_flex .about_txt {
 width: min(60rem, calc(600vw / 13.66)) ;
 margin-top: 0;
}
.about_people_img{
  width:  min(136.6rem, calc(1366vw / 13.66));
  margin: 0 auto;
}

.about_people_box {
 width:  min(116rem, calc(1160vw / 13.66));
 margin: 0 auto;
 position: absolute;
 left: 0;
 right: 0;
 margin: 0 auto;
 bottom:  min(12rem, calc(120vw / 13.66));
}
.about_people_box::before {
 content: '';
 width: 100%;
 height: 100%;
 border-radius: min(17.5rem, calc(175vw / 13.66));
 background: #A6FBEB;
background: linear-gradient(90deg, rgba(166, 251, 235, 1) 0%, rgba(72, 141, 221, 1) 100%);
position: absolute;
top:  min(1rem, calc(10vw / 13.66));
left:  min(1rem, calc(10vw / 13.66));
z-index: -1;
}
.about_people_box_inner {
 border-radius: min(17.5rem, calc(175vw / 13.66));
 background-color: #fff;
 box-sizing: border-box;
 padding: min(5rem, calc(50vw / 13.66)) min(14rem, calc(140vw / 13.66)) min(6.5rem, calc(65vw / 13.66));
 position: relative;
}
.about_people_box_ttl {
 text-align: left;
 font-size: 4.5rem;
 color: #0050af;
 font-weight: 700;
}
.about_people_box_txt {
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 2.25;
 text-align: justify;
 margin-top: min(.5rem, calc(5vw / 13.66));
}

.about_bg {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 z-index: -1;
}



.page_banner_inner {
 background: url(../images/about/about_banner.webp) no-repeat;
 background-size: cover;
}
.banner_btn{
 background: #a6ffff;
 background: linear-gradient(90deg, rgba(166, 255, 255, 1) 0%, rgba(85, 155, 248, 1) 100%);
 border-color: #fff;
}
.banner_btn::before {
 background: url(../images/common/btn_arrow_w.svg) no-repeat;
 background-size: cover;
}



@media screen and (max-width: 767px) {


/*                    about_contents                    */
.about_contents_inner {
 padding:4.5rem 0 0;
}
.about_top_inner {
 width: 32.5rem;
}
.about_top_ttl {
 font-size: 2.4rem;
 margin-bottom:  1rem;
 line-height: 1.4;
}
.about_top_txt {
 font-size: 1.4rem;
 line-height: 1.75;
 margin-bottom: 4.5rem;
}
.about_top_flex {
 flex-direction: column;
 gap: 4rem 0;
}
.about_top_box {
 width: 100%;
 border-radius: 1.5rem;
 padding: 2rem 2.5rem 2rem;
}
.about_top_box_ttl {
 font-size: 1.8rem;
 line-height: 1.5;
}
.about_top_box_txt {
 font-size: 1.4rem;
 line-height: 1.75;
 margin-top: 1rem;
}

.about_top_item {
 width: 100%;
 margin-top: 5rem;
 padding: 5rem  0;
 background: url(../images/about/about_bg_sp.webp) no-repeat;
 background-size: cover;
 margin-bottom: 4.5rem;
}
.about_top_item .about_top_flex {
 width: 32.5rem;
 flex-direction: column;
 gap: 2.5rem 0;
}
.about_top_img {
width: 100%;
}
.about_handle {
 overflow: hidden;
}

.about_handle_inner {
 width:32.5rem ;
 padding-bottom: 12rem ;
}
.about_ttl {
 gap: .5rem 0;
 align-items: flex-start;
 flex-direction: column;
}
.about_handle .about_ttl {
gap: .5rem 0;
}
.about_ttl span:first-of-type {
 font-size: 2.5rem;
}
.about_ttl span:last-of-type {
 font-size: 5.5rem;
}
.about_txt {
 font-size: 1.4rem;
 line-height: 1.75;
 margin-top: 1.5rem ;
}

.about_handle_flex {
 width:  27.5rem;
 flex-direction: column;
 gap: 3rem 0;
 margin-top:10rem;
}
.about_handle_item {
 width: 100%;
}
.about_handle_item::before {
 width: 45rem ;
 height: 45rem ;
}
.about_handle_item:nth-of-type(1)::before ,
.about_handle_item:nth-of-type(2)::before {
 top: 50%;
}
.about_handle_item:nth-of-type(3)::before ,
.about_handle_item:nth-of-type(4)::before {
 top: 50%;
}
.about_handle_box_ttl {
 font-size: 1.8rem;
 border-radius: 1rem 1rem 0 0;
 padding: .4rem 0;
 margin-bottom: .7rem;
}

.about_handle_box_txt {
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 1.75;
 text-align: justify;
 margin-top:  .5rem;
}

.about_strengths_inner {
 width: 32.5rem;
 padding: 4.5rem 0 5rem ;
}
.about_strengths_inner  .about_txt {
 width:  100%;
 letter-spacing: 0.04em;
}
.about_strengths_img {
 width:  100%;
 position: relative;
 top:  0;
 right: 0;
 margin: 3.5rem 0 2.5rem;
}
.about_strengths_item {
 border: #559bf8 solid .2rem;
 border-radius:1.5rem;
 padding: 11rem 2.3rem 2rem;
 margin-top: 3rem;
}


.about_strengths_ttl {
 font-size: 2.5rem;
 line-height: 1.4;
 padding: 1rem 0;
 padding-left:  2.5rem;
 padding-right: 2.5rem;
 border-radius:  0 0  1.5rem 0;
 text-align: left;
}
.about_strengths_txt {
 font-size: 1.4rem;
 line-height: 1.75;
}

.about_people {
 padding: 4.5rem 0 48.5rem ;
}
.about_people_inner {
 width:  32.5rem;
}
.about_flex {
 flex-direction: column;
 gap:1.5rem  0  ;
 align-items: flex-start;
 margin-bottom: 3.5rem;
}
.about_flex .about_txt {
 width:100%;
 margin-top: 0;
}
.about_people_img{
  width: 100%;
}

.about_people_box {
 width: 32.2rem;
 bottom: 5.3rem;
}
.about_people_box::before {
 border-radius: 16rem;
top: 0;
left:  .4rem;
}
.about_people_box_inner {
 border-radius: 16rem;
 padding: 4rem 4.3rem 6rem;
}
.about_people_box_ttl {
 text-align: center;
 font-size: 2.5rem;
 line-height: 1.4;
}
.about_people_box_txt {
 font-size: 1.4rem;
 line-height: 1.75;
 margin-top:1rem;
}

.about_bg {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 z-index: -1;
}



.page_banner_inner {
 background: url(../images/about/about_banner_sp.webp) no-repeat;
 background-size: cover;
}
}