@charset "utf-8";
/* CSS Document */

/*--------------------------------------
　Main Index
---------------------------------------*/


/*===========
inview
===========*/

.fadeIn_up {
  transform: translate(0, 100px);
  transition: all .6s ease-in-out;
  opacity: 0;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_up2 {
  transform: translate(0, 40px);
  transition: all .3s ease-in-out;
  opacity: 0;
}
.fadeIn_up2.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_up.delay1{
  transition-delay: 0.1s; 
}
.fadeIn_up.delay2{
  transition-delay: 0.2s; 
}

.illanim{
position: absolute;
animation: floating-x 2.2s ease-in-out infinite alternate-reverse;
}
@keyframes floating-x {
  0% {
    transform: translateY(-4%);
  }
  100% {
    transform: translateY(4%);
  }
}

  

/*------------
　body_PC
------------*/
body {
background: none;
min-width:0;
}

.forTab{
position: relative;
z-index: 1;
}
.index{
}

img:not([width]) {
/*width:100%;*/
height:auto;
max-width: 100%;
}

.areaInner{
width: 1100px;
}





/*--------------------------------------
　header_PC
---------------------------------------*/
#header{
position: relative;
z-index: 14;
height: auto;
overflow: hidden;
}
#header::before{
content: "";
position: absolute;
top: -17rem;
right: -5rem;
width: 60rem;
height: 62rem;
background: url("./img/kv_bg.png") 0 0 no-repeat;
}

#header .inner{
position: relative;
}
#header .inner::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 8rem;
    left: calc(45% - 79rem);
    width: 40rem;
    height: 40rem;
    background: url(./img/sct04_ill.png) center / 29rem auto no-repeat;
    /* animation: floating-x 2.2s ease-in-out infinite alternate-reverse; */
}
#header::after {
    content: "";
    position: absolute;
    top: auto;
    bottom: -19rem;
    left: calc(50% + 60rem);
    width: 60rem;
    height: 70rem;
    background: url(./img/sct05_ill01.png) 0 / 29rem auto no-repeat;
    /* animation: floating-x 2.2s ease-in-out infinite alternate-reverse; */
}


#header .topArea2{
}

#header .siteName h1{
display: inline-block;
font-weight: 400;
}

#header .logo{
position: relative;
width: auto;
margin: 0;
padding: 8.5rem 0 0;
}
#header .logo .logoInner{
display: block;
width: 20.5rem;
margin: 0 0 .5rem calc(50% + 3rem);
}



/* mvArea */
#header .mvArea{
position: relative;
margin: 6rem 0 0 calc(50% + 3rem);
padding: 0 0 16rem;
}

#header .mvArea h2{
margin: 0 0 6rem;
font-size:4.8rem;
}

#header .mvArea h2 .fontL{display: inline-block;margin: 2rem 1.5rem 0 0;padding: .5rem 1rem 1.2rem;background: #A5C2FF;background: linear-gradient(40deg, #52b9f7 0%, #83a7f3 100%);line-height: 1;font-size:6.0rem;color: #fff;}

#header .mvArea p{
width: 56rem;
font-size:1.8rem;
}


/* slideArea */

#header .slideArea{
position: absolute;
top: 0;
width: 100%;
}
#header .slideArea img{
border-radius: .8rem;
}
#header .slideArea .slider1{
position: absolute;
width: 29rem;
top:0;
left: calc(50% - 68rem);
}
#header .slideArea .slider1b{
position: absolute;
width: 29rem;
top:0;
left: calc(50% - 36rem);
transform: rotate(180deg)!important;
}
#header .slideArea .slider1b img{
transform: rotate(180deg);
}

#header .slideArea .slick-slide{
margin-top: 1.2rem;
margin-bottom: 1.2rem;
}


/*------------
contents_PC
------------*/

#contents{
margin: 0;
}
#contents::before{
}

.index{
width: 100%;
padding: 0 0 10rem;
}




/*------------
indexSect_PC
------------*/
.indexSect{
position: relative;
}
.indexSect::before{
}
.indexSect .areaInner{
}
.indexSect .sectTtlArea{position: relative;margin: 0 0 8rem;text-align: center;}
.indexSect .sectTtl{
line-height: 1.6;
font-size:4.0rem;
}
.indexSect .sectTtl .fontL{
}
.indexSect .sectTtlArea .empBox{display: inline-block;margin: 2rem 1.0rem 0;padding: .3rem 1rem .8rem;background: #a5c2ff;background: linear-gradient(40deg, #52b9f7 0%, #83a7f3 100%);line-height: 1;color: #fff;}
.indexSect .sectTtlArea .fontEng{
position: relative;
display: inline-block;
margin: 0 0 1rem;
padding: 0 5rem;
font-size:4.8rem;
opacity: .3;
}
.indexSect .sectTtlArea .fontEng::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 3.0rem;
height: 100%;
background: url("./img/nut_dbl.svg") 0 50% no-repeat;
background-size: 3.0rem auto;
}
.indexSect .sectTtlArea .fontEng::after{
content: "";
position: absolute;
top: 0;
right: 0;
width: 3.0rem;
height: 100%;
background: url("./img/nut_dbl.svg") 0 50% no-repeat;
background-size: 3.0rem auto;
}

.indexSect .obiTtl{margin: 0 0 2rem;padding: 0;font-size: 3rem;line-height: 1.7;}
.indexSect .obi{
display: inline-block;
padding:.4rem 1rem .5rem;
background: #4199f8;
line-height: 1.1;
color: #fff;
}




/*------------
sect01_PC
------------*/
#sect01{position: relative;padding: 9rem 0 0;background: #f4f8fc;}
#sect01::before{content: "";position: absolute;z-index: 1;bottom: -4rem;left: 0;width: 100%;height: 33rem;background: url(./img/sct01_ill.png) 50% 100% / 22rem auto no-repeat;}
#sect01::after{content: "";position: absolute;bottom: -38rem;left: calc(50% - 44rem);width: 88rem;height: 88rem;background: #fff;border-radius: 50%;}

#sect01 .sectTtl{text-align: center;font-size: 3.8rem;}

#sect01 .ulBox{z-index: 2;padding: 8rem 0 0;height: 58rem;}
#sect01 .liBox{
position: absolute;
width: 33rem;
background: #e0eaff;
border-radius: 9999px;
padding: 1.6rem 3rem 2rem;
line-height: 1.6;
text-align: center;
font-size:1.8rem;
font-weight: 700;
}
#sect01 .boxB{
background: #ffeed4;
}

#sect01 .liBox:nth-child(1){top: 12rem;left: calc(50% - 40rem);}
#sect01 .liBox:nth-child(2){top: 8rem;left: calc(50% - 1rem);}
#sect01 .liBox:nth-child(3){top: 33rem;left: calc(50% - 48rem);}
#sect01 .liBox:nth-child(4){top: 23rem;left: calc(50% + 20rem);}
#sect01 .liBox:nth-child(5){top: 37rem;left: calc(50% + 16rem);}


#sect01 .liBox:nth-child(1)::before{
content: "";
position: absolute;
bottom: -5.0rem;
left: 22rem;
width: 3.6rem;
height: 4.3rem;
background: url(./img/sct01_deco_yw.svg) 0 0 no-repeat;
background-size: 3.6rem auto;
}
#sect01 .liBox:nth-child(2)::before{
content: "";
position: absolute;
bottom: -5.0rem;
left: 18rem;
width: 3.6rem;
height: 4.3rem;
background: url(./img/sct01_deco_bl.svg) 0 0 no-repeat;
background-size: 3.6rem auto;
}




/*------------
sect02_PC
------------*/
#sect02{
position: relative;
}
#sect02 .sectTtlArea{margin: 0;padding: 7rem 0 10rem;background: url(./img/sct02_head.svg) 0 0 no-repeat #fcf5ec;background-size: 100% 100%;}
#sect02 .sectTtl{
width: 110rem;
margin: 0 auto;
color: #fff;
}
#sect02 .sectTtl .fontS{
display: block;
}

#sect02 .nvgArea{padding: 10rem 0 43rem;background: #fcf5ec;}
#sect02 .nvgArea .areaInner{
display: flex;
justify-content: space-between;
padding: 0 10rem 0 7.5rem;
}
#sect02 .nvgArea .btn-internal{
    margin: 8rem auto 2rem;
}

#sect02 .nvgArea .txtBox{width: 51rem;padding: 4rem 4rem 5rem;background: #fff;border-radius: 2rem;}
#sect02 .txtBox .boxTtl{margin: 0 0 4rem;font-size:3.3rem;line-height: 1.7;}
#sect02 .txtBox .boxTtl .fontS{
display: inline-block;
margin: 0 0 1.5rem;
}
#sect02 .txtBox .boxTtl .marker{padding: 0 0% 0rem;font-size: 2.6rem;}
#sect02 .txtBox .boxTtl .txt_bold{
display: block;
}


