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

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


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

.fadeIn_up{
transform: translate(0, 100px);
transition: all .3s ease-in-out;
opacity: 0;
}

.fadeIn_up span{
position:relative;
transform: scale(0%);
transition: all .3s ease-in-out;
transition-delay: 0.2s; 
}
.fadeIn_up::after{
transform-origin: 50% 100%;
transform: scale(0%);
transition: all .2s ease-in-out;
}


.fadeIn_up.is-show{
transform: translate(0, 0);
opacity: 1;
}
.fadeIn_up.is-show span{
 transform: scale(100%);
}
.fadeIn_up.is-show::after{
 transform: scale(100%);
}



.fadeIn_up2 {
  transform: translate(0, 40px);
  transition: all .6s 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.5s; 
}*/
.fadeIn_up.delay2 span{
  transition-delay: 0.4s; 
}
.fadeIn_up.delay2::after{
  transition-delay: 0.2s; 
}


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


.index{
}

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

.areaInner{
width: 110rem;
}





/*--------------------------------------
　header_PC
---------------------------------------*/
#header{
position: relative;
z-index: 14;
margin: 0 0 -22rem;
padding: 0 0 32rem;
background: #FFF;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(214, 241, 244, 1) 37%, rgba(214, 241, 244, 1) 80%, rgba(255, 255, 255, 1) 100%);
}
#header::before{
content: "";
position: absolute;
z-index: 1;
top: -7px;
left: 0;
width: 100%;
height: 100%;
background: url("./img/mv_bg.png") 55% -17rem no-repeat;
opacity: 1;
}

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


/* mvArea */
.mvArea{
position: relative;
z-index: 1;
width: 110rem;
margin: 0 auto;
/*height: 90rem;*/
padding: 24rem 0 5rem;
/*background: #ccc;
*/
}

/* txtArea */
.mvArea .txtArea{
position: relative;
}
.mvArea .fuki{
position: absolute;
top: -13rem;
right: 17.5rem;
width: 35.4rem;
height: 19rem;
padding: 4rem 2rem 0;
background: url(./img/fuki_red.svg) 0 0 no-repeat;
background-size: 35.4rem auto;
text-align: center;
color: #fff;
}

.mvArea .fuki::after {
content: "";
position: absolute;
top: 2rem;
right: 4.5rem;
width: 3.3rem;
height: 4rem;
background: url(./img/deco3.svg) 0 0 / 3.3rem no-repeat;
transform: scale(-1, 1);
}

.mvArea .txtArea .boxBl{
padding: 3rem 4.8rem;
background: url(./img/mv_txtbg.png) 50% 0 no-repeat;
}
.mvArea .txtArea .ywBox{
display: inline-block;
padding: .3rem 1rem .5rem;
background: #ffe873;
border-radius: .2rem;
line-height: 1;
font-size: 2rem;
font-weight: 700;
color: #0e4eaa;
}
.mvArea .txtArea h2{
line-height: 1.3;
font-size:6.0rem;
color: #fff;
}
.mvArea .txtArea h2 .line1{
display: block;
margin: 0 0 3.5rem;
}

.mvArea .txtArea h2 .line2{
display: block;
text-align: right;
}
.mvArea .txtArea h2 .fontEng{
display: block;
margin: -1rem 0 0;
text-align: right;
font-size: 10rem;
color: #0e4eaa;

-webkit-text-stroke: 4px #fff;
text-stroke: 4px #fff;
paint-order: stroke;
}




/* headNote */
.mvArea .headNote{
}



/* #sect00 */
#sect00{
position: relative;
width: 90rem;
margin: 0 auto;
}
#sect00::before{
content: "";
	display:none;
position: absolute;
z-index: 1;
top: 12rem;
left: calc(50% - 6.5rem);
width: 13rem;
height: 13rem;
background: url(./img/scr.svg) 0 0 no-repeat;
background-size: 13rem auto;
}
#sect00 .inner{
position: relative;
padding: 30rem 0 1rem;
background: #fff;
border-radius: 2.0rem;
}
#sect00 .inner::before{
content: "";
position: absolute;
top: 58rem;
left: calc(50% - 100rem);
width: 46.3rem;
height: 28.6rem;
background: url(./img/sct00_ph01.png) 0 0 no-repeat;
opacity: .5;
}
#sect00 .inner::after{
content: "";
position: absolute;
top: 53rem;
left: calc(50% + 56rem);
width: 35.2rem;
height: 20.3rem;
background: url(./img/sct00_ph02.png) 0 0 no-repeat;
opacity: .5;
}



#sect00 .intro{
position: relative;
z-index: 2;
padding: 0 5rem 16rem;
text-align: center;
}
#sect00 .intro::before{
content: "";
position: absolute;
top: 8rem;
right: 6rem;
width: 10.2rem;
height: 6.8rem;
background: url(./img/sct00_dcill01.png) 0 0 no-repeat;
}
#sect00 .intro::after{
content: "";
    position: absolute;
    bottom: 4rem;
    left: 8rem;
    width: 12.9rem;
    height: 10.1rem;
    background: url(./img/sct00_dcill02.png) 0 0 no-repeat;
}

#sect00 .ch1{
margin: 0 0 6rem;
line-height: 2.2;
font-size:1.8rem;
}
#sect00 .ch2{
margin: 0;
line-height: 2;
font-size:2.4rem;
}
#sect00 .ch2::before{
content: "";
position: absolute;
top: 0;
left: 16.5rem;
width: 4.4rem;
height: 3.2rem;
background: url(./img/quote1.svg) 0 0 no-repeat;
background-size: 4.4rem auto;
}
#sect00 .ch2::after{
content: "";
position: absolute;
top: 0;
right: 16.5rem;
width: 4.4rem;
height: 3.2rem;
background: url(./img/quote2.svg) 0 0 no-repeat;
background-size: 4.4rem auto;
}

#sect00 .ch2 .dLine{
padding: 0 0 1rem;
background: url(./img/dotline_bl.png) 0 90% repeat-x;
background-size: auto .2rem;
}
#sect00 .ch2 .ywBox{
display: inline-block;
margin: 2rem 0 0;
padding: .6rem 1rem .8rem;
background: #ffe873;
border-radius: .2rem;
line-height: 1;
}


#sect00 .mainArea{
position: relative;
}

#sect00 .mainArea .fuki{
position: absolute;
top: -8.8rem;
right: -5.5rem;
width: 45.7rem;
height: 19rem;
padding: 2.5rem 2rem 0;
background: url(./img/fuki_bl.svg) 0 0 no-repeat;
background-size: 45.7rem auto;
text-align: center;
color: #fff;
}
#sect00 .mainArea .fuki::after {
content: "";
position: absolute;
bottom: 6.5rem;
right: 5.0rem;
width: 3.3rem;
height: 4rem;
background: url(./img/deco3.svg) 0 0 / 3.3rem no-repeat;
transform: scale(-1, 1);
}
#sect00 .mainArea .fuki .fontS{
display: block;
margin: 0 0 .5rem;
}

#sect00 .mainArea .fontEng{
margin: 0 4rem 1rem;
line-height: 1;
font-size:6.0rem;;
color: #ffdd4a;
opacity: .5;
}
#sect00 .mainArea h2{
padding: 0 7rem 3rem;
font-size:3.6rem;
color: #0e4eaa;
}

#sect00 .imgArea{
position: relative;
}
#sect00 .imgArea .flame{
position: absolute;
z-index: 1;
top: -2.5rem;
right: -2.5rem;
width: 34.7rem;
height: 34.7rem;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border: 2px solid #d2d1cf;
border-radius: 50%;
}

#sect00 .mainArea .txtArea{
width: 54rem;
}
#sect00 .mainArea .boxWt{
margin: 0 0 2.5rem;
padding: 2rem 4rem 3rem 7rem;
background: #f5f4f2;
border-radius: 0 1.6rem 1.6rem 0;
line-height: 2.8;
font-size:1.6rem;
color: #0e4eaa;
}
#sect00 .mainArea .boxWt span{
padding: 0 0 1rem;
background: url(./img/dotline_gr.png) 0 90% repeat-x;
background-size: auto .2rem;
}
#sect00 .mainArea .txtArea p{
padding: 0 4rem 1rem 7rem;
line-height: 2.2;
}

#sect00 .btns{
padding: 2rem 0 4rem;
}
.btns > div {
width: 40%;
}
#sect00 .btns a .wtBox{
display: inline-block;
margin: 0 .5rem 0 0;
padding: .3rem .3rem;
background: #fff;
border-radius: .2rem;
line-height: 1;
color: #f77036;
transition: all .2s ease-in-out;
}
#sect00 .btns .btn-web a .wtBox{
color: #64b247;
}
#sect00 .btns .btn-internal a .wtBox{
color: #f77036;
}
#sect00 .btns .btn-internal a::before{
right: 2.5rem;
width: 1.6rem;
background: url(./img/arrow_wt_vt.svg) 0px 50% / 1.6rem no-repeat;   transition: 0.2s ease-in-out;
}

#sect00 .btns .btn-internal a:hover::before{
background-image: url("./img/arrow_red_vt.svg");
}



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

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

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



/*------------
sect01_PC
------------*/
#sect01{
position: relative;
padding: 0 0 18rem;
}
#sect01 .areaInner::before{
content: "";
position: absolute;
bottom: -17rem;
right: -11rem;
width: 19.8rem;
height: 18.8rem;
background: url(./img/sct01_dcill03.png) 0 100% no-repeat;
}

#sect01 .sectTtlArea{
position: relative;
text-align: center;
color: #0e4eaa;
}
#sect01 .sectTtlArea::before{
content: "";
position: absolute;
top: 0;
left: -2rem;
width: 15.6rem;
height: 100%;
background: url(./img/sct01_dcill01.png) 0 100% no-repeat;
}
#sect01 .sectTtlArea::after{
content: "";
position: absolute;
top: 0;
right: -1rem;
width: 16rem;
height: 100%;
background: url(./img/sct01_dcill02.png) 100% 100% no-repeat;
}

#sect01 .sectTtl{
position: relative;
margin: 0 0 3rem;
font-size:3.6rem;
}
#sect01 .sectTtl .ywBox{
display: inline-block;
margin: 2rem .5rem 0;
padding: .6rem 1rem .9rem;
background: #ffe873;
border-radius: .2rem;
line-height: 1;
}

#sect01 .sectTtlArea .intro{
position: relative;
margin: 0 0 10rem;
}
#sect01 .sectTtlArea .intro::before{
content: "";
position: absolute;
bottom: 2.0rem;
left: calc(50% - 23rem);
width: 5.4rem;
height: 8rem;
background: url(./img/deco4.svg) 0 0 no-repeat;
background-size: 5.4rem auto;
}
#sect01 .sectTtlArea .intro::after{
content: "";
position: absolute;
bottom: 2.0rem;
left: calc(50% + 17.0rem);
width: 5.4rem;
height: 8rem;
background: url(./img/deco4.svg) 0 0 no-repeat;
background-size: 5.4rem auto;
transform: scale(-1, 1);
}

#sect01 .sectTtlArea .ruby{
line-height: 1;
font-size:1.8rem;
}
#sect01 .sectTtlArea .fontEng{
line-height: 1;
font-size:12.0rem;
}

#sect01 .ulBox{
display: flex;
justify-content: center;
gap: 4.7rem;
margin: 0 0 4.5rem;
}

#sect01 .ulBox .liBox{
width: 23.9rem;
height: 23.9rem;
background: url(./img/sct01_bg01.png) 0 0 no-repeat;
text-align: center;
}
#sect01 .ulBox1 .liBox:nth-child(2){
background-image: url(./img/sct01_bg02.png);
}
#sect01 .ulBox1 .liBox:nth-child(3){
background-image: url(./img/sct01_bg03.png);
}
#sect01 .ulBox2 .liBox:nth-child(1){
background-image: url(./img/sct01_bg04.png);
}
#sect01 .ulBox2 .liBox:nth-child(2){
background-image: url(./img/sct01_bg05.png);
}
#sect01 .ulBox2 .liBox:nth-child(3){
background-image: url(./img/sct01_bg06.png);
}
#sect01 .ulBox2 .liBox:nth-child(4){
background-image: url(./img/sct01_bg07.png);
}


#sect01 .ulBox .liBox::before{
content: "";
    position: absolute;
    bottom: -14px;
    left: -3.7rem;
    width: 18rem;
    height: 100%;
    background: url(./img/bumon01_ill.png) 0 100% no-repeat;
}
#sect01 .ulBox1 .liBox:nth-child(2)::before{
background-image: url(./img/bumon02_ill.png);
}
#sect01 .ulBox1 .liBox:nth-child(3)::before{
background-image: url(./img/bumon03_ill.png);
}
#sect01 .ulBox2 .liBox:nth-child(1)::before{
background-image: url(./img/bumon04_ill.png);
}
#sect01 .ulBox2 .liBox:nth-child(2)::before{
background-image: url(./img/bumon05_ill.png);
}
#sect01 .ulBox2 .liBox:nth-child(3)::before{
background-image: url(./img/bumon06_ill.png);
}
#sect01 .ulBox2 .liBox:nth-child(4)::before{
background-image: url(./img/bumon07_ill.png);
}


#sect01 .liBox .fuki{
position: relative;
top: 1.7rem;
left: 5.5rem;
display: inline-block;
min-width: 18.3rem;
padding: .8rem .5rem .9rem;
background: #e1fcd7;
border-radius: 9999px;
font-size:2.0rem;
}
#sect01 .ulBox1 .liBox:nth-child(2) .fuki{background: #d7f6fc;}
#sect01 .ulBox1 .liBox:nth-child(3) .fuki{background: #fcd7d7;}
#sect01 .ulBox2 .liBox:nth-child(1) .fuki{background: #fce2d7;}
#sect01 .ulBox2 .liBox:nth-child(2) .fuki{background: #fcf5d7;}
#sect01 .ulBox2 .liBox:nth-child(3) .fuki{background: #fcd7fc;}
#sect01 .ulBox2 .liBox:nth-child(4) .fuki{background: #fcdbd7;}

#sect01 .liBox .fuki::before {
content: "";
position: absolute;
bottom: -1.5rem;
left: 2rem;
width: 3.6rem;
height: 1.9rem;
background: url(./img/sct01_fuki_hip01.svg) 0 0 no-repeat;
background-size: 3.6rem auto;
}
#sect01 .ulBox1 .liBox:nth-child(2) .fuki::before{
background-image: url(./img/sct01_fuki_hip02.svg);
}
#sect01 .ulBox1 .liBox:nth-child(3) .fuki::before{
background-image: url(./img/sct01_fuki_hip03.svg);
}
#sect01 .ulBox2 .liBox:nth-child(1) .fuki::before{
background-image: url(./img/sct01_fuki_hip04.svg);
}
#sect01 .ulBox2 .liBox:nth-child(2) .fuki::before{
background-image: url(./img/sct01_fuki_hip05.svg);
}
#sect01 .ulBox2 .liBox:nth-child(3) .fuki::before{
background-image: url(./img/sct01_fuki_hip06.svg);
}
#sect01 .ulBox2 .liBox:nth-child(4) .fuki::before{
background-image: url(./img/sct01_fuki_hip07.svg);
}


#sect01 .liBox dl{
position: absolute;
top: 9rem;
right: -1.5rem;
width: 12rem;
}
#sect01 .liBox dt{
margin: 0 0 .2rem;
padding: .2rem 0 .4rem;
background: #64b247;
border: 1px solid #fff;
line-height: 1;
font-size:1.8rem;
color: #fff;
}
#sect01 .ulBox1 .liBox:nth-child(2) dt{background: #31bede;}
#sect01 .ulBox1 .liBox:nth-child(3) dt{background: #ff6e6e;}
#sect01 .ulBox2 .liBox:nth-child(1) dt{background: #f7824f;}
#sect01 .ulBox2 .liBox:nth-child(2) dt{background: #f7b730;}
#sect01 .ulBox2 .liBox:nth-child(3) dt{background: #ca5fcc;}
#sect01 .ulBox2 .liBox:nth-child(4) dt{background: #ec4949;}


#sect01 .liBox dd{
line-height: 1.3;
font-size:2.0rem;
}















/*------------
indexSect_PC
------------*/
.indexSect{
position: relative;
}
.indexSect::before{
}
.indexSect .areaInner{
padding: 4.5rem 5rem 2rem;
}
.indexSect .mainEng{
position: relative;
padding: 0 0 1.5rem;
line-height: 1;
font-size:9.0rem;
color: #fff;
opacity: .9;
}
.indexSect .sectTtlArea{
position: relative;
margin: 0 0 5rem;
}
.indexSect .sectTtl{
margin: 0 0 3.5rem;
padding: 0 0 2.8rem;
line-height: 1.4;
font-size:4.8rem;
color: #0e4eaa;
}
.indexSect .sectTtl .fontS{
display: block;
font-size:3.6rem;
}
.indexSect .sectTtl .fontL{
display: block;
font-size:5.6rem;
}
 #sect02 .sectTtl .fontL{
