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

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


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

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

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



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

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

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

.areaInner{
width: 110rem;
}





/*--------------------------------------
　header_PC
---------------------------------------*/
#header{
position: relative;
z-index: 14;
overflow: hidden;
}
#header::before{
}
#header::after{
}

#header .inner{
}


#header .topArea2{
}

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



/* mvArea */
.mvArea{
position: relative;
height: 80rem;
margin: 0 0 10rem;
padding: 10rem 0 0;
}
.mvArea::before{content: "";position: absolute;z-index: 1;top: 8.5rem;left: calc(50% + 4.5rem);width: 38rem;height: 17rem;background: url("/wp/wp-content/uploads/idx_ill.webp") 0 0 no-repeat;}
.mvArea::after{content: "";position: absolute;top:4rem;left: calc(50% - 65rem);width: 130rem;height: 78rem;background: #01B0CB;background: linear-gradient(90deg, rgba(1, 176, 203, 1) 0%, rgba(162, 226, 222, 1) 75%, rgba(252, 222, 202, 1) 100%);border-radius: .8rem;}

/* txtArea */
.mvArea .txtArea{
position: relative;
z-index: 3;
}

.mvArea .txtArea h2{font-size: 5.5rem;color: #fff;}
.mvArea .txtArea h2 .fontS{
display: block;
font-size:2.6rem;
}

.mvArea .txtArea .sttl{
position: absolute;
top: 0;
right: 0;
height: 50rem;
font-family: "Noto Sans JP vt";
letter-spacing: 0.1em;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
line-height: 1.8;
font-size:2.8rem;
color: #fff;
}
.mvArea .txtArea .sttl .obi{
display: inline-block;
margin: 0 0 0 4%;
padding: 2rem 0;
background: #019ac6;
border-radius: .8rem;
  
background: linear-gradient(90deg, rgba(0, 138, 143, 1) 0%, rgba(28, 181, 205, 1) 100%);
}



/* slideArea */

.mvArea .slideArea{
position: absolute;
z-index: 2;
top: 25rem;
width: 100%;
height: 55rem;
overflow: hidden;
}
.mvArea .slideArea img{
}
.mvArea .slideArea .slider1{

}

.mvArea .slideArea .slick-slide{
width: 180rem;
height: 55rem;
margin-left:1rem!important;
margin-right:1rem!important;
}
.mvArea .slideArea .slick-slide img{
/*width: 100%;*/
}



/* headNote */
.mvArea .headNote{
}



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

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

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




/*------------
indexSect_PC
------------*/
.indexSect{
position: relative;
}
.indexSect::before{
}
.indexSect .areaInner{
}
.indexSect .mainEng{
position: relative;
margin: 0 0 3rem;
padding: 0 0 3.5rem;
background: url(./img/maineng_deco.svg) 0 100% no-repeat;
background-size: 7rem auto;
line-height: 1;
font-size:8.0rem;
color: #d4edf3;
}
.indexSect .sectTtlArea{
position: relative;
margin: 0 0 5rem;
}
.indexSect .sectTtl{
line-height: 1.6;
font-size:3.9rem;
}


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




/*------------
sect01_PC
------------*/
#sect00{
padding: 0 0 14rem;
}
#sect00 .areaInner::before{
content: "";
position: absolute;
top: 0;
left: 5rem;
width: 100%;
height: 100%;
background: url("/wp/wp-content/uploads/redcross.webp") 0 0 no-repeat;
background-size: 56rem auto;
}

#sect00 .mainEng{
position: absolute;
top: 0;
left: 0;
}
#sect00 .intro{
position: relative;
padding: 5rem 0 0 47rem;
}
#sect00 .intro p{
font-size:1.8rem;
font-weight: 700;
}



#sect00 .mokujiBox{
}

#sect00 .mokujiBox .subEng{
padding: 0 0 2.5rem;
background: url(./img/subeng_deco.svg) 0 100% no-repeat;
background-size: 6rem auto;
line-height: 1;
font-size:5.0rem;
color: #d4edf3;
}

#sect00 .mokujiBox #toc{
position: relative;
padding: 0 0 0 2.5rem;
}

#sect00 .mokujiBox #toc ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:0;
padding:.5rem 0;
}
#sect00 .mokujiBox #toc ul li{
position: relative;
width: 46%;
margin: 2px 0;
padding: .2rem 2rem .2rem 5.5rem;
text-align: left;
line-height: 1.4;
}
#sect00 .mokujiBox #toc ul li.chapter-h-two{
counter-increment: count;
}
#sect00 .mokujiBox #toc ul li.chapter-h-two::before {
content: counter(count, decimal-leading-zero);/*2桁対応*/
position: absolute;
top: 1.2rem;
left: 0;
transform: translate(0,-50%);
background: none;
font-size:3.0rem;
font-weight: 700;
color: #ff8040;
opacity: .5;
}

#sect00 .mokujiBox li a{
display: block;
width: auto;
padding: 1.5rem 3rem 1.5rem 0;
background: url("./img/arrow_ccl_vt.svg") 100% 50% no-repeat;
background-size: 2.4rem auto;
font-size:1.6rem;
font-weight: 700;
text-decoration: none;
}


#sect00 .mokujiBox li br{
display: none;
}










/*------------
sect01_PC
------------*/
#sect01{
padding: 0 0 6rem;
}
#sect01::before{
}
#sect01 .mainEng{
margin: 0;
padding: 0;
background: none;
text-align: center;
}
#sect01 .sectTtlArea{
margin: 0;
padding: 0 0 6rem;
text-align: center;
}
#sect01 .sectTtl{
padding: 1rem 0 0;
font-size:3.3rem;
}
#sect01 .sectTtlArea::before{
content: "";
position: absolute;
bottom: -1.5rem;
left: 0;
width: 100%;
height: 5rem;
background: url("./img/maineng_deco_vt.svg") 50% 100% no-repeat;
background-size: 1.0rem auto;
}
#sect01 .sectTtlArea p{
margin: 1rem 0;
text-align: center;
font-size:2.0rem;
font-weight: 700;
}

#sect01 .ulBox{
display: flex;
justify-content: space-between;
padding: 0 5rem 3rem;
}
#sect01 .liBox{
width: 46rem;
padding: 0 0 3rem;
}
#sect01 .liBox::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FCD7BD;
background: linear-gradient(180deg, rgba(252, 215, 189, 1) 0%, rgba(253, 110, 157, 1) 100%);
border-radius: .8rem;
filter: blur(1.0rem);
opacity: .4;
}
#sect01 .liBox:nth-child(2)::before{
background: #FCD7BD;
background: linear-gradient(0deg, rgba(252, 215, 189, 1) 0%, rgba(253, 110, 157, 1) 100%);
}
#sect01 .liBox::after{
content: "";
position: absolute;
top: -1rem;
left: 7.6rem;
width: 7.7rem;
height: 21rem;
background: url(./img/sct01_ill01.png) 0 0 no-repeat;
background-size: auto 21rem;
}
#sect01 .liBox:nth-child(2)::after{
top: 1.5rem;
left: 34.0rem;
width: 5.5rem;
height: 19.9rem;
background: url(./img/sct01_ill02.png) 0 0 no-repeat;
background-size: auto 19.9rem;
}


#sect01 .liBox .sttl{
margin: 4rem 4rem -4rem;
padding: 3rem 0 7rem 14rem;
background: #fff;
border-radius: .8rem;
}
#sect01 .liBox .sttl .fontL{
font-size:3.0rem;
color: #ff8040;
}
#sect01 .liBox .sttl .fontS{
display: block;
margin: 2rem 0 0;
font-size:2.0rem;
}
#sect01 .liBox:nth-child(2) .sttl{
padding: 3rem 0 7rem 7rem;
}


#sect01 .liBox .btn-internal{
margin: 0;
}
#sect01 .liBox .btn-internal a{
width: 32rem;
padding: 1.4rem 7.0rem 1.6rem 3rem;
text-align: left;
}


#sect01 .btn-link{
text-align: center;
}





/*------------
sect02_PC
------------*/
#sect02{
padding: 15rem 0 10rem;
}
#sect02::before{
content: "";
position: absolute;
top: 12rem;
left: calc(50% - 11rem);
width: calc(50% + 11rem);
height: 43rem;
background: #01B0CB;
background: linear-gradient(-90deg, rgba(1, 176, 203, 1) 0%, rgba(162, 226, 222, 1) 50%, rgba(252, 222, 202, 1) 87%);
border-radius: .8rem 0 0 .8rem;
filter: blur(.3rem);
opacity: .4;
}
#sect02::after{
content: "";
position: absolute;
top: 0;
left: calc(50% + 14rem);
width: 48rem;
height: 65.4rem;
background: url("./img/sct02_headimg.png") 0 0 no-repeat;
}
#sect02 .sectTtlArea{
margin: 0 0 12rem;
padding: 0 50rem 0 0;
}

#sect02 .sectTtlArea p{
font-size:1.8rem;
font-weight: 700;
}