#sect02 .nvgArea .imgBox{position: relative;width: 36rem;}
#sect02 .nvgArea .imgBox::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 110%;
height: 20rem;
background: #87B2FE;
background: linear-gradient(0deg, rgba(135, 178, 254, 1) 0%, rgba(135, 178, 254, 0) 100%);
border-radius: 0 0 .8rem .8rem;
}
#sect02 .nvgArea .imgBox img{
width: 110%;
  height: auto;
  max-width: none;
  border-radius: 0.8rem;
}
#sect02 .imgBox .cap{position: absolute;bottom: -1.8rem;right: -3.6rem;padding: 1rem 1rem 1.2rem;background: #323b4d;border-radius: .8rem;line-height: 1;color: #fff;}

#sect02 .spv{
margin: -35rem 0 0;
}
#sect02 .spv .inner {
padding: 9rem 0 6rem 5rem;
}







/*------------
sect03_PC
------------*/
#sect03{padding: 12rem 0 0;}
#sect03 .illanim{width: 30rem;top: 38rem;left: calc(50% + 34rem);}
#sect03 .sectTtlArea{
margin: 0 0 10rem;
}
#sect03 .sectTtlArea .fontEng{
}
#sect03 .sectTtl .line1{
display: block;
margin: 0 0 -1rem;
}

#sect03 .mini{
position: relative;
margin: 0 0 8rem;
padding: 0 5rem .5rem;
}
#sect03 .mini2{padding: 0 5rem 6rem;}
#sect03 .mini::before{
content: "";
position: absolute;
z-index: -1;
top: 2rem;
left: calc(50% - 50vw);
width: calc(50vw + 65rem);
height: calc(100% - 2rem);
background: #e4edf7;
border-radius: 0 .8rem .8rem 0;
}
#sect03 .mini2::before{
content: "";
position: absolute;
z-index: -1;
top: 2rem;
left: calc(50% - 65rem);
width: calc(50vw + 65rem);
height: calc(100% - 2rem);
border-radius: .8rem 0 0 .8rem;
}

#sect03 .mini1 .minihead{margin: 0 20rem 0 0;}



#sect03 .mini .his{margin: 6rem 0 8rem;background: #fff;}
#sect03 .mini2 .his{margin: 5rem 0 2rem;}

#sect03 .mini .his .ulBox {
    padding: 1rem 10rem 5rem 19rem;
}

#sect03 .mini .his .sttl {
    width: 7rem;
}
#sect03 .mini .enqBox{display: flex;justify-content: space-between;align-items:flex-start;flex-wrap: wrap;margin: 0 7rem;padding: 2rem 0 4rem;}

#sect03 .mini .enqBox .imgBox{width: 47rem;}

#sect03 .mini .enqBox .fuki {
    position: relative;
    margin: 0 auto 1rem;
    padding: 1rem 2rem;
    background: #fff;
    border: 2px solid #4199f8;
    border-radius: 9999px;
    text-align: center;
    width: 84%;
    font-size: 1.8rem;
    color: #4199f8;
}

#sect03 .mini .enqBox .fuki:before {
content: "";
position: absolute;
bottom: -24px;
left: 50%;
margin-left: -8px;
border: 8px solid transparent;/* 幅 */
border-top: 16px solid #fff;/* 高さ */
z-index: 2;
}
#sect03 .mini .enqBox .fuki:after {
content: "";
position: absolute;
bottom: -30px;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;/* 幅 */
border-top: 18px solid #4199f8;/* 高さ */
z-index: 1;
}

#sect03 .mini .imgBox img{
width: 100%;
}


#sect03 .mini .enqBox .comBox{width: 37rem;}
#sect03 .mini .enqBox .comm{
margin: 0;
}
#sect03 .mini .enqBox .txtBox{
width: 100%;
margin: 1.5rem 0 0;
}

#sect03 .mini1 .enqBox .imgBox{
}
#sect03 .mini1 .enqBox .comBox{
order: 2;
}
#sect03 .mini1 .enqBox .txtBox{
order: 3;
}


#sect03 .mini2 .enqBox .imgBox{
order: 2;
}
#sect03 .mini2 .enqBox .comBox{
order: 1;
}
#sect03 .mini2 .enqBox .txtBox{
order: 3;
margin: 3.5rem 0 0;
}




/*------------
sect04_PC
------------*/
#sect04 {
    padding: 6rem 0 10rem;
    background: #fcf5ec;
    border-radius: 3rem 3rem 0 0;
}
#sect04 .areaInner{
padding: 0 5rem;
}
#sect04 .illanim{width: 25rem;top: 11.5rem;left: calc(50% + 39rem);}

#sect04 .sectTtl .line1{
display: block;
margin: 0 0 -1rem;
}

#sect04 .tab{
display: flex;
align-items: flex-end;
justify-content: space-between;
padding: 0 3rem;
}
#sect04 .tab .tablist{width: 30rem;padding:1.5rem 1rem 1.2rem;background: #b0b0b0;border-radius: .8rem .8rem 0 0;text-align: center;line-height: 1.7;font-size: 2.6rem;font-weight: 700;color: #fff;opacity: .5;cursor: pointer;transition: opacity .2s ease-in-out;}
#sect04 .tab .tablist:hover{
opacity: 1;
}
#sect04 .tab .tablist .fontS{
display: block;
font-size:1.4rem;
}

#sect04 .tab .tablist.active{
background: #323b4d;
padding: 2rem 1rem 2rem;
opacity: 1;
}
#sect04 .tab .tablist.active .fontS{
margin: .5rem 0 .2rem;
    font-size: 1.7rem;
    color: #cde5ff;
}
#sect04 .tab .tablist.active::before{
content: "";
position: absolute;
bottom: -2rem;
left: 0;
width: 100%;
height: 2rem;
background: url("./img/tri1.svg") 50% 100% no-repeat;
background-size: 2.3rem auto;
}


#sect04 .tabcontents-list{padding: 5.5rem 7rem 5rem;background: #fff;border-radius: .8rem;}
#sect04 .tabcontents-list .obiTtl{
text-align: center;
}

#sect04 .tab1 .tblBox{position: relative;padding: 3rem 0 .5rem;}
#sect04 .tab1 .tblBox::before{
content: "";
position: absolute;
top: 1.8rem;
left: -2rem;
width: calc(100% + 4rem);
height: calc(100% - 1.8rem);
background: #f4f5f7;
border-radius: .8rem;
}

#sect04 .tab1 .trBox{
position: relative;
display: flex;
justify-content: space-between;
padding: 0 0 1rem;
}
#sect04 .tab1 .thBox{
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 34.7rem;
padding: 1.2rem 1.5rem 1.3rem;
background: #647793;
border-radius: .8rem .8rem 0 0;
line-height: 1.5;
text-align: center;
font-size:2rem;
font-weight: 700;
color: #fff;
}
#sect04 .tab1 .trBox .thBox:last-child{
background: #4199f8;
}
#sect04 .tab1 .tdBox{position: relative;display: flex;align-items: center;justify-content: center;width: 35.2rem;padding: 1.5rem 1rem 1.7rem;background: #fff;border-radius: .8rem;text-align: center;font-size:1.5rem;
flex-direction: column;}
#sect04 .tab1 .trBox .tdBox:nth-child(2){
width: 17rem;
background: #e4edf7;
color: #314a70;
	    font-size: 1.8rem;
font-weight: 700;
}
#sect04 .tab1 .trBox .tdBox:nth-child(3){
border:3px solid rgb(115 115 115 / 50%);
}


#sect04 .tab2 .dls{
display: flex;
justify-content: space-between;
padding: 1rem 0 2rem;
}
#sect04 .tab2 .dlBox{
width:20.3rem;
}
#sect04 .tab2 h4{
    display: flex;
    align-items: center;
    background: #e4edf7;
    color: #314a70;
    justify-content: center;
    padding: 1.5rem 1rem 1.6rem;
    border-radius: .8rem .8rem 0 0;
    text-align: center;
    font-size: 1.8rem;
}
#sect04 .tab2 .ddBox{
padding: 2rem 5rem;
border: 3px solid rgb(228 237 247);
border-top: none;
border-radius: 0 0 .8rem .8rem;
}