position: relative;
    display: inline-block;
    padding: .4rem 5.0rem .4rem 0;
    background: url(./img/arrow_ccl.svg) 100% calc(50% + .3rem) no-repeat;
    background-size: 3.6rem auto;
}


.indexSect .sectTtl::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 3.5rem;
height: .4rem;
background: #0e4eaa;
border-radius: 9999px 0 0 9999px;
}
.indexSect .sectTtl::after{
content: "";
position: absolute;
bottom: 0;
left: 3.5rem;
width: 3.5rem;
height: .4rem;
background: #ffdd4a;
border-radius: 0 9999px 9999px 0;
}
.indexSect .sectTtl_B::before{
left: calc(50% - 3.5rem);
}
.indexSect .sectTtl_B::after{
left: 50%;
}


.indexSect .sectTtlArea .intro{
}
.indexSect .sectTtlArea p{
}

.indexSect .sectTtl a{
color: #0e4eaa;
}
.indexSect .sectTtl a .arr{
position: relative;
display: inline-block;
padding: .4rem 5.0rem .4rem 0;
background: url("./img/arrow_ccl.svg") 100% calc(50% + .3rem) no-repeat;
background-size: 3.6rem auto;
}
.indexSect .sectTtl a .arr::before{
}



/*------------
fuki_anim_PC
------------*/
.fuki_anim{
position: relative;
}
.fuki_anim .fuki{
position: absolute;
top: 0;
left: 0;
}
.fuki_anim .fuki span{
display: inline-block;
background: #0e4eaa;
color: #fff;
padding: 1rem 2rem;
border-radius: 9999px;
line-height: 1.3;
font-size:1.8rem;
}
.fuki_anim .fuki_B{
left: 100%;
}
.fuki_anim .fuki_B span{
background: #d6f3f9;
color: #0e4eaa;
}

.fuki_anim .fuki span::before{
content: "";
position: absolute;
bottom: -1.5rem;
left: 2rem;
width: 3.6rem;
height: 1.9rem;
background: url("./img/fuki_hip_bl.svg") 0 0 no-repeat;
background-size: 3.6rem auto;
}
.fuki_anim .fuki_B span::before{
left: auto;
right: 2rem;
width: 3.6rem;
height: 1.9rem;
background: url("./img/fuki_hip_aq.svg") 0 0 no-repeat;
background-size: 3.6rem auto;
}

.fuki_anim .fuki::after{
content: "";
    position: absolute;
    bottom: -12rem;
    left: -8rem;
    width: 12.5rem;
    height: 14rem;
    background: url(./img/bumon03_ill.png) 0 100% no-repeat;
    background-size: 12.5rem auto;
}
.fuki_anim .fuki_B::after{
content: "";
position: absolute;
bottom: -11rem;
    left: auto;
    right: -8.5rem;
    width: 12.5rem;
    height: 14rem;
background: url("./img/bumon02_ill.png") 0 100% no-repeat;
background-size: 12.5rem auto;
}
#sect03 .fuki_anim .fuki::after{
background: url("./img/bumon05_ill.png") 0 100% no-repeat;
background-size: 13.5rem auto;
	  height: 16rem;
		    left: -9rem;
}
#sect03 .fuki_anim .fuki_B::after{
background: url("./img/bumon06_ill.png") 0 100% no-repeat;
background-size: 12.5rem auto;
	   right: -10rem;
	 left: auto;
	bottom: -10rem;
}

#sect04 .fuki_anim .fuki::after{
    background: url(./img/bumon04_ill.png) 0 100% no-repeat;
    background-size: 12.5rem auto;
}
#sect04 .fuki_anim .fuki_B::after{
background: url("./img/bumon07_ill.png") 0 100% no-repeat;
background-size: 12.5rem auto;
}

#sect05 .fuki_anim .fuki::after{
    background: url(./img/bumon01_ill.png) 0 100% no-repeat;
    background-size: 12.5rem auto;
}
#sect05 .fuki_anim .fuki_B::after{
    background: url(./img/bumon02_ill.png) 0 100% no-repeat;
    background-size: 12.5rem auto;
}

#sect06 .fuki_anim .fuki::after{
background: url("./img/bumon05_ill.png") 0 100% no-repeat;
background-size: 13.5rem auto;
	  height: 16rem;
		    left: -9rem;
}
#sect06 .fuki_anim .fuki_B::after{
background: url("./img/bumon06_ill.png") 0 100% no-repeat;
background-size: 12.5rem auto;
		   right: -10rem;
	 left: auto;
	bottom: -10rem;
}

#sect07 .fuki_anim .fuki::after{
    background: url(./img/bumon04_ill.png) 0 100% no-repeat;
    background-size: 12.5rem auto;
}
#sect07 .fuki_anim .fuki_B::after{
background: url("./img/bumon07_ill.png") 0 100% no-repeat;
background-size: 12.5rem auto;
}

/*------------
sect02_PC
------------*/
#sect02 .fuki_anim{
z-index: -1;
}
#sect02 .fuki_anim .fuki{
top: -12.6rem;
left: calc(50% - 26rem);
}
#sect02 .fuki_anim .fuki_B{
top: -8.6rem;
left: calc(50% - 16rem);
}


#sect02{
margin: 0 0 20rem;
}
#sect02::before{
content: "";
position: absolute;
top: 0;
left: -10%;
width: 120%;
height: 120rem;
background: #FFF4C7;
background: linear-gradient(180deg, rgba(255, 244, 199, 1) 13%, rgba(255, 244, 199, 0) 56%);
border-radius: 50%;
}

#sect02 .areaInner{
padding-top: 13rem;
}
#sect02 .areaInner::before{
content: "";
position: absolute;
top: 24.5rem;
left: calc(50% - 59rem);
width: 23.1rem;
height: 32.5rem;
background: url(./img/sct02_dcill01.png) 0 0 no-repeat;
}
#sect02 .areaInner::after{
content: "";
position: absolute;
top: 23rem;
left: calc(50% + 38rem);
width: 30.0rem;
height: 34.5rem;
background: url(./img/sct02_dcill02.png) 0 0 no-repeat;
}


#sect02 .sectTtlArea{
text-align: center;
}
#sect02 .sectTtlArea .intro p{
padding: 0 24rem;
    text-align: center;
}




/* スライドレイアウト_swiper */

#sect02 .slideArea .liBox{
transform: scale(.8);
transform-origin: 50% 100%;
transition: all .2s ease-in-out;
}
#sect02 .slideArea .liBox.swiper-slide-active{
transform: scale(1);
}
#sect02 .slideArea .liBox.swiper-slide-active h3{
transform:rotate(10deg);
opacity: 1;
}


/* arrow swiper */
#sect02 .swp-next, 
#sect02 .swp-prev{
top: 0;
width: 7.2rem;
height: 100%;
position: absolute;
z-index: 1;
cursor: pointer;
opacity: .6;
}
#sect02 .swp-next {
background: url("./img/arrow_ccl_bk.svg") 0% 65% no-repeat;
background-size: 7.2rem auto;
left: calc(50% + 22rem - 7.2rem);
}
#sect02 .swp-prev {
background: url("./img/arrow_ccl_bk.svg") 0% 65% no-repeat;
background-size: 7.2rem auto;
left: calc(50% - 22rem);
transform: scale(-1, 1);
}




/* スライド内レイアウト */

/* add */
#sect02 .swiper-slide{
width: 40rem;
margin: 0 4rem;
}

/* add_End */

#sect02 .liBox{
padding: 14rem 0 2.5rem;
}
#sect02 .liBox a{
padding: 12.3rem 3.5rem 7.5rem;
background: #ff6e6e;
box-shadow: 0px 5px 13.16px 0.84px rgba(80, 80, 80, 0.2);
border-radius: 1.6rem;
}
#sect02 .sl201 a{background: #64b247;}
#sect02 .sl202 a{background: #31bede;}
#sect02 .sl203 a{background: #ff6e6e;}
#sect02 .sl204 a{background: #f7824f;}
#sect02 .sl205 a{background: #ffdd4a;}
#sect02 .sl206 a{background: #ca5fcc;}
#sect02 .sl207 a{background: #ec4949;}

#sect02 .liBox:hover{
transform: translateY(-1.5rem) scale(.8);
}
#sect02 .liBox.swiper-slide-active:hover{
transform: translateY(-1.5rem) scale(1);
}
#sect02 .liBox:hover a{
opacity: 1;
}


#sect02 .liBox a::before{
content: "MORE";
position: absolute;
bottom: 4.3rem;
left: calc(50% - 7rem);
width: 14rem;
height: 3.7rem;
padding: 0 5%;
background: url(./img/ccl_wt.svg) 90% 50% no-repeat #e93f42;
background-size: .92rem auto;
border-radius: 9999px;
display: flex;
align-items: center;
line-height: 1;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #fff;
}
#sect02 .sl201 a::before{background-color: #4a992e;}
#sect02 .sl202 a::before{background-color: #18a5c4;}
#sect02 .sl203 a::before{background-color: #e93f42;}
#sect02 .sl204 a::before{background-color: #e36732;}
#sect02 .sl205 a::before{background-color: #f7b730;}
#sect02 .sl206 a::before{background-color: #b159b2;}
#sect02 .sl207 a::before{background-color: #d44242;}




#sect02 .liBox h3{
position: absolute;
top: 5rem;
right: 0;
padding: 0 4rem 0 0;
font-size:3.6rem;
color: #0e4eaa;
transform:rotate(-30deg);
transform-origin: 100% 100%;
opacity: 0;
transition: all .2s ease-in;
}


#sect02 .liBox h3::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 3.4rem;
height: 4.3rem;
background: url(./img/deco2_bl.svg) 0 0 no-repeat;
background-size: 3.4rem auto;
}




#sect02 .liBox .flame{
    position: absolute;
    top: 9rem;
    left: 23%;
    width: 52%;
}
#sect02 .liBox .flame img{
width: 100%;
}

#sect02 .liBox .txtArea{
position: relative;
padding: 2rem 3.5rem 1rem;
background: #fff;
border-radius: 1.0rem;
}

#sect02 .liBox .txtArea::before {
content: "";
position: absolute;
top: -5rem;
left: -3.5rem;
width: 11rem;
height: 14rem;
background: url(./img/bumon03_ill.png) 50% 0 no-repeat;
background-size: 11rem auto;
}
#sect02 .sl201 .txtArea::before {
background-image: url(./img/bumon01_ill.png);
}
#sect02 .sl202 .txtArea::before{
background-image: url(./img/bumon02_ill.png);
}
#sect02 .sl203 .txtArea::before{
background-image: url(./img/bumon03_ill.png);
background-position: 0 60%;
}
#sect02 .sl204 .txtArea::before{
background-image: url(./img/bumon04_ill.png);
}
#sect02 .sl205 .txtArea::before{
background-image: url(./img/bumon05_ill.png);
}
#sect02 .sl206 .txtArea::before{
background-image: url(./img/bumon06_ill.png);
}
#sect02 .sl207 .txtArea::before{
background-image: url(./img/bumon07_ill.png);
}


#sect02 .liBox h4{
text-align: center;
font-size:2.0rem;
color: #0e4eaa;
}
#sect02 .liBox p{
font-size:1.5rem;
}










/*------------
sect03_PC
------------*/
#sect03 .fuki_anim{
}
#sect03 .fuki_anim .fuki{
z-index: 1;
top: -6.6rem;
left: calc(50% + 7rem);
}
#sect03 .fuki_anim .fuki_B{
z-index: -1;
top: -10.7rem;
left: calc(50% + 18.5rem);
}



#sect03{
margin: 0 0 16rem;
}
#sect03 .areaInner::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: calc(100% + 100vw);
height: 66rem;
background: url(./img/dotbg_bl.jpg) 0 0 repeat;
background-size: 11.0rem auto;
border-radius: 2rem 0 0 2rem;
}
#sect03 .sectTtlArea{
width: 76.5rem;
}
#sect03 .sectTtl .fontL{
display: inline;
}


/* tab */
#sect03 .tabArea{
position: relative;
}
#sect03 .tab{
position: absolute;
left: 3rem;
width: 23.0rem;
}
#sect03 .tablist{
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 2.5rem;
padding: 2.8rem 2rem 3rem;
background: #fff;
border-radius: 1.6rem;
box-shadow: 0px 5px 13.16px 0.84px rgba(80, 80, 80, 0.2);
line-height: 1;
font-weight: 700;
font-size:3.6rem;
color: #31bede;
cursor: pointer;
transition: all .2s ease-in-out;
}
#sect03 .tablist:nth-child(2){color: #64b247;}
#sect03 .tablist:nth-child(3){color: #ff6e6e;}
#sect03 .tablist:hover{
opacity: .6;
}
#sect03 .tablist .fontL{
position: relative;
top: -0.1rem;
font-size:4.0rem;
}
#sect03 .tablist.active{
background: #31bede;
color: #fff;
}
#sect03 .tablist:nth-child(2).active{background: #64b247;}
#sect03 .tablist:nth-child(3).active{background: #ff6e6e;}

#sect03 .tablist.active::before{
content: "";
position: absolute;
top: 0;
right: -2.2rem;
width: 2.3rem;
height: 100%;
background: url("./img/tri1.svg") 0 50% no-repeat;
background-size: 2.3rem auto;
}
#sect03 .tablist:nth-child(2).active::before{
background-image: url("./img/tri2.svg");
}
#sect03 .tablist:nth-child(3).active::before{
background-image: url("./img/tri3.svg");
}






/* tabcontents */
#sect03 .tabcontents{
position: relative;
margin: 0 0 0 30rem;
}
#sect03 .tabcontents::before{
content: "";
position: absolute;
top: 9.5rem;
right: -7.7rem;
width: 9.2rem;
height: 20.3rem;
background: url(./img/sct03_dcill.png) 0 0 no-repeat;
}
#sect03 .tabcontents-list{
position: relative;
min-height: 55rem;
padding: 3rem 3rem 2rem 5rem;
background: #fff;
border: 4px solid #31bede;
border-radius: 1.6rem;
}
#sect03 .tab2{border-color: #64b247;}
#sect03 .tab3{border-color: #ff6e6e;}

#sect03 .tabcontents-list::before{
content: "";
position: absolute;
top: 9rem;
left: 0;
width: 24.3rem;
height: 41rem;
background: url(./img/sct03_tab1.jpg) 0 0 no-repeat;
background-size: cover;
border-radius: 0 1.6rem 1.6rem 0;
}
#sect03 .tab2::before{
background-image: url(./img/sct03_tab2.jpg);
}
#sect03 .tab3::before{
background-image: url(./img/sct03_tab3.jpg);
}

#sect03 .tabcontents h3{
position: absolute;
top: 2.5rem;
font-size:2.6rem;
color: #31bede;
}
#sect03 .tab2 h3{color: #64b247;}
#sect03 .tab3 h3{color: #ff6e6e;}

#sect03 .tabcontents h3 .fontL{
font-size:3.0rem;
}

#sect03 .tabcontents .dlArea{
margin: 0 0 0 24rem;
}
#sect03 .tabcontents dl{
position: relative;
padding: 0 0 2rem 2.5rem;
}
#sect03 .tabcontents dl::before{
content: "";
position: absolute;
top: 1.2rem;
left: 0;
width: 1.2rem;
height: 1.2rem;
background: #0e4eaa;
border-radius: 50%;
}
#sect03 .tabcontents dl::after{
content: "";
position: absolute;
top: 1.5rem;
left: .5rem;
width: .2rem;
height: 100%;
background: url(./img/dotline_vt.png) 0 0 repeat-y;
background-size: .2rem auto;
}
#sect03 .tabcontents dl:last-child::after{
height: 0;
background: none;
}
#sect03 .tabcontents dt{
font-size:1.8rem;
font-weight: 700;
color: #0e4eaa;
}





/*------------
sect04_PC
------------*/
#sect04 .fuki_anim{
}
#sect04 .fuki_anim .fuki{
z-index: -1;
top: -12.5rem;
left: calc(50% - 47rem);
}
#sect04 .fuki_anim .fuki_B{
z-index: 1;
top: -8.6rem;
left: calc(50% - 28rem);
}