#sect02 .ulBox{
z-index: 2;
display: flex;
justify-content: space-between;
align-items: center;
}
#sect02 .liBox{
width: 34.2rem;
padding: 2.7rem 2rem 1.0rem;
background: #01b0cb;
border-radius: .8rem;
text-align: center;
color: #fff;
}
#sect02 .liBox:nth-child(2){background: #ff8040;}
#sect02 .liBox:nth-child(3){background: #fd6e9d;}

#sect02 .liBox::before{
content: "01";
position: absolute;
top: -0.5rem;
left: 0;
width: 100%;
text-align: center;
line-height: 1;
font-size:4.0rem;
font-family: "Rubik", Arial, sans-serif;
font-weight: 600;
color: #fff;
opacity: .3;
}
#sect02 .liBox:nth-child(2)::before{
content: "02";
}
#sect02 .liBox:nth-child(3)::before{
content: "03";
}

#sect02 .liBox::after{
content: "";
position: absolute;
bottom: -1rem;
left: calc(50% - 1.2rem);
width: 2.4rem;
height: 2.4rem;
background: #01b0cb;
border-radius: 50%;
}
#sect02 .liBox:nth-child(2)::after{background: #ff8040;}
#sect02 .liBox:nth-child(3)::after{background: #fd6e9d;}

#sect02 .liBox .sttl{
display: flex;
align-items: center;
justify-content: center;
font-size:2.8rem;
}
#sect02 .liBox .sttl .fontS{
display: block;
font-size:2.0rem;
}


#sect02 .botArea{
height: 29.6rem;
padding: 13rem 0 0;
background: url(./img/sct02_bg.png) 50% 0 no-repeat;
}
#sect02 .botArea .sttl{
text-align: center;
font-size:3.2rem;
}
#sect02 .botArea .sttl .fontS{
display: block;
}


#sect02 .outro{
padding: 2rem 10rem 0;
}

#sect02 .outro p{
text-align: center;
}



/*------------
途中追尾_PC
------------*/
#sect200{
}
#sect200 .sct02_nav{
position: absolute;
opacity: 0;
transition: all 0.5s ease 0s;
z-index: 2;
}
#sect200 .sct02_nav.fixed{
position: fixed;
z-index: 2;
top: 2rem;
animation:sct04navfade .3s ease-in-out forwards;
}
@keyframes sct04navfade {
0% {
transform: translate(0, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
#sect200 .sct02_nav.fixed.none{
position: absolute;
opacity: 0;
z-index: -1;
}

/* layout */
#sect200 .ulBox{
display: flex;
justify-content: space-between;
align-items: center;
left: calc(50vw - 40rem);
width: 80rem;
}
#sect200 .liBox{
width: 25rem;
background: #fff;
border-radius: 9999px;
text-align: center;
}

#sect200 .liBox a{
display: flex;
align-items: center;
justify-content: center;
padding: 1.2rem 1rem 1.2rem;
background: #01b0cb;
border-radius: 9999px;
box-shadow: 0px 5px 13.16px 0.84px rgba(80, 80, 80, 0.2);
line-height: 1.4;
font-size:1.6rem;
font-weight: 700;
color: #fff;
overflow: hidden;
}
#sect200 .liBox:nth-child(2) a{background: #ff8040;}
#sect200 .liBox:nth-child(3) a{background: #fd6e9d;}

#sect200 .liBox a .fontS{
display: block;
font-size:1.2rem;
}
#sect200 .liBox a::before{
content: "01";
position: absolute;
top: calc(50% - 1.5rem);
left: -0.1rem;
width: 100%;
text-align: left;
line-height: 1;
font-size:2.6rem;
font-family: "Rubik", Arial, sans-serif;
font-weight: 600;
color: #fff;
opacity: .3;
}
#sect200 .liBox:nth-child(2) a::before{
content: "02";
}
#sect200 .liBox:nth-child(3) a::before{
content: "03";
}

#sect200 .liBox a::after{
content: "";
position: absolute;
top: 0;
right: 1rem;
width: 2rem;
height: 100%;
background: url("./img/arrow_ccl_wt_vt.svg") 0 50% no-repeat;
background-size: 2rem auto;
}








/*------------
sect200_PC
------------*/
.sect200{
margin: 0 0 14rem;
}
.sect200 .sectTtlArea{
position: relative;
margin: 0 0 5.5rem;
}
.sect200 .sectTtlArea::before{
content: "";
position: absolute;
top: calc(50% - 0.5rem);
left: 0;
width: 1.0rem;
height: 1.0rem;
background: #01b0cb;
border-radius: 50%;
}
#sect202 .sectTtlArea::before{background: #ff8040;}
#sect203 .sectTtlArea::before{background: #fd6e9d;}

.sect200 .sectTtlArea::after{
content: "";
position: absolute;
top: calc(50% - 0.5rem);
right: 0;
width: 1.0rem;
height: 1.0rem;
background: #01b0cb;
border-radius: 50%;
}
#sect202 .sectTtlArea::after{background: #ff8040;}
#sect203 .sectTtlArea::after{background: #fd6e9d;}

.sect200 .sectTtl{
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 38rem;
min-height: 11.2rem;
margin: 0 auto;
padding: 2.0rem 2rem 2.0rem;
background: #01b0cb;
border-radius: .8rem;
line-height: 1.4;
text-align: center;
color: #fff;
font-size:3.0rem;
}
#sect202 .sectTtl{background: #ff8040;}
#sect203 .sectTtl{background: #fd6e9d;}

.sect200 .sectTtl .fontS{
display: block;
font-size:2.2rem;
}
.sect200 .sectTtl::before{
content: "01";
position: absolute;
top: -0.6rem;
left: 0;
width: 100%;
text-align: center;
line-height: 1;
font-size:4.4rem;
font-family: "Rubik", Arial, sans-serif;
font-weight: 600;
color: #fff;
opacity: .3;
}
#sect202 .sectTtl::before{content: "02";}
#sect203 .sectTtl::before{content: "03";}

.sect200 .sectTtl::after{
content: "";
position: absolute;
z-index: -1;
top: calc(50% - 0.1rem);
left: calc(50% - 55rem);
width: 110rem;
height: .2rem;
background: #01b0cb;
}
#sect202 .sectTtl::after{background: #ff8040;}
#sect203 .sectTtl::after{background: #fd6e9d;}


/* mini */
.sect200 .mini{
position: relative;
margin: 0 0 8rem;
}


/* miniTtlArea */
.sect200 .miniTtlArea{
margin: 0 0 6rem;
padding: 0 0 0 5rem;
border-left: .2rem solid #dbe2e3;
}
.sect200 .miniTtlArea .fontEng{
margin: 0 0 1rem;
line-height: 1;
font-size:2.6rem;
color: #dbe2e3;
}
.sect200 .miniTtl{
font-size:2.8rem;
}

.sect200 .flexBox{
display: flex;
align-items: center;
justify-content: space-between;
}
.sect200 .flexBox .miniTtl{
width: 30rem;
}
.sect200 .flexBox .txtArea{
width: 74rem;
}
.sect200 .flexBox .txtArea p{
margin: 0;
}





/*------------
sect201_PC
------------*/
#sect201{
}
#sect201 .mini1 .ulBox{
display: flex;
justify-content: space-between;
margin: 0 0 3rem;
}
#sect201 .mini1 .liBox{
width: 26rem;
padding: 0 0 2rem;
border-radius: .8rem;
background: #f7f5f6;
text-align: center;
overflow: hidden;
}
#sect201 .mini1 .liBox::before{
content: "";
position: absolute;
top: -9rem;
left: calc(50% - 7rem);
width: 14rem;
height: 14rem;
background: #01b0cb;
border-radius: 50%;
}
#sect201 .mini1 .catch{
margin: 0 0 3rem;
padding: .3rem 0 0;
line-height: 1.3;
font-size:1.5rem;
color: #fff;
}
#sect201 .mini1 h5{
font-size:1.8rem;
}
#sect201 .mini1 .flame{
margin: 1rem auto 1.5rem;
width: 11rem;
height: 11rem;
background: #fff;
border-radius: 50%;
}
#sect201 .mini1 .tags{
padding: 0 1rem;
text-align: center;
}
#sect201 .mini1 .tag{
display: inline-block;
margin: 0 .4rem .5rem;
padding: .4rem .8rem .6rem;
background: #fff;
border-radius: .4rem;
line-height: 1;
font-size:1.3rem;
}
#sect201 .mini1 .etc{
display: inline-block;
line-height: 1;
font-size:1.2rem;
}
#sect201 .mini1 .outro{
padding: 0 10rem;
}