#sect04 .tab3 .mainArea{
display: flex;
justify-content: space-between;
padding: 2rem 0 3rem;
}
#sect04 .tab3 .imgBox{width: 36rem;}
#sect04 .tab3 h4{padding: 1.5rem 1rem 1.6rem;background: #e4edf7;border-radius: .8rem .8rem 0 0;text-align: center;color: #314a70;font-size:1.8rem;}
#sect04 .tab3 .dls{position: relative;display: flex;justify-content: center;align-items: center;gap: 4rem;padding: 1.6em 3rem 1.6rem;border: 3px solid rgb(228 237 247);border-top: none;border-radius: 0 0 .8rem .8rem;}
#sect04 .tab3 .dls::before{/* content: ""; */position: absolute;top: 2rem;left: 50%;width: .2rem;height: calc(100% - 4rem);background: #bfbfbf;opacity: .5;}
#sect04 .tab3 dl{display: flex;flex-wrap: wrap;justify-content: center;gap: 1.2rem;}
#sect04 .tab3 dt{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 .2rem;
  width: 4.4rem;
  height: 3.6rem;
  background: url(./img/hex_blgray_tab.svg) no-repeat;
  background-size: 4.4rem auto;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  }
#sect04 .tab3 dd{
width: 100%;
text-align: center;
font-size:2.0rem;
line-height: 1;
}
#sect04 .tab3 dd .fontEng{
font-family: Arial, Helvetica, "sans-serif";
font-size:6.0rem;
font-weight: 700;
color: #4199f8;
}

#sect04 .tab3 .comBox{width: 47rem;}
#sect04 .tab3 .comBox .comm{
margin: 0;
}




/*------------
sect05_PC
------------*/
#sect05{padding: 9rem 0 4rem;background: #73DDD5;background: linear-gradient(90deg, rgba(115, 221, 213, 1) 0%, rgba(122, 182, 248, 1) 100%);}
#sect05 .areaInner{
padding: 0 5rem;
}
#sect05 .illanim{
  width: 25rem;
  top:28rem;
  left: calc(50% - 77rem);
  z-index: 1;
}

#sect05 .sectTtlArea .fontEng{
color: #fff;
opacity: .4;
}
#sect05 .sectTtlArea .fontEng::before,
#sect05 .sectTtlArea .fontEng::after{
background-image: url(./img/nut_wt.svg);
}
#sect05 .sectTtl{
text-shadow: 0px 3px 19.2px rgba(80, 80, 80, 0.2);
color: #fff;
}
#sect05 .sectTtl .line1{
display: block;
}



#sect05 .mini{position: relative;margin: 0 0 8rem;padding: 0 0 8rem;}
#sect05 .mini3{padding: 5rem 0 7rem;}
#sect05 .mini::before{
content: "";
position: absolute;
top: 2rem;
left: calc(50% - 50vw);
width: calc(50vw + 60rem);
height: calc(100% - 2rem);
background: #e4edf7;
border-radius: 0 .8rem .8rem 0;
}
#sect05 .mini2::before{
content: "";
position: absolute;
top: 2rem;
left: calc(50% - 60rem);
width: calc(50vw + 60rem);
height: calc(100% - 2rem);
border-radius: .8rem 0 0 .8rem;
}
#sect05 .mini3::before{
top: 0;
left: calc(50% - 50vw);
width: calc(50vw + 60rem);
height: calc(100% - 2rem);
background: #fff;
border-radius: 0 .8rem .8rem 0;
}
#sect05 .mini3::after{
content: "CHECK";
position: absolute;
top: 0;
right: -10rem;
width: 12rem;
height: 9.5rem;
background: url("./img/hex_org.svg") 0 100% no-repeat;
background-size: 17rem auto;
padding: 2.5rem 0 0 3rem;
border-radius: 0 .8rem 0 0;
font-family: "BeVietnamPro";
font-weight: 300;
font-size:2.2rem;
color: #fff;
overflow: hidden;
}

#sect05 .mini .inner{
position: relative;
z-index: 2;
}



#sect05 .mini1 .botArea{position: relative;padding:5rem 53rem 0 0;}
#sect05 .mini1 h4{
font-size:2.0rem;
color: #4199f8;
}
#sect05 .mini1 .botArea .flame{
position: absolute;
top: 0;
right: 0;
width: 48rem;
}
#sect05 .mini1 .botArea .flame img{position:absolute;top: 4rem;width: 100%;object-fit:cover;border-radius:0.8rem;}


#sect05 .mini2 .illanim{
z-index: 1;
width: 17.6rem;
top: -12rem;
left: calc(50% + 50rem);
}
#sect05 .mini2 .mainArea{display: flex;padding: 4rem 0 2rem;}
#sect05 .mini2 .ulBox{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 3rem 0 0;
width: 51.4rem;
}
#sect05 .mini2 .liBox{
display: flex;
align-items: center;
width: 25rem;
min-height: 9.4rem;
margin: 0 0 1.5rem;
padding: 2rem 3rem 2.2rem;
background: #fff;
border-radius: .8rem;
}
#sect05 .mini2 .liTtl{
line-height: 1.5;
font-size:1.8rem;
font-weight: 700;
color: #314a70;
}
#sect05 .mini2 .liBox::before{
content: "";
position: absolute;
top: 0;
right: 0;
width: 12rem;
height: 100%;
background: url(./img/sct05_icon201.png) 0 100% no-repeat;
background-size: 12rem auto;
opacity: .2;
}
#sect05 .mini2 .liBox:nth-child(2)::before{
background-image: url(./img/sct05_icon202.png);
}
#sect05 .mini2 .liBox:nth-child(3)::before{
background-image: url(./img/sct05_icon203.png);
}
#sect05 .mini2 .liBox:nth-child(4)::before{
background-image: url(./img/sct05_icon204.png);
}

#sect05 .mini2 .comBox{
width: 40.6rem;
}
#sect05 .mini2 .comBox .comm{
margin: 0;
}

#sect05 .mini2 .btn-internal{
margin: 2.5rem auto 0;
}






#sect05 .mini3 .intro{
padding: 0 8.5rem 0 0;
}
#sect05 .mini3 .obiTtl{
font-size:3.0rem;
}
#sect05 .mini3 .obiTtl .obi{
background: #314a70;
}
#sect05 .mini3 .mainArea{
display: flex;
align-items: center;
padding: 2rem 0;
}
#sect05 .mini3 .nvg .cap {
width: 69%;
    margin: 0 0 0 8rem;
    padding: .2rem 9rem .3rem 2rem;
}

#sect06 .nvg .cap {margin: 0;padding: .2rem 10rem .3rem 2rem;}

#sect05 .mini3 .txtArea{
    padding: 1rem 4rem 5.5rem;
}

#sect06 .txtArea{
    padding: 1rem 4rem 5.5rem;
}
#sect05 .mini3 .ulBox{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 3rem 0 0;
width: 62.8rem;
}
#sect05 .mini3 .liBox{
display: flex;
align-items: center;
width: 20rem;
min-height: 9.4rem;
margin: 0 0 1.5rem;
padding: 2rem 2.5rem 2.2rem;
background: #fcf5ec;
border-radius: .8rem;
}
#sect05 .mini3 .liTtl{
line-height: 1.5;
font-weight: 700;
font-size:1.8rem;
color: #314a70;
}
#sect05 .mini3 .liBox::before{
content: "";
position: absolute;
top: 0;
right: 0;
width: 12rem;
height: 100%;
background: url(./img/sct05_icon301.png) 0 100% no-repeat;
background-size: 12rem auto;
opacity: .2;
}
#sect05 .mini3 .liBox:nth-child(2)::before{
background-image: url(./img/sct05_icon302.png);
}
#sect05 .mini3 .liBox:nth-child(3)::before{
background-image: url(./img/sct05_icon303.png);
}
#sect05 .mini3 .liBox:nth-child(4)::before{
background-image: url(./img/sct05_icon304.png);
}
#sect05 .mini3 .liBox:nth-child(5)::before{
background-image: url(./img/sct05_icon305.png);
}
#sect05 .mini3 .liBox:nth-child(6)::before{
background-image: url(./img/sct05_icon306.png);
}
#sect05 .mini3 .liBox:nth-child(7)::before{
background-image: url(./img/sct05_icon307.png);
}
#sect05 .mini3 .liBox:nth-child(8)::before{
background-image: url(./img/sct05_icon308.png);
}
#sect05 .mini3 .liBox:nth-child(9)::before{
background-image: url(./img/sct05_icon309.png);
}

#sect05 .mini3 .comBox{
width: 29.2rem;
}
#sect05 .mini3 .comBox .comm{
margin: 0;
}

#sect05 .mini3 .btns > div{
margin: .5rem 2rem 0;
}