#sect04{
margin: 0 0 26rem;
}
#sect04 .areaInner::before{
content: "";
position: absolute;
top: 0;
right: 5rem;
width: calc(100% + 100vw);
height: 62rem;
background: url(./img/h2_bg.jpg) 0 0 repeat;
background-size: 11.0rem auto;
border-radius: 0 2rem 2rem 0;
}
#sect04 .areaInner::after{
content: "";
position: absolute;
bottom: -7.7rem;
left: 0;
width: 23.0rem;
height: 11.5rem;
background: url(./img/sct04_dcill.png) 0 0 no-repeat;
}

#sect04 .sectTtlArea{
width: 48.5rem;
text-align: center;
}
#sect04 .sectTtlArea .intro p{
padding: 0 3rem;
}


#sect04 .ulBox{
position: absolute;
top: 9.5rem;
right: 0;
}
#sect04 .liBox{
width: 26rem;
float: left;
margin: 0 0 0 2.5rem;
transition: all .2s ease-in-out;
}
#sect04 .liBox:nth-child(1){
margin-top: 13rem;
}

#sect04 .liBox .bg{
position: relative;
padding: 15rem 0 0;
background: #fff;
border-radius: 9999px 9999px;
box-shadow: 0px 5px 13.16px 0.84px rgba(80, 80, 80, 0.2);
}
#sect04 .liBox a::before{
	display:none;
content: "MORE";
position: absolute;
z-index: 1;
bottom: 3.3rem;
left: calc(50% - 6rem);
width: 12rem;
height: 3.2rem;
padding: 0 5%;
background: url(./img/ccl_wt.svg) 90% 50% no-repeat #e36732;
background-size: .8rem auto;
border-radius: 9999px;
display: flex;
align-items: center;
line-height: 1;
font-family: "Poppins", sans-serif;
font-size:1.2rem;
font-weight: 600;
color: #fff;
}
#sect04 .liBox:nth-child(2) a::before{
background-color: #e93f42;
}


#sect04 .liBox h3{
position: absolute;
right: 3rem;
top: -4.3rem;
font-family: "Zen Kaku Gothic New vt";
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 2.6rem;
    color: #0e4eaa;
}
#sect04 .liBox:nth-child(2) h3{
right: auto;
    left: 2rem;
    top: -7.3rem;
}
#sect04 .liBox h3::before{
content: "";
position: absolute;
bottom: -2.2rem;
left: -0.5rem;
width: 2.5rem;
height: 3.3rem;
background: url(./img/deco5.svg) 0 0 no-repeat;
background-size: 2.5rem auto;
}
#sect04 .liBox:nth-child(2) h3::before{
left: auto;
right: -0.5rem;
transform: scale(-1, 1);
}
#sect04 .liBox .spec{
position: absolute;
    z-index: 1;
    top: 15.5rem;
    left: 0;
    display: inline-block;
    padding: .4rem 1.0rem .5rem;
    background: #fff;
    line-height: 1;
    font-size: 1.4rem;
    font-weight: 700;
    color: #f7b730;
}
#sect04 .liBox:nth-child(2) .spec{
color: #ca5fcc;
}
#sect04 .liBox .flame{
position: absolute;
top: -1rem;
    width: 20rem;
}
#sect04 .liBox:nth-child(2) .flame{
right: 0;
}
#sect04 .liBox .flame img{
width: 100%;
}
#sect04 .liBox .txtArea{
position: relative;
padding:4.5rem 3rem 4.5rem;
background: #f7b730;
background:linear-gradient(0deg, rgb(247 183 48) 92%, rgba(247, 130, 79, 0) 100%);
border-radius: 0 0 9999px 9999px;
color: #fff;
}
#sect04 .liBox:nth-child(2) .txtArea{
background: #ca5fcc;
background: linear-gradient(0deg, rgb(202 95 204) 92%, rgba(247, 130, 79, 0) 100%);
}
#sect04 .liBox .catch{
margin: 0 0 -0.5rem;
text-align: center;
font-size:1.8rem;
color: #fff;
}







/*------------
sect05_PC
------------*/
#sect05{
margin: 0 0 25rem;
padding: 0 0 12rem;
background: url(./img/sct05_bg.png) 0 0 repeat;
background-size: 4.8rem auto;
}
#sect05::before{
content: "";
position: absolute;
top: -4rem;
left: 0;
width: 100%;
height: 4rem;
background: url(./img/sct05_head_bg.png) 0 0 repeat-x #e6e4de;
background-size: 7.5rem auto;
}
#sect05::after{
content: "";
position: absolute;
bottom: -4rem;
left: 0;
width: 100%;
height: 4rem;
background: url(./img/sct05_head_bg.png) 0 0 repeat-x #e6e4de;
background-size: 7.5rem auto;
transform: scale(1, -1);
}

#sect05 .areaInner{
padding-top: 5rem;
}
#sect05 .sectTtlArea{
margin: 0 0 10rem;
padding: 8rem 0 0;
text-align: center;
}
#sect05 .sectTtlArea::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 33rem;
background: url(./img/sct05_ttl_bg.png) 50% 0 no-repeat;
}
#sect05 .sectTtlArea::after{
content: "";
position: absolute;
top: 4.5rem;
left: -8rem;
width: 19rem;
height: 19rem;
background: url(./img/sct05_dcill01.png) 0 0 no-repeat;
}

#sect05 .sectTtl span:not([class]){
position: relative;
}
#sect05 .sectTtl span:not([class])::before{
content: "";
position: absolute;
top: -0.8rem;
left: calc(50% - 0.4rem);
width: .8rem;
height: .8rem;
background: #f26868;
border-radius: 50%;
}
#sect05 .sectTtlArea .intro p{
padding: 0 16rem;
text-align: center;
}



#sect05 .mini{
position: relative;
}

#sect05 .fuki_anim{
z-index: 2;
}
#sect05 .fuki_anim .fuki{
top: -2.5rem;
left: calc(50% - 44rem);
}
#sect05 .fuki_anim .fuki_B{
top: -6rem;
left: calc(50% + 23rem);
}
#sect05 .fuki_anim .fuki_B span{
background: #fff;
}
#sect05 .fuki_anim .fuki_B span::before{
background-image: url("./img/fuki_hip_wt.svg");
}

#sect05 .mini1{
padding: 0 0 4.5rem;
}
#sect05 .mini1 .flame{
    width: 100rem;
    margin: 0 0 2rem;
    padding: 0;
}
#sect05 .mini1 p{
padding: 3rem 5rem;
    background: #ffffff;
    width: 90%;
    border-radius: 2rem;
    margin: 0 auto 3rem;
}

#sect05 .mini2{
padding: 6rem 0 0;
background: url(./img/dotline_bl.png) 0 0 repeat-x;
background-size: auto .2rem;
}
#sect05 .mini2::before{
content: "";
position: absolute;
top: -1.4rem;
left: calc(50% - 3.4rem);
width: 8rem;
height: 6rem;
background: url(./img/sct05_deco.svg) 0 0 no-repeat;
background-size: 8rem auto;
}
#sect05 .mini2::after{
content: "";
position: absolute;
top: -17rem;
right: -6.3rem;
width: 18rem;
height: 20rem;
background: url(./img/sct05_dcill02.png) 100% 0 no-repeat;
}

#sect05 .mini2 .fontEng{
margin: 0 0 2.5rem;  
text-align: center;
font-size:3.0rem;
color: #0e4eaa;
}


#sect05 .mini2 .liBox{
margin: 0 0 9rem 20rem;
background: #fff;
border-radius: 2.0rem;
}
#sect05 .mini2 .liBox:nth-child(2){
margin: 0 12rem 0 0;
}
#sect05 .mini2 .liBox:nth-child(1)::before{
content: "";
position: absolute;
z-index: 1;
top: .7rem;
left: -12rem;
width: 10.2rem;
height: 7.5rem;
background: url(./img/sct05_dcill03.png) 0 0 no-repeat;
}
#sect05 .mini2 .liBox:nth-child(2)::before{
content: "";
position: absolute;
bottom: -8.8rem;
left: -3rem;
width: 16rem;
height: 14rem;
background: url(./img/sct05_dcill04.png) 0 100% no-repeat;
}

#sect05 .mini2 .liBox h3 a{
padding: 2rem 5rem 2rem 15rem;
background: #f7824f;
border-radius: 2rem 2rem 0 0;
font-size:3.2rem;
color: #fff;
}
#sect05 .mini2 .liBox:nth-child(2) h3 a{
background: #ff6e6e;
padding: 2rem 10rem 2rem 5rem;
}
#sect05 .mini2 h3 .fontS{
display: block;
font-size:2.4rem;
}
#sect05 .mini2 h3 .arr {
position: relative;
display: inline-block;
padding: .4rem 5.0rem .4rem 0;
background: url(./img/arrow_ccl_wt.svg) 100% calc(50% + .2rem) no-repeat;
background-size: 3.6rem auto;
}


#sect05 .mini2 .txtArea{
padding: .5rem 5rem 2rem 15rem;
}
#sect05 .mini2 .liBox:nth-child(2) .txtArea{
padding: .5rem 15rem 2rem 5rem;
}

#sect05 .mini2 .flame{
position: absolute;
top: 5rem;
left: -15.7rem;
width: 28rem;
}
#sect05 .mini2 .liBox:nth-child(2) .flame{
top: 5.2rem;
    left: auto;
    right: -20.4rem;
    width: 32rem;
}
#sect05 .mini2 .flame img{
width: 100%;
object-fit: cover;
border-radius: 50%;
}











/*------------
sect06_PC
------------*/
#sect06 .fuki_anim{
}
#sect06 .fuki_anim .fuki{
z-index: -1;
top: -11.0rem;
left: calc(50% - 47rem);
}
#sect06 .fuki_anim .fuki_B{
z-index: 1;
top:29.6rem;
left: calc(50% + 13.6rem);
}
#sect06 .fuki_anim .fuki_B span{
background: #fff;
}
#sect06 .fuki_anim .fuki_B span::before{
background-image: url("./img/fuki_hip_wt.svg");
}
#sect06 .intro {
    width: 60%;
}

#sect06{
margin: 0 0 17rem;
}
#sect06::before{
content: "";
position: absolute;
z-index: 2;
bottom: 1.5rem;
left: calc(50% - 64rem);
width: 14rem;
height: 12rem;
background: url(./img/sct06_dcill01.png) 0 100% no-repeat;
}
#sect06::after{
content: "";
    position: absolute;
    z-index: 2;
    bottom: 10.5rem;
    left: calc(50% + 46.5rem);
    width: 8.5rem;
    height: 8.5rem;
    background: url(./img/sct06_dcill02.png) 0 100% no-repeat;
}

#sect06 .areaInner{
padding-left: 0;
}
#sect06 .areaInner::before{
content: "";
position: absolute;
top: 0;
right: 0;
width: calc(100% + 100vw);
height: 62rem;
background: url(./img/dotbg_gr.jpg) 0 0 repeat;
background-size: 11.0rem auto;
border-radius: 0 2rem 2rem 0;
}
#sect06 .sectTtlArea{
padding-left: 5rem;
margin: 0 0 8rem;
}
#sect06 .sectTtl::before {
width: 2.5rem;
}
#sect06 .sectTtl::after{
left: 2.5rem;
width: 2.5rem;
}


#sect06 .ulBox{
z-index: 1;
display: flex;
justify-content: space-between;
}
#sect06 .ulBox::before{
content: "";
position: absolute;
top: calc(50% - 6.8rem);
left: 0;
width: calc(100% + 0rem);
height: 13.6rem;
background: #64b247;
}
#sect06 .ulBox::after{
content: "";
position: absolute;
top: calc(50% - 6.8rem);
right: -5.4rem;
width: 5.4rem;
height: 100%;
background: url(./img/tri4.svg) 0 0 no-repeat;
background-size: 5.4rem auto;
}
#sect06 .liBox{
width: 25rem;
padding: 5rem 2rem 0;
background: #fff;
box-shadow: 0px 5px 13.16px 0.84px rgba(80, 80, 80, 0.2);
border-radius: 9999px;
overflow: hidden;
}
#sect06 .liBox::before{
content: "";
position: absolute;
bottom: -10.0rem;
left: calc(50% - 9.7rem);
width: 19.4rem;
height: 19.4rem;
background: #fff4c7;
border-radius: 50%;
}
#sect06 .liBox .catch{
margin: 0 2rem 2rem;
padding: .3rem 1rem .5rem;
background: #31bede;
border-radius: 9999px;
text-align: center;
color: #fff;
    font-size: 2rem;
}
#sect06 .liBox:nth-child(2) .catch{background: #64b247;}
#sect06 .liBox:nth-child(3) .catch{background: #ff6e6e;}
#sect06 .liBox:nth-child(4) .catch{background: #f7824f;}

#sect06 .liBox h3{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size:2.2rem;
color: #0e4eaa;
}
#sect06 .liBox .flame{
position: relative;
    width: 80%;
    text-align: center;
    margin: auto;
}















/*------------
sect07_PC
------------*/



#sect07{
}
#sect07::before{
content: "";
position: absolute;
z-index: 1;
top: -14rem;
left: calc(50% - 59rem);
width: 14rem;
height: 19rem;
background: url(./img/sct07_dcill.png) 0 0 no-repeat;
}
#sect07 .areaInner{
padding-top: 7rem;
}
#sect07 .areaInner::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: calc(100% + 100vw);
height: 62rem;
background: url(./img/dotbg_bl.jpg) 0 0 repeat;
background-size: 11.0rem auto;
border-radius: 2rem 0 0 2rem;
}
#sect07 .sectTtlArea{
width: 39rem;
float: left;
}
#sect07 .sectTtlArea::before{
content: "";
    position: absolute;
    bottom: -35.5rem;
    left: -13rem;
    width: 49rem;
    height: 32rem;
    background: url(./img/sct07_ph02.jpg) 0 0 no-repeat;
    background-size: cover;
    border-radius: 1.6rem;
}
#sect07 .sectTtlArea::after{
content: "";
    position: absolute;
    bottom: -50rem;
    left: 13rem;
    width: 29rem;
    height: 21rem;
    background: url(./img/sct07_ph01.jpg) 0 bottom no-repeat;
    background-size: cover;
    border-radius: 1.6rem;
}

#sect07 .sectTtl::before{
width: 2.5rem;
}
#sect07 .sectTtl::after{
left: 2.5rem;
width: 2.5rem;
}
#sect07 .sectTtl .fontS{
font-size:2.4rem;
}

#sect07 .ulBox{
z-index: 1;
width: 52rem;
float: right;
}

#sect07 .ulBox .inner{
padding: 2.5rem 3rem;
background: #fff;
box-shadow: 0px 5px 13.16px 0.84px rgba(80, 80, 80, 0.2);
border: 1.6rem solid #e4e1dc;
border-radius: 1.6rem;
}

#sect07 .fuki_anim{
}
#sect07 .fuki_anim .fuki {
    z-index: -1;
    top: -14.5rem;
    left: 3rem;
}
#sect07 .fuki_anim .fuki_B{
    z-index: -1;
    top: -13rem;
    left: 27rem;
}




#sect07 .liBox{
margin: 0 0 3rem 6rem;
}
#sect07 .boxB{
margin: 0 6rem 3rem 0;
}
#sect07 .liBox::before{
content: "";
position: absolute;
bottom: -2.5rem;
left: -6rem;
width: 7.3rem;
height: 7.3rem;
background: url(./img/sct07_icon01.png) 0 0 no-repeat #eafce6;
background-size: 7.3rem auto;
border-radius: 50%;
}
#sect07 .boxB::before{
left: auto;
right: -6rem;
background-image: url(./img/sct07_icon02.png);
background-size: 7.3rem auto;
}
#sect07 .liBox .spec{
margin: 0 0 .3rem;
font-size:1.2rem;
color: #64b247;
}
#sect07 .boxB .spec{
text-align: right;
color: #31bede;
}
#sect07 .liBox .fuki{
position: relative;
padding: 1rem 3rem 1.2rem;
background: #fff4c7;
border-radius: 1.6rem 1.6rem 1.6rem 0;
}
#sect07 .boxB .fuki{
border-radius: 1.6rem 1.6rem 0 1.6rem;
}



/*------------
sect08_PC
------------*/
.spv{
position: relative;
margin: 0.5rem 0 0;
padding: 4rem 0 1rem;
background: #0E4EAA;
background: linear-gradient(180deg, rgba(14, 78, 170, 1) 0%, rgba(83, 139, 223, 1) 15%, rgba(83, 139, 223, 1) 70%, rgba(14, 78, 170, 1) 80%, rgba(14, 78, 170, 1) 100%, rgba(255, 255, 255, 1) 100%);
color: #fff;

clip-path: inset(0);
}
.spv::after{
content: "";
    position: absolute;
    bottom: -112px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 56rem;
    background: #FFF;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
}