/* mini2 */
#sect201 .mini2 .boxGray{
position: relative;
padding: 5rem 0 4rem 35rem;
border-radius: .8rem 0 0 .8rem;
background: url(./img/sct201_fuki.png) 100% -3rem no-repeat #f7f5f6;
}
#sect201 .mini2 .boxGray::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 8.5rem;
height: 8.0rem;
background: url(./img/sct201_deco.png) 0 0 no-repeat;
background-size: 8.5rem auto;
border-radius: .8rem 0 0 0;
}
#sect201 .mini2 .boxGray::after{
content: "";
position: absolute;
top: 0;
right: -100vw;
width: 100vw;
height: 100%;
background: #f7f5f6;
}
#sect201 .mini2 h5{
margin: 0 0 2rem;
font-size:2.4rem;
color: #01b0cb;
}
#sect201 .mini2 .boxGray .imgArea{
position: absolute;
top: 5rem;
left: 5rem;
width: 25rem;
text-align: center;
}
#sect201 .mini2 .flame{
margin: 0 0 1rem;
}
#sect201 .mini2 .flame img{
width: 100%;
object-fit: cover;
border-radius: .8rem;
}
#sect201 .mini2 .btn-internal{
display: block;
margin: 3.0rem 0 1.0rem;
text-align: right;
}
#sect201 .mini2 .btn-internal a{
display: inline-block;
}


/* areaQA */
.sect200 .areaQA{
margin: 0 0 7rem;
}
.sect200 .areaQA .areaQ{
position: relative;
margin: 0 0 6rem;
padding: 0 0 0 18rem;
}
.sect200 .areaQA .areaQ.typeB{
padding: 0 18rem 0 0;
}
.sect200 .areaQA .areaQ::before{
content: "";
position: absolute;
top: calc(50% - 7.5rem);
left: 0;
width: 12rem;
height: 13.5rem;
background: url(./img/sct201_q1.png) 0 0 no-repeat;
}
#sect202 .areaQA .areaQ::before{
background-image: url(./img/sct202_q1.png)
}
#sect203 .areaQA .areaQ::before{
background-image: url(./img/sct203_q1.png)
}
.sect200 .areaQA .areaQ.typeB::before{
left: auto;
right: 0;
background-image: url(./img/sct201_q2.png);
}
#sect202 .areaQA .areaQ.typeB::before{
background-image: url(./img/sct202_q2.png)
}
#sect203 .areaQA .areaQ.typeB::before{
background-image: url(./img/sct203_q2.png)
}

.sect200 .areaQA .areaQ h5{
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 10rem;
padding: 2.7rem 13rem 2.9rem;
background: #01b0cb;
border-radius: .8rem;
text-align: center;
font-size:2.6rem;
color: #fff;
}
#sect202 .areaQA .areaQ h5{background: #ff8040;}
#sect203 .areaQA .areaQ h5{background: #fd6e9d;}

.sect200 .areaQA .areaQ h5::before{
content: "Q.";
position: absolute;
top: calc(50% - 3.0rem);
left: 3.8rem;
line-height: 5.5rem;
font-size:7.0rem;
font-family: "Rubik", Arial, sans-serif;
font-weight: 600;
opacity: .5;
}
.sect200 .areaQA .areaQ h5::after{
content: "";
position: absolute;
top: 0;
left: -3.3rem;
width: 3.4rem;
height: 100%;
background: url(./img/tri2.svg) 0 50% no-repeat;
background-size: 3.4rem auto;
}
.sect200 .areaQA .areaQ.typeB h5::after{
left: auto;
right: -3.3rem;
transform: scale(-1, 1);
}

#sect202 .areaQA .areaQ h5::after{
background-image: url(./img/tri3.svg);
}
#sect203 .areaQA .areaQ h5::after{
background-image: url(./img/tri4.svg);
}


.sect200 .areaQA .areaA{
position: relative;
min-height: 24rem;
margin: 0 5rem;
padding: 0 45rem 1rem 0;
}
.sect200 .areaQA .areaA.typeB{
padding: 0 0 1rem 45rem;
}
.sect200 .areaQA .areaA h6{
display: flex;
align-items: center;
min-height: 7rem;
margin: 0 0 3rem;
padding: 0 0 0 9rem;
font-size:2.4rem;
}
.sect200 .areaQA .areaA h6::before{
content: "A.";
position: absolute;
top: calc(50% - 3.5rem);
left: 0;
width: 7rem;
height: 7rem;
padding: 1.7rem 0 0 .5rem;
background: #f7f5f6;
border-radius: 50%;
line-height: 1;
text-align: center;
font-family: "Rubik", Arial, sans-serif;
font-size:3.2rem;
font-weight: 600;
color: #01b0cb;
}
#sect202 .areaQA .areaA h6::before{color: #ff8040;}
#sect203 .areaQA .areaA h6::before{color: #fd6e9d;}

.sect200 .areaQA .areaA .imgArea{
position: absolute;
top: 0;
right: 0;
width: 40rem;
}
.sect200 .areaQA .areaA.typeB .imgArea{
right: auto;
left: 0;
}
.sect200 .areaQA .areaA img{/* height: 22rem; */object-fit: cover;border-radius: .8rem;}
.sect200 .areaQA .areaA .imgArea .cap{
margin: 1rem 0 0;
text-align: center;
}
.sect200 .areaQA .areaA .btn-link{
margin: 0;
text-align: left;
}



/* #sect202 */
#sect202 .flexBox .miniTtl {
width: 33rem;
}

#sect202 .mini1{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#sect202 .mini1 .ulBox{
display: flex;
justify-content: space-between;
}

#sect202 #sect202more .ulBox{
gap: 0 3.7rem;
}

#sect202 .mini1 .liBox{
width: 34.2rem;
background: #f7f5f6;
border-radius: .8rem;
overflow: hidden;
}
#sect202 .mini1 .flame{
}
#sect202 .mini1 .flame img{
width: 100%;
height: 15.5rem;
object-fit: cover;
}

#sect202 .mini1 .mainTxt{
position: relative;
padding: 2.5rem 3rem 2rem;
}
#sect202 .mini1 .mainTxt::before{
content: "";
position: absolute;
top: 2.5rem;
left: -1.8rem;
width: 3.6rem;
height: 3.6rem;
background: #ff8040;
border-radius: 50%;
}
#sect202 .mini1 .mainTxt h5{
display: flex;
align-items: center;
font-size:2.2rem;
}

/* mini2 */
#sect202 .mini2::before{
content: "";
position: absolute;
z-index: 1;
top: 8rem;
right: -7rem;
width: 32.1rem;
height: 38rem;
background: url(./img/sct202_bgimg.png) 0 0 no-repeat;
}

#sect202 .mini2 .boxGray{
position: relative;
padding: 5rem 0 2.5rem;
border-radius: .8rem 0 0 .8rem;
background: #f7f5f6;
}
#sect202 .mini2 .boxGray::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 8.5rem;
height: 8.0rem;
background: url("./img/sct202_deco.png") 0 0 no-repeat;
background-size: 8.5rem auto;
border-radius: .8rem 0 0 0;
}
#sect202 .mini2 .boxGray::after{
content: "";
position: absolute;
top: 0;
right: -100vw;
width: 100vw;
height: 100%;
background: #f7f5f6;
}
#sect202 .mini2 h5{
margin: 0 29rem 2rem 5rem;
font-size:2.4rem;
color: #ff8040;
}
#sect202 .mini2 p{
margin: 0 29rem 2rem 5rem;
}
#sect202 .mini2 .boxGray .imgArea{
position: absolute;
top: 5rem;
left: 5rem;
width: 25rem;
text-align: center;
}
#sect202 .mini2 .flame{
margin: 0 0 1rem;
}
#sect202 .mini2 .flame img{
width: 100%;
object-fit: cover;
border-radius: .8rem;
}
#sect202 .mini2 .btns{
justify-content: flex-start;
padding: 0 10rem 2rem 5rem;
}
#sect202 .mini2 .btns div:first-child{
margin-left: 0;
}

#sect202 .mini3 .memo{
padding: 2rem 3rem 1.5rem 4rem;
border: .2rem solid #dedede;
border-radius: .8rem;
}
#sect202 .mini3 .memo::before{
content: "";
position: absolute;
top: 2.5rem;
left: -0.1rem;
width: 2.0rem;
height: 8.0rem;
background: url(./img/sct202_memo.png) 0 0 no-repeat;
background-size: 2.0rem auto;
}

#sect202 .mini3 .memo .catch{
font-size:2.0rem;
}
#sect202 .mini3 .memo p{
line-height: 1.8;
}





/* #sect203 */
#sect203 .flexBox .miniTtl{
width: 36rem;
}
#sect203 .flexBox .miniTtl .fontS{
display: block;
margin: 0 0 .3rem;
font-size:1.8rem;
}


#sect203 .mini1 .ulBox{
display: flex;
justify-content: space-between;
padding: 2rem 5rem 3rem;
}
#sect203 .mini1 .liBox{
width: 46rem;
}