/*------------
sect06_PC
------------*/
#sect06{padding: 10rem 0 40rem;background: #E4EDF7;background: linear-gradient(90deg, rgba(228, 237, 247, 1) 0%, rgba(217, 231, 247, 1) 100%);}
#sect06 .areaInner{
padding: 0 5rem;
}
#sect06 .illanim{width: 17rem;display: none;top: 13rem;left: calc(50% + 37rem);width: 27rem;}
#sect06 .sectTtl .line1{
display: block;
margin: 0 0 -1rem;
}

#sect06 .cntArea{padding: 0 13rem 0 0;}

#sect06 .cntArea .upperBox p{
    width: 83%;
}

#sect06 .botBox{position: relative;margin: 6rem 0 0;padding: 0 0 4rem;background: #fff;border-radius:0 .8rem .8rem 0;}
#sect06 .botBox::before{
content: "";
position: absolute;
top: 0;
left: -100vw;
width: 100vw;
height: 100%;
background: #fff;
}

#sect06 .botBox .nutTtl{background: #323B4D;background: linear-gradient(90deg, rgba(50, 59, 77, 1) 0%, rgba(49, 74, 112, 1) 100%);padding: 2rem 7rem 2rem;border-radius:0 .8rem 0 0;margin-bottom: 4.5rem;}
#sect06 .botBox .nutTtl::before{
content: "";
position: absolute;
top: 0;
left: -100vw;
width: 100vw;
height: 100%;
background: #323b4d;
opacity: 1;
}
#sect06 .botBox .ttlInner{
position: relative;
display: block;
}
#sect06 .botBox .ttlInner::before{
content: "";
position: absolute;
top: 0;
left: -5rem;
width: 2.3rem;
height: 100%;
background: url(./img/nut_wt.svg) 0 50% no-repeat;
background-size: 2.3rem auto;
opacity: .3;
}
#sect06 .botBox .mainArea{
display: flex;
}
#sect06 .botBox .mainArea .txtBox{width: 44rem;margin: 0 3rem 0 0;}
#sect06 .botBox .mainArea .txtBox p{
margin: 0;
line-height: 1.8;
}
#sect06 .botBox .mainArea .comBox{width: 24.2rem;}
#sect06 .botBox .mainArea .comm{
margin: 0;
}
#sect06 .botBox .btn-internal{margin: 6rem auto 0;}

#sect06 .phArea{
position: absolute;
z-index: 1;
top: 35rem;
left: calc(50% + 24.5rem);
}
#sect06 .phArea .flame{
position: absolute;
z-index: 1;
}
#sect06 .phArea .flame:nth-child(1){width: 24rem;top: -41px;left: 4.8rem;}
#sect06 .phArea .flame:nth-child(2){width: 30rem;height: 20rem;top: 19rem;left: 17.5rem;}
#sect06 .phArea .flame:nth-child(3){width: 36rem;height: 21rem;top: 47rem;left: 44px;}


#sect06 .phArea img{
width: 100%;
object-fit: cover;
border-radius: .8rem;
}






/*------------
sect07_PC
------------*/
#sect07{padding: 10rem 0 8rem;}
#sect07 .areaInner{
padding: 0 5rem;
}

#sect07 .sectTtl .line1{
display: block;
}

#sect07 .intro{
margin: 0 11rem 4rem;
text-align: center;
}


#sect07 .swiper-slide{
padding: 2rem;
width: 82rem;
}
#sect07 .swiper-slide .inner{
position: relative;
width: 78rem;
padding: 3.5rem 5rem 2.5rem 28rem;
background: #fff;
border-radius: .8rem;
box-shadow: 0px 5px 13.16px 0.84px rgba(80, 80, 80, 0.2);
}
#sect07 .swiper-slide .catch{
margin: 0 0 .5rem;
font-size:2.0rem;
color: #314a70;
}
#sect07 .swiper-slide .flame{
position: absolute;
top:4rem;
left: 5rem;
width: 18rem;
height: 18rem;
}
#sect07 .swiper-slide .flame img{width: 100%;object-fit: cover;border-radius:50%;background: #fcf5ec;}
#sect07 .swiper-slide .tag{
display: inline-block;
margin: 0 .8rem 0 0;
padding: .4rem 1rem .5rem;
background: #8cb4ff;
border-radius:9999px;
line-height: 1;
font-size:1.4rem;
color: #fff;
}
#sect07 .swiper-slide .mainTxt{
}
#sect07 .swiper-slide .mainTxt p{
line-height: 1.7;
}

/* arrow swiper */
#sect07 .swp-next, 
#sect07 .swp-prev{
top: 0;
width: 4.8rem;
height: 100%;
position: absolute;
z-index: 0;
cursor: pointer;
opacity: 1.0;
}
#sect07 .swp-prev {
background: url("./img/sct07_nextback.svg") 0 50% no-repeat;
background-size: 9.6rem auto;
left: calc(50% - 43.8rem);
}
#sect07 .swp-next {
background: url("./img/sct07_nextback.svg") 0 50% no-repeat;
background-size: 9.6rem auto;
left: calc(50% + 39rem);
transform: scale(-1, 1);
}

#sect07 .swiper-pagination {
text-align:center;
}
#sect07 .swiper-pagination-bullet{
display: inline-block;
width: 1rem!important;
height: 1rem!important;
margin: 0 1rem!important;
background: #ccc;
border-radius:50%;
cursor: pointer;
}
#sect07 .swiper-pagination-bullet-active{
background: #4199f8;
}





/*------------
sect08_PC
------------*/
#sect08{margin-top: -20rem;}
#sect08 .illanim{
  z-index: 1;
width: 24rem;
top: -8rem;
left: calc(50% + 50rem);
}

#sect08 .spv .headArea {
    margin: 0 0 5.5rem;
}

#sect08 .spv{
margin: 0 0 0;
}
#sect08 .spv .inner{z-index: 1;padding: 7rem 0 6rem 5rem;}
#sect08 .spv .inner::before{
content: "";
position: absolute;
top: 0;
left: -13.4rem;
width: 10.5rem;
height: 12.0rem;
background: url("./img/sct08_pick.svg") 100% 100% no-repeat;
background-size: 19rem auto;
padding: 0 0 0 3rem;
border-radius: .8rem 0 0 0;
font-family: "BeVietnamPro";
font-weight: 300;
font-size:2.2rem;
color: #4199f8;
overflow: hidden;
opacity: 1;
}

#sect08 .spv .sttl{
position: relative;
left: -5rem;
font-size:4.0rem;
}
#sect08 .spv .sttl .empBox {
display: inline-block;
margin: 2rem 1.0rem 0;
padding: .3rem 1rem .8rem;
background: #314a70;
line-height: 1;
color: #fff;
}
#sect08 .spv::after {
top: 24rem;
left: calc(50% - 100rem);
}
#sect08 .spv .catch{
margin: 2rem 0 0;
font-size:2.4rem;
}
#sect08 .spv .mainArea .flame img {
  border-radius: .8rem;
}




/*--------------------------------------
　目次
---------------------------------------*/
.toc_parts{
position: fixed;
  top: 14rem;
  right: 0;
z-index: 10000;


transition: .3s;
/*デフォルトで非表示にする*/
opacity: 0;
visibility: hidden;
}
/*このクラスが付与されると表示する*/
.toc_parts.active{
opacity: 1;
visibility: visible;
}


.toc_parts {
  position: fixed;

  width: 32rem;
  transition: all 0.5s ease;
  transform: translateX(100%);
z-index: 110;
/*	opacity: 0;
	display: none;*/
}
.toc_parts .toc_ttl {
    display: block;
    position: absolute;
    top: 0;
    right: calc(100% - .2rem);
    background: url("img/plus_ccl.svg") no-repeat 1.4rem 7.5rem;
    background-size: 2.4rem auto;
    background-color: #83a7f3;
    width: 5rem;
    height: 12rem;
    padding: 1.5rem 1.2rem 0 0;
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.3;
    text-align: left;
    color: #fff;
    cursor: pointer;
    transition: all 0.5s ease;
    z-index: 9;
    border-radius: .8rem 0 0 .8rem;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 0;
}
.toc_parts .toc_block {
    position: fixed;
    top: 0;
    right: 0;
    background: #83a7f3;
    border-radius: 0 0 0 1rem;
    width: 100%;
    height: auto;
    min-height: 20rem;
    padding: 2rem 1rem 2rem 2rem;
}
.toc_parts .toc-scroll {
    height: fit-content;
    max-height: 42rem;
    padding-right: 2rem;
    overflow-x: hidden;
    overflow-y: auto;
}
.toc_parts .toc-scroll::-webkit-scrollbar {
  width: 0.4rem;
}
.toc_parts .toc-scroll::-webkit-scrollbar-track {
  border-radius: 0.2rem;
  background: #ccc;
}
.toc_parts .toc-scroll::-webkit-scrollbar-thumb {
  border-radius: 0.2rem;
  background: #999;
}
.toc_parts.is-open {
  transform: translateX(0);
  transform: translateZ(0);
}
.toc_parts.is-open .toc_ttl {
	background: url("img/minus_ccl.svg") no-repeat 1.4rem 7.5rem;
	background-size: 2.4rem auto;
	background-color: #83a7f3;
}
.toc_parts ul.chapter li.chapter-h + li.chapter-h {
  margin-top: 1rem;
}
.toc_parts ul.chapter li.chapter-h a {
    display: block;
    text-decoration: none;
    text-align: left;
}
.toc_parts ul li.chapter-h-two {
    padding-left: 0;
    position: relative;
    color: #fff;
    counter-increment: number;
	line-height: 1.6;
	border-bottom: dotted 1px rgba(255,255,255,0.5);
	padding-bottom: 1.3rem;
}