/* animation */
.spv .animBox{
position: fixed;
top: -20rem;
left: 0;
width: 100vw;
height: 100vh;
opacity: .5;
}
.spv .animBox .flame:nth-child(1){
top: 50rem;
left: calc(50% - 70rem);
}
.spv .animBox .flame:nth-child(2){
top: 60rem;
left: calc(50% + 74rem);
}
.spv .animBox .flame:nth-child(3){
top: 70rem;
left: calc(50% + 63rem);
}
.spv .animBox .flame:nth-child(4){
top: 80rem;
left: calc(50% - 64rem);
}
.spv .animBox .flame:nth-child(5){
top: 90rem;
left: calc(50% - 88rem);
}
.spv .animBox .flame:nth-child(6){
top: 100rem;
left: calc(50% + 40rem);
}


.spv .animBox .flame{
position: absolute;
width: 13rem;
}
.spv .animBox .spd1{
animation: floating-y 7.5s linear infinite;
}
.spv .animBox .spd2{
animation: floating-y2 7.5s linear infinite;
}
.spv .animBox .spd3{
animation: floating-y3 7.5s linear infinite;

}


@keyframes floating-y {
0% {
transform: translateY(200%);
opacity: 0;
}
20% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(-200%);
}
}

@keyframes floating-y2 {
0% {
transform: translateY(100%);
opacity: 0;
}
10% {
opacity: 1;
}
80% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(-300%);
}
}

@keyframes floating-y3 {
0% {
transform: translateY(300%);
opacity: 0;
}
30% {
opacity: 1;
}
60% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(-100%);
}
}












#sect08 .animBtn{
text-align: center;
}
#sect08 .animBtn a{
position: relative;
display: inline-block;
padding: 3rem 10rem 3.2rem;
background: #fff;
border-radius: 9999px;
box-shadow: 0px 5px 13.16px 0.84px rgba(80, 80, 80, 0.2);
line-height: 1;
font-size:3.6rem;
color: #0e4eaa;
}
#sect08 .animBtn a::before{
content: "";
position: absolute;
z-index: 10;
top: 0;
right: 3.0rem;
width: 4.8rem;
height: 100%;
background: url(./img/arrow_ccl.svg) 0 50% no-repeat;
background-size: 4.8rem auto;
}
#sect08 .animBtn a::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0rem;
    width: 10rem;
    height: calc(100% + .5rem);
    background: url(./img/bumon02_ill.png) 0 calc(100% + 2rem) no-repeat;
    background-size: 10rem auto;
transition: all .1s ease-in;
}
#sect08 .animBtn a:hover{
opacity: 1;
background: #0e4eaa;
color: #fff;
}
#sect08 .animBtn a:hover::after{
background-position: 0 calc(0% - 2rem);
transform: scale(1.2);
}

/* introArea */
#sect08 .introArea{
margin: 0 0 10rem;
}
#sect08 .introArea .intro{
padding: 3rem 0 5rem;
text-align: center;
}
#sect08 .introArea .ulBox{
display: flex;
justify-content: space-between;
}
#sect08 .introArea .liBox{
width: 35.2rem;
padding: 2.5rem 3rem 3rem;
background: #fff9df;
border-radius: 1.6rem;
color: #434343;
}
#sect08 .introArea .liBox:nth-child(2){background: #ffedee;}
#sect08 .introArea .liBox:nth-child(3){background: #f1ffeb;}


#sect08 .introArea .liBox h4{
display: flex;
align-items: center;
justify-content: center;
margin:0 0 21rem;
text-align: center;
font-size:2.4rem;
color: #0e4eaa;
}
#sect08 .introArea .liBox h4::before{
content: "";
position: absolute;
bottom:-20.5rem;
left: 0;
width: 100%;
height: 19rem;
background: url(./img/sct08_icon01.png) 50% 0 no-repeat;
background-size: 20rem auto;
}
#sect08 .introArea .liBox:nth-child(2) h4::before{
background-image: url(./img/sct08_icon02.png);
}
#sect08 .introArea .liBox:nth-child(3) h4::before{
background-image: url(./img/sct08_icon03.png);
}



/* rcArea */
#sect08 .rcArea .animBtn{
margin-bottom: -5rem;
}
#sect08 .rcArea .animBtn a{
padding: 3rem 14rem 3.2rem;
}

#sect08 .rcArea .boxAq{
margin: 0 0 8rem;
padding: 8rem 5rem 3rem;
background: #ddf4f7;
border-radius: 2rem;
color: #434343;
}
#sect08 .rcArea .intro{
padding: 0 0 5rem;
text-align: center;
}

#sect08 .rcArea .ulBox{
display: flex;
justify-content: space-between;
}
#sect08 .rcArea .ulBox1{
margin: 0 0 2rem;
}
#sect08 .rcArea .ulBox2{
margin: 0 0 6rem;
}
#sect08 .rcArea .ulBox1 .liBox{
width: 31.8rem;
}
#sect08 .rcArea .ulBox2 .liBox{
width: 54.4rem;
}
#sect08 .rcArea .ulBox2 .liBox:nth-child(2){
width: 43.3rem;
}


#sect08 .rcArea .ulBox .liBox{
background: #fff;
border-radius: 1.6rem;
}
#sect08 .rcArea .liBox h4{
margin: 0 0 1.5rem;
padding: 1.5rem 2rem 2.0rem;
border-bottom: 2px solid #ddf4f7;
font-size:2.4rem;
text-align: center;
color: #0e4eaa;
}
#sect08 .rcArea .liBox .mainArea{
padding: 0 2rem;
font-size:1.6rem;
    margin: 0 0 3.5rem;	
}
#sect08 .rcArea .liBox li{
position: relative;
padding: .3rem 0 .3rem 2rem;
}
#sect08 .rcArea .liBox li::before{
position: absolute;
content: "";
top: 1.3rem;
left: .2rem;
width: 1.0rem;
height: 1.0rem;
background: #64b247;
border-radius:50%;
}

#sect08 .rcArea .liBox .col2{
display: flex;
flex-wrap: wrap;
}
#sect08 .rcArea .liBox .col2 li{
width: 50%;
}
#sect08 .rcArea .liBox .note{
margin: .5rem 0 0;
font-size:1.4rem;
}


/* tblArea */
#sect08 .tblArea{
margin: 0 0 3rem;
} 
#sect08 .tblArea .rctbl_tr{
display: flex;
justify-content: space-between;
} 
#sect08 .tblArea .rctbl_th{
margin: 0;
padding: 2rem 2.5rem;
width: 28rem;
border-bottom: 2px solid #0e4eaa;
font-size:2.0rem;
font-weight: 700;
color: #0e4eaa;
}
#sect08 .tblArea .rctbl_td{
width: 71rem;
padding: 2rem 1rem;
border-bottom: 2px solid #d2d1cf;
}
#sect08 .tblArea .rctbl_td .f_small{
font-size:1.3rem;
}

#sect08 .boxAq .btns > div {
width: 36rem;
}
#sect08 .boxAq .btn-web a::after {
background-image: url(./img/bumon01_ill.png);
    left: -18px;
}


/* botArea */
#sect08 .botArea{
}
#sect08 .botArea .headArea{
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 6rem;
}
#sect08 .botArea .headArea h3{
width: 73.6rem;
font-size:4.8rem;
line-height: 1.2;
}
#sect08 .botArea .headArea h3::before{
content: "";
position: absolute;
top: 0;
right: 0;
width: .4rem;
height: 100%;
background: #ffdd4a;
}
#sect08 .botArea .headArea p{
width: 65rem;
}


#sect08 .botArea .ulBox{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#sect08 .botArea .liBox{
width: 35rem;
margin: 0 0 2.5rem;
padding: 2rem 3rem 2.5rem;
background: #fff;
border-radius: 1.6rem;
color: #434343;
}
#sect08 .botArea .boxB{
width: 22.5rem;
padding: 2rem 2.5rem 2.5rem;
}

#sect08 .botArea .liBox h4{
margin: 0 0 2.0rem;
padding: 0 0 0 3.4rem;
font-size:2.4rem;
}
#sect08 .botArea .boxB h4{
font-size:2.2rem;
}
#sect08 .botArea .liBox h4::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 2.6rem;
height: 5rem;
background: url(./img/sct08_pin.png) 0 0 no-repeat;
background-size: 2.6rem auto;
}
#sect08 .botArea .liBox h4 .fontS{
font-size:1.6rem;
font-weight: 500;
}
#sect08 .botArea .liBox p{
font-size:1.4rem; 
}






/*------------
sect09_PC
------------*/
#sect09{
position: relative;
margin: 0 0 -7rem;
padding: 10rem 0 0;
}
#sect09::before{
content: "";
    position: absolute;
    z-index: 2;
    top: 13rem;
    left: calc(50% - 86rem);
    width: 46.2rem;
    height: 28.5rem;
    background: url(./img/sct09_ph01.jpg) 0 0 no-repeat;
    background-size: cover;
    border-radius: 1.6rem;
}
#sect09::after{
content: "";
    position: absolute;
    z-index: 1;
    top: 18rem;
    left: calc(50% + 43.6rem);
    width: 24.5rem;
    height: 32.7rem;
    background: url(./img/sct09_ph02.jpg) 0 0 no-repeat;
    background-size: cover;
    border-radius: 1.6rem;
}
#sect09 .inner{
position: relative;
}
#sect09 .inner::before{
content: "";
    position: absolute;
    top: 37rem;
    left: calc(50% - 77.5rem);
    width: 48.0rem;
    height: 29.6rem;
    background: url(./img/sct09_ph03.jpg) 0 0 no-repeat;
    background-size: cover;
    border-radius: 1.6rem;
    opacity: .6;
}
#sect09 .inner::after{
content: "";
    position: absolute;
    top: 46rem;
    left: calc(50% + 41rem);
    width: 32rem;
    height: 26.8rem;
    background: url(./img/sct09_ph04.jpg) 0 0 no-repeat;
    background-size: cover;
    border-radius: 1.6rem;
    opacity: .6;
}


#sect09 .areaInner{
z-index: 1;
    width: 100rem;
    margin: 0 auto;
    padding: 5rem 0 8rem;
    background: url(./img/sct05_bg.png) 0 0 repeat;
    background-size: 4.8rem auto;
    text-align: center;
}
#sect09 .areaInner::before {
content: "";
position: absolute;
top: -4rem;
left: 0;
width: 100%;
height: 4rem;
background: url(./img/sct05_head_bg.png) 4rem 0 repeat-x #e6e4de;
background-size: 7.5rem auto;
}
#sect09 .areaInner::after{
content: "";
    position: absolute;
    bottom: -10.5rem;
    left: 0;
    width: 100%;
    height: 15.2rem;
    background: url(./img/allstars.png) 50% 0 no-repeat;
}

#sect09 .fontEng{
margin: 0 0 2rem;
text-align: center;
font-size:3.6rem;
color: #ffdd4a;
}
#sect09 .sttl{
display: inline-block;
margin: 0 0 2.5rem;
padding: 0px 0px 1rem;
background: url(./img/dotline_bl.png) 0px 90% / auto 0.2rem repeat-x;
color: #0e4eaa;
}
#sect09 .intro{
margin: 0 0 5rem;
}
#sect09 .intro p{
margin: 0 0 2rem;
text-align: center;
line-height: 1.8;
font-size:1.7rem;
}
#sect09 .boxWt{
position: relative;
width: 60rem;
margin: 0 auto;
padding: 3rem 5rem;
background: #fff;
border-radius: 1.6rem;
}
#sect09 .boxWt::before{
content: "";
position: absolute;
top: -13rem;
left: -11rem;
width: 12rem;
height: 30rem;
background: url(./img/sct09_dcill01.png) 0 0 no-repeat;
}
#sect09 .boxWt::after{
content: "";
position: absolute;
top: -7rem;
right: -14.4rem;
width: 18rem;
height: 21rem;
background: url(./img/sct09_dcill02.png) 100% 0 no-repeat;
}
#sect09 .boxWt .catch{
line-height: 1.8;
}
#sect09 .boxWt .ch1{
margin: 0 0 2rem;
}
#sect09 .boxWt .ch2::before{
content: "";
position: absolute;
top: 0;
left: 1.5rem;
width: 4.4rem;
height: 3.2rem;
background: url(./img/quote1.svg) 0 0 no-repeat;
background-size: 4.4rem auto;
}
#sect09 .boxWt .ch2::after{
content: "";
position: absolute;
top: 0;
right: 1.5rem;
width: 4.4rem;
height: 3.2rem;
background: url(./img/quote2.svg) 0 0 no-repeat;
background-size: 4.4rem auto;
}
#sect09 .boxWt .ch2 span{
display: inline-block;
padding: 0px 0px 1rem;
background: url(./img/dotline_bl.png) 0px 90% / auto 0.2rem repeat-x;
}





/*------------
sect10_PC
------------*/
#sect10{
margin: 0 0 -2rem;
padding: 13rem 0 24rem;
background: url(./img/dotbg_bl.jpg) 0px 0px / 11rem repeat;
}
#sect10::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 7rem;
background: #FFF;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
#sect10.areaInner {
padding: 4.5rem 0 2rem;
}

#sect10 .fontEng{
text-align: center;
}
#sect10 .sectTtlArea{
text-align: center;
}
#sect10 .sectTtlArea p{
text-align: center;
}
#sect10 .formBox{
background: #fff;
    height: auto;
    width: 100%;
    border-radius: 1.6rem;
    text-align: center;
}
#sect10 .formBox iframe {
    height: 154rem;
    width: 100%;
    padding: 3rem 0;
    text-align: center;
}
#sect10 .sectTtl {
    font-size: 3.8rem;
}


.about::after{
content: "ABOUT THIS MEDIA";
position: absolute;
top: 0;
left: 2rem;
font-size:4.0rem;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #fdcc00;
opacity: .3;
	background: none;
}

#fixNav .btn-internal a::before {
    right: 1.7rem;
    width: 1.6rem;
    background: url(./img/arrow_wt_vt.svg) 0 50% no-repeat;
    background-size: 1.6rem auto;
}
#fixNav .btn-internal a:hover::before{
background-image: url("img/arrow_red_vt.svg");
}
/* End_PC */




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



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

.areaInner {
    width: auto;
}






/*--------------------------------------
　header_SP
---------------------------------------*/
#header{
position: relative;
z-index: 14;
margin: 0 0 -9rem;
padding: 0 0 12rem;
background: #FFF;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(214, 241, 244, 1) 37%, rgba(214, 241, 244, 1) 80%, rgba(255, 255, 255, 1) 100%);
}
#header::before{
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("./img/mv_bg_sp.png") 50% 8rem no-repeat;
background-size: 47.2rem auto;
opacity: 1;
}




/* mvArea */
.mvArea{
position: relative;
z-index: 1;
width: auto;
margin: 0 auto -2rem;
padding: 6rem 0 0;
}

/* txtArea */
.mvArea .txtArea{
position: relative;
}
.mvArea .fuki{
position: absolute;
top: -6.0rem;
right: 3%;
width: 19.5rem;
height: 10rem;
padding: 1.8rem 5% 0;
background: url(./img/fuki_red.svg) 0 0 no-repeat;
background-size: 19.5rem auto;
text-align: center;
font-size:1.4rem;
color: #fff;
}
.mvArea .fuki::after {
content: "";
position: absolute;
top: .8rem;
right: 1.3rem;
width: 2.5rem;
height: 3.1rem;
background: url(./img/deco3.svg) 0 0 / 2.5rem no-repeat;
transform: scale(-1, 1);
}

.mvArea .txtArea .boxBl{
width: 37.5rem;
margin: 0 auto;
padding: .9rem 10%;
background: url(./img/mv_txtbg_sp.png) 50% 0 no-repeat;
background-size: 35rem auto;
}
.mvArea .txtArea .ywBox{
display: inline-block;
padding: .2rem 5% .4rem;
background: #ffe873;
border-radius: .2rem;
line-height: 1;
font-size:1.1rem;
font-weight: 700;
color: #0e4eaa;
}
.mvArea .txtArea h2{
line-height: 1.3;
font-size:2.8rem;
color: #fff;
}
.mvArea .txtArea h2 .line1{
display: block;
margin: 0 0 .8rem;
}

.mvArea .txtArea h2 .line2{
display: block;
text-align: right;
}
.mvArea .txtArea h2 .line2sp{
display: block;
margin: 0 0 1.0rem;
}
.mvArea .txtArea h2 .line3sp{
display: block;
margin: 0 0 .6rem;
}