#sect203 .mini1 .upper{
position: relative;
margin: 0 0 5rem;
padding: 5rem 3rem 1rem;
background: #f7f5f6;
border-radius: .8rem;
}
#sect203 .mini1 .upper::before{
content: "";
position: absolute;
top: -4.5rem;
left: 0;
width: 100%;
height: 8rem;
background: url(./img/sct203_icon01.png) 50% 50% no-repeat;
background-size: 13rem auto;
}
#sect203 .mini1 .liBox:nth-child(2) .upper::before{
background-image: url(./img/sct203_icon02.png);
}
#sect203 .mini1 .upper::after{
content: "";
position: absolute;
bottom: -3.2rem;
left: 0;
width: 100%;
height: 4.6rem;
background: url(./img/tri5.svg) 50% 100% no-repeat;
background-size: 4.4rem auto;
}
#sect203 .mini1 .liBox:nth-child(2) .upper::after{
background-image: url(./img/tri6.svg);
}

#sect203 .mini1 h5{
margin: 0 0 2rem;
text-align: center;
font-size:2.6rem;
}
#sect203 .mini1 .boxWt{
position: relative;
margin: 0 0 2rem;
padding: 2rem 3rem;
background: #fff;
border-radius: .8rem;
}
#sect203 .mini1 .boxWt .hdTtl{
position: absolute;
z-index: 1;
top: 0;
right: -13rem;
display: flex;
align-items: center;
justify-content: center;
width: 12rem;
height: 100%;
background: rgba(253, 110, 157, .7);
text-align: center;
font-size:2.0rem;
font-weight: 700;
color: #fff;
}
#sect203 .mini1 .liBox:nth-child(2) .boxWt .hdTtl{
display: none;
}
#sect203 .mini1 .boxWt h6{
text-align: center;
font-size:2.0rem;
}
#sect203 .mini1 .boxWt p{
margin:.8rem 0 .5rem;
}
#sect203 .mini1 .tags{
padding: 1.0rem 0 0;
text-align: center;
}
#sect203 .mini1 .tag{
display: inline-block;
margin: 0 .4rem .5rem;
padding: .4rem .8rem .6rem;
background: #fde8ef;
border-radius: .4rem;
line-height: 1;
font-size: 1.3rem;
font-weight: 700;
}
#sect203 .mini1 .liBox:nth-child(2) .tag{
background: #d8f1f5;
}

#sect203 .mini1 .lower{
margin: 0 8rem;
}
#sect203 .mini1 .lower .ttlArea{
background: #FD6E9D;
background: linear-gradient(180deg, rgba(253, 110, 157, 1) 0%, rgba(255, 128, 64, 1) 100%);
padding: .2rem 1rem .4rem;
border-radius: .8rem .8rem 0 0;
text-align: center;
font-size:2.0rem;
font-weight: 700;
color: #fff;
}
#sect203 .mini1 .liBox:nth-child(2) .lower .ttlArea{
background: #01B0CB;
background: linear-gradient(180deg, rgba(1, 176, 203, 1) 0%, rgba(121, 220, 214, 1) 100%);
}
#sect203 .mini1 .lower .ttlArea .fontS{
font-size:1.6rem;
}

#sect203 .mini1 .lower .sttl{
margin: 0;
padding: 1.0rem 1rem 1.6rem;
border: .2rem solid #fd6e9d;
border-top: none;
border-radius: 0 0 .8rem .8rem;
text-align: center;
font-size:2.6rem;
}
#sect203 .mini1 .liBox:nth-child(2) .lower .sttl{
border: .2rem solid #01b0cb;
border-top: none;
}



#sect203 .mini2::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: calc(50% + 100vw);
height: 100%;
background: #FCD7BD;
background: linear-gradient(90deg, rgba(252, 215, 189, 1) 0%, rgba(253, 110, 157, 1) 100%);
border-radius: .8rem 0 0 .8rem;
opacity: .2;
}
#sect203 .mini2 .ptBox{
position: relative;
padding: 8rem 5rem 2rem;
}
#sect203 .mini2 .ptBox::before{
content: "POINT";
position: absolute;
top: 1rem;
left: 5rem;
line-height: 1;
font-family: "Rubik", Arial, sans-serif;
font-weight: 600;
font-size:6.0rem;
color: #fd6e9d;
opacity: .3;
}

#sect203 .mini2 .ptBox .catch{
font-size:2.6rem;
}




/*------------
sect204_PC
------------*/
#sect204{
}
#sect204 .sum{
min-height: 68rem;
margin: 19rem 0 9rem;
padding: 19rem 0 3rem;
}
#sect204 .sum::before {
top: 6.5rem;
left: calc(50% - 9rem);
font-size: 12.0rem;
}
#sect204 .sum::after{
content: "";
position: absolute;
top: -4rem;
left: calc(50% - 65rem);
width: 49.5rem;
height: 77.5rem;
background: url(./img/sct204_img.png) 0 0 no-repeat;
}
#sect204 .sum .areaInner{
padding: 0 0 0 46rem;
}
#sect204 .sum .areaInner::before{
content: "";
position: absolute;
top: -31.5rem;
left: 0;
width: 100%;
height: 14rem;
background: url("./img/tri7.svg") 50% 0 no-repeat;
background-size: 8.4rem auto;
}
#sect204 .sum .catch{
margin: 0 0 4rem;
line-height: 1.5;
font-size:3.0rem;
}
#sect204 .sum p{
margin: 0 0 4rem;
font-size:1.8rem;
}








/*------------
sect03_PC
------------*/
#sect03{
padding: 19rem 0 19rem;
}
#sect03::before{
content: "";
position: absolute;
top: 11rem;
left: calc(50% - 65rem);
width: calc(50% + 65rem);
height: calc(100% - 22rem);
background: #FCD7BD;
background: linear-gradient(90deg, rgba(252, 215, 189, 1) 0%, rgba(253, 110, 157, 1) 100%);
border-radius: .8rem 0 0 .8rem;
filter: blur(.3rem);
opacity: .2;
}
#sect03::after{
content: "";
position: absolute;
top: 0;
left: calc(50% + 14rem);
width: 48rem;
height: 65.4rem;
background: url("./img/sct03_headimg.png") 0 0 no-repeat;
}
#sect03 .mainEng{
background: #FDE1DB;
background: linear-gradient(180deg, rgba(253, 225, 219, 1) 0%, rgba(254, 199, 210, 1) 100%);
-webkit-background-clip: text; /* テキストで切り抜く */
-webkit-text-fill-color: transparent; /* 切り抜いた部分は背景を表示 */
}
#sect03 .mainEng::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 7rem;
height: .8rem;
background: url(./img/maineng_deco_red.svg) 0 100% no-repeat;
background-size: 7rem auto;
}

#sect03 .sectTtlArea{
margin: 0 0 19rem;
padding: 0 55rem 0 0;
}
#sect03 .sectTtl .fontS{
display: block;
}
#sect03 .sectTtlArea p{
font-size:1.8rem;
font-weight: 700;
}


#sect03 .intv{
background: #fff;
}

#sect03 .spv{
margin: 9rem 5rem 3rem;
}
#sect03 .spv .inner{
background: #fff;
border: .2rem solid #fcd7bd;
}
#sect03 .spv .txtArea {
border-top: .2rem solid #fcd7bd;
}



/*------------
sect04_PC
------------*/
#sect04{
padding: 15rem 0 14rem;
}
#sect04::before{
content: "";
position: absolute;
top: 12rem;
left: calc(50% - 11rem);
width: calc(50% + 11rem);
height: 43rem;
background: #01B0CB;
background: linear-gradient(-90deg, rgba(1, 176, 203, 1) 0%, rgba(162, 226, 222, 1) 50%, rgba(252, 222, 202, 1) 87%);
border-radius: .8rem 0 0 .8rem;
filter: blur(.3rem);
opacity: .4;
}
#sect04::after{
content: "";
position: absolute;
top: 0;
left: calc(50% + 14rem);
width: 48rem;
height: 65.4rem;
background: url("./img/sct04_headimg.png") 0 0 no-repeat;
}
#sect04 .sectTtlArea{
margin: 0 0 19rem;
padding: 0 48rem 0 0;
}


#sect04 .ulBox::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: .2rem;
background: #01B0CB;
background: linear-gradient(90deg, rgba(1, 176, 203, 1) 0%, rgba(162, 226, 222, 1) 75%, rgba(252, 222, 202, 1) 100%);
}
#sect04 .liBox a{
display: flex;
align-items: center;
justify-content: space-between;
padding: 2rem 10rem 2.5rem 5rem;
background: url(./img/arrow_ccl.svg) calc(100% - 3rem) calc(50% + .1rem) no-repeat;
background-size: 3.6rem auto;
}
#sect04 .liBox::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: .2rem;
background: #01B0CB;
background: linear-gradient(90deg, rgba(1, 176, 203, 1) 0%, rgba(162, 226, 222, 1) 75%, rgba(252, 222, 202, 1) 100%);
}

#sect04 .liBox h3{
width: 36rem;
font-size:2.4rem;
}
#sect04 .liBox p{
width: 55rem;
}


/* End_PC */




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



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

.areaInner {
    width: auto;
}






/*--------------------------------------
　header_SP
---------------------------------------*/
#header{
position: relative;
z-index: 14;
overflow: hidden;
}
#header::before{
}
#header::after{
}