.toc_parts ul li.chapter-h-two a {
    padding-right: 3rem;

    background: url("./img/arrow1_wt.svg") 99% calc(50% + 1px) no-repeat;
    background-size: 1.8rem auto;
  color: #fff;
}
.toc_parts ul a:hover {
  opacity: 0.5;
  color: #fff;
}



/* End_PC */





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



/*------------
index_SP
------------*/

.areaInner {
    width: auto;
}






/*--------------------------------------
　header_SP
---------------------------------------*/
#header{position: relative;z-index: 14;height: auto;padding: 0 3% 7rem;overflow: hidden;}
#header::before{
content: "";
position: absolute;
top: -7rem;
right: -5rem;
width: 24rem;
height: 24rem;
background: url("./img/kv_bg.png") 0 0 no-repeat;
background-size: 24rem auto;
	opacity: 0.5;
}
#header::after{content: "";position: absolute;top: 8.5rem;left: auto;right: 1rem;width: 12rem;height: 12rem;background: url("./img/sct05_ill01.png") 0 0 no-repeat;background-size: 11rem auto;animation: floating-x 2.2s ease-in-out infinite alternate-reverse;opacity: 0.9;}


#header .inner{
position: relative;
}
#header .inner::before{content: "";position: absolute;z-index: 4;top: auto;bottom: -6rem;left: -1rem;width: 11rem;height: 11rem;background: url("./img/sct04_ill.png") 0 0 no-repeat;background-size: 12rem auto;animation: floating-x 2.2s ease-in-out infinite alternate-reverse;}
#header .inner::after{
width: 0;
height: 0;
background: none;
border: none;
}




#header .topArea2{
position: relative;
top: 0;
right: 0;
margin:  0 0 2rem;
padding: 1rem 0 0 0;
text-align: left;
font-weight: 400;
font-size:1.1rem;
line-height: 1.6;
}
#header .siteName{
display: inline-block;
font-weight: 400;
}


#header .logo{position: relative;width: auto;margin: 0 0 2rem;padding: 0 0 0;}
#header .logo .logoInner{
display: block;
width: 13rem;
margin: 0 0 .5rem;
}

#header .logo::before{
width: 0;
height: 0;
background: none;
border: none;
}



/* mvArea */
#header .mvArea{position: relative;margin: 4rem 0 0;padding: 0 0 3rem;}

#header .mvArea h2{margin: 0 2% 3rem;font-size:2.5rem;}

#header .mvArea h2 .fontL{display: inline-block;margin: 1rem .5rem 0 0;padding: .3rem .5rem 0.5rem;background: #A5C2FF;background: linear-gradient(40deg, #52b9f7 0%, rgb(87 136 237) 100%);line-height: 1;font-size:3.3rem;color: #fff;}

#header .mvArea p{
position: relative;
z-index: 1;
width: auto;
margin: 0 2%;
font-size:1.7rem;
}


/* slideArea */

#header .slideArea_sp{
width: 100%;
}
#header .slideArea_sp img{
border-radius: .8rem;
}
#header .slideArea_sp .slider2{
}
#header .slideArea_sp .slick-slide{
margin-left: .8rem;
margin-right: .8rem;
}





/*------------
contents_SP
------------*/

#contents{
margin: 0;
}
#contents::before{
}

.index{
width: 100%;
padding: 0 0 0;
}


/*------------
indexSect_SP
------------*/
.indexSect{
position: relative;
}
.indexSect::before{
}
.indexSect .areaInner{
}
.indexSect .sectTtlArea{
position: relative;
margin: 0 0 2.5rem;
padding: 0 0;
text-align: center;
}
.indexSect .sectTtl{
line-height: 1.6;
font-size:2.2rem;
}
.indexSect .sectTtl .fontL{
}
.indexSect .sectTtlArea .empBox{display: inline-block;margin: .5rem .5rem 0;padding: .2rem 1rem .5rem;background: #A5C2FF;background: linear-gradient(40deg, #52b9f7 0%, rgba(121, 160, 240, 1) 100%);line-height: 1;color: #fff;}
.indexSect .sectTtlArea .fontEng{
position: relative;
display: inline-block;
margin: 0 0 0;
padding: 0 2.3rem;
font-size:2.4rem;
opacity: .3;
}
.indexSect .sectTtlArea .fontEng::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 1.5rem;
height: 100%;
background: url("./img/nut_dbl.svg") 0 50% no-repeat;
background-size: 1.5rem auto;
}
.indexSect .sectTtlArea .fontEng::after{
content: "";
position: absolute;
top: 0;
right: 0;
width: 1.5rem;
height: 100%;
background: url("./img/nut_dbl.svg") 0 50% no-repeat;
background-size: 1.5rem auto;
}

.indexSect .obiTtl{
margin: 0 0 2rem;
padding: 0;
text-align: justify;
font-size:1.8rem;
line-height: 1.9;
}
.indexSect .obi{display: inline;padding: 0rem .4rem .3rem;background: #4199f8;line-height: 1.1;color: #fff;}






/*------------
sect01_SP
------------*/
#sect01{position: relative;padding: 4rem 0 0;background: #f4f8fc;}
#sect01::before{content: "";position: absolute;bottom: -3rem;left: -8px;width: 100%;height: 30rem;background: url(./img/sct01_ill.png) 50% 100% no-repeat;background-size: 11rem auto;}
#sect01::after{
width: 0;
height: 0;
background: none;
border: none;
}

#sect01 .sectTtl{
text-align: center;
font-size:2.2rem;
}

#sect01 .ulBox{
z-index: 2;
padding: 3rem 5% 15rem;
height: 55rem;
height: auto;
}
#sect01 .liBox{
position: absolute;
position: static;
width: 88vw;
width: 17.5rem;
float: left;
margin: 0 0 1rem;
background: #e0eaff;
border-radius: 9999px;
padding: 1.2rem 2rem 1.5rem;
line-height: 1.6;
text-align: center;
font-size:1.5rem;
font-weight: 700;
}
#sect01 .boxB{
background: #ffeed4;
}

#sect01 .liBox:nth-child(1){
width: 59vw;
margin: 0 0 2% 20%;
}
#sect01 .liBox:nth-child(2){
float: right;
}
#sect01 .liBox:nth-child(3){
width: 40vw;
margin: 2rem 0 3rem;
}
#sect01 .liBox:nth-child(4){
width: 42vw;
float: right;
}
#sect01 .liBox:nth-child(5){
}


#sect01 .liBox:nth-child(1)::before{
width: 0;
height: 0;
background: none;
border: none;
}

#sect01 .liBox:nth-child(2)::before{
width: 0;
height: 0;
background: none;
border: none;
}

#sect01 .areaInner::before{
content: "";
position: absolute;
bottom: 12.0rem;
left: calc(50% + 5rem);
width: 3.6rem;
height: 4.3rem;
background: url(./img/sct01_deco_yw.svg) 0 0 no-repeat;
background-size: 3.6rem auto;
transform: scale(-1, 1);
}
#sect01 .areaInner::after{
content: "";
position: absolute;
bottom: 10.0rem;
left: calc(50% - 8rem);
width: 3.6rem;
height: 4.3rem;
background: url(./img/sct01_deco_bl.svg) 0 0 no-repeat;
background-size: 3.6rem auto;
transform: scale(-1, 1);
}