.mvArea .txtArea h2 .fontEng{
display: block;
margin: -1rem 0 0;
text-align: right;
font-size: 4rem;
color: #0e4eaa;

-webkit-text-stroke: 4px #fff;
text-stroke: 4px #fff;
paint-order: stroke;
}




/* #sect00 */
#sect00{
position: relative;
width: auto;
margin: 0 auto;
}
#sect00::before{
content: "";
position: absolute;
z-index: 1;
	display:none;
top: 1rem;
left: calc(50% - 4rem);
width: 8rem;
height: 8rem;
background: url(./img/scr.svg) 0 0 no-repeat;
background-size: 8rem auto;
}
#sect00 .inner{
position: relative;
margin: 0 5%;
padding: 4rem 0 1rem;
background: #fff;
border-radius: 1.5rem;
}
#sect00 .inner::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}
#sect00 .inner::after{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}




#sect00 .intro{
position: relative;
z-index: 2;
padding: 0 5% 14.5rem;
text-align: center;
}
#sect00 .intro::before{
content: "";
        position: absolute;
        top: 11rem;
        right: -1.4rem;
        width: 5.6rem;
        height: 4rem;
        background: url(./img/sct00_dcill01.png) 0 0 no-repeat;
        background-size: 5.6rem auto;
}
#sect00 .intro::after{
        content: "";
        position: absolute;
        bottom: 11rem;
        left: 0.5rem;
        width: 6.4rem;
        height: 5.4rem;
        background: url(./img/sct00_dcill02.png) 0 0 no-repeat;
        background-size: 6.4rem auto;
}

#sect00 .ch1{
margin: 0 0 3rem;
line-height: 2.2;
font-size:1.5rem;
}
#sect00 .ch2{
margin: 0;
line-height: 2;
font-size:1.8rem;
}
#sect00 .ch2::before{
content: "";
position: absolute;
top: 0;
left: 5%;
width: 2.6rem;
height: 1.9rem;
background: url(./img/quote1.svg) 0 0 no-repeat;
background-size: 2.6rem auto;
}
#sect00 .ch2::after{
content: "";
position: absolute;
top: 0;
right: 5%;
width: 2.6rem;
height: 1.9rem;
background: url(./img/quote2.svg) 0 0 no-repeat;
background-size: 2.6rem auto;
}

#sect00 .ch2 .dLine{
padding: 0 0 .5rem;
background: url(./img/dotline_bl.png) 0 90% repeat-x;
background-size: auto .2rem;
}
#sect00 .ch2 .ywBox{
display: inline-block;
margin: 1rem 0 0;
padding: .3rem 2% .4rem;
background: #ffe873;
border-radius: .2rem;
line-height: 1;
}


#sect00 .mainArea{
position: relative;
}

#sect00 .mainArea .fuki{
position: absolute;
top: -10.8rem;
right: 2%;
width: 27.5rem;
height: 11rem;
padding: 1.5rem 5% 0;
background: url(./img/fuki_bl.svg) 0 0 no-repeat;
background-size: 27.5rem auto;
text-align: center;
font-size:1.4rem;
color: #fff;
}
#sect00 .mainArea .fuki::after {
content: "";
position: absolute;
bottom: 3.5rem;
right: 3.0rem;
width: 2.5rem;
height: 3.1rem;
background: url(./img/deco3.svg) 0 0 / 2.5rem no-repeat;
}
#sect00 .mainArea .fuki .fontS{
display: block;
margin: 0 0 .5rem;
}

#sect00 .mainArea .fontEng{
margin: 0 5% .5rem;
line-height: 1;
font-size:4.0rem;;
color: #ffdd4a;
opacity: .5;
}
#sect00 .mainArea h2{
padding: 0 5% 1.5rem;
font-size:2.3rem;
color: #0e4eaa;
}

#sect00 .imgArea{
position: relative;
}
#sect00 .imgArea .flame{
position: absolute;
z-index: 1;
top: -2.5rem;
right: -1.5rem;
width: 17.3rem;
height: 17.3rem;
padding: 2rem;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border: 2px solid #d2d1cf;
border-radius: 50%;
}
#sect00 .imgArea .flame2{
width: 20rem;
margin: 0 5% 4rem;
}
#sect00 .imgArea .flame2 img{
border-radius: 1.0rem;
}

#sect00 .mainArea .txtArea{
width: auto;
}
#sect00 .mainArea .boxWt{
position: relative;
margin: 0 5% 2.0rem 0;
padding:1.5rem 3% 2.5rem 5%;
background: #f5f4f2;
border-radius: 0 1.0rem 1.0rem 0;
line-height: 2.5;
font-size:1.5rem;
color: #0e4eaa;
}


#sect00 .mainArea .boxWt span{
padding: 0 0 .5rem;
background: url(./img/dotline_gr.png) 0 90% repeat-x;
background-size: auto .2rem;
}
#sect00 .mainArea .txtArea p{
padding: 0 5% 0;
line-height: 2.2;
}

#sect00 .btns{
padding: 0 0 1rem;
}
.btns > div {
width: 85%;
}
#sect00 .btns a .wtBox{
display: inline-block;
margin: 0 .5rem 0 0;
padding: .3rem .3rem;
background: #fff;
border-radius: .2rem;
line-height: 1;
color: #f77036;
transition: all .2s ease-in-out;
}
#sect00 .btns .btn-web a .wtBox{
color: #64b247;
}
#sect00 .btns .btn-internal a .wtBox{
color: #f77036;
}
#sect00 .btns .btn-internal a::before{
right: 1.4rem;
width: 1.6rem;
background: url(./img/arrow_wt_vt.svg) 0px 50% / 1.3rem no-repeat;   transition: 0.2s ease-in-out;
}

#sect00 .btns .btn-internal a:hover::before{
background-image: url("./img/arrow_wt_vt.svg");
}




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

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

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


/*------------
sect01_SP
------------*/
#sect01{
position: relative;
padding: 0 0 19rem;
}
#sect01 .areaInner::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}

#sect01 .sectTtlArea{
position: relative;
text-align: center;
color: #0e4eaa;
}
#sect01 .sectTtlArea::before{
content: "";
position: absolute;
top: 3rem;
left: -0.5rem;
width: 7rem;
height: 100%;
background: url(./img/sct01_dcill01.png) 0 0 no-repeat;
background-size: 7rem auto;
}
#sect01 .sectTtlArea::after{
content: "";
position: absolute;
top: 3rem;
right: -0.5rem;
width: 7rem;
height: 100%;
background: url(./img/sct01_dcill02.png) 100% 0 no-repeat;
background-size: 7rem auto;
}

#sect01 .sectTtl{
position: relative;
margin: 0 0 1.5rem;
font-size:2.0rem;
}
#sect01 .sectTtl .ywBox{
display: inline-block;
margin: 2rem 2% 0;
padding: .3rem 2% .4rem;
background: #ffe873;
border-radius: .2rem;
line-height: 1;
}

#sect01 .sectTtlArea .intro{
position: relative;
margin: 0 0 2rem;
}
#sect01 .sectTtlArea .intro::before{
content: "";
position: absolute;
bottom: 2.0rem;
left: calc(50% - 15rem);
width: 3.2rem;
height: 4.8rem;
background: url(./img/deco4.svg) 0 0 no-repeat;
background-size: 3.2rem auto;
}
#sect01 .sectTtlArea .intro::after{
content: "";
position: absolute;
bottom: 2.0rem;
left: calc(50% + 10.0rem);
width: 3.2rem;
height: 4.8rem;
background: url(./img/deco4.svg) 0 0 no-repeat;
background-size: 3.2rem auto;
transform: scale(-1, 1);
}

#sect01 .sectTtlArea .ruby{
line-height: 1;
font-size:1.3rem;
}
#sect01 .sectTtlArea .fontEng{
line-height: 1;
font-size:7.2rem;
}

#sect01 .ulBox{
display: block;
margin: 0 auto;
width: 33rem;
}
#sect01 .ulBox1 .liBox{
float: left;
}
#sect01 .ulBox1 .liBox:nth-child(2n){
float: right;
}
#sect01 .ulBox2 .liBox{
float: right;
}
#sect01 .ulBox2 .liBox:nth-child(2n){
float: left;
}

#sect01 .ulBox .liBox{
width: 16.8rem;
height: 16.8rem;
margin: 0 0 -5rem;
background: url(./img/sct01_bg01.png) 0 0 no-repeat;
background-size: 16.8rem auto;
text-align: center;
}
#sect01 .ulBox1 .liBox:nth-child(2){
background-image: url(./img/sct01_bg02.png);
}
#sect01 .ulBox1 .liBox:nth-child(3){
background-image: url(./img/sct01_bg03.png);
}
#sect01 .ulBox2 .liBox:nth-child(1){
background-image: url(./img/sct01_bg04.png);
}
#sect01 .ulBox2 .liBox:nth-child(2){
background-image: url(./img/sct01_bg05.png);
}
#sect01 .ulBox2 .liBox:nth-child(3){
background-image: url(./img/sct01_bg06.png);
}
#sect01 .ulBox2 .liBox:nth-child(4){
background-image: url(./img/sct01_bg07.png);
}


#sect01 .ulBox .liBox::before{
content: "";
        position: absolute;
        bottom: 0;
        left: -6px;
        width: 11.7rem;
        height: 100%;
        background: url(./img/bumon01_ill.png) 0 100% no-repeat;
        background-size: 11.7rem auto;
}
#sect01 .ulBox1 .liBox:nth-child(2)::before{
background-image: url(./img/bumon02_ill.png);
}
#sect01 .ulBox1 .liBox:nth-child(3)::before{
background-image: url(./img/bumon03_ill.png);
}
#sect01 .ulBox2 .liBox:nth-child(1)::before{
background-image: url(./img/bumon04_ill.png);
	        bottom: -7px;
}
#sect01 .ulBox2 .liBox:nth-child(2)::before{
background-image: url(./img/bumon05_ill.png);
	background-size: 12.7rem auto;
        bottom: -19px;
}
#sect01 .ulBox2 .liBox:nth-child(3)::before{
background-image: url(./img/bumon06_ill.png);
	        bottom: -10px;
}
#sect01 .ulBox2 .liBox:nth-child(4)::before{
background-image: url(./img/bumon07_ill.png);
	        bottom: -10px;
}
#sect01 .ulBox1 .liBox:nth-child(2n)::before,
#sect01 .ulBox2 .liBox:nth-child(2n-1)::before{
left: auto;
right: -0.7rem;
}


#sect01 .liBox .fuki{
position: relative;
top: 1.5rem;
left: 2.5rem;
display: inline-block;
min-width: 13rem;
padding: .4rem 3% .5rem;
background: #e1fcd7;
border-radius: 9999px;
font-size: 1.4rem;
}
#sect01 .ulBox1 .liBox:nth-child(2) .fuki{background: #d7f6fc;}
#sect01 .ulBox1 .liBox:nth-child(3) .fuki{background: #fcd7d7;}
#sect01 .ulBox2 .liBox:nth-child(1) .fuki{background: #fce2d7;}
#sect01 .ulBox2 .liBox:nth-child(2) .fuki{background: #fcf5d7;}
#sect01 .ulBox2 .liBox:nth-child(3) .fuki{background: #fcd7fc;}
#sect01 .ulBox2 .liBox:nth-child(4) .fuki{background: #fcdbd7;}

#sect01 .ulBox1 .liBox:nth-child(2n) .fuki,
#sect01 .ulBox2 .liBox:nth-child(2n-1) .fuki{
left: auto;
right: 2.5rem;
}


#sect01 .liBox .fuki::before {
content: "";
position: absolute;
bottom: -1.0rem;
left: 2rem;
width: 2.5rem;
height: 1.3rem;
background: url(./img/sct01_fuki_hip01.svg) 0 0 no-repeat;
background-size: 2.5rem auto;
}
#sect01 .ulBox1 .liBox:nth-child(2) .fuki::before{
background-image: url(./img/sct01_fuki_hip02.svg);
}
#sect01 .ulBox1 .liBox:nth-child(3) .fuki::before{
background-image: url(./img/sct01_fuki_hip03.svg);
}
#sect01 .ulBox2 .liBox:nth-child(1) .fuki::before{
background-image: url(./img/sct01_fuki_hip04.svg);
}
#sect01 .ulBox2 .liBox:nth-child(2) .fuki::before{
background-image: url(./img/sct01_fuki_hip05.svg);
}
#sect01 .ulBox2 .liBox:nth-child(3) .fuki::before{
background-image: url(./img/sct01_fuki_hip06.svg);
}
#sect01 .ulBox2 .liBox:nth-child(4) .fuki::before{
background-image: url(./img/sct01_fuki_hip07.svg);
}
#sect01 .ulBox1 .liBox:nth-child(2n) .fuki::before,
#sect01 .ulBox2 .liBox:nth-child(2n-1) .fuki::before{
left: auto;
right: 2rem;
transform: scale(-1, 1);
}



#sect01 .liBox dl{
position: absolute;
top: 6.5rem;
right: -1.0rem;
width: 8.5rem;
}
#sect01 .ulBox1 .liBox:nth-child(2n) dl,
#sect01 .ulBox2 .liBox:nth-child(2n-1) dl{
right: auto;
left: -1.0rem;
}
#sect01 .liBox dt{
margin: 0 0 .2rem;
padding: .2rem 0 .4rem;
background: #64b247;
border: 1px solid #fff;
line-height: 1;
font-size:1.2rem;
color: #fff;
}
#sect01 .ulBox1 .liBox:nth-child(2) dt{background: #31bede;}
#sect01 .ulBox1 .liBox:nth-child(3) dt{background: #ff6e6e;}
#sect01 .ulBox2 .liBox:nth-child(1) dt{background: #f7824f;}
#sect01 .ulBox2 .liBox:nth-child(2) dt{background: #f7b730;}
#sect01 .ulBox2 .liBox:nth-child(3) dt{background: #ca5fcc;}
#sect01 .ulBox2 .liBox:nth-child(4) dt{background: #ec4949;}


#sect01 .liBox dd{
line-height: 1.3;
font-size:1.4rem;
}











/*------------
indexSect_SP
------------*/
.indexSect{
position: relative;
}
.indexSect::before{
}
.indexSect .areaInner{
padding: 2.5rem 5% 1rem;
}
.indexSect .mainEng{
position: relative;
padding: 0 0 1.0rem;
line-height: 1;
font-size:4.5rem;
color: #fff;
opacity: .9;
}
.indexSect .sectTtlArea{
position: relative;
margin: 0 0 2.5rem;
}
.indexSect .sectTtl{
margin: 0 0 0;
padding: 0 0 2.0rem;
line-height: 1.4;
font-size:2.5rem;
color: #0e4eaa;
}
.indexSect .sectTtl .fontS{
display: block;
font-size:2.0rem;
}
.indexSect .sectTtl .fontL{
display: block;
font-size:3.0rem;
}
	 #sect02 .sectTtl .fontL{
position: relative;
        display: inline-block;
        padding: 4px 3.0rem 5px;
        background: url(./img/arrow_ccl.svg) 100% calc(50% + .1rem) no-repeat;
        background-size: 2.2rem auto;
        }

.indexSect .sectTtl::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 2.0rem;
height: .3rem;
background: #0e4eaa;
border-radius: 9999px 0 0 9999px;
}
.indexSect .sectTtl::after{
content: "";
position: absolute;
bottom: 0;
left: 2.0rem;
width: 2.0rem;
height: .3rem;
background: #ffdd4a;
border-radius: 0 9999px 9999px 0;
}
.indexSect .sectTtl_B::before{
left: calc(50% - 2.0rem);
}
.indexSect .sectTtl_B::after{
left: 50%;
}




.indexSect .sectTtlArea .intro{
padding: 1rem 0 0;
}
.indexSect .sectTtlArea p{
text-align: justify;
}

.indexSect .sectTtl a{
color: #0e4eaa;
}
.indexSect .sectTtl a .arr{
position: relative;
display: inline-block;
padding: 4px 3.0rem 5px;
background: url("./img/arrow_ccl.svg") 100% calc(50% + .1rem) no-repeat;
background-size: 2.2rem auto;
}
.indexSect .sectTtl a .arr::before{
}





/*------------
fuki_anim_SP
------------*/
.fuki_anim{
position: relative;
}
.fuki_anim .fuki{
position: absolute;
top: 0;
left: 0;
}
.fuki_anim .fuki span{
width: 100%;
display: inline-block;
background: #0e4eaa;
color: #fff;
padding: .7rem 6%;
border-radius: 9999px;
font-size:1.3rem;
text-align: center;
}
.fuki_anim .fuki_B{
left: 100%;
}
.fuki_anim .fuki_B span{
background: #d6f3f9;
color: #0e4eaa;
}