#header .inner{
}

#header .logo {
width: 25%;
}

#header .topArea2{
}

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



/* mvArea */
.mvArea{
position: relative;
height: 80rem;
height: auto;
margin: 0 0 5rem;
padding: 2rem 0 0;
}
.mvArea::before{
width: 0;
height: 0;
background: none;
border: none;
}

.mvArea::after{
content: "";
position: absolute;
top: 2rem;
left: 5%;
width: 90%;
height: 50rem;
background: #01B0CB;
background: linear-gradient(90deg, rgba(1, 176, 203, 1) 0%, rgba(156, 218, 214, 1) 75%, rgba(252, 222, 202, 1) 100%);
}

/* txtArea */
.mvArea .txtArea{
position: relative;
z-index: 3;
margin: 0 5% 2rem;
padding: 2.5rem 5% 0;
height: 50rem;
}
.mvArea .txtArea::after{
content: "";
position: absolute;
z-index: 1;
top: auto;
bottom: 0;
left: 8%;
width: 23.2rem;
height: 11rem;
background: url("/wp/wp-content/uploads/idx_ill.webp") 0 100% no-repeat;
background-size: 23.2rem auto;
}

.mvArea .txtArea h2{
font-size:2.5rem;
color: #fff;
}
.mvArea .txtArea h2 .fontS{
display: block;
font-size:1.5rem;
}

.mvArea .txtArea .sttl{
position: absolute;
top: auto;
bottom: 1rem;
right: 5%;
height: 26rem;
font-family: "Noto Sans JP vt";
letter-spacing: 0.1em;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
line-height: 1.8;
font-size:1.7rem;
color: #fff;
}
.mvArea .txtArea .sttl .obi{
display: inline-block;
margin: 0 0 0 6%;
padding: 1.2rem 0;
background: #019ac6;
border-radius: .6rem;
}





/* slideArea */

.mvArea .slideArea{
position: absolute;
top: 13rem;
width: 100%;
height: 28rem;
overflow: hidden;
}
.mvArea .slideArea img{
}
.mvArea .slideArea .slider1{
margin: 0 0 0 -30rem;
}

.mvArea .slideArea .slick-slide{
width: 90rem;
height: 28rem;
margin-left:.5rem!important;
margin-right:.5rem!important;
}
.mvArea .slideArea .slick-slide img{
/*width: 100%;*/
}



/* headNote */
.mvArea .headNote{
padding: 0 5%;
font-size:1.1rem;
line-height: 1.7;
color: #01b0cb;
}



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

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

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


/*------------
indexSect_SP
------------*/
.indexSect{
position: relative;
}
.indexSect::before{
}
.indexSect .areaInner{
}
.indexSect .mainEng{
position: relative;
margin: 0 0 2rem;
padding: 0 0 2.2rem;
background: url(./img/maineng_deco.svg) 0 100% no-repeat;
background-size: 3.5rem auto;
line-height: 1;
font-size:4.0rem;
color: #d4edf3;
}
.indexSect .sectTtlArea{
position: relative;
margin: 0 0 2.5rem;
}
.indexSect .sectTtl{
line-height: 1.6;
font-size:2.2rem;
}



.indexSect .sectTtl a .arr{
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;
}
.indexSect .sectTtl a .arr::before{
}





/*------------
sect00_SP
------------*/
#sect00{
padding: 0 5% 7rem;
}
#sect00 .areaInner::before{
content: "";
position: absolute;
top: 0;
left: auto;
right: -5rem;
width: 25rem;
height: 25rem;
background: url("/wp/wp-content/uploads/redcross.webp") 0 0 no-repeat;
background-size: 25rem auto;
}

#sect00 .mainEng{
position: absolute;
top: 0;
left: 0;
}
#sect00 .intro{
position: relative;
padding: 8.5rem 0 .5rem;
}
#sect00 .intro p{
line-height: 1.7;
font-size:1.5rem;
font-weight: 700;
}

#sect00 .spv{
 margin: 6.5rem 0 3rem;
}


#sect00 .mokujiBox{
}

#sect00 .mokujiBox .subEng{
padding: 0 0 1.8rem;
background: url(./img/subeng_deco.svg) 0 100% no-repeat;
background-size: 3rem auto;
line-height: 1;
font-size:3.0rem;
color: #d4edf3;
}

#sect00 .mokujiBox #toc{
position: relative;
padding: 0 0 0;
}

#sect00 .mokujiBox #toc ul{
display: block;
margin:0;
padding:.5rem 0;
}
#sect00 .mokujiBox #toc ul li{
position: relative;
width: auto;
margin: 2px 0;
padding: .2rem 0 .2rem 10%;
text-align: left;
line-height: 1.4;
}
#sect00 .mokujiBox #toc ul li.chapter-h-two{
counter-increment: count;
}
#sect00 .mokujiBox #toc ul li.chapter-h-two::before {
content: counter(count, decimal-leading-zero);/*2桁対応*/
position: absolute;
top: 1.2rem;
left: 0;
width: 3rem;
transform: translate(0,-50%);
background: none;
font-size:2.0rem;
font-weight: 700;
color: #ff8040;
opacity: .5;
}

#sect00 .mokujiBox li a{
display: block;
width: auto;
padding: .7rem 10% .7rem 0;
background: url("./img/arrow_ccl_vt.svg") 100% 50% no-repeat;
background-size: 2.1rem auto;
font-size:1.6rem;
font-weight: 700;
text-decoration: none;
}


#sect00 .mokujiBox li br{
display: none;
}










/*------------
sect01_SP
------------*/
#sect01{
padding: 0 5% 3rem;
}
#sect01::before{
}
#sect01 .mainEng{
margin: 0;
padding: 0;
background: none;
text-align: center;
}
#sect01 .sectTtlArea{
margin: 0 0 2.5rem;
padding: 0 0 3rem;
text-align: center;
}
#sect01 .sectTtl{
padding: 1rem 0 0;
font-size:2.2rem;
}
#sect01 .sectTtlArea::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2.5rem;
background: url("./img/maineng_deco_vt.svg") 50% 100% no-repeat;
background-size: .5rem auto;
}
#sect01 .sectTtlArea p{
margin: 1rem 0;
text-align: center;
line-height: 1.6;
font-size:1.8rem;
font-weight: 700;
}

#sect01 .ulBox{
display: block;
padding: 0 0 1.5rem;
}
#sect01 .liBox{
width: auto;
margin: 0 0 4rem;
padding: 5rem 0 1.5rem;
}
#sect01 .liBox::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FCD7BD;
background: linear-gradient(180deg, rgba(252, 215, 189, 1) 0%, rgba(253, 110, 157, 1) 100%);
border-radius: .6rem;
filter: blur(.5rem);
opacity: .4;
}
#sect01 .liBox:nth-child(2)::before{
background: #FCD7BD;
background: linear-gradient(0deg, rgba(252, 215, 189, 1) 0%, rgba(253, 110, 157, 1) 100%);
}
#sect01 .liBox::after{
content: "";
position: absolute;
top: 2rem;
left: 4.0rem;
width: 5.8rem;
height: 15.7;
background: url(./img/sct01_ill01.png) 0 0 no-repeat;
background-size: auto 15.7rem;
}
#sect01 .liBox:nth-child(2)::after{
top: 2.8rem;
left: auto;
right: 6rem;
width: 4.1rem;
height: 15.0rem;
background: url(./img/sct01_ill02.png) 0 0 no-repeat;
background-size: auto 15.0rem;
}


#sect01 .liBox .sttl{
margin: 0 12% -2rem;
padding: 2rem 0 4.5rem 7.5rem;
background: #fff;
border-radius: .6rem;
}
#sect01 .liBox .sttl .fontL{
font-size:2.3rem;
}
#sect01 .liBox .sttl .fontS{
display: block;
margin: 1rem 0 0;
font-size:1.5rem;
}
#sect01 .liBox:nth-child(2) .sttl{
padding: 2rem 0 4.5rem 2.5rem;
}


#sect01 .liBox .btn-internal{
margin: 0 auto;
width: 88%;
}
#sect01 .liBox .btn-internal a{
width: auto;
padding: 1.6rem 21% 1.8rem 8%;
text-align: left;
}


#sect01 .btn-link{
margin-top: -2rem;
text-align: center;
}





/*------------
sect02_SP
------------*/
#sect02{
padding: 2.5rem 0 5rem;
}
#sect02::before{
content: "";
position: absolute;
top: 0;
left: calc(50% - 10rem);
width: calc(50% + 10rem);
height: 29rem;
background: #01B0CB;
background: linear-gradient(-90deg, rgba(1, 176, 203, 1) 0%, rgba(162, 226, 222, 1) 50%, rgba(252, 222, 202, 1) 87%);
border-radius: .8rem 0 0 .8rem;
filter: blur(.15rem);
opacity: .4;
}
#sect02::after{
width: 0;
height: 0;
background: none;
border: none;
}