/*------------
sect02_SP
------------*/
#sect02{
position: relative;
}
#sect02 .sectTtlArea{
margin: 0;
padding: 3rem 5% 5.5rem;
background: url(./img/sct02_head.svg) 0 0 no-repeat #fcf5ec;
background-size: 100% 100%;
}
#sect02 .sectTtl{
width: auto;
margin: 0 auto;
color: #fff;
}
#sect02 .sectTtl .fontS{
display: block;
}

#sect02 .nvgArea{
padding: 3.5rem 0 40rem;
background: #fcf5ec;
}
#sect02 .nvgArea .areaInner{
display: block;
padding: 0 5% 0;
}
#sect02 .nvgArea .btn-internal {
    margin: 1rem auto 1rem;
}

#sect02 .nvgArea .txtBox{width: auto;padding: 2rem 5% 5rem;background: #fff;border-radius: .6rem;}
#sect02 .txtBox .boxTtl{
margin: 0 0 2rem;
font-size:2.0rem;
}
#sect02 .txtBox .boxTtl .fontS{
display: inline-block;
margin: 0 0 .75rem;
}
#sect02 .txtBox .boxTtl .marker{padding: 0 .5% .3rem;font-size: 1.8rem;}
#sect02 .txtBox .boxTtl .txt_bold{
display: block;
}


#sect02 .nvgArea .imgBox{
position: relative;
top: -3rem;
right: 0rem;
width: 70%;
margin: 0 auto;
}
#sect02 .nvgArea .imgBox::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5rem;
background: #87B2FE;
background: linear-gradient(0deg, rgba(135, 178, 254, 1) 0%, rgba(135, 178, 254, 0) 100%);
border-radius: 0 0 .8rem .8rem;
}
#sect02 .nvgArea .imgBox img{
width: 100%;
/*height: 100%;
*/
object-fit: cover;
border-radius: .5rem;
}
#sect02 .imgBox .cap{
position: absolute;
bottom: -1.0rem;
right: 0;
padding: .8rem 1rem 1.0rem;
background: #323b4d;
border-radius: .6rem;
line-height: 1;
font-size:1.3rem;
color: #fff;
}

#sect02 .spv{
margin: -35rem 0 0 5%;
}
#sect02 .spv .inner {
padding: 2.5rem 5% 2rem;
}




/*------------
sect03_SP
------------*/
#sect03{padding: 7rem 0 0;}
#sect03 .illanim{width: 15rem;top: -6rem;left: 0.5rem;}
#sect03 .sectTtlArea{
margin: 0 0 4rem;
}
#sect03 .sectTtlArea .fontEng{
}
#sect03 .sectTtl .line1{
display: block;
margin: 0 0 0;
}

#sect03 .mini{
position: relative;
margin: 0 5% 4rem 0;
padding: 0 5% .5rem;
}
#sect03 .mini2{
margin: 0 0 4rem 5%;
padding: 0 5% 4rem;
}
#sect03 .mini::before{
content: "";
position: absolute;
z-index: -1;
top: 2rem;
left: 0;
width: 100%;
height: calc(100% - 2rem);
background: #e4edf7;
border-radius: 0 .6rem .6rem 0;
}
#sect03 .mini2::before{
content: "";
position: absolute;
z-index: -1;
top: 2rem;
left: auto;
right: 0;
width: 100%;
height: calc(100% - 2rem);
border-radius: .8rem 0 0 .8rem;
}

#sect03 .mini1 .minihead{
margin: 0 0 0 0;
}



#sect03 .mini .his{
margin: 3rem 0 6rem;
background: #fff;
}
#sect03 .mini .his .show_more3 {
background: linear-gradient(180deg, rgb(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 60%);
}
#sect03 .mini2 .his{
margin: 3rem 0 2rem;
}
#sect03 .mini .his .sttl {
        width: auto;
    }
#sect03 .mini .his .ulBox {
    padding: .5rem 5% 1rem 2%;
}

#sect03 .mini .enqBox{
display: flex;
justify-content: space-between;
align-items:flex-start;
flex-wrap: wrap;
margin: 0 5%;
padding: 0 0 2.5rem;
}

#sect03 .mini .enqBox .imgBox{
width: 100%;
}
#sect03 .mini .enqBox .fuki{position: relative;margin: 1rem auto 4rem;padding: .8rem 5%;background: #fff;border: 2px solid #4199f8;border-radius: 9999px;text-align: center;font-size: 1.6rem;color: #4199f8;width: 100%;}
#sect03 .mini .enqBox .fuki:before {
content: "";
position: absolute;
bottom: -24px;
left: 50%;
margin-left: -8px;
border: 8px solid transparent;/* 幅 */
border-top: 16px solid #fff;/* 高さ */
z-index: 2;
}
#sect03 .mini .enqBox .fuki:after {
content: "";
position: absolute;
bottom: -30px;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;/* 幅 */
border-top: 18px solid #4199f8;/* 高さ */
z-index: 1;
}

#sect03 .mini .imgBox img{
width: 100%;
}


#sect03 .mini .enqBox .comBox{
width: 100%;
}
#sect03 .mini .enqBox .comm{
margin: 0;
}
#sect03 .mini .enqBox .txtBox{
width: 100%;
margin: 1.5rem 0 4rem;
}

#sect03 .mini1 .enqBox .imgBox{
order: 1;
}
#sect03 .mini1 .enqBox .comBox{
order: 3;
}
#sect03 .mini1 .enqBox .txtBox{
order: 2;
}


#sect03 .mini2 .enqBox .imgBox{
order: 1;
}
#sect03 .mini2 .enqBox .comBox{
order: 3;
}
#sect03 .mini2 .enqBox .txtBox{
order: 2;
margin: 1.5rem 0 4rem;
}




/*------------
sect04_SP
------------*/
#sect04{
padding: 3rem 0 2rem;
border-radius: 2rem 2rem 0 0;
}
#sect04 .areaInner{
padding: 0 5%;
}
#sect04 .illanim{width: 12rem;top: -5.5rem;left: auto;right: 0.5rem;}

#sect04 .sectTtl .line1{
display: block;
margin: 0 0 0;
}

#sect04 .tab{
display: flex!important;
align-items: flex-end;
justify-content: space-between;
padding: 0 0;
}
#sect04 .tab-botom{
align-items: flex-start;
}
#sect04 .tab .tablist{width: 31%;padding: 1rem .3rem .7rem;background: #b0b0b0;border-radius: .6rem .6rem 0 0;text-align: center;line-height: 1.3;font-size:1.3rem;font-weight: 700;color: #fff;opacity: .5;cursor: pointer;transition: opacity .2s ease-in-out;}
#sect04 .tab-botom .tablist{
border-radius: 0 0 .6rem .6rem;
}
#sect04 .tab .tablist:hover{
opacity: 1;
}
#sect04 .tab .tablist .fontS{display: none;margin: 0 0 .3rem;font-size:1.0rem;}

#sect04 .tab .tablist.active{background: #323b4d;padding: 1.5rem .3rem 1.5rem;font-size:1.5rem;opacity: 1;}
#sect04 .tab .tablist.active .fontS{display: none;margin: 0 0 .4rem;font-size:1.0rem;color: #c4e0ff;}
#sect04 .tab .tablist.active::before{
content: "";
position: absolute;
bottom: -1.4rem;
left: 0;
width: 100%;
height: 1.4rem;
background: url("./img/tri1.svg") 50% 100% no-repeat;
background-size: 1.4rem auto;
}
#sect04 .tab-botom .tablist.active::before{
content: "";
position: absolute;
top: -1.4rem;
bottom: auto;
transform: scale(1, -1);
} 

#sect04 .tabcontents-list{
padding: 3.0rem 5% 1.5rem;
background: #fff;
border-radius: 0;
}
#sect04 .tabcontents-list .obiTtl{text-align: justify;text-align: center;}


#sect04 .tab1{
padding: 3.0rem 5% 0;
}
#sect04 .tab1 .tblBox{
position: relative;
padding: 1rem 0 2rem;
}
#sect04 .tab1 .tblBox::before{
content: "";
position: absolute;
top: 4rem;
left: -5.5%;
width: calc(100% + 11%);
height: calc(100% - 4rem);
background: #f4f5f7;
border-radius: 0;
}

#sect04 .tab1 .trBox{
position: relative;
display: flex;
justify-content: space-between;
padding: 0 0 .5rem;
}
#sect04 .tab1 .thBox{
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 40%;
padding: .8rem 1.0rem .9rem;
background: #647793;
border-radius: .6rem .6rem 0 0;
line-height: 1.5;
text-align: center;
font-size:1.4rem;
font-weight: 700;
color: #fff;
}
#sect04 .tab1 .trBox .thBox:last-child{
background: #4199f8;
}
#sect04 .tab1 .tdBox{position: relative;display: flex;align-items: center;justify-content: center;width: 40%;padding: .7rem .7rem .9rem;background: #fff;border-radius: .6rem;text-align: center;line-height: 1.5;font-size:1.2rem;}
#sect04 .tab1 .trBox .tdBox:nth-child(2){
width: 18%;
background: #e4edf7;
color: #314a70;
font-size:1.3rem;
font-weight: 700;
}
#sect04 .tab1 .trBox .tdBox:nth-child(3){
border:3px solid rgb(115 115 115 / 50%);
}