.fuki_anim .fuki span::before{
content: "";
position: absolute;
bottom: -1.3rem;
left: 4.5rem;
width: 2.8rem;
height: 1.6rem;
background: url("./img/fuki_hip_bl.svg") 0 0 no-repeat;
background-size: 2.8rem auto;
}
.fuki_anim .fuki_B span::before{
left: auto;
right: 4.5rem;
width: 2.8rem;
height: 1.6rem;
background: url("./img/fuki_hip_aq.svg") 0 0 no-repeat;
background-size: 2.8rem auto;
}

.fuki_anim .fuki::after{
content: "";
        position: absolute;
        bottom: -6rem;
        left: -2rem;
        width: 7rem;
        height: 12rem;
        background: url(./img/bumon03_ill.png) 0 100% no-repeat;
        background-size: 7rem auto;
}
.fuki_anim .fuki_B::after{
content: "";
        position: absolute;
        bottom: -6rem;
        left: auto;
        right: -2rem;
        width: 8rem;
height: 12rem;
background: url(./img/bumon02_ill.png) 0 100% no-repeat;
        background-size: 8rem auto;
}

#sect03 .fuki_anim .fuki::after{
        bottom: -7rem;
        left: -4rem;
        width: 8rem;
        height: 12rem;
        background: url(./img/bumon05_ill.png) 0 100% no-repeat;
        background-size: 8rem auto;
}
#sect03 .fuki_anim .fuki_B::after{
        bottom: -7rem;
        left: auto;
        right: -2rem;
        width: 8rem;
height: 12rem;
background: url(./img/bumon06_ill.png) 0 100% no-repeat;
        background-size: 8rem auto;
}
	#sect04 .fuki_anim .fuki::after{
               bottom: -8rem;
        left: -2rem;
        width: 8rem;
        height: 12rem;
        background: url(./img/bumon04_ill.png) 0 100% no-repeat;
        background-size: 8rem auto;
}
#sect04 .fuki_anim .fuki_B::after{
        bottom: -8rem;
        left: auto;
        right: -2rem;
        width: 8rem;
height: 12rem;
background: url(./img/bumon07_ill.png) 0 100% no-repeat;
        background-size: 8rem auto;
}

#sect05 .fuki_anim .fuki::after {
    background: url(./img/bumon01_ill.png) 0 100% no-repeat;
    background-size: 7.5rem auto;
}

#sect05 .fuki_anim .fuki_B::after {
    background: url(./img/bumon02_ill.png) 0 100% no-repeat;
    background-size: 8rem auto;
	        bottom: -7rem;
}
#sect06 .fuki_anim .fuki::after {
background: url(./img/bumon05_ill.png) 0 100% no-repeat;
        background-size: 8.5rem auto;
        bottom: -9rem;
        left: -2rem;
}
	
	#sect06 .fuki_anim .fuki_B::after {
    background: url(./img/bumon06_ill.png) 0 100% no-repeat;
    background-size: 8rem auto;
		    right: -2rem;
    left: auto;
    bottom: -9rem;
}
	
	#sect07 .fuki_anim .fuki::after {
    background: url(./img/bumon04_ill.png) 0 100% no-repeat;
    background-size: 7.5rem auto;
		bottom: -7rem;
        left: -3rem;
}
#sect07 .fuki_anim .fuki_B::after {
    background: url(./img/bumon07_ill.png) 0 100% no-repeat;
    background-size: 7.5rem auto;
	        right: -3rem;
	        bottom: -7rem;
        left: auto;
}

/*------------
sect02_SP
------------*/
#sect02 .fuki_anim{
z-index: -1;
}
#sect02 .fuki_anim .fuki{
        width: 18rem;
        top: -11rem;
        left: 8%;
}
#sect02 .fuki_anim .fuki_B{
         top: -8rem;
        left: auto;
        right: 7%;
}


#sect02{
margin: 0 0 12rem;
}
#sect02::before{
content: "";
position: absolute;
top: 0;
left: -40%;
width: 180%;
height: 50rem;
background: #FFF4C7;
background: linear-gradient(180deg, rgba(255, 244, 199, 1) 13%, rgba(255, 244, 199, 0) 56%);
border-radius: 50%;
}

#sect02 .areaInner{
padding-top: 6.5rem;
}
#sect02 .areaInner::before{
content: "";
position: absolute;
top: 8.6rem;
left:-2%;
width: 6rem;
height: 7.5rem;
background: url(./img/sct02_dcill01_sp.png) 0 0 no-repeat;
background-size: 6rem auto;
}
#sect02 .areaInner::after{
content: "";
position: absolute;
top: 10.3rem;
left: auto;
right: -2%;
width: 6.5rem;
height: 4.5rem;
background: url(./img/sct02_dcill02_sp.png) 0 0 no-repeat;
background-size: 6.5rem auto;
}


#sect02 .sectTtlArea{
margin: 0 0 -1rem;
text-align: center;
}
#sect02 .sectTtlArea::before{
content: "";
position: absolute;
bottom: -7.5rem;
left: 0;
width: 3.9rem;
height: 4.2rem;
background: url(./img/sct02_dcill03_sp.png) 0 0 no-repeat;
background-size: 3.9rem auto;
}
#sect02 .sectTtlArea::after{
content: "";
position: absolute;
bottom: -3.7rem;
right: -2rem;
width: 4.2rem;
height: 4.2rem;
background: url(./img/sct02_dcill04_sp.png) 0 0 no-repeat;
background-size: 4.2rem auto;
}
#sect02 .sectTtlArea .intro p{
padding: 0 0;
}




/* スライドレイアウト_swiper */

#sect02 .slideArea .liBox{
transform: scale(.9);
transform-origin: 50% 100%;
transition: all .2s ease-in-out;
}
#sect02 .slideArea .liBox.swiper-slide-active{
transform: scale(1);
top: .2rem;
}
#sect02 .slideArea .liBox.swiper-slide-active h3{
transform:rotate(10deg);
opacity: 1;
}


/* arrow swiper */
#sect02 .swp-next, 
#sect02 .swp-prev{
top: 0;
width: 4.7rem;
height: 100%;
position: absolute;
z-index: 1;
cursor: pointer;
opacity: .6;
}
#sect02 .swp-next {
background: url("./img/arrow_ccl_bk.svg") 0% 65% no-repeat;
background-size: 4.7rem auto;
left: auto;
right: 5%;
}
#sect02 .swp-prev {
background: url("./img/arrow_ccl_bk.svg") 0% 65% no-repeat;
background-size: 4.7rem auto;
left: 5%;
transform: scale(-1, 1);
}




/* スライド内レイアウト */
/* add */
#sect02 .swiper-slide{
width: auto;
margin: 0 0;
}
/* add_End */


#sect02 .liBox{
padding: 11rem 0 1.5rem;
}
#sect02 .liBox a{
padding: 10rem 10% 6rem;
background: #ff6e6e;
box-shadow: 0px 5px 13.16px 0.84px rgba(80, 80, 80, 0.2);
border-radius: 1rem;
}
#sect02 .sl201 a{background: #64b247;}
#sect02 .sl202 a{background: #31bede;}
#sect02 .sl203 a{background: #ff6e6e;}
#sect02 .sl204 a{background: #f7824f;}
#sect02 .sl205 a{background: #ffdd4a;}
#sect02 .sl206 a{background: #ca5fcc;}
#sect02 .sl207 a{background: #ec4949;}

#sect02 .liBox:hover{
transform: translateY(0) scale(.8);
}
#sect02 .liBox.swiper-slide-active:hover{
transform: translateY(0) scale(1);
}
#sect02 .liBox:hover a{
opacity: 1;
}


#sect02 .liBox a::before{
content: "MORE";
position: absolute;
bottom: 2.8rem;
left: calc(50% - 5.5rem);
width: 11rem;
height: 3.0rem;
padding: 0 5%;
background: url(./img/ccl_wt.svg) 90% 50% no-repeat #e93f42;
background-size: .8rem auto;
border-radius: 9999px;
display: flex;
align-items: center;
line-height: 1;
font-family: "Poppins", sans-serif;
font-size:1.1rem;
font-weight: 600;
color: #fff;
}
#sect02 .sl201 a::before{background-color: #4a992e;}
#sect02 .sl202 a::before{background-color: #18a5c4;}
#sect02 .sl203 a::before{background-color: #e93f42;}
#sect02 .sl204 a::before{background-color: #e36732;}
#sect02 .sl205 a::before{background-color: #f7b730;}
#sect02 .sl206 a::before{background-color: #b159b2;}
#sect02 .sl207 a::before{background-color: #d44242;}




#sect02 .liBox h3{
position: absolute;
top: 3rem;
right: 0;
padding: 0 3rem 0 0;
font-size:2.6rem;
color: #0e4eaa;
transform:rotate(-30deg);
transform-origin: 100% 100%;
opacity: 0;
transition: all .2s ease-in;
}


#sect02 .liBox h3::before {
content: "";
position: absolute;
top: .5rem;
right: 0;
width: 2.2rem;
height: 3.0rem;
background: url(./img/deco2_bl.svg) 0 0 no-repeat;
background-size: 2.2rem auto;
}




#sect02 .liBox .flame{
position: absolute;
top: 5rem;
left: 20%;
width: 60%;
}
#sect02 .liBox .flame img{
width: 100%;
}

#sect02 .liBox .txtArea{
position: relative;
padding: 2rem 10% 1rem;
background: #fff;
border-radius: 1.0rem;
}

#sect02 .liBox .txtArea::before {
content: "";
position: absolute;
top: -6rem;
left: -2.5rem;
width: 7rem;
height: 12rem;
background: url(./img/bumon03_ill.png) 50% 0 no-repeat;
background-size: 7rem auto;
}
#sect02 .sl201 .txtArea::before {
background-image: url(./img/bumon01_ill.png);
}
#sect02 .sl202 .txtArea::before{
background-image: url(./img/bumon02_ill.png);
}
#sect02 .sl203 .txtArea::before{
background-image: url(./img/bumon03_ill.png);
background-position: 0 60%;
}
#sect02 .sl204 .txtArea::before{
background-image: url(./img/bumon04_ill.png);
}
#sect02 .sl205 .txtArea::before{
background-image: url(./img/bumon05_ill.png);
}
#sect02 .sl206 .txtArea::before{
background-image: url(./img/bumon06_ill.png);
}
#sect02 .sl207 .txtArea::before{
background-image: url(./img/bumon07_ill.png);
}


#sect02 .liBox h4{
text-align: center;
font-size:1.7rem;
}
#sect02 .liBox p{
font-size:1.3rem;
}










/*------------
sect03_SP
------------*/
#sect03 .fuki_anim{
}
#sect03 .fuki_anim .fuki{
z-index: 1;
width: 16rem;
top: -8.0rem;
left: 5%;
}
#sect03 .fuki_anim .fuki_B{
z-index: -1;
top: -9rem;
left: auto;
right: 5%
}



#sect03{
margin: 0 0 15rem 5%;
}
#sect03::before{
content: "";
position: absolute;
z-index: 1;
top: 12.5rem;
right: 4%;
width: 7.6rem;
height: 18.0rem;
background: url(./img/sct03_dcill_sp.png) 0 0 no-repeat;
background-size: 7.6rem auto;
}

#sect03 .areaInner::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: calc(100% + 100vw);
height: 100%;
background: url(./img/dotbg_bl.jpg) 0 0 repeat;
background-size: 11.0rem auto;
border-radius: 1.5rem 0 0 1.5rem;
}
#sect03 .sectTtlArea{
width: auto;
}
#sect03 .sectTtl .fontL{
display: inline;
}


/* tab */
#sect03 .tabArea{
position: relative;
padding: 0 0 2rem;
}
#sect03 .tab{
position: relative;
left: 0;
width: auto;
display: flex;
justify-content: space-between;
}
#sect03 .tab-botom{
display: flex!important;
}
#sect03 .tablist{
width: 30%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 1.5rem;
padding: 1.5rem 3% 1.7rem;
background: #fff;
border-radius: 1.0rem;
box-shadow: 0px 5px 13.16px 0.84px rgba(80, 80, 80, 0.2);
line-height: 1;
font-weight: 700;
font-size:1.4rem;
color: #31bede;
cursor: pointer;
transition: all .2s ease-in-out;
}
#sect03 .tablist:nth-child(2){color: #64b247;}
#sect03 .tablist:nth-child(3){color: #ff6e6e;}
#sect03 .tablist:hover{
opacity: 1;
}
#sect03 .tab-botom .tablist{
margin: 1.5rem 0 0;
} 

#sect03 .tablist .fontL{
position: relative;
top: -0.1rem;
font-size:1.5rem;
}
#sect03 .tablist.active{
background: #31bede;
color: #fff;
}
#sect03 .tablist:nth-child(2).active{background: #64b247;}
#sect03 .tablist:nth-child(3).active{background: #ff6e6e;}

#sect03 .tablist.active::before{
content: "";
position: absolute;
top: auto;
bottom: -0.9rem;
right: auto;
left: 0;
width: 100%;
height: 1.1rem;
background: url("./img/tri1_sp.svg") 50% 100% no-repeat;
background-size: 1.0rem auto;
}
#sect03 .tablist:nth-child(2).active::before{
background-image: url("./img/tri2_sp.svg");
}
#sect03 .tablist:nth-child(3).active::before{
background-image: url("./img/tri3_sp.svg");
}

#sect03 .tab-botom .tablist.active::before{
top: -0.9rem;
bottom: auto;
right: auto;
left: 0;
width: 100%;
height: 1.1rem;
background-size: 1.0rem auto;
transform: scale(1, -1);
}




/* tabcontents */
#sect03 .tabcontents{
position: relative;
margin: 0 0 0;
}
#sect03 .tabcontents::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}

#sect03 .tabcontents-list{
position: relative;
min-height: 0;
padding: 1.5rem 5% 2rem;
background: #fff;
border: .2rem solid #31bede;
border-radius: 1.0rem;
}
#sect03 .tab2{border-color: #64b247;}
#sect03 .tab3{border-color: #ff6e6e;}

#sect03 .tabcontents-list::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}
#sect03 .tab2::before{
background-image: none;
}
#sect03 .tab3::before{
background-image: none;
}

#sect03 .tabcontents h3{
position: static;
padding: 0 0 1.5rem;
margin: 0 0 1rem;
border-bottom: .1rem solid #d2d1cf;
font-size:1.8rem;
color: #31bede;
}
#sect03 .tab2 h3{color: #64b247;}
#sect03 .tab3 h3{color: #ff6e6e;}

#sect03 .tabcontents h3 .fontL{
font-size:2.1rem;
}

#sect03 .tabcontents .dlArea{
margin: 0 0 0;
}
#sect03 .tabcontents dl{
position: relative;
padding: 0 0 1rem 6%;
}
#sect03 .tabcontents dl::before{
content: "";
position: absolute;
top: 1.0rem;
left: 0;
width: 1.0rem;
height: 1.0rem;
background: #0e4eaa;
border-radius: 50%;
}
#sect03 .tabcontents dl::after{
content: "";
position: absolute;
top: 1.5rem;
left: .4rem;
width: .2rem;
height: 100%;
background: url(./img/dotline_vt.png) 0 0 repeat-y;
background-size: .2rem auto;
}
#sect03 .tabcontents dl:last-child::after{
height: 0;
background: none;
}
#sect03 .tabcontents dt{
font-size:1.5rem;
font-weight: 700;
color: #0e4eaa;
}
#sect03 .tabcontents dd{
font-size:1.3rem;
}




/*------------
sect04_SP
------------*/
#sect04 .fuki_anim{
}
#sect04 .fuki_anim .fuki{
z-index: -1;
width: 16rem;
top: -10.0rem;
left: 5%;
}
#sect04 .fuki_anim .fuki_B{
z-index: 1;
top: -7.5rem;
left: auto;
right: 5%;
}

#sect04{
margin: 0 5% 8rem 0;
}
#sect04 .areaInner::before{
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: calc(100% - 24rem);
background: url(./img/h2_bg.jpg) 0 0 repeat;
background-size: 11.0rem auto;
border-radius: 0 1rem 1rem 0;
}
#sect04 .areaInner::after{
content: "";
position: absolute;
top: 16rem;
bottom: auto;
left: auto;
right: 3%;
width: 10.0rem;
height: 5.5rem;
background: url(./img/sct04_dcill_sp.png) 0 0 no-repeat;
background-size: 10rem auto;
}