#sect02 .mainEng {
margin: 0 5% 2rem;
}
#sect02 .sectTtlArea{
margin: 0 5% 6rem;
padding: 0 0 0 0;
}

#sect02 .sectTtlArea p{
line-height: 1.8;
font-size:1.4rem;
font-weight: 700;
}


#sect02 .ulBox{
z-index: 2;
display: block;
width: 33.5rem;
margin: 0 auto;
}
#sect02 .liBox{
width: auto;
margin: 0 0 1rem;
padding: 1.4rem 5% 1.0rem;
background: #01b0cb;
border-radius: .6rem;
text-align: center;
color: #fff;
}
#sect02 .liBox:nth-child(2){background: #ff8040;}
#sect02 .liBox:nth-child(3){
margin: 0 0 .6rem;
background: #fd6e9d;
}

#sect02 .liBox::before{
content: "01";
position: absolute;
top: calc(50% - 1.2rem);
left: 0;
width: 8rem;
text-align: left;
line-height: 2.2rem;
font-size:3.0rem;
font-family: "Rubik", Arial, sans-serif;
font-weight: 600;
color: #fff;
opacity: .3;
}
#sect02 .liBox:nth-child(2)::before{
content: "02";
}
#sect02 .liBox:nth-child(3)::before{
content: "03";
}

#sect02 .liBox::after{
content: "";
position: absolute;
bottom: -1rem;
left: calc(50% - 0.1rem);
width: .2rem;
height: 2rem;
background: #01b0cb;
border-radius: 0;
opacity: .5;
}
#sect02 .liBox:nth-child(2)::after{
background: #ff8040;
}
#sect02 .liBox:nth-child(3)::after{
bottom: -0.6rem;
left: calc(50% - 0.7rem);
width: 1.4rem;
height: 1.4rem;
border-radius: 50%;
background: #fd6e9d;
opacity: 1;
}

#sect02 .liBox .sttl{
display: block;
font-size:1.8rem;
}
#sect02 .liBox .sttl .fontS{
display: inline;
font-size:1.8rem;
}


#sect02 .botArea{
height: 19.0rem;
padding: 7.5rem 0 0;
background: url(/wp/wp-content/uploads/sct02_bg_sp.webp) 50% 0 no-repeat;
background-size: 37.5rem auto;
}
#sect02 .botArea .sttl{
text-align: center;
font-size:2.1rem;
}
#sect02 .botArea .sttl .fontS{
display: block;
margin: .5rem 0 0;
}


#sect02 .outro{
padding: 2rem 5% 0;
}





/*------------
途中追尾_SP
------------*/
#sect200{
}
#sect200 .sct02_nav{
position: absolute;
opacity: 0;
transition: all 0.5s ease 0s;
z-index: 2;
}
#sect200 .sct02_nav.fixed{
position: fixed;
z-index: 2;
top: 4rem;
animation:sct04navfade .3s ease-in-out forwards;
}
@keyframes sct04navfade {
0% {
transform: translate(0, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
#sect200 .sct02_nav.fixed.none{
position: absolute;
opacity: 0;
z-index: -1;
}

/* layout */
#sect200 .ulBox{
display: flex;
justify-content: space-between;
align-items: center;
left: 2%;
width: 96%;
}
#sect200 .liBox{
width: 33%;
background: #fff;
border-radius: 9999px;
text-align: center;
}

#sect200 .liBox a{
display: flex;
align-items: center;
justify-content: center;
padding: 1.6rem 4%;
background: #01b0cb;
border-radius: 9999px;
box-shadow: 0px 5px 13.16px 0.84px rgba(80, 80, 80, 0.2);
line-height: 1.4;
font-size:1rem;
font-weight: 700;
color: #fff;
overflow: hidden;
}
#sect200 .liBox:nth-child(2) a{background: #ff8040;}
#sect200 .liBox:nth-child(3) a{background: #fd6e9d;}

#sect200 .liBox a .fontS{
display: inline;
font-size:1.1rem;
}
#sect200 .liBox a::before{
content: "01";
position: absolute;
top: -0.1rem;
left: 40%;
width: 100%;
text-align: left;
line-height: 1;
font-size:1.6rem;
font-family: "Rubik", Arial, sans-serif;
font-weight: 600;
color: #fff;
opacity: .3;
}
#sect200 .liBox:nth-child(2) a::before{
content: "02";
}
#sect200 .liBox:nth-child(3) a::before{
content: "03";
}

#sect200 .liBox a::after{
content: "";
position: absolute;
top: 0;
right: 1rem;
width: 2rem;
height: 100%;
background: none;
}







/*------------
sect200_SP
------------*/
.sect200{
margin: 0 0 7rem;
}
.sect200 .sectTtlArea{
position: relative;
margin: 0 0 4rem 5%;
}
.sect200 .sectTtlArea::before{
width: 0;
height: 0;
background: none;
border: none;
}

#sect202 .sectTtlArea::before{background: none;}
#sect203 .sectTtlArea::before{background: none;}

.sect200 .sectTtlArea::after{
width: 0;
height: 0;
background: none;
border: none;
}
#sect202 .sectTtlArea::after{background: none;}
#sect203 .sectTtlArea::after{background: none;}

.sect200 .sectTtl{
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: auto;
min-height: 6.5rem;
margin: 0 auto;
padding: 1.6rem 10% 1.8rem 5%;
background: #01b0cb;
border-radius: .6rem 0 0 .6rem;
line-height: 1.4;
text-align: center;
color: #fff;
font-size:2.0rem;
}
#sect202 .sectTtl{background: #ff8040;}
#sect203 .sectTtl{background: #fd6e9d;}

.sect200 .sectTtl .fontS{
display: inline;
font-size:2.0rem;
}
.sect200 .sectTtl::before{
content: "01";
position: absolute;
top: calc(50% - 1.2rem);
left: 0;
width: 8rem;
text-align: left;
line-height: 2.2rem;
font-size:3.0rem;
font-family: "Rubik", Arial, sans-serif;
font-weight: 600;
color: #fff;
opacity: .3;
}
#sect202 .sectTtl::before{content: "02";}
#sect203 .sectTtl::before{content: "03";}

.sect200 .sectTtl::after{
width: 0;
height: 0;
background: none;
border: none;
}
#sect202 .sectTtl::after{background: none;}
#sect203 .sectTtl::after{background: none;}



/* mini */
.sect200 .mini{
position: relative;
margin: 0 0 4rem;
}


/* miniTtlArea */
.sect200 .miniTtlArea{
margin: 0 5% 3rem;
padding: 0 0 0;
border: none;
}
.sect200 .miniTtlArea .fontEng{
margin: 0 0 .5rem;
line-height: 1;
font-size:1.6rem;
color: #dbe2e3;
}
.sect200 .miniTtl{
margin: 0 0 2rem;
padding: 0 0 0 5%;
border-left: .2rem solid #dbe2e3;
font-size:1.8rem;
}

.sect200 .flexBox{
display: block;
}
.sect200 .flexBox .miniTtl{
width: auto;
}
.sect200 .flexBox .txtArea{
width: auto;
}
.sect200 .flexBox .txtArea p{
margin: 0;
}





/*------------
sect201_SP
------------*/
#sect201{
}
#sect201 .mini1 .ulBox{
display: block;
margin: 0 5% 1.5rem;
}
#sect201 .mini1 .liBox{
width: auto;
margin: 0 0 1.5rem;
padding: 0 0 2rem;
border-radius: .6rem;
background: #f7f5f6;
text-align: center;
overflow: hidden;
}
#sect201 .mini1 .liBox::before{
content: "";
position: absolute;
top: -6.5rem;
left: 5%;
width: 10.5rem;
height: 10.5rem;
background: #01b0cb;
border-radius: 50%;
}
#sect201 .mini1 .catch{
position: absolute;
top: .2rem;
left: 5%;
width: 10.5rem;
margin: 0 0 0;
padding: 0 0 0;
line-height: 1.3;
font-size:1.2rem;
color: #fff;
}
#sect201 .mini1 h5{
margin: 0 0 2rem;
padding: 1.5rem 0 0 40%;
text-align: left;
font-size:1.6rem;
}

#sect201 .mini1 .lower{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 2% 0 5%;
}

#sect201 .mini1 .flame{
margin: 0;
width: 6.5rem;
height: 6.5rem;
background: #fff;
border-radius: 50%;
}
#sect201 .mini1 .tags{
width: calc(100% - 7.5rem);
padding: 0 .5rem 0 0;
text-align: left;
}
#sect201 .mini1 .tag{
display: inline-block;
margin: 0 .4rem .5rem;
padding: .4rem .6rem .6rem;
background: #d8f1f5;
border-radius: .3rem;
line-height: 1;
font-size:1.3rem;
}
#sect201 .mini1 .etc{
display: inline-block;
line-height: 1;
font-size:1.2rem;
}
#sect201 .mini1 .outro{
padding: 0 5%;
}