#sect04 .tab2 .dls{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 1rem 0 0;
}
#sect04 .tab2 .dlBox{
width: 48%;
margin: 0 0 1rem;
}
#sect04 .tab2 h4{display: flex;align-items: center;justify-content: center;padding: 1.0rem 1rem 1.1rem;border-radius: .6rem .6rem 0 0;text-align: center;font-size:1.4rem;}
#sect04 .tab2 .ddBox{padding: 1.0rem 17% 1.0rem 24%;border-top: none;border-radius: 0 0 .6rem .6rem;}


#sect04 .tab3 .mainArea{
display: block;
padding: 2rem 0 1.5rem;
}
#sect04 .tab3 .imgBox{width: auto;margin: 0 0 8rem;}
#sect04 .tab3 h4{padding: 1.0rem 1rem 1.1rem;border-radius: .6rem .6rem 0 0;text-align: center;font-size: 1.5rem;}
#sect04 .tab3 .dls{position: relative;display: flex;justify-content: center;gap: 4rem;padding: 1.5rem 5%;border-top: none;border-radius: 0 0 .6rem .6rem;}
#sect04 .tab3 .dls::before{display: none; content: "";position: absolute;top: 2rem;left: 50%;width: .2rem;height: calc(100% - 4rem);opacity: .5;}
#sect04 .tab3 dl{width: 140px;display: grid;grid-template-columns: repeat(2, auto);/* flex-wrap: wrap; */justify-content: center;gap: .4rem;}
#sect04 .tab3 dt{font-size: 1.4rem;display: inline-flex;align-items: center;justify-content: center;width: 4.2rem;height: 3.5rem;margin: 0 .4rem;background: url(./img/hex_blgray_tab.svg) 0 0 no-repeat;background-size: 4.2rem auto;text-align: center;font-weight: 700;color: #fff;}
#sect04 .tab3 dd{grid-column: 1 / -1; 
  text-align: center;
  margin-top: .2rem;}
#sect04 .tab3 dd .fontEng{
font-family: Arial, Helvetica, "sans-serif";
font-size:4.2rem;
font-weight: 700;
color: #4199f8;
}

#sect04 .tab3 .comBox{
width: auto;
}
#sect04 .tab3 .comBox .comm{
margin: 0;
}
#sect04 .btn-internal{
margin: 4.0rem auto 2.0rem;
}




/*------------
sect05_SP
------------*/
#sect05{
padding: 3rem 0 1rem;
background: #73DDD5;
background: linear-gradient(90deg, rgba(115, 221, 213, 1) 0%, rgba(122, 182, 248, 1) 100%);
}
#sect05 .areaInner{
padding: 0 0;
}
#sect05 .illanim{z-index: 1;width: 11rem;top: -5rem;left: 0.5rem;}

#sect05 .sectTtlArea{
padding: 0 5%;
}

#sect05 .sectTtlArea .fontEng{
color: #fff;
opacity: .4;
}
#sect05 .sectTtlArea .fontEng::before,
#sect05 .sectTtlArea .fontEng::after{
background-image: url(./img/nut_wt.svg);
}
#sect05 .sectTtl{
text-shadow: 0px 3px 19.2px rgba(80, 80, 80, 0.2);
color: #fff;
}
#sect05 .sectTtl .line1{
display: block;
}



#sect05 .mini{
position: relative;
margin: 0 5% 4rem 0;
padding: 0 5% 2.5rem;
}
#sect05 .mini2{
margin: 0 0 4rem 5%;
}
#sect05 .mini3{
padding: 5rem 5% 3rem;
overflow: hidden;
}
#sect05 .mini::before{
content: "";
position: absolute;
top: 2rem;
left: 0;
width: 100%;
height: calc(100% - 2rem);
background: #e4edf7;
border-radius: 0 .6rem .6rem 0;
}
#sect05 .mini2::before{
content: "";
position: absolute;
top: 2rem;
left: 0;
width: 100%;
height: calc(100% - 2rem);
border-radius: .6rem 0 0 .6rem;
}
#sect05 .mini3::before{
top: 0;
left: 0;
width: 100%;
height: calc(100% - 0rem);
background: #fff;
border-radius: 0 .6rem .6rem 0;
}
#sect05 .mini3::after{
content: "CHECK";
position: absolute;
top: -6.0rem;
left: .5rem;
width: 11.5rem;
height: 10rem;
background: url(./img/hex_org.svg) 0 0 no-repeat;
background-size: 11.5rem auto;
padding: 6.4rem 0 0;
text-align: center;
font-family: "BeVietnamPro";
font-weight: 300;
font-size: 1.3rem;
color: #fff;
}

#sect05 .mini .inner{
position: relative;
z-index: 2;
}



#sect05 .mini1 .botArea{position: relative;padding: 2rem 0 0 0;}
#sect05 .mini1 h4{
margin: 0 0 2rem;
font-size:1.9rem;
color: #4199f8;
}
#sect05 .mini1 .botArea .flame{
position: relative;
width: 100%;
margin: 0 0 1.5rem;
}
#sect05 .mini1 .botArea .flame img{
position:static;
display:block;
width: 100%;
height: auto; 
object-fit: initial;
border-radius: .6rem;
}


#sect05 .mini2 .illanim{
display: none;
}
#sect05 .mini2 .mainArea{
display: block;
padding: 0;
}
#sect05 .mini2 .ulBox{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 3rem 0 6rem;width: auto;}
#sect05 .mini2 .liBox{
display: flex;
align-items: center;
width: 48.5%;
min-height: 7.5rem;
margin: 0 0 1.0rem;
padding: 1rem 3% 1.2rem;
background: #fff;
border-radius: .6rem;
}
#sect05 .mini2 .liTtl{
line-height: 1.5;
font-size:1.4rem;
font-weight: 700;
color: #314a70;
}
#sect05 .mini2 .liBox::before{
content: "";
position: absolute;
top: 0;
right: 0;
width: 9rem;
height: 100%;
background: url(./img/sct05_icon201.png) 0 100% no-repeat;
background-size: 9rem auto;
opacity: .2;
}
#sect05 .mini2 .liBox:nth-child(2)::before{
background-image: url(./img/sct05_icon202.png);
}
#sect05 .mini2 .liBox:nth-child(3)::before{
background-image: url(./img/sct05_icon203.png);
}
#sect05 .mini2 .liBox:nth-child(4)::before{
background-image: url(./img/sct05_icon204.png);
}

#sect05 .mini2 .comBox{
width: auto;
}
#sect05 .mini2 .comBox .comm{
margin: 0;
}

#sect05 .mini2 .btn-internal{
margin: 2.8rem auto 2rem;
}






#sect05 .mini3 .intro{
padding: 0 0 0;
}
#sect05 .mini3 .obiTtl{
font-size:2.0rem;
}
#sect05 .mini3 .obiTtl .obi{
background: #314a70;
}
#sect05 .mini3 .mainArea{
display: block;
align-items: center;
padding: 0;
}

  #sect05 .mini3 .txtArea {
    padding: 2rem 5% 1.5rem;
}
  #sect05 .mini3 .nvg .cap {
    width: auto;
    margin: 0 1rem 0 0;
    padding: .2rem 7rem .3rem 1.5rem;
}
#sect05 .mini3 .ulBox{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 2rem 0 4rem 0;
width: auto;
}
#sect05 .mini3 .liBox{
display: flex;
align-items: center;
width: 48.5%;
min-height: 7.5rem;
margin: 0 0 1.0rem;
padding: 1rem 3% 1.2rem;
background: #fcf5ec;
border-radius: .6rem;
}
#sect05 .mini3 .liTtl{
line-height: 1.5;
font-weight: 700;
font-size:1.4rem;
color: #314a70;
}
#sect05 .mini3 .liBox::before{
content: "";
position: absolute;
top: 0;
right: 0;
width: 9rem;
height: 100%;
background: url(./img/sct05_icon301.png) 0 100% no-repeat;
background-size: 9rem auto;
opacity: .2;
}
#sect05 .mini3 .liBox:nth-child(2)::before{
background-image: url(./img/sct05_icon302.png);
}
#sect05 .mini3 .liBox:nth-child(3)::before{
background-image: url(./img/sct05_icon303.png);
}
#sect05 .mini3 .liBox:nth-child(4)::before{
background-image: url(./img/sct05_icon304.png);
}
#sect05 .mini3 .liBox:nth-child(5)::before{
background-image: url(./img/sct05_icon305.png);
}
#sect05 .mini3 .liBox:nth-child(6)::before{
background-image: url(./img/sct05_icon306.png);
}
#sect05 .mini3 .liBox:nth-child(7)::before{
background-image: url(./img/sct05_icon307.png);
}
#sect05 .mini3 .liBox:nth-child(8)::before{
background-image: url(./img/sct05_icon308.png);
}
#sect05 .mini3 .liBox:nth-child(9)::before{
background-image: url(./img/sct05_icon309.png);
}