#sect04 .sectTtlArea{
width: auto;
text-align: left;
}
#sect04 .sectTtl{
text-align: left;
}
#sect04 .sectTtl::before{
left: 0;
}
#sect04 .sectTtl::after{
left: 2rem;
}
#sect04 .sectTtl a .arr {
padding-left: 0;
}

#sect04 .sectTtlArea .intro p{
padding: 0 0;
}


#sect04 .ulBox{
position: static;
display: flex;
flex-wrap: wrap;
padding: 6rem 0 0;
}
#sect04 .liBox{
right: -3rem;
width: 24rem;
float: none;
margin: 0 0 2rem calc(100% - 24rem);
transition: all .2s ease-in-out;
}
	#sect04 .liBox .bg {
    padding: 12.5rem 0 0;
}
#sect04 .liBox:nth-child(1){
order: 2;
left: -0.5rem;
margin: 0 calc(100% - 24rem) 0 0;
}
#sect04 .liBox:nth-child(2)::before {
content: "";
position: absolute;
top: calc(50% - 6rem);
        left: -12rem;
        width: 10rem;
        height: 14rem;
        background: url(./img/bumon05_ill.png) 50% 0 no-repeat;
        background-size: 11rem auto;
}
#sect04 .liBox:nth-child(1)::before {
content: "";
position: absolute;
top: calc(50% - 6rem);
right: -11rem;
        width: 10rem;
        height: 14rem;
        background: url(./img/bumon06_ill.png) 50% 0 no-repeat;
        background-size: 10rem auto;
}
    

#sect04 .liBox bg{
position: relative;
padding: 12rem 0 0;
background: #fff;
border-radius: 9999px 9999px;
box-shadow: 0px 5px 13.16px 0.84px rgba(80, 80, 80, 0.2);
}
#sect04 .liBox a::before{
	display:none;
content: "MORE";
position: absolute;
z-index: 1;
bottom: 3.3rem;
left: calc(50% - 5.5rem);
width: 11rem;
height: 3.0rem;
padding: 0 5%;
background: url(./img/ccl_wt.svg) 90% 50% no-repeat #e36732;
background-size: .75rem auto;
border-radius: 9999px;
display: flex;
align-items: center;
line-height: 1;
font-family: "Poppins", sans-serif;
font-size:1.1rem;
font-weight: 600;
color: #fff;
}
#sect04 .liBox:nth-child(2) a::before{
background-color: #e93f42;
}


#sect04 .liBox h3{
position: absolute;
right: 2rem;
top: 1.3rem;
font-family: "Zen Kaku Gothic New vt";
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 2rem;
	top: -0.3rem;
color: #0e4eaa;
}
#sect04 .liBox:nth-child(2) h3{
right: auto;
left: 2rem;
	top:-4.3rem;
}
#sect04 .liBox h3::before{
content: "";
position: absolute;
bottom: -1.6rem;
left: -0.5rem;
width: 1.8rem;
height: 2.4rem;
background: url(./img/deco5.svg) 0 0 no-repeat;
background-size: 1.8rem auto;
}
#sect04 .liBox:nth-child(2) h3::before{
left: auto;
right: -0.5rem;
transform: scale(-1, 1);
}
#sect04 .liBox .spec{
position: absolute;
z-index: 1;
top: 12.5rem;
left: 0;
display: inline-block;
padding: .3rem 5% .4rem;
background: #fff;
line-height: 1;
font-size: 1.3rem;
font-weight: 700;
color: #f7824f;
}
#sect04 .liBox:nth-child(2) .spec{
color: #ff6e6e;
}
#sect04 .liBox .flame{
position: absolute;
top: -2.5rem;
width: 18rem;
left: 1rem;
}
#sect04 .liBox:nth-child(2) .flame{
left: auto;
right: 1rem;
}
#sect04 .liBox .flame img{
width: 100%;
}


#sect04 .liBox .txtArea{
position: relative;
padding:3rem 11% 4.5rem;
background: #F7824F;
background: linear-gradient(0deg, rgba(247, 130, 79, 1) 92%, rgba(247, 130, 79, 0) 100%);
border-radius: 0 0 9999px 9999px;
color: #fff;
}
#sect04 .liBox:nth-child(2) .txtArea{
background: #FF6E6E;
background: linear-gradient(0deg, rgba(255, 110, 110, 1) 92%, rgba(255, 110, 110, 0) 100%);
}
#sect04 .liBox .catch{
margin: 0 0 -0.5rem;
text-align: center;
font-size:1.7rem;
color: #fff;
}
#sect04 .liBox .txtArea p{
font-size:1.3rem;
}






/*------------
sect05_SP
------------*/
#sect05{
margin: 0 0 16rem;
padding: 0 0 6rem;
background: url(./img/sct05_bg.png) 0 0 repeat;
background-size: 3.5rem auto;
}
#sect05::before{
content: "";
position: absolute;
top: -2.6rem;
left: 0;
width: 100%;
height: 2.6rem;
background: url(./img/sct05_head_bg.png) 20% 0 repeat-x #e6e4de;
background-size: 4.5rem auto;
}
#sect05::after{
content: "";
position: absolute;
bottom: -2.6rem;
left: 0;
width: 100%;
height: 2.6rem;
background: url(./img/sct05_head_bg.png) 20% 0 repeat-x #e6e4de;
background-size: 4.5rem auto;
transform: scale(1, -1);
}

#sect05 .areaInner{
padding-top: 2rem;
}
#sect05 .sectTtlArea{
margin: 0 0 13rem;
padding: 4rem 0 0;
text-align: center;
}
#sect05 .sectTtlArea::before{
content: "";
position: absolute;
top: 0;
left: -1rem;
width: 100vw;
height: 17rem;
background: url(./img/sct05_ttl_bg_sp.png) 0 0 no-repeat;
background-size: 36.4rem auto;
}
#sect05 .sectTtlArea::after{
content: "";
position: absolute;
top: -4.0rem;
left: auto;
right: -2%;
width: 7.5rem;
height: 7.5rem;
background: url(./img/sct05_dcill01_sp.png) 0 0 no-repeat;
background-size: 7.5rem auto;
}

#sect05 .sectTtl span:not([class]){
position: relative;
}
#sect05 .sectTtl span:not([class])::before{
content: "";
position: absolute;
top: -0.8rem;
left: calc(50% - 0.4rem);
width: .5rem;
height: .5rem;
background: #f26868;
border-radius: 50%;
}
#sect05 .sectTtlArea .intro p{
padding: 0 0;
text-align: left;
}



#sect05 .mini{
position: relative;
}

#sect05 .fuki_anim .fuki{
width: 16rem;
top: -9rem;
left: 0;
}
#sect05 .fuki_anim .fuki_B{
top: -7rem;
left: auto;
right: 2%;
}
#sect05 .fuki_anim .fuki_B span{
background: #fff;
}
#sect05 .fuki_anim .fuki_B span::before{
background-image: url("./img/fuki_hip_wt.svg");
}

#sect05 .mini1{
padding: 0 0 4.5rem;
}
#sect05 .mini1 .flame{
width: auto;
margin: 0 0 1.5rem;
padding: 0 0 1rem;
}
#sect05 .mini1 .flame img{
max-width: 100%;
width: 100%;
}

#sect05 .mini1 .tableB .note {
padding: 0 5% 1.5rem;
}

#sect05 .mini1 p{
padding: 0 0;
	width: 100%;
    background: none;
}

#sect05 .mini2{
padding: 4rem 0 7rem;
background: url(./img/dotline_bl.png) 0 0 repeat-x;
background-size: auto .2rem;
}
#sect05 .mini2::before{
content: "";
position: absolute;
top: -1.0rem;
left: calc(50% - 2.6rem);
width: 6rem;
height: 5rem;
background: url(./img/sct05_deco.svg) 0 0 no-repeat;
background-size: 6rem auto;
}
#sect05 .mini2::after{
content: "";
        position: absolute;
        top: -1.5rem;
        right: 0;
        width: 6.6rem;
        height: 5rem;
        background: url(./img/sct05_dcill02_sp.png) 100% 0 no-repeat;
        background-size: 6.6rem auto;
}

#sect05 .mini2 .fontEng{
margin: 0 0 2.5rem;  
text-align: center;
font-size:2.0rem;
color: #0e4eaa;
}


#sect05 .mini2 .liBox{
margin: 0 0 10rem 0;
background: #fff;
border-radius: 1.5rem;
}
#sect05 .mini2 .liBox:nth-child(2){
margin: 0 0 0 0;
}
#sect05 .mini2 .liBox:nth-child(1)::before{
content: "";
position: absolute;
        z-index: 1;
        top: auto;
        bottom: -4rem;
        left: calc(50% - 6rem);
        width: 6.6rem;
        height: 6.5rem;
        background: url(./img/sct05_dcill03.png) 0 0 no-repeat;
        background-size: 6.6rem auto;
}
#sect05 .mini2 .liBox:nth-child(2)::before{
        content: "";
        position: absolute;
        bottom: -3rem;
        left: 18rem;
        width: 8.5rem;
        height: 14rem;
        background: url(./img/sct05_dcill04.png) 0 100% no-repeat;
        background-size: 8.5rem auto;
}

#sect05 .mini2 .liBox h3 a{
padding: 1.5rem 5% 1.5rem;
background: #f7824f;
border-radius: 1.5rem 1.5rem 0 0;
font-size:2.3rem;
color: #fff;
}
#sect05 .mini2 .liBox:nth-child(2) h3 a{
background: #ff6e6e;
padding: 1.5rem 5% 1.5rem;
}
#sect05 .mini2 h3 .fontS{
display: block;
margin: 0 0 .5rem;
font-size:1.8rem;
}
#sect05 .mini2 h3 .arr{
position: relative;
display: inline-block;
padding: 0;
background: none;
}
#sect05 .mini2 h3 .arr_sp{
position: relative;
display: inline-block;
padding: .2rem 3.5rem .2rem 0;
background: url(./img/arrow_ccl_wt.svg) 100% calc(50% + .2rem) no-repeat;
background-size: 2.4rem auto;
}


#sect05 .mini2 .txtArea{
padding: .5rem 5% 5rem;
}
#sect05 .mini2 .liBox:nth-child(2) .txtArea{
padding: .5rem 5% 5rem;
}

#sect05 .mini2 .flame{
position: absolute;
top: auto;
bottom: -8.5rem;
left: auto;
right: -2%;
width: 14rem;
}
#sect05 .mini2 .liBox:nth-child(2) .flame{
top: auto;
bottom: -10.5rem;
left: -2%;
right: auto;
width: 16rem;
}
#sect05 .mini2 .flame img{
width: 100%;
object-fit: cover;
border-radius: 50%;
}











/*------------
sect06_SP
------------*/
#sect06 .fuki_anim{
}
#sect06 .fuki_anim .fuki{
z-index: -1;
width: 25rem;
top: -8.0rem;
left: 5%;
}
#sect06 .fuki_anim .fuki_B{
z-index: 1;
top: 28.6rem;
left: auto;
right: 5%;
}
#sect06 .fuki_anim .fuki_B span{
background: #fff;
}
#sect06 .fuki_anim .fuki_B span::before{
background-image: url("./img/fuki_hip_wt.svg");
}
#sect06 .intro {
    width: 100%;
}

#sect06{
margin: 0 5% 8rem 0;
}
#sect06::before{
content: "";
position: absolute;
z-index: 2;
bottom: -4.5rem;
left: auto;
right: -2%;
width: 9.2rem;
height: 7.5rem;
background: url(./img/sct06_dcill01_sp.png) 0 100% no-repeat;
background-size: 9.2rem auto;
}
#sect06::after{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}


#sect06 .areaInner{
padding-left: 0;
}
#sect06 .areaInner::before{
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: url(./img/dotbg_gr.jpg) 0 0 repeat;
background-size: 11.0rem auto;
border-radius: 0 1.5rem 1.5rem 0;
}
#sect06 .sectTtlArea{
padding-left: 5%;
margin: 0 0 9rem;
}
#sect06 .sectTtl::before {
width: 2.0rem;
}
#sect06 .sectTtl::after{
left: 2.0rem;
width: 2.0rem;
}
#sect06 .sectTtl a .arr {
padding: 0;
background: none;
}
#sect06 .sectTtl a .arr_sp{
position: relative;
display: inline-block;
padding: 4px 3.0rem 5px 0;
background: url(./img/arrow_ccl.svg) 100% calc(50% + .1rem) no-repeat;
background-size: 2.2rem auto;
}


#sect06 .ulBox{
z-index: 1;
display: block;
}
#sect06 .ulBox::before{
content: "";
position: absolute;
top: 0;
left: calc(50% - 4rem);
width: 8rem;
height: calc(100% + 0rem);
background: #64b247;
}
#sect06 .ulBox::after{
content: "";
position: absolute;
top: auto;
bottom: -3.25rem;
right: auto;
left: calc(50% - 4rem);
width: 8rem;
height: 3.25rem;
background: url(./img/tri4_sp.svg) 0 0 no-repeat;
background-size: 8rem auto;
}
#sect06 .liBox{
width: 100%;
margin: 0 0 3.5rem;
padding: 0;
background: none;
box-shadow: none;
border-radius: 0 9999px 9999px 0;
overflow: visible;
}
#sect06 .liBox::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}

#sect06 .liBox .inner{
position: relative;
padding: 3rem 28% 1.5rem 5%;
background: #fff;
box-shadow: 0px 5px 13.16px 0.84px rgba(80, 80, 80, 0.2);
border-radius: 0 9999px 9999px 0;
overflow: hidden;
}
#sect06 .inner::before{
content: "";
position: absolute;
bottom: -5.0rem;
left: auto;
right: -2rem;
width: 10rem;
height: 10rem;
background: #fff4c7;
border-radius: 50%;
}

#sect06 .liBox .catch{
position: absolute;
z-index: 1;
top: -2rem;
left: 0;
width: 12.5rem;
margin: 0;
padding: .3rem 1% .5rem 3%;
background: #31bede;
border-radius: 0 9999px 9999px 0;
text-align: left;
color: #fff;
}
#sect06 .liBox:nth-child(2) .catch{background: #64b247;}
#sect06 .liBox:nth-child(3) .catch{background: #ff6e6e;}
#sect06 .liBox:nth-child(4) .catch{background: #f7824f;}

#sect06 .liBox h3{
display: block;
text-align: left;
font-size:1.7rem;
color: #0e4eaa;
}
#sect06 .liBox .flame{
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
width: 12rem;
}
#sect06 .liBox p{
font-size:1.3rem;
}







/*------------
sect07_SP
------------*/


#sect07{
margin: 0 0 17rem 5%;
}
#sect07::before{
content: "";
position: absolute;
z-index: 2;
top: -5.5rem;
left: 2%;
width: 6.1rem;
height: 9rem;
background: url(./img/sct07_dcill.png) 0 0 no-repeat;
background-size: 6.1rem auto;
}
#sect07 .areaInner{
padding-top: 3rem;
}
#sect07 .areaInner::before{
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 10rem);
background: url(./img/dotbg_bl.jpg) 0 0 repeat;
background-size: 11.0rem auto;
border-radius: 1.5rem 0 0 1.5rem;
}
#sect07 .sectTtlArea{
z-index: 1;
width: auto;
float: none;
margin: 0 0 13rem;
}

#sect07 .sectTtlArea::before{
content: "";
position: absolute;
z-index: 2;
bottom: -65rem;
left: 2rem;
width: 20rem;
height: 12rem;
background: url(./img/sct07_ph02.jpg) 0 0 no-repeat;
background-size: cover;
border-radius: 1rem;
}
#sect07 .sectTtlArea::after{
content: "";
position: absolute;
z-index: 2;
bottom: -67rem;
left: 21rem;
width: 11rem;
height: 8rem;
background: url(./img/sct07_ph01.jpg) 0 bottom no-repeat;
background-size: cover;
border-radius: 1rem;
}

#sect07 .sectTtl::before{
width: 2.0rem;
}
#sect07 .sectTtl::after{
left: 2.0rem;
width: 2.0rem;
}
#sect07 .sectTtl .fontS{
font-size:2.0rem;
}

#sect07 .sectTtl a .arr {
padding: 0;
background: none;
}
#sect07 .sectTtl a .arr_sp{
position: relative;
display: inline-block;
padding: 4px 3.0rem 5px 0;
background: url(./img/arrow_ccl.svg) 100% calc(50% + .1rem) no-repeat;
background-size: 2.2rem auto;
}


#sect07 .ulBox{
z-index: 1;
width: auto;
float: none;
}

#sect07 .ulBox .inner{
height: 38rem;
overflow: auto;
padding: 1.5rem 8%;
background: #fff;
box-shadow: 0px 5px 13.16px 0.84px rgba(80, 80, 80, 0.2);
border: 1.0rem solid #e4e1dc;
border-radius: 1.6rem;
}