/* mini2 */
#sect201 .mini2 .boxGray{
position: relative;
margin: 0 5%;
padding: 3rem 5% 3rem;
border-radius: .6rem;
background: #f7f5f6;
}
#sect201 .mini2 .boxGray::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 5.0rem;
height: 5.0rem;
background: url(./img/sct201_deco.png) 0 0 no-repeat;
background-size: 5.0rem auto;
border-radius: .6rem 0 0 0;
}
#sect201 .mini2 .boxGray::after{
width: 0;
height: 0;
background: none;
border: none;
}

#sect201 .mini2 h5{
margin: 0 0 3rem;
font-size:1.8rem;
color: #01b0cb;
}
#sect201 .mini2 .boxGray .imgArea{
position: static;
width: auto;
margin: 0 0 2rem;
text-align: center;
}
#sect201 .mini2 .flame{
width: 17.5rem;
margin: 0 auto 1rem;
}
#sect201 .mini2 .flame img{
width: 100%;
height: 15rem;
object-fit: cover;
border-radius: .6rem;
}
#sect201 .mini2 .btn-internal{
display: block;
width: 94%;
margin: 2rem 3% 1.0rem;
text-align: center;
}
#sect201 .mini2 .btn-internal a{
display: block;
}



/* areaQA */
.sect200 .areaQA{
margin: 0 5% 4.5rem;
}
.sect200 .areaQA .areaQ{
position: relative;
margin: 0 0 3rem;
padding: 0 0 0;
}
.sect200 .areaQA .areaQ.typeB{
padding: 0 0 0;
}
.sect200 .areaQA .areaQ::before{
content: "";
position: absolute;
z-index: 1;
top: calc(50% - 3.25rem);
left: auto;
right: -3%;
width: 6rem;
height: 6.5rem;
background: url(./img/sct201_q1.png) 0 0 no-repeat;
background-size: 6rem auto;
}
#sect202 .areaQA .areaQ::before{
background-image: url(./img/sct202_q1.png)
}
#sect203 .areaQA .areaQ::before{
background-image: url(./img/sct203_q1.png)
}
.sect200 .areaQA .areaQ.typeB::before{
left: auto;
right: -3%;
background-image: url(./img/sct201_q2.png);
}
#sect202 .areaQA .areaQ.typeB::before{
background-image: url(./img/sct202_q2.png)
}
#sect203 .areaQA .areaQ.typeB::before{
background-image: url(./img/sct203_q2.png)
}

.sect200 .areaQA .areaQ h5{
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 0;
padding: 3.0rem 20% 3.2rem 7%;
background: #01b0cb;
border-radius: .6rem;
text-align: left;
font-size:1.6rem;
color: #fff;
}
#sect202 .areaQA .areaQ h5{background: #ff8040;}
#sect203 .areaQA .areaQ h5{background: #fd6e9d;}

.sect200 .areaQA .areaQ h5::before{
content: "Q.";
position: absolute;
top: -0.2rem;
left: 2%;
line-height: 2.8rem;
font-size:3.5rem;
font-family: "Rubik", Arial, sans-serif;
font-weight: 600;
opacity: .5;
}
.sect200 .areaQA .areaQ h5::after{
width: 0;
height: 0;
background: none;
border: none;
}
.sect200 .areaQA .areaQ.typeB h5::after{
}

#sect202 .areaQA .areaQ h5::after{
background-image: url(./img/tri3.svg);
}
#sect203 .areaQA .areaQ h5::after{
background-image: url(./img/tri4.svg);
}


.sect200 .areaQA .areaA{
position: relative;
min-height: 0;
margin: 0 0;
padding: 0 0 1rem;
}
.sect200 .areaQA .areaA.typeB{
padding: 0 0 1rem;
}
.sect200 .areaQA .areaA h6{
display: flex;
align-items: center;
min-height: 4.4rem;
margin: 0 0 1.5rem;
padding: 0 0 0 18%;
font-size:1.6rem;
}
.sect200 .areaQA .areaA h6::before{
content: "A.";
position: absolute;
top: calc(50% - 2.3rem);
left: 0;
width: 4.6rem;
height: 4.6rem;
padding: 1.2rem 0 0 .5rem;
background: #f7f5f6;
border-radius: 50%;
line-height: 1;
text-align: center;
font-family: "Rubik", Arial, sans-serif;
font-size:2.0rem;
font-weight: 600;
color: #01b0cb;
}
#sect202 .areaQA .areaA h6::before{color: #ff8040;}
#sect203 .areaQA .areaA h6::before{color: #fd6e9d;}

.sect200 .areaQA .areaA .imgArea{
position: static;
width: auto;
margin: 2rem 0 1.5rem;
}
.sect200 .areaQA .areaA.typeB .imgArea{
right: auto;
left: 0;
}
.sect200 .areaQA .areaA img{
/*! height: 18.4rem; */
object-fit: cover;
border-radius: .6rem;
}
.sect200 .areaQA .areaA .imgArea .cap{
margin: .5rem 0 0;
text-align: center;
}
.sect200 .areaQA .areaA .btn-link{
margin: 0 0 1rem;
text-align: right;
}
.sect200 .areaQA .btn-internal{
width: 90%;
margin: 0 auto;
}



/* #sect202 */
#sect202 .flexBox .miniTtl {
width: auto;
}

#sect202 .mini1{
display: block;
margin: 0 0 2rem;
}

#sect202 .mini1 .ulBox{
display: block;
padding: 0 5%;
}
#sect202 .mini1 .liBox{
width: auto;
margin: 0 0 3rem;
background: #f7f5f6;
border-radius: .6rem;
overflow: hidden;
}
#sect202 .mini1 .flame{
}
#sect202 .mini1 .flame img{
width: 100%;
height: 15.5rem;
object-fit: cover;
}

#sect202 .mini1 .mainTxt{
position: relative;
padding: 2.5rem 6% 1.5rem;
}
#sect202 .mini1 .mainTxt::before{
content: "";
position: absolute;
top: 2.5rem;
left: -1.8rem;
width: 3.0rem;
height: 3.0rem;
background: #ff8040;
border-radius: 50%;
}
#sect202 .mini1 .mainTxt h5{
display: block;
font-size:1.8rem;
}

#sect202 .mini1 .moreBtn{
padding: 2rem 0 0;
text-align: center;
}
#sect202 .mini1 .moreBtn a{
position: relative;
top: -2.5rem;
display: inline-block;
width: 40%;
min-height: 4rem;
padding: .6rem 10% .7rem;
background: url(./img/plus.svg) 90% calc(50% - 1px) no-repeat #fff;
background-size: 1.3rem auto;
border-radius:9999px;
border: 2px solid #dedede;
text-align: center;
line-height: 1.5;
font-weight: 700;
font-size:1.5rem;
}
#sect202 .mini1 .moreBtn .boxclose{
background: url(./img/minus.svg) 90% 50% no-repeat #fff;
background-size: 1.3rem auto;
}



/* mini2 */
#sect202 .mini2::before{
width: 0;
height: 0;
background: none;
border: none;
}


#sect202 .mini2 .boxGray{
position: relative;
margin: 0 5%;
padding: 3rem 5% 1.5rem;
border-radius: .6rem;
background: #f7f5f6;
}
#sect202 .mini2 .boxGray::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 5.0rem;
height: 5.0rem;
background: url(./img/sct202_deco.png) 0 0 no-repeat;
background-size: 5.0rem auto;
border-radius: .6rem 0 0 0;
}

#sect202 .mini2 .boxGray::after{
width: 0;
height: 0;
background: none;
border: none;
}
#sect202 .mini2 h5{
margin: 0 0 1.5rem;
font-size: 1.8rem;
color: #ff8040;
}
#sect202 .mini2 p{
margin: 0 0 2rem;
}

#sect202 .mini2 .btns{
display: block;
padding: 0 0 0;
}
#sect202 .mini2 .btns div{
width: 95%;
}
#sect202 .mini2 .btns div:first-child{
margin-left: auto;
}


#sect202 .mini3 .memo{
position: relative;
padding: 2rem 5% 1.5rem 10%;
border: .2rem solid #dedede;
border-radius: .6rem;
}
#sect202 .mini3 .memo::before{
content: "";
position: absolute;
top: 2.5rem;
left: -0.1rem;
width: 1.6rem;
height: 7.0rem;
background: url(./img/sct202_memo.png) 0 0 no-repeat;
background-size: 1.6rem auto;
}

#sect202 .mini3 .memo .catch{
font-size:1.8rem;
}
#sect202 .mini3 .memo p{
line-height: 1.8;
}





/* #sect203 */
#sect203 .flexBox .miniTtl{
width: auto;
}
#sect203 .flexBox .miniTtl .fontS{
display: block;
margin: 0 0 .3rem;
font-size:1.4rem;
}

#sect203 .mini1{
margin: 0 0 2rem;
}

#sect203 .mini1 .ulBox{
display: block;
padding: 2rem 5% 0;
}
#sect203 .mini1 .liBox{
width: auto;
margin: 0 0 6rem;
}