#sect05 .mini3 .comBox{
width: auto;
}
#sect05 .mini3 .comBox .comm{
margin: 0;
}

#sect05 .mini3 .btns > div{
margin: 2.0rem auto 0;
}








/*------------
sect06_SP
------------*/
#sect06{
padding: 3rem 0 5rem;
background: #E4EDF7;
background: linear-gradient(90deg, rgba(228, 237, 247, 1) 0%, rgba(217, 231, 247, 1) 100%);
}
#sect06 .areaInner{
padding: 0 0;
}
#sect06 .illanim{width: 9.5rem;top: -4.0rem;left: auto;right: 0.5rem;}
#sect06 .sectTtl .line1{
display: block;
margin: 0 0 0;
}

#sect06 .cntArea{
padding: 0 0;
}
#sect06 .upperBox{
padding: 0 5%;
}
#sect06 .cntArea .upperBox p {
    width: 100%;
}
#sect06 .botBox{position: relative;margin: 10rem 5% 0 0;padding: 0 0 4rem;background: #fff;border-radius:0 .8rem .8rem 0;}
#sect06 .botBox::before{
content: "";
position: absolute;
top: 0;
left: 1rem;
width: 1.9rem;
height: 100%;
background: url(./img/nut_wt.svg) 0 50% no-repeat;
background-size: 1.9rem auto;
opacity: .7;
}

#sect06 .botBox .nutTtl{background: #323B4D;background: linear-gradient(90deg, rgba(50, 59, 77, 1) 0%, rgba(49, 74, 112, 1) 100%);padding: 1.2rem 10% 1.4rem;border-radius:0 .6rem 0 0;margin-bottom: 2rem;}
#sect06 .botBox .nutTtl::before{
content: "";
position: absolute;
top: 0;
left: 1rem;
width: 1.9rem;
height: 100%;
background: url(./img/nut_wt.svg) 0 50% no-repeat;
background-size: 1.9rem auto;
opacity: .3;
}
#sect06 .botBox .ttlInner{
position: relative;
display: block;
}
#sect06 .botBox .ttlInner::before{
width: 0;
height: 0;
background: none;
border: none;
}

#sect06 .botBox .mainArea{
display: block;
padding: 0 5% 1rem;
}
#sect06 .botBox .mainArea .txtBox{width: auto;margin: 0 0 7.5rem;}
#sect06 .botBox .mainArea .txtBox p{
margin: 0;
line-height: 1.8;
}
#sect06 .botBox .mainArea .comBox{
width: auto;
}
#sect06 .botBox .mainArea .comm{
margin: 0;
}

  #sect06 .nvg .cap {
    padding: .2rem 7rem .3rem 1.5rem;
    margin: 0 1rem 0 0;
}
  #sect06 .txtArea {
    padding: 2rem 5% 1.5rem;
}
#sect06 .botBox .btn-internal{
margin: 2.0rem auto 0;
}

#sect06 .phArea{position: relative;top:0;left: 0;height: 13rem;}
#sect06 .phArea .flame{
position: absolute;
}
#sect06 .phArea .flame:nth-child(1){display: none;width: 8rem;height: 13.5rem;top: 0;left: calc(50% + 4.5rem);}
#sect06 .phArea .flame:nth-child(2){
display:none;
width: 17rem;
height: 10rem;
top: 3.5rem;
left: calc(50% - 15rem);
}
#sect06 .phArea .flame:nth-child(3){width: 24.5rem;height: 10.5rem;top: 7rem;left: 50%;transform: translate(-50%, -50%); /* 自身の幅と高さの半分だけ戻す */}


#sect06 .phArea img{
width: 100%;
object-fit: cover;
border-radius: .6rem;
}






/*------------
sect07_SP
------------*/
#sect07{padding: 3rem 0 7rem;}
#sect07 .areaInner{
padding: 0 5%;
}

#sect07 .sectTtl .line1{
display: block;
}

#sect07 .intro{
margin: 0 0 2rem;
text-align: center;
}


#sect07 .swiper-slide{
padding: 2rem;
width: 90%;
}
#sect07 .swiper-slide .inner{
position: relative;
width: auto;
padding: 1.5rem 5% 2.5rem;
background: #fff;
border-radius: .6rem;
box-shadow: 0px 5px 13.16px 0.84px rgba(80, 80, 80, 0.2);
}
#sect07 .swiper-slide .catch{margin: 0 0 .5rem;font-size:1.9rem;color: #314a70;text-align: center;}

#sect07 .swiper-slide .imgArea{display: block;align-items: center;margin: 1rem auto -1rem;}
#sect07 .swiper-slide .flame{position: static;width: 13rem;height: 13rem;margin: 2rem auto;}
#sect07 .swiper-slide .flame img{
width: 100%;
object-fit: cover;
border-radius:50%;
}
#sect07 .swiper-slide .tags{margin: -3.5rem auto 2.5rem;text-align: center;z-index: 1;position: relative;}
#sect07 .swiper-slide .tag{display: inline-block;margin: 0;padding: .4rem 1rem .5rem;background: #8cb4ff;border-radius:9999px;line-height: 1;font-size:1.3rem;color: #fff;}
#sect07 .swiper-slide .mainTxt{
}
#sect07 .swiper-slide .mainTxt p{
line-height: 1.7;
}

/* arrow swiper */
#sect07 .swp-next, 
#sect07 .swp-prev{
top: 0;
width: 2.4rem;
height: 100%;
position: absolute;
z-index: 2;
cursor: pointer;
opacity: 1.0;
}
#sect07 .swp-prev {
background: url("./img/sct07_nextback.svg") 0 50% no-repeat;
background-size: 4.8rem auto;
left: 4%;
}
#sect07 .swp-next {
background: url("./img/sct07_nextback.svg") 0 50% no-repeat;
background-size: 4.8rem auto;
left: auto;
right: 4%;
transform: scale(-1, 1);
}

#sect07 .swiper-pagination {
text-align:center;
}
#sect07 .swiper-pagination-bullet{
display: inline-block;
width: .9rem!important;
height: .9rem!important;
margin: 0 .9rem!important;
background: #ccc;
border-radius:50%;
cursor: pointer;
}
#sect07 .swiper-pagination-bullet-active{
background: #4199f8;
}





/*------------
sect08_SP
------------*/
#sect08{padding: 0 0 5rem;margin-top: 0;}
#sect08 .illanim{
z-index: 1;
width: 9.5rem;
top: -5.5rem;
left: auto;
right: 1rem;
}

  #sect08 .spv .headArea {
    margin: 0 0 2rem;
}

#sect08 .spv .mainArea .flame img {
  border-radius: .6rem;
}
#sect08 .spv{
margin: 0 0 0 5%;
}
#sect08 .spv .inner{
z-index: 1;
padding: 4rem 5% 3rem;
overflow: hidden;
}
#sect08 .spv .inner::before{
content: "PICK UP";
position: absolute;
top: -6.0rem;
left: .5rem;
width: 11.5rem;
height: 10rem;
background: url("./img/hex_gray.svg") 0 0 no-repeat;
background-size: 11.5rem auto;
padding: 4.9rem 0 0;
text-align: center;
font-family: "BeVietnamPro";
font-weight: 300;
font-size: 1.3rem;
color: #4199f8;
opacity: 1;
}
#sect08 .spv .sttl{
position: relative;
left: 0;
font-size:2.2rem;
text-align: center;
}
#sect08 .spv .sttl .empBox {
display: inline-block;
margin: 2rem .5rem 0;
padding: .2rem 1rem .5rem;
background: #314a70;
line-height: 1;
color: #fff;
}
#sect08 .spv::after {
top: auto;
bottom: 3rem;
left: auto;
right: -2rem;
}
#sect08 .spv .catch{
margin: 1rem 0 0;
font-size:1.9rem;
}




/*  End_SP */

}