#sect07 .fuki_anim{
z-index: -1;
}
#sect07 .fuki_anim .fuki{
z-index: -1;
top: -12rem;
left: 10%;
min-width: 16rem;
}
#sect07 .fuki_anim .fuki_B{
z-index: -1;
top: -7.5rem;
left: auto;
right: 10%;
}
#sect07 .fuki_anim .fuki_B span{
background: #fff;
}
#sect07 .fuki_anim .fuki_B span::before{
background-image: url(./img/fuki_hip_wt.svg);
}


#sect07 .liBox{
margin: 0 5% 1.5rem 0;
}
#sect07 .boxB{
margin: 0 0 1.5rem 5%;
}
#sect07 .liBox::before{
content: "";
position: absolute;
z-index: 1;
bottom: auto;
top: calc(50% - 2rem);
left: -1rem;
width: 5.5rem;
height: 5.5rem;
background: url(./img/sct07_icon01.png) 0 0 no-repeat #eafce6;
background-size: 5.5rem auto;
border-radius: 50%;
}
#sect07 .boxB::before{
left: auto;
right: -1rem;
background-image: url(./img/sct07_icon02.png);
background-size: 5.5rem auto;
}
#sect07 .liBox .spec{
margin: 0 0 .3rem;
font-size:1.2rem;
color: #64b247;
}
#sect07 .boxB .spec{
text-align: right;
color: #31bede;
}
#sect07 .liBox .fuki{
position: relative;
padding: 1rem 5% 1.2rem 25%;
background: #fff4c7;
border-radius: 1rem;
font-size:1.3rem;
}
#sect07 .boxB .fuki{
padding: 1rem 25% 1.2rem 5%;
border-radius: 1rem;
}



/*------------
sect08_SP
------------*/
.spv{
position: relative;
margin: 0 0 0;
padding: 0 0 0;
background: #0E4EAA;
background: linear-gradient(180deg, rgba(14, 78, 170, 1) 0%, rgba(83, 139, 223, 1) 10%, rgba(83, 139, 223, 1) 70%, rgba(14, 78, 170, 1) 80%, rgba(14, 78, 170, 1) 100%, rgba(255, 255, 255, 1) 100%);
color: #fff;

clip-path: inset(0);
}

.spv::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 7rem;
background: #fff;
}

/* animation */
.spv .animBox{
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
opacity: .5;
}
.spv .animBox .flame:nth-child(1){
top: 20rem;
left: 5%;
}
.spv .animBox .flame:nth-child(2){
top: 30rem;
left: 90%;
}
.spv .animBox .flame:nth-child(3){
top: 40rem;
left: 80%;
}
.spv .animBox .flame:nth-child(4){
top: 50rem;
left: 1%;
}
.spv .animBox .flame:nth-child(5){
top: 60rem;
left: 15%;
}
.spv .animBox .flame:nth-child(6){
top: 70rem;
left: 65%;
}


.spv .animBox .flame{
position: absolute;
width: 6rem;
}
.spv .animBox .spd1{
animation: floating-y 7.5s linear infinite;
}
.spv .animBox .spd2{
animation: floating-y 7.5s linear infinite;
}
.spv .animBox .spd3{
animation: floating-y 7.5s linear infinite;
}


@keyframes floating-y {
0% {
transform: translateY(200%);
opacity: 0;
}
20% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(-200%);
}
}

@keyframes floating-y2 {
0% {
transform: translateY(100%);
opacity: 0;
}
10% {
opacity: 1;
}
80% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(-300%);
}
}

@keyframes floating-y3 {
0% {
transform: translateY(300%);
opacity: 0;
}
30% {
opacity: 1;
}
60% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(-100%);
}
}





#sect08{
position: relative;
padding: 0 0 6rem;
}
#sect08::before{
content: "";
position: absolute;
bottom: -2rem;
left: 0;
width: 100%;
height: 15rem;
background: #FFF;
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 100%);
}


#sect08 .animBtn{
text-align: center;
}
#sect08 .animBtn a{
position: relative;
display: block;
padding: 1.5rem 15% 1.6rem;
background: #fff;
border-radius: 9999px;
box-shadow: 0px 5px 13.16px 0.84px rgba(80, 80, 80, 0.2);
line-height: 1.2;
font-size:2.3rem;
color: #0e4eaa;
overflow: hidden;
}
#sect08 .animBtn a::before{
content: "";
position: absolute;
z-index: 10;
top: 0;
right: 1.5rem;
width: 3rem;
height: 100%;
background: url(./img/arrow_ccl.svg) 0 50% no-repeat;
background-size: 3rem auto;
}
#sect08 .animBtn a::after{
content: "";
        position: absolute;
        bottom: 6px;
        left: 0rem;
        width: 7rem;
        height: calc(100% + 2rem);
        background: url(./img/bumon02_ill.png) 0 calc(100% + 1rem) no-repeat;
        background-size: 7rem auto;
transition: all .1s ease-in;
}
#sect08 .animBtn a:hover{
opacity: 1;
background: #fff;
color: #0e4eaa;
}
#sect08 .animBtn a:hover::after{
background-position: 0 calc(100% + 1rem);
transform: scale(1);
}




/* introArea */
#sect08 .introArea{
margin: 0 5% 5rem;
}
#sect08 .introArea .intro{
padding: 2rem 0 3rem;
text-align: left;
}
#sect08 .introArea .ulBox{
display: block;
}
#sect08 .introArea .liBox{
width: auto;
margin: 0 0 2rem;
padding: 2.5rem 5% 3rem;
background: #fff9df;
border-radius: 1rem;
color: #434343;
}
#sect08 .introArea .liBox:nth-child(2){background: #ffedee;}
#sect08 .introArea .liBox:nth-child(3){background: #f1ffeb;}


#sect08 .introArea .liBox h4{
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 17rem;
text-align: center;
font-size:1.8rem;
color: #0e4eaa;
}
#sect08 .introArea .liBox h4::before{
content: "";
position: absolute;
bottom: -20.5rem;
left: 0;
width: 100%;
height: 19rem;
background: url(./img/sct08_icon01.png) 50% 0 no-repeat;
background-size: 16rem auto;
}
#sect08 .introArea .liBox:nth-child(2) h4::before{
background-image: url(./img/sct08_icon02.png);
}
#sect08 .introArea .liBox:nth-child(3) h4::before{
background-image: url(./img/sct08_icon03.png);
}



/* rcArea */
#sect08 .rcArea{
padding: 0 5%;
}
#sect08 .rcArea .animBtn{
margin-bottom: -5.5rem;
}
#sect08 .rcArea .animBtn a{
padding: 1.5rem 15% 1.6rem;
}

#sect08 .rcArea .boxAq{
margin: 0 0 4rem;
padding: 8rem 5% 1rem;
background: #ddf4f7;
border-radius: 2rem;
color: #434343;
}
#sect08 .rcArea .intro{
padding: 0 0 3rem;
text-align: left;
}

#sect08 .rcArea .ulBox{
display: block;
}
#sect08 .rcArea .ulBox1{
margin: 0 0 0;
}
#sect08 .rcArea .ulBox2{
margin: 0 0 0;
}
#sect08 .rcArea .ulBox1 .liBox{
width: auto;
}
#sect08 .rcArea .ulBox2 .liBox{
width: auto;
}
#sect08 .rcArea .ulBox2 .liBox:nth-child(2){
width: auto;
}


#sect08 .rcArea .ulBox .liBox{
margin: 0 0 2rem;
background: #fff;
border-radius: 1.0rem;
}
#sect08 .rcArea .liBox h4{
margin: 0 0 1.0rem;
padding: 1.0rem 5% 1.2rem;
border-bottom: 2px solid #ddf4f7;
font-size:1.9rem;
text-align: center;
color: #0e4eaa;
}
#sect08 .rcArea .liBox .mainArea{
margin: 0;
padding: 0 10% 2rem;
font-size:1.5rem;
}
#sect08 .rcArea .liBox li{
position: relative;
padding: .3rem 0 .3rem 2rem;
}
#sect08 .rcArea .liBox li::before{
position: absolute;
content: "";
top: 1.3rem;
left: .2rem;
width: 1.0rem;
height: 1.0rem;
background: #64b247;
border-radius:50%;
}

#sect08 .rcArea .liBox .col2{
display: block;
}
#sect08 .rcArea .liBox .col2 li{
width: auto;
}
#sect08 .rcArea .liBox .note{
margin: .3rem 0 0;
font-size:1.3rem;
}


/* tblArea */
#sect08 .tblArea{
margin: 0 0 1rem;
} 
#sect08 .tblArea .rctbl_tr{
display: block;
} 
#sect08 .tblArea .rctbl_th{
margin: 0;
padding: 1rem 2%;
width: auto;
border-top: .2rem solid #0e4eaa;
border-bottom: none;
font-size:1.7rem;
font-weight: 700;
color: #0e4eaa;
}
#sect08 .tblArea .rctbl_td{
width: auto;
padding: 1rem 2% 2rem;
border-top: 1px solid #d2d1cf;
border-bottom: none;
}
#sect08 .tblArea .rctbl_td .f_small{
font-size:1.3rem;
}

#sect08 .boxAq .btns > div {
width: 95%;
}
#sect08 .boxAq .btn-web a::after {
background-image: url(./img/bumon01_ill.png);
left: 0;
background-size: 7rem auto;
width: 7rem;
}


/* botArea */
#sect08 .botArea{
padding: 0 5%;
}
#sect08 .botArea .headArea{
display: block;
margin: 0 0 3rem;
}
#sect08 .botArea .headArea h3{
width: auto;
margin: 0 0 1rem;
padding: .5rem 0 .7rem 5%;
font-size:2.3rem;
line-height: 1.2;
}
#sect08 .botArea .headArea h3::before{
content: "";
position: absolute;
top: 0;
right: auto;
left: 0;
width: .3rem;
height: 100%;
background: #ffdd4a;
}
#sect08 .botArea .headArea p{
width: auto;
}


#sect08 .botArea .ulBox{
display: block;
padding: 0 0 .5rem;
}
#sect08 .botArea .liBox{
width: auto;
margin: 0 0 2.0rem;
padding: 2rem 5% 2.5rem;
background: #fff;
border-radius: 1.0rem;
color: #434343;
}
#sect08 .botArea .boxB{
width: auto;
padding: 2rem 5% 2.5rem;
}

#sect08 .botArea .liBox h4{
margin: 0 0 1.2rem;
padding: 0 0 0 10%;
font-size:1.9rem;
}
#sect08 .botArea .boxB h4{
font-size:1.9rem;
}
#sect08 .botArea .liBox h4::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 2.0rem;
height: 4rem;
background: url(./img/sct08_pin.png) 0 0 no-repeat;
background-size: 2.0rem auto;
}
#sect08 .botArea .liBox h4 .fontS{
font-size:1.6rem;
font-weight: 500;
}
#sect08 .botArea .liBox p{
font-size:1.4rem; 
line-height: 1.6;
}






/*------------
sect09_SP
------------*/
#sect09{
position: relative;
margin: 0 0 -7rem;
padding: 8rem 0 0;
}
#sect09::before{
        content: "";
        position: absolute;
        z-index: 2;
        top: -4rem;
        left: -9%;
        width: 18.5rem;
        height: 11.0rem;
        background: url(./img/sct09_ph01.jpg) 0 0 no-repeat;
        background-size: cover;
        border-radius: 1rem;
}
#sect09::after{
content: "";
        position: absolute;
        z-index: 1;
        top: 1rem;
        left: auto;
        right: -2%;
        width: 9rem;
        height: 12rem;
        background: url(./img/sct09_ph02.jpg) 0 0 no-repeat;
        background-size: cover;
        border-radius: 1rem;
}
#sect09 .inner{
position: relative;
}
#sect09 .inner::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}

#sect09 .inner::after{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}


#sect09 .areaInner{
z-index: 1;
width: auto;
margin: 0 5%;
padding: 1.5rem 5% 3rem;
background: url(./img/sct05_bg.png) 0 0 repeat;
background-size: 3.5rem auto;
text-align: center;
}
#sect09 .areaInner::before {
content: "";
position: absolute;
top: -2.6rem;
left: 0;
width: 100%;
height: 2.6rem;
background: url(./img/sct05_head_bg.png) 4rem 0 repeat-x #e6e4de;
background-size: 4.5rem auto;
}
#sect09 .areaInner::after{
        content: "";
        position: absolute;
        bottom:-5.5rem;
        left: 0;
        width: 100%;
        height: 7.2rem;
        background: url(./img/allstars.png) 50% 0 no-repeat;
        background-size: 35rem auto; 
}

#sect09 .fontEng{
margin: 0 0 1rem;
text-align: center;
font-size:2.3rem;
color: #ffdd4a;
}
#sect09 .sttl{
display: inline;
margin: 0 0 2.5rem;
padding: 0px 0px .5rem;
background: url(./img/dotline_bl.png) 0px 90% / auto 0.2rem repeat-x;
color: #0e4eaa;
line-height: 1.6;
font-size:2.0rem;
}
#sect09 .intro{
margin: 3rem 0 5rem;
}
#sect09 .intro p{
margin: 0 0 2rem;
text-align: left;
line-height: 1.8;
font-size:1.5rem;
}


#sect09 .boxWt{
position: relative;
width: auto;
margin: 0 auto;
padding: 3rem 5%;
background: #fff;
border-radius: 1.6rem;
}
#sect09 .boxWt::before{
content: "";
position: absolute;
top: -3rem;
left: -3rem;
width: 5rem;
height: 15rem;
background: url(./img/sct09_dcill01.png) 0 0 no-repeat;
background-size: 5rem auto;
}
#sect09 .boxWt::after{
content: "";
position: absolute;
top: -3rem;
right: -2.4rem;
width: 7.5rem;
height: 20rem;
background: url(./img/sct09_dcill02.png) 100% 0 no-repeat;
background-size: 7.5rem auto;
}
#sect09 .boxWt .catch{
font-size:1.8rem;
line-height: 1.8;
}
#sect09 .boxWt .ch1{
margin: 0 0 2rem;
	font-size:1.6rem;
}
#sect09 .boxWt .ch2::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 2.6rem;
height: 1.9rem;
background: url(./img/quote1.svg) 0 0 no-repeat;
background-size: 2.6rem auto;
}
#sect09 .boxWt .ch2::after{
content: "";
position: absolute;
top: 0;
right: 0;
width: 2.6rem;
height: 1.9rem;
background: url(./img/quote2.svg) 0 0 no-repeat;
background-size: 2.6rem auto;
}
#sect09 .boxWt .ch2 span{
display: inline;
padding: 0px 0px .5rem;
background: url(./img/dotline_bl.png) 0px 90% / auto 0.2rem repeat-x;
}





/*------------
sect10_SP
------------*/
#sect10{
margin: 0 0 -2rem;
padding: 11rem 0 8rem;
background: url(./img/dotbg_bl.jpg) 0px 0px / 11rem repeat;
}
#sect10::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 7rem;
background: #FFF;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
#sect10.areaInner {
padding: 4.5rem 0 2rem;
}

#sect10 .fontEng{
text-align: center;
}
#sect10 .sectTtlArea{
text-align: center;
}
#sect10 .sectTtlArea p{
text-align: center;
}
#sect10 .formBox{
background: #fff;
height: auto;
}

#sect10 .formBox iframe {
    height: 162rem;
    width: 100%;
    padding: 3rem 0 0;
}
	#sect10 .sectTtl {
    font-size: 2.2rem;
}

.about .inner::before {
background: url(./img/dotbg_bl.jpg) 0px 0px / 11rem repeat;
}


.about::after {      
content: "ABOUT THIS MEDIA";
position: absolute;
top: -0.5rem;
left: 3%;
font-size:3.0rem;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #fdcc00;
opacity: .3;
    }

    #fixNav_sp .btn-internal a::before {
        right: 1.5rem;
        width: 1.2rem;
        background: url(./img/arrow_wt_vt.svg) 0 50% no-repeat;
        background-size: 1.2rem auto;
    }


/*  End_SP */

}

#sect08 .rcArea .ulBox .liBox ul{
    margin: 0;
    padding: 0;
}

#sect08 .tblArea .rctbl_td p{
    margin: 0;
}
#sect10 p{
    margin:0;
}

#sect10 p + p {
    margin-top:0;
}

footer .footBox ul{
    margin: 0;
    padding:0;
}

footer .footBox ul li{
   padding: 0;
}
footer .footBox ul li a{
  text-decoration: none;
}
footer .footBox ul li::before {
    position: absolute;
    content: "";
    background: none;
}