#sect203 .mini1 .upper{
position: relative;
margin: 0 0 4.5rem;
padding: 5rem 6% 1rem;
background: #f7f5f6;
border-radius: .6rem;
}
#sect203 .mini1 .upper::before{
content: "";
position: absolute;
top: -4.5rem;
left: 0;
width: 100%;
height: 8rem;
background: url(./img/sct203_icon01.png) 50% 50% no-repeat;
background-size: 13rem auto;
}
#sect203 .mini1 .liBox:nth-child(2) .upper::before{
background-image: url(./img/sct203_icon02.png);
}
#sect203 .mini1 .upper::after{
content: "";
position: absolute;
bottom: -3.2rem;
left: 0;
width: 100%;
height: 3.8rem;
background: url(./img/tri5.svg) 50% 100% no-repeat;
background-size: 3.6rem auto;
}
#sect203 .mini1 .liBox:nth-child(2) .upper::after{
background-image: url(./img/tri6.svg);
}

#sect203 .mini1 h5{
margin: 0 0 2rem;
text-align: center;
font-size:2.0rem;
}
#sect203 .mini1 .boxWt{
position: relative;
margin: 0 0 2rem;
padding: 1.4rem 5% 1.4rem calc(5% + 2.5rem);
background: #fff;
border-radius: .6rem;
}
#sect203 .mini1 .boxWt .hdTtl{
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: auto;
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 100%;
background: rgba(253, 110, 157, .7);
border-radius: .6rem 0 0 .6rem;
font-family: "Noto Sans JP vt";
letter-spacing: 0.1em;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-align: center;
font-size:1.5rem;
font-weight: 700;
color: #fff;
}
#sect203 .mini1 .liBox:nth-child(2) .boxWt .hdTtl{
display: flex;
}
#sect203 .mini1 .boxWt h6{
text-align: left;
font-size:1.6rem;
}
#sect203 .mini1 .boxWt p{
margin:.6rem 0 .5rem;
}
#sect203 .mini1 .tags{
padding: .5rem 0 0;
text-align: left;
}
#sect203 .mini1 .tag{
display: inline-block;
margin: 0 .8rem .5rem 0;
padding: .4rem .8rem .6rem;
background: #f5d7e1;
border-radius: .4rem;
line-height: 1;
font-size: 1.3rem;
font-weight: 700;
}
#sect203 .mini1 .liBox:nth-child(2) .tag{
background: #d8f1f5;
}

#sect203 .mini1 .lower{
margin: 0 15%;
}
#sect203 .mini1 .lower .ttlArea{
background: #FD6E9D;
background: linear-gradient(180deg, rgba(253, 110, 157, 1) 0%, rgba(255, 128, 64, 1) 100%);
padding: .1rem 5% .3rem;
border-radius: .6rem .6rem 0 0;
text-align: center;
font-size:1.5rem;
font-weight: 700;
color: #fff;
}
#sect203 .mini1 .liBox:nth-child(2) .lower .ttlArea{
background: #01B0CB;
background: linear-gradient(180deg, rgba(1, 176, 203, 1) 0%, rgba(121, 220, 214, 1) 100%);
}
#sect203 .mini1 .lower .ttlArea .fontS{
font-size:1.2rem;
}

#sect203 .mini1 .lower .sttl{
margin: 0;
padding: .8rem 5% 1.0rem;
border: .2rem solid #fd6e9d;
border-top: none;
border-radius: 0 0 .6rem .6rem;
text-align: center;
font-size:1.9rem;
}
#sect203 .mini1 .liBox:nth-child(2) .lower .sttl{
border: .2rem solid #01b0cb;
border-top: none;
}


#sect203 .mini2{
margin: 0 0 4rem 5%;
}
#sect203 .mini2::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FCD7BD;
background: linear-gradient(90deg, rgba(252, 215, 189, 1) 0%, rgba(253, 110, 157, 1) 100%);
border-radius: .8rem 0 0 .8rem;
opacity: .2;
}
#sect203 .mini2 .ptBox{
position: relative;
margin: 0 0 0 0;
padding: 5.5rem 5% 2rem;

}
#sect203 .mini2 .ptBox::before{
content: "POINT";
position: absolute;
top: 1.1rem;
left: 5%;
line-height: 1;
font-family: "Rubik", Arial, sans-serif;
font-weight: 600;
font-size:4.0rem;
color: #fd6e9d;
opacity: .3;
}

#sect203 .mini2 .ptBox .catch{
font-size:2.0rem;
}




/*------------
sect204_SP
------------*/
#sect204{
}
#sect204 .sum{
min-height: 0;
margin: 11rem 0 0;
padding: 33.5rem 0 2rem;
}
#sect204 .sum::before {
top: 2rem;
left:5%;
font-size: 4.5rem;
}
#sect204 .sum::after{
content: "";
position: absolute;
top: 8.0rem;
left: 0;
width: 100%;
height: 24rem;
background: url(/wp/wp-content/uploads/sct204_img_sp.webp) 50% 0 no-repeat;
background-size: 35rem auto;
}
#sect204 .sum .areaInner{
padding: 0 5%;
}
#sect204 .sum .areaInner::before{
content: "";
position: absolute;
top: -40.5rem;
left: 0;
width: 100%;
height: 8.5rem;
background: url("./img/tri7.svg") 50% 0 no-repeat;
background-size: 4.9rem auto;
}
#sect204 .sum .catch{
margin: 0 0 2rem;
line-height: 1.5;
font-size:2.0rem;
}
#sect204 .sum p{
margin: 0 0 2rem;
font-size:1.4rem;
}








/*------------
sect03_SP
------------*/
#sect03{
margin: -.5rem 0 5.5rem;
padding: 4.0rem 5% 2rem;
}
#sect03::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FCD7BD;
background: linear-gradient(90deg, rgba(252, 215, 189, 1) 0%, rgba(253, 110, 157, 1) 100%);
border-radius: .8rem 0 0 .8rem;
filter: blur(.3rem);
opacity: .2;
}
#sect03::after{
width: 0;
height: 0;
background: none;
border: none;
}

#sect03 .mainEng{
background: #FDE1DB;
background: linear-gradient(180deg, rgba(253, 225, 219, 1) 0%, rgba(254, 199, 210, 1) 100%);
-webkit-background-clip: text; /* テキストで切り抜く */
-webkit-text-fill-color: transparent; /* 切り抜いた部分は背景を表示 */
}
#sect03 .mainEng::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 3.8rem;
height: .5rem;
background: url(./img/maineng_deco_red.svg) 0 100% no-repeat;
background-size: auto .5rem;
}

#sect03 .sectTtlArea{
margin: 0 0 2rem;
padding: 0 0 0 0;
}
#sect03 .sectTtl .fontS{
display: block;
}
#sect03 .sectTtlArea p{
font-size:1.4rem;
font-weight: 700;
}


#sect03 .intv{
background: #fff;
margin: 4rem 0 4rem;
}

#sect03 .spv{
margin: 6rem 0 3rem;
}
#sect03 .spv .inner{
background: #fff;
border: .2rem solid #fcd7bd;
}
#sect03 .spv .txtArea {
border-top: none;
}



/*------------
sect04_SP
------------*/
#sect04{
padding: 2.5rem 5% 0;
}
#sect04::before{
content: "";
position: absolute;
top: 0;
left: calc(50% - 10rem);
width: calc(50% + 10rem);
height: 33rem;
background: #01B0CB;
background: linear-gradient(-90deg, rgba(1, 176, 203, 1) 0%, rgba(162, 226, 222, 1) 50%, rgba(252, 222, 202, 1) 87%);
border-radius: .8rem 0 0 .8rem;
filter: blur(.15rem);
opacity: .4;
}
#sect04::after{
width: 0;
height: 0;
background: none;
border: none;
}

#sect04 .sectTtlArea{
margin: 0 0 5.5rem;
padding: 0 0 0 0;
}


#sect04 .ulBox::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: .2rem;
background: #01B0CB;
background: linear-gradient(90deg, rgba(1, 176, 203, 1) 0%, rgba(162, 226, 222, 1) 75%, rgba(252, 222, 202, 1) 100%);
}
#sect04 .liBox a{
display: block;
padding: 3rem 0 2.5rem;
background: url(./img/arrow_ccl.svg) 100% calc(100% - 1.5rem) no-repeat;
background-size: 2.1rem auto;
}
#sect04 .liBox::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: .2rem;
background: #01B0CB;
background: linear-gradient(90deg, rgba(1, 176, 203, 1) 0%, rgba(162, 226, 222, 1) 75%, rgba(252, 222, 202, 1) 100%);
}
#sect04 .liBox::after{
content: "MORE";
position: absolute;
bottom: 1.8rem;
right: 2.7rem;
line-height: 1;
font-family: "Rubik", Arial, sans-serif;
font-weight: 600;
font-size:1.4rem;
}




#sect04 .liBox h3{
width: auto;
font-size:1.8rem;
}
#sect04 .liBox p{
width: auto;
}




/*  End_SP */

}