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

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


/*--------------------------------------
　opening_PC
---------------------------------------*/
.opening{
position: relative;
width: 100vw;
height: 100vh;
background: #f1f3f3;
}

.opening1 {
/*   display: none; */
	visibility: hidden;
}

.opening2{
position: relative;
z-index: 1;
width: 100vw;
height: 100vh;
display: none;
}

.opening img{
width: 100%;
height: 100%;
object-fit: cover;
}
.opening .icon{
position: absolute;
z-index: 10;
top: calc(50% - 132px);
left: calc(50% - 105px);
width: 164px;
}
.opening .copy{
position: absolute;
z-index: 11;
top: calc(50% - 50px);
left: calc(50% - 300px);
width: 744px;
}
.opening .belt{
position: absolute;
z-index: 9;
top: calc(50% - 92px);
left: calc(50% - 315px);
width: 795px;
}
.opening .scr{
position: absolute;
z-index: 8;
top: calc(50% + 117px);
left: calc(50% - 24px);
width: 48px;
}

.opening .bg2{
position: absolute;
z-index: 5;
top:0;
left: 0;
width: 100vw;
height: 100vh;
}
.opening .bg2_gr{
position: absolute;
z-index: 6;
top:0;
left: 0;
width: 100vw;
height: 100vh;
opacity: 0;
}
.opening .bg1{
position: absolute;
top:0;
left: 0;
width: 100vw;
height: 100vh;
}


/* scr */
.scrin{
animation-name: scrinAnime;
animation-delay:5s;
animation-duration:.2s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes scrinAnime{
  from {
transform: translateY(-50px);
opacity: 0;
  }
  to {
opacity: 1;
transform: translateY(0);
  }
}


/* bg2 */
.bg2out{
animation-name: bg2outAnime;
animation-delay:4.5s;
animation-duration:.4s;
animation-fill-mode:forwards;
opacity: 1;
}
@keyframes bg2outAnime{
  from {
opacity: 1;
  }
  to {
opacity: 0;
  }
}


/* コピー */
.copyin{
animation-name: copyinAnime;
animation-delay:3.5s;
animation-duration:.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes copyinAnime{
  from {
opacity: 0;
  }
  to {
opacity: 1;
  }
}


/* ベルト */
.beltin{
animation-name: beltinAnime;
animation-delay:3s;
animation-duration:.5s;
animation-timing-function:ease-in;
animation-fill-mode:forwards;
transform-origin:left;
opacity: 0;
}
@keyframes beltinAnime{
  from {
opacity: 0;
transform:translateX(0) scaleX(0);
  }
  to {
opacity: 1;
transform: translateX(0) scaleX(100%);
  }
}



/* アイコン左移動 */
.toL{
animation-name: toLAnime;
animation-delay:2s;
animation-duration:1.0s;
animation-fill-mode:forwards;
}
@keyframes toLAnime{
  from {
  transform: translateX(0);
  }
  to {
  transform: translateX(-350px);
  }
}

/* bg2gr */
.bg2gr{
animation-name: bg2grAnime;
animation-delay:1.5s;
animation-duration:.25s;
animation-fill-mode:forwards;
animation-iteration-count: 2;
opacity: 0;
}
@keyframes bg2grAnime{
  from {
opacity: 1;
  }
  to {
opacity: 0;
  }
}

/* fadeDownをするアイコンの動き */
.fadeDown{
animation-name: fadeDownAnime;
animation-delay:1s;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeDownAnime{
  from {
    opacity: 0;
  transform: translateY(-100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}







/*------------
　body_PC
------------*/
body{
background: none;
}


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

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



/*--------------------------------------
　header_PC
---------------------------------------*/
#header{position: relative;z-index: 15;overflow: visible;width: 100vw;height:100%;padding: 0;clip-path: inset(0);}
#header::before{
content: "";
position:fixed;
top: 0;
left: 0;
z-index:-1;
width: 100vw;
height:100vh;
background: url("./img/idx_visbg.jpg") 0 0 no-repeat;
/*background-size: 100% auto;*/
background-size:cover;
}


#header .siteName{
position: absolute;
z-index: 12;
top: 14px;
right: 25px;
margin: 5px 0 0;
font-size:1.2rem;
font-weight: 400;
line-height: 1.6;
color: #ffffff;
}
#header .sps{
position: absolute;
z-index: 12;
top: 14px;
left: 25px;
margin: 5px 0 0;
font-size:1.2rem;
font-weight: 400;
line-height: 1.6;
color: #ffffff;
}



#header .introWrap{padding: 80px 0 80px;}
#header .intro{
position: relative;
width: 700px;
margin: 0 auto;
background: #fff;
box-shadow: 0px 6px 20px 0px rgba(17, 17, 17, 0.2);
}

#header .intro h2{
padding: 90px 40px 15px;
background: url(./img/eng_intro.svg) 40px 35px no-repeat #232315;
background-size: 388px auto;
color: #fff;
font-size:2.0rem;
  position: relative;
}
#header .intro h2::after {
  content: "";
  position: absolute;
  background: url(https://www.hontoku-ses.com/wp/wp-content/uploads/sill_ttl.png);
  width: 13rem;
  height: 12rem;
  right: 0;
  bottom: 0;
}
#header .intro .txtArea{
padding: 20px 40px 20px;
}
#header .intro p{
margin: 20px 0;
font-weight: 700;
}

#header .intro .txtArea .caption{
font-size: 1.1rem;
}

#header .intro .movetext{opacity:0.2;}
#header .intro .movetext span{opacity:0.2;}

#header .intro .marker,
#header .intro .txt_bold{
}




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

#contents{
padding: 0 0 0;
}

.index .sectTtlArea,
.index .sectTtl{
position: relative;
}


/*------------
sect01_PC
------------*/
#sect01{
position: relative;
padding: 240px 0 130px;
}
#sect01::before{
content: "";
position: absolute;
top: 130px;
left: 20px;
width: 100%;
height: 135px;
background: url(./img/eng_dis.svg) 0 0 no-repeat;
background-size: auto 135px;
}
#sect01 .sectTtlArea{
margin: 0 0 40px;
}
#sect01 .sectTtlArea .fontS{
position: relative;
display: inline-block;
min-height: 50px;
margin: 0 0 10px;
padding: 4px 60px 6px 0;
background: url(./img/deco_bl.svg) 100% 0 no-repeat #2727e3;
background-size: 50px auto;
color: #fff;
font-size:3.0rem;
}
#sect01 .sectTtlArea .fontS::before{
content: "";
position: absolute;
top: 0;
left: -100vw;
width: 100vw;
height: 100%;
background: #2727e3;
}
#sect01 .sectTtlArea .fontL{
display: block;
font-size:5.0rem;
}



#sect01 .ulBox{
box-shadow: 0px 6px 20px 0px rgba(17, 17, 17, 0.2);
}
#sect01 .liBox{
border-bottom: 1px solid #232315;
}
#sect01 .liBox:last-child{
border: none;
}


#sect01 h3{
background: url("./img/sct01_bg01.png") 0 0 no-repeat;
background-size: cover;
font-size:3.0rem;
}
#sect01 .liBox:nth-child(2) h3{
background-image: url("./img/sct01_bg02.png");
}
#sect01 .liBox:nth-child(3) h3{
background-image: url("./img/sct01_bg03.png");
}

#sect01 h3::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:#e7e9e9;
}
#sect01 h3::after{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 57px;
height: 100%;
background:#f1f3f3;
}
#sect01 h3 .inner1{
position: relative;
display: block;
}
#sect01 h3 .inner1::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 57px;
height: 100%;
background: url("./img/eng_01.svg") 50% 50% no-repeat;
background-size: auto 16px;
border-right: 1px solid #b5b5b5;
}
#sect01 .liBox:nth-child(2) .inner1::before{
background-image: url("./img/eng_02.svg");
}
#sect01 .liBox:nth-child(3) .inner1::before{
background-image: url("./img/eng_03.svg");
}


#sect01 h3 .inner1::after{
content: "";
position: absolute;
top: 0;
right: 30px;
width: 93px;
height: 100%;
background: url("./img/eng_more.svg") 0 50% no-repeat;
background-size: 93px auto;
}

#sect01 h3 .tglMenu{
position: relative;
z-index: 2;
display: block;
padding: 30px 150px 30px 80px;
cursor: pointer;
}
#sect01 h3 .tglMenu::before {
content: '';
display: inline-block;
z-index: 1;
width: 14px;
height: 1px;
background-color: #fff;
position: absolute;
right: 36px;
top: 50%;
transform: translateY(-50%);
transition: opacity .5s;
}
#sect01 h3 .tglMenu::after {
content: '';
display: inline-block;
z-index: 1;
width: 14px;
height: 1px;
background-color: #fff;
position: absolute;
right: 36px;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
transition: transform .5s;
}
#sect01 .liBox.open .tglMenu::before {
opacity: 0;
}
#sect01 .liBox.open .tglMenu::after {
transform: translateY(-50%) rotate(-180deg);
}

#sect01 .accChild{
position: relative;
z-index: 10;
}
#sect01 h3 .fontL{
font-size:4.0rem;
}

#sect01 .liBox .sttl{
padding: 24px 40px 26px;
background: #232315;
font-size:2.6rem;
color: #fff;
}
#sect01 .liBox .sttl span {
	color: #34f034;
}

#sect01 .liBox .flame{
  width: 70%;
  margin: 60px auto;
}

#sect01 .liBox .flame-2{
  width: 100%;
  margin: 60px auto;
}

#sect01 .liBox .mainTxt{
padding: 0 40px 40px;
}





/*------------
sect015_PC
------------*/
#sect015{
position: relative;
padding: 130px 0 80px;
background: url(./img/sct015_bg.jpg) 0 0 no-repeat;
background-size: cover;
}
#sect015::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 105px;background: url(./img/sct015_head.png) 50% 0 no-repeat;background-size: 265px auto;}

#sect015 .ulBox{
margin: 0 50px 65px;
}
#sect015 .liBox{
position: relative;
margin: 0 0 22px;
padding: 15px 20px 17px 100px;
background: #232315;
box-shadow: 0px 6px 20px 0px rgba(17, 17, 17, 0.2);
}
#sect015 .liBox::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 100%;
background: url(./img/eng_01_wt.svg) 50% 50% no-repeat #2727e3;
background-size: auto 23px;
}
#sect015 .liBox:nth-child(2)::before{
background-image: url(./img/eng_02_wt.svg);
}
#sect015 .liBox:nth-child(3)::before{
background-image: url(./img/eng_03_wt.svg);
}
#sect015 .liBox .sttl{
margin: 0;
font-size:3.0rem;
color: #fff;
}

#sect015 .botArea{
position: relative;
margin: 0 175px;
box-shadow: 0px 6px 20px 0px rgba(17, 17, 17, 0.2);
}
#sect015 .botArea::before{
content: "";
position: absolute;
z-index: 1;
top: -33px;
left: 0;
width: 100%;
height: 45px;
background: url(./img/tri_wt.svg) 50% 0 no-repeat;
background-size:63px auto;
}
#sect015 .botArea .sttl{
margin: 0;
padding: 20px 40px 22px;
background: rgba(39,39,227,.80);
text-align: center;
color: #fff;
font-size:4.0rem;
}
#sect015 .botArea .fontS{
display: block;
font-size:2.4rem;
}
#sect015 .botArea .mainTxt{
padding: 20px 40px 25px;
background: #fff;
}
#sect015 .botArea .mainTxt p{
font-weight: 700;
}


/*------------
sect234_PC
------------*/
.sect234{position: relative;z-index: 15;width: 100%;padding: 170px 0 1px;overflow: visible;clip-path: inset(0);}
.sect234::before{
content: "";
position:fixed;
top: 0;
left: 0;
z-index:-1;
width: 100%;
height:100vh;
background: url("./img/sct234_bg.jpg") 0 0 no-repeat;
/*background-size: 100% auto;*/
background-size:cover;
}


/*------------
sect02_PC
------------*/
#sect02{
}
#sect02 .supervise{
margin: 0 0 180px;
background: rgba(255,255,255,.90);
}
#sect02 .mini .sttl span{
background: #f5f5f5;
}


/*------------
sect03_PC
------------*/
#sect03{
position: relative;
margin: 0 0 80px;
padding: 130px 0 30px;
background: rgba(89,89,89,.60);
}
#sect03::before{
content: "";
position: absolute;
top: 20px;
left: 20px;
width: 100%;
height: 135px;
background: url(./img/eng_pt.svg) 0 0 no-repeat;
background-size: auto 135px;
}
#sect03 .sectTtlArea{
margin: 0 0 5px;
}
#sect03 .sectTtlArea .fontS{
position: relative;
display: inline-block;
min-height: 50px;
margin: 0 0 10px;
padding: 4px 60px 6px 0;
background: url(./img/deco_bl.svg) 100% 0 no-repeat #2727e3;
background-size: 50px auto;
color: #fff;
font-size:3.0rem;
}
#sect03 .sectTtlArea .fontS::before{
content: "";
position: absolute;
top: 0;
left: -100vw;
width: 100vw;
height: 100%;
background: #2727e3;
}
#sect03 .sectTtlArea .fontL{
display: block;
font-size:5.0rem;
color: #fff;
}

#sect03 .ulBox{
display: flex;
flex-wrap: wrap;
margin: 0 0 40px;
}
#sect03 .liBox{
width: calc((100% - 40px) / 3);
margin: 0 20px 0 0;
}
#sect03 .liBox:nth-child(3n){
margin: 0 0 0;
}
#sect03 .liBox:nth-child(1){margin-top: 100px;}
#sect03 .liBox:nth-child(2){margin-top: 50px;}

#sect03 .liBox h3{
margin: 0 30px 0 0;
padding: 15px 25px 17px;
background: url(./img/deco_bk.svg) 100% 0 no-repeat #232315;
background-size: 50px auto;
font-size:2.4rem;
color: #fff;
}
#sect03 .liBox .mainTxt{
margin: -50px 0 0 30px;
padding: 60px 35px 30px;
background: #fff;
}


/*------------
sect04_PC
------------*/
#sect04{
position: relative;
}
#sect04::before{
content: "";
position: absolute;
z-index: 1;
top: 25px;
left: calc(50% - 700px);
width: 395px;
height: 90px;
background: url(./img/eng_cl.svg) 0 0 no-repeat;
background-size: 395px auto;
}
#sect04 .areaInner{
padding: 125px 0 65px;
background: rgba(39,39,227,.70);
}
#sect04 .areaInner::before{
content: "";
position: absolute;
top: 0;
left: -100px;
width: 100px;
height: 100%;
background: rgba(39,39,227,.70);
}
#sect04 .areaInner::after{
content: "";
position: absolute;
top: 0;
right: -100vw;
width: 100vw;
height: 100%;
background: rgba(39,39,227,.70);
}


#sect04 .sectTtlArea{
margin: 0 0 40px;
}
#sect04 .sectTtlArea .fontL{
display: block;
font-size:5.0rem;
text-align: center;
color: #fff;
}


#sect04 .mainArea{
position: relative;
margin: 0 0 20px;
padding: 20px 0 60px;
border-top: 1px solid #a7a7a1;
border-bottom: 1px solid #a7a7a1;
}
#sect04 .note{
text-align: right;
font-size:1.3rem;
color: #ccc;
}

#sect04 .ulBox{
display: flex;
flex-wrap: wrap;
padding: 20px 0 0;
}
#sect04 .liBox{
width: calc(100% / 3);
padding: 0 25px;
}
#sect04 .liBox span{
display: block;
margin: 10px 0;
line-height: 1.4;
font-weight: 700;
font-size:1.3rem;
color: #fff;
}



#sect04 .text {
height: 220px;
overflow: hidden;
}
#sect04 .show_more2 {
position: absolute;
bottom: 0;
left: 0px;
width: 100%;
height: 70px;
padding-top: 160px;
text-align: center;
line-height: 70px;
/*
background: linear-gradient(
180deg,
rgb(39,39,227, 0) 0%,
rgb(39,39,227, 1) 80%
);
*/
cursor: pointer;
transition: bottom 0.2s;
}
#sect04 .active{
background: none;
}
#sect04 .show_more2 span{
position: relative;
top: -35px;
display: inline-block;
width: 300px;
padding: 12px 34px 14px;
background: url(./img/plus2_wt.svg) 95% 50% no-repeat #232315;
background-size: 16px auto;
font-size:1.6rem;
font-weight: 700;
text-align: center;
line-height: 1.5;
color: #fff;
transition: all .2s ease-in-out;
}
#sect04 .show_more2 span:hover{
opacity: .7;
}
#sect04 .active span{
background: url(./img/minus2_wt.svg) 95% 50% no-repeat #232315;
background-size: 16px auto;
}



#sect04 .note2{
text-align: right;
font-size:1.3rem;
color: #fff;
}








/*------------
sect05_PC
------------*/
#sect05{
position: relative;
padding: 180px 0 40px;
}
#sect05::before{
content: "";
position: absolute;
z-index: 1;
top: 130px;
right: 0;
width: 770px;
height: 60px;
background: url(./img/eng_oi.svg) 0 0 no-repeat;
background-size: 770px auto;
}
#sect05 .sectTtlArea{
margin: 0 0 60px;
padding: 40px 50px 42px;
background: #232315;

}
#sect05 .sectTtlArea::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 100%;
transform: scale(-1, 1);
background: url(./img/deco_bk.svg) 100% 0 no-repeat #232315;
background-size: 50px auto;
}
#sect05 .sectTtlArea::after{
content: "";
position: absolute;
top: 0;
right: -100vw;
width: 100vw;
height: 100%;
background: #232315;
}

#sect05 .sectTtlArea .fontS{
position: relative;
margin: 0 0 10px;
padding: 1.5rem 0 0 111px;
background: url("./img/sct05_fuki.png") 4px 0 no-repeat;
background-size: 85px auto;
color: #fff;
font-size:3.0rem;
}
#sect05 .sectTtlArea .fontL{
display: block;
font-size:5.0rem;
color: #fff;
}

#sect05 .fontBold{
margin: 0 0 55px;
padding: 20px 50px 22px;
border-top: 1px solid #232315;
border-bottom: 1px solid #232315;
text-align: center;
font-size:2.4rem;
}

/* tab1 */
/*#sect05 .tabcontents {
clear: both;
}
#sect05 .area {
display: none;
}
*/


/* tab2 */
.tabcontents {
  overflow: hidden;
}
.tabcontents > div {
  visibility: hidden;
  height: 0;
}
.tabcontents > div.current {
  visibility: visible;
  height: auto;
}

.tab{
width: 1100px;
margin: 0 auto 60px;
text-align: center;
}
.tab .liBox{
display: inline-block;
width: 480px;
height: 150px;
margin: 0 15px;
padding: 45px 0 0;
background: url("./img/sct05_tab01.jpg") 0 0 no-repeat;
background-size: cover;
font-size:3.0rem;
font-weight: 700;
color: #fff;
cursor: pointer;
transition: all .2s ease-in-out;
}
.tab .liBox:hover{
opacity: .7;
}
.tab .liBox:nth-child(2){
background-image: url(./img/sct05_tab02.jpg);
}
.tab .liBox::before{
content: "";
position: absolute;
bottom: 23px;
left: 0;
width: 100%;
height: 28px;
background: url(./img/arrow_down.svg) 50% 0 no-repeat;
background-size: 28px auto;
}

#sect05 .area h3{
width: 300px;
margin: 0 auto 20px;
padding: 0 0 35px;
background: url(./img/fuki2.svg) 50% 100% no-repeat;
background-size: 300px auto;
font-size:3.0rem;
text-align: center;
}


/* .slider1 */
#sect05 .slick-slide {
padding: 20px 0 60px;
margin-right: 2vw !important;
margin-left: 2vw !important;
}
#sect05 .liBox{
}
#sect05 .liBox .flame{
margin: 20px 0 10px;
}
#sect05 .liBox .catch{position: absolute;top: 0;right: -20px;width: 79px;height: 190px;padding: 10px 12px 10px 15px;background: #232315;color: #fff;-ms-writing-mode: tb-rl;font-size: 1.8rem;writing-mode: vertical-rl;font-family: "Noto Sans JP vt";text-align: center;text-orientation: upright;}



#sect05 .liBox .sttl{
text-align: center;
font-size:1.8rem;
}
#sect05 .liBox .btn-link{
margin: 10px 0;
padding: 4px 25px 5px 0;
background: url(./img/arrow2.svg) 99% calc(50% + 0px) no-repeat;
background-size: 17px auto;
line-height: 1.5;
font-weight: 700;
}

#sect05 .slick-arrow:before{
content:""!important;
}
#sect05 .slick-prev,
#sect05 .slick-next{
top: calc(50% - 0px);
width: 60px;
height: 60px;
background: url(./img/arrow_prev.png) 0 0 no-repeat;
background-size: 60px auto;
}
#sect05 .slick-next {
background: url(./img/arrow_next.png) 0 0 no-repeat;
background-size: 60px auto;
}
#sect05 .slick-prev,
#sect05 .slick-next{z-index:2;}

#sect05 .slick-prev{left:10px!important;}
#sect05 .slick-next{right:10px!important;}



#sect05 .btnArea{
text-align: center;
}
#sect05 .btnArea .btn-internal{
display: inline-block;
margin: 0 20px;
}



/*------------
sect06_PC
------------*/
#sect06{
position: relative;
z-index: 1;
margin: 0 0 140px;
background: url(./img/sct06_bg.jpg) 0 0 no-repeat;
background-size: cover;
}
#sect06 .sectTtlArea{
margin: 0 0 90px;
background: #f1f3f3;
border-top: 1px solid #232315;
border-bottom: 1px solid #232315;
}
#sect06 .sectTtl{
width: 1100px;
margin: 0 auto;
padding: 0 30px;
}
#sect06 .sectTtl a{
padding: 90px 80px 40px 0;
background: url(./img/arrow.svg) 100% 50% no-repeat;
background-size: 40px auto;
font-size:4.6rem;
}
#sect06 .sectTtl::before{
content: "";
position: absolute;
top: 50px;
left: 140px;
width: 300px;
height: 30px;
background: url(./img/eng_imp.svg) 0 0 no-repeat;
background-size: auto 30px;
}
#sect06 .sectTtl::after{
content: "";
position: absolute;
top: -33px;
left: 30px;
width: 90px ;
height: 120px;
background: url("./img/mainicon.svg") 0 0 no-repeat;
background-size: 90px auto;
}

#sect06 .areaInner{
padding: 0 50px 60px;
}
#sect06 .flameBox{
position: relative;
margin: 0 0 20px;
}
#sect06 .flameBox::before{
content: "";
position: absolute;
top: -65px;
left: 0;
width: 100%;
height: 50px;
background: url(./img/sct06_ck.png) 50% 0 no-repeat;
background-size: 70px auto;
}
#sect06 .flameBox::after{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(./img/sct06_boxbg.png) 0 0 no-repeat;
background-size: cover;
	opacity: 0.3;
}
#sect06 .flameBox .sttl{
margin: 0;
padding: 25px 50px 30px;
text-align: center;
color: #fff;
}
#sect06 .flameBox .sttl::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #232315;
}
#sect06 .flameBox .mainArea .marker{
    background:linear-gradient(transparent 60%, rgb(255 255 255 / 59%) 0%) no-repeat bottom 0 left;
}

#sect06 .flameBox .mainArea{
position: relative;
padding: 40px 50px;
}
#sect06 .flameBox .mainArea::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:#e3e6e9;
}

#sect06 .flameBox .mainArea .flameWrap {
  margin-bottom: 3rem;
}

#sect06 .flameBox .mainArea p:not(class) {
  color: #232315;
}

#sect06 .flameBox .mainArea .bold {
  position: relative;
  display: inline;
  background: linear-gradient(transparent 60%, rgba(202, 208, 239, .6) 0%) no-repeat bottom 0 left;
  padding: .3% 0.2% .5%;
  margin: 0 .5%;font-weight: 700;
  line-height: 1;
}

#sect06 .ulBox{
display: flex;
flex-wrap: wrap;
padding: 45px 0 20px;
}
#sect06 .liBox{
width: calc((100% - 70px) / 3);
margin: 0 35px 30px 0;
background: #fff;
}
#sect06 .liBox:nth-child(3n){
margin: 0 0 30px;
}
#sect06 .liBox::before{content: "";position: absolute;top: -29px;left: 15px;width: 100%;height: 30px;background: url("./img/eng_01_bl.svg") 0 0 no-repeat;background-size: auto 30px;}
#sect06 .liBox:nth-child(2)::before{
background-image: url("./img/eng_02_bl.svg");
}
#sect06 .liBox:nth-child(3)::before{
background-image: url("./img/eng_03_bl.svg");
}
#sect06 .liBox h3{
background: url(./img/deco_bk.svg) 100% 0 no-repeat #232315;
background-size: 30px auto;
font-size:2.2rem;
}
#sect06 .liBox h3 a{
display: flex;
align-items: center;
padding: 28px 45px 30px 25px;
background: url("./img/arrow_wt.svg") 95% 50% no-repeat;
background-size: 26px auto;
color: #fff;
}
#sect06 .liBox .txtArea{
padding: 15px 30px 25px;
}


/*------------
sect07_PC
------------*/
#sect07{position: relative;z-index: 1;padding-bottom: 12rem;}
#sect07 .sectTtlArea{
margin: 0 0 40px;
border-top: 1px solid #232315;
border-bottom: 1px solid #232315;
}
#sect07 .sectTtl{
width: 1100px;
margin: 0 auto;
padding: 0 30px;
}
#sect07 .sectTtl a{
padding: 90px 80px 40px 0;
background: url(./img/arrow.svg) 100% 50% no-repeat;
background-size: 40px auto;
font-size:4.6rem;
}
#sect07 .sectTtl::before{
content: "";
position: absolute;
top: 50px;
left: 30px;
width: 300px;
height: 30px;
background: url(./img/eng_res.svg) 0 0 no-repeat;
background-size: auto 30px;
}
#sect07 .intro{
padding: 0 30px 60px;
}
#sect07 .intro .btn-link {
margin: 0 0 0;
}
#sect07 .ulBox{
padding: 0 0 0 30px;
}
#sect07 .liBox{
margin: 0 0 35px;
padding: 0 30px 0 0;
background: #f1f3f3;
}
#sect07 .liBox::before{
content: "";
position: absolute;
top: -10px;
left: -10px;
width: 53px;
height: 55px;
background: url(./img/sct07_deco.svg) 0 0 no-repeat;
background-size: 53px auto;
}
#sect07 .liBox::after{
content: "";
position: absolute;
top: 0;
right: -100vw;
width: 100vw;
height: 100%;
background: #f1f3f3;
}

#sect07 .liBox a{
position: relative;
padding: 40px 110px 42px 60px;
background: url("./img/arrow.svg") 100% 50% no-repeat;
background-size: 28px auto;
font-size:3.6rem;
font-weight: 700;
line-height: 1.3;
}
#sect07 .liBox a::before{
content: "";
position: absolute;
top: 0;
right: 40px;
width: 58px;
height: 100%;
background: url(./img/eng_more2.svg) 0 50% no-repeat;
background-size: 58px auto;
}



/*  End_PC */





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



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

/*--------------------------------------
　opening_SP
---------------------------------------*/
.opening{
position: relative;
width: 100vw;
height: 100vh;
background: #f1f3f3;
}
.opening img{
width: 100%;
height: 100%;
object-fit: cover;
}
.opening .icon{
position: absolute;
z-index: 10;
top: calc(50% - 78px);
left: calc(50% - 38px);
width: 76px;
}
.opening .copy{
position: absolute;
z-index: 11;
top: calc(50% - 45px);
left: calc(50% - 47px);
width: 157px;
}
.opening .belt{
position: absolute;
z-index: 9;
top: calc(50% - 53px);
left: calc(50% - 57px);
width: 190px;
}
.opening .scr{
position: absolute;
z-index: 8;
top: calc(50% + 68px);
left: calc(50% - 15px);
width: 30px;
}

.opening .bg2{
position: absolute;
z-index: 5;
top:0;
left: 0;
width: 100vw;
height: 100vh;
}
.opening .bg2_gr{
position: absolute;
z-index: 6;
top:0;
left: 0;
width: 100vw;
height: 100vh;
opacity: 0;
}
.opening .bg1{
position: absolute;
top:0;
left: 0;
width: 100vw;
height: 100vh;
}


/* scr */
.scrin{
animation-name: scrinAnime;
animation-delay:5s;
animation-duration:.2s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes scrinAnime{
from {
transform: translateY(-50px);
opacity: 0;
}
to {
opacity: 1;
transform: translateY(0);
}
}


/* bg2 */
.bg2out{
animation-name: bg2outAnime;
animation-delay:4.5s;
animation-duration:.4s;
animation-fill-mode:forwards;
opacity: 1;
}
@keyframes bg2outAnime{
  from {
opacity: 1;
  }
  to {
opacity: 0;
  }
}


/* コピー */
.copyin{
animation-name: copyinAnime;
animation-delay:3.5s;
animation-duration:.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes copyinAnime{
  from {
opacity: 0;
  }
  to {
opacity: 1;
  }
}


/* ベルト */
.beltin{
animation-name: beltinAnime;
animation-delay:3s;
animation-duration:.5s;
animation-timing-function:ease-in;
animation-fill-mode:forwards;
transform-origin:left;
opacity: 0;
}
@keyframes beltinAnime{
  from {
opacity: 0;
transform:translateX(0) scaleX(0);
  }
  to {
opacity: 1;
transform: translateX(0) scaleX(100%);
  }
}



/* アイコン左移動 */
.toL{
animation-name: toLAnime;
animation-delay:2s;
animation-duration:1.0s;
animation-fill-mode:forwards;
}
@keyframes toLAnime{
  from {
  transform: translateX(0);
  }
  to {
  transform: translateX(-90px);
  }
}

/* bg2gr */
.bg2gr{
animation-name: bg2grAnime;
animation-delay:1.5s;
animation-duration:.25s;
animation-fill-mode:forwards;
animation-iteration-count: 2;
opacity: 0;
}
@keyframes bg2grAnime{
  from {
opacity: 1;
  }
  to {
opacity: 0;
  }
}

/* fadeDownをするアイコンの動き */
.fadeDown{
animation-name: fadeDownAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeDownAnime{
  from {
    opacity: 0;
  transform: translateY(-100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}



/*------------
　body_SP
------------*/
body{
font-size: 1.5rem;
}


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

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

footer{
padding: 0 0 60px;
}




/*--------------------------------------
　header_SP
---------------------------------------*/
#header{position: relative;z-index: 15;overflow: visible;width: 100vw;height: 100%;padding: 0;clip-path: inset(0);}
#header::before{
content: "";
position:fixed;
top: 0;
left: 0;
z-index:-1;
width: 100vw;
height:100vh;
background: url("./img/idx_visbg_sp.jpg") 0 0 no-repeat;
/*background-size: 100% auto;*/
background-size:cover;
}

#header .siteNameArea{
position: absolute;
z-index: 12;
top: 5px;
left: 4%;
}
#header .siteName{
position: static;
margin: 0 0 0;
font-size:1.1rem;
font-weight: 400;
line-height: 1.6;
color:#ffffff;
}
#header .sps{
position: static;
margin: 0 0 0;
font-size:1.1rem;
font-weight: 400;
line-height: 1.6;
color: #fff;
}



#header .introWrap{
padding: 50px 0  50px;
}
#header .intro{
position: relative;
width: auto;
margin: 0 5%;
background: #fff;
box-shadow: 0px 6px 20px 0px rgba(17, 17, 17, 0.2);
}

#header .intro h2{
padding: 50px 5% 15px;
background: url(./img/eng_intro.svg) 12% 20px no-repeat #232315;
background-size: auto 20px;
color: #fff;
font-size:1.8rem;
}
#header .intro h2::after {
    width: 8rem;
    height: 8rem;
  background-size: cover;
    right: 1rem;
}
#header .intro .txtArea{
padding: 15px 5% 25px;
}
#header .intro p{
margin: 5px 0;
font-weight: 700;
}
#header .intro br{
height: 15px;
line-height: 15px;
}

#header .intro .movetext{opacity:0.2;}
#header .intro .movetext span{opacity:0.2;}

#header .intro .marker,
#header .intro .txt_bold{
}

#header .intro .caption{
text-align: left;
}


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

#contents{
padding: 0 0 0;
}
.index{
padding: 0 0 0;
}
.index .sectTtlArea,
.index .sectTtl{
position: relative;
}


/*------------
sect01_SP
------------*/
#sect01{
position: relative;
padding: 120px 0 65px;
}
#sect01::before{
content: "";
position: absolute;
top: 75px;
left: 10px;
width: 100%;
height: 46px;
background: url(./img/eng_dis.svg) 0 0 no-repeat;
background-size: auto 46px;
}
#sect01 .sectTtlArea{
margin: 0 5% 20px;
}
#sect01 .sectTtlArea .fontS{
position: relative;
display: inline-block;
min-height: 40px;
margin: 0 0 10px;
padding: 4px 40px 6px 0;
background: url(./img/deco_bl.svg) 100% 0 no-repeat #2727e3;
background-size: 40px auto;
color: #fff;
font-size:1.8rem;
}
#sect01 .sectTtlArea .fontS::before{
content: "";
position: absolute;
top: 0;
left: -100vw;
width: 100vw;
height: 100%;
background: #2727e3;
}
#sect01 .sectTtlArea .fontL{
display: block;
font-size:2.5rem;
}



#sect01 .ulBox{
margin: 0 5%;
box-shadow: 0px 4px 14px 0px rgba(17, 17, 17, 0.2);
}
#sect01 .liBox{
border-bottom: 1px solid #232315;
}
#sect01 .liBox:last-child{
border: none;
}

#sect01 h3{
background: url("./img/sct01_bg01_sp.png") 0 0 no-repeat;
background-size: cover;
font-size:1.8rem;
}
#sect01 .liBox:nth-child(2) h3{
background-image: url("./img/sct01_bg02_sp.png");
}
#sect01 .liBox:nth-child(3) h3{
background-image: url("./img/sct01_bg03_sp.png");
}

#sect01 h3::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:#e7e9e9;
}
#sect01 h3::after{content: "";position: absolute;z-index: -1;top: 0;left: 0;width: 3.2rem;height: 100%;background:#f1f3f3;}
#sect01 h3 .inner1{
position: relative;
display: block;
}
#sect01 h3 .inner1::before{content: "";position: absolute;top: 0;left: 0;width: 3.2rem;height: 100%;background: url("./img/eng_01.svg") 50% 50% no-repeat;background-size: auto 12px;border-right: 1px solid #b5b5b5;}
#sect01 .liBox:nth-child(2) .inner1::before{
background-image: url("./img/eng_02.svg");
}
#sect01 .liBox:nth-child(3) .inner1::before{
background-image: url("./img/eng_03.svg");
}


#sect01 h3 .inner1::after{content: "";position: absolute;top: 0;right: 10px;width: 50px;height: 100%;background: url("./img/eng_more.svg") 0 50% no-repeat;background-size: 50px auto;}

#sect01 h3 .tglMenu{position: relative;z-index: 2;display: block;padding: 15px 5rem 17px 4rem;cursor: pointer;}
#sect01 h3 .tglMenu::before {content: '';display: inline-block;z-index: 1;width: 8px;height: 1px;background-color: #fff;position: absolute;right: 13px;top: 50%;transform: translateY(-50%);transition: opacity .5s;}
#sect01 h3 .tglMenu::after {content: '';display: inline-block;z-index: 1;width: 8px;height: 1px;background-color: #fff;position: absolute;right: 13px;top: 50%;transform: translateY(-50%) rotate(-90deg);transition: transform .5s;}
#sect01 .liBox.open .tglMenu::before {
opacity: 0;
}
#sect01 .liBox.open .tglMenu::after {
transform: translateY(-50%) rotate(-180deg);
}

#sect01 .accChild{
position: relative;
z-index: 10;
}
#sect01 h3 .fontL{
font-size:2.3rem;
}

#sect01 .liBox .sttl{
margin: 0;
padding: 18px 5% 20px;
background: #232315;
font-size:1.8rem;
color: #fff;
}

#sect01 .liBox .note{
padding: 20px 5% 15px;
text-align: center;
color: #999999;
font-size:1.3rem;
}
#sect01 .liBox .flameWrap{
overflow: auto;
width: 90%;
margin: 0 5% 25px;
}
#sect01 .liBox .flame{
width: 550px;
margin: 0 0 10px;
}
#sect01 .liBox .flameWrap::-webkit-scrollbar{
height: 3px;
}
#sect01 .liBox .flameWrap::-webkit-scrollbar-track{
border-radius: 3px;
background: #ddd;
}
#sect01 .liBox .flameWrap::-webkit-scrollbar-thumb{
border-radius: 3px;
background: #bbb;
}


#sect01 .liBox .mainTxt{
padding: 0 5% 20px;
}



/*------------
sect015_SP
------------*/
#sect015{position: relative;padding: 85px 0 50px;background: url(./img/sct015_bg_sp.jpg) 0 0 no-repeat;background-size: cover;}
#sect015::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 65px;
background: url(./img/sct015_head.svg) 50% 0 no-repeat;
background-size: 160px auto;
}

#sect015 .ulBox{
margin: 0 5% 35px;
}
#sect015 .liBox{
position: relative;
margin: 0 0 22px;
padding: 40px 5% 17px;
background: #232315;
box-shadow: 0px 4px 14px 0px rgba(17, 17, 17, 0.2);
}
#sect015 .liBox::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 26px;
background: url(./img/eng_01_wt.svg) 50% 50% no-repeat #2727e3;
background-size: auto 16px;
}
#sect015 .liBox:nth-child(2)::before{
background-image: url(./img/eng_02_wt.svg);
}
#sect015 .liBox:nth-child(3)::before{
background-image: url(./img/eng_03_wt.svg);
}
#sect015 .liBox .sttl{
margin: 0;
font-size:2.3rem;
text-align: center;
color: #fff;
}

#sect015 .botArea{
position: relative;
margin: 0 5%;
box-shadow: 0px 4px 14px 0px rgba(17, 17, 17, 0.2);
}
#sect015 .botArea::before{
content: "";
position: absolute;
z-index: 1;
top: -24px;
left: 0;
width: 100%;
height: 40px;
background: url(./img/tri_wt.svg) 50% 0 no-repeat;
background-size:45px auto;
}
#sect015 .botArea .sttl{
margin: 0;
padding: 15px 5% 15px;
background: rgba(39,39,227,.80);
text-align: center;
color: #fff;
font-size:2.5rem;
}
#sect015 .botArea .fontS{
display: block;
margin: 0 0 3px;
font-size:1.6rem;
}
#sect015 .botArea .mainTxt{
padding: 10px 5% 15px;
background: #fff;
}
#sect015 .botArea .mainTxt p{
font-weight: 700;
}


/*------------
sect234_SP
------------*/
.sect234{
position: relative;
z-index: 15;
width: 100%;
padding: 50px 0 20px;
overflow: visible;
clip-path: inset(0);
}
.sect234::before{
content: "";
position:fixed;
top: 0;
left: 0;
z-index:-1;
width: 100%;
height:100vh;
background: url("./img/sct234_bg_sp.jpg") 0 0 no-repeat;
/*background-size: 100% auto;*/
background-size:cover;
}


/*------------
sect02_SP
------------*/
#sect02{
}
#sect02 .supervise{
margin: 0 5% 55px;
background: rgba(255,255,255,.90);
}
#sect02 .mini .sttl span{
background: #f5f5f5;
}


/*------------
sect03_SP
------------*/
#sect03{
position: relative;
margin: 0 0 50px;
padding: 50px 0 30px;
background: rgba(89,89,89,.60);
}
#sect03::before{
content: "";
position: absolute;
top: 10px;
left: 10px;
width: 100%;
height: 46px;
background: url(./img/eng_pt.svg) 0 0 no-repeat;
background-size: auto 46px;
}
#sect03 .sectTtlArea{
margin: 0 5% 35px;
}
#sect03 .sectTtlArea .fontS{
position: relative;
display: inline-block;
min-height: 40px;
margin: 0 0 10px;
padding: 4px 40px 6px 0;
background: url(./img/deco_bl.svg) 100% 0 no-repeat #2727e3;
background-size: 40px auto;
color: #fff;
font-size:1.8rem;
}
#sect03 .sectTtlArea .fontS::before{
content: "";
position: absolute;
top: 0;
left: -100vw;
width: 100vw;
height: 100%;
background: #2727e3;
}
#sect03 .sectTtlArea .fontL{
display: block;
font-size:2.5rem;
color: #fff;
}

#sect03 .ulBox{
display: block;
margin: 0 5% 40px;
}
#sect03 .liBox{
width: auto;
margin: 0 0 30px;
}
#sect03 .liBox:nth-child(3n){
margin: 0 0 0;
}
#sect03 .liBox:nth-child(1){margin-top: 0;}
#sect03 .liBox:nth-child(2){margin-top: 0;}

#sect03 .liBox h3{
margin: 0 5% 0 0;
padding: 15px 25px 17px;
background: url(./img/deco_bk.svg) 100% 0 no-repeat #232315;
background-size: 40px auto;
font-size:2.0rem;
color: #fff;
}
#sect03 .liBox .mainTxt{
margin: -45px 0 0 5%;
padding: 55px 5% 20px;
background: #fff;
}

#sect03 .btn-web{
width: 75%;
}




/*------------
sect04_SP
------------*/
#sect04{
position: relative;
}
#sect04::before{
content: "";
position: absolute;
z-index: 1;
top: 15px;
left: 10px;
width: 180px;
height: 40px;
background: url(./img/eng_cl.svg) 0 0 no-repeat;
background-size: 180px auto;
}
#sect04 .areaInner{
margin: 0 0 0 5%;
padding: 75px 0 30px;
background: rgba(39,39,227,.70);
}
#sect04 .areaInner::before{
width: 0;
height: 0;
background: none;
border: none;
}

#sect04 .areaInner::after{
width: 0;
height: 0;
background: none;
border: none;
}

#sect04 .sectTtlArea{
margin: 0 0 20px;
}
#sect04 .sectTtlArea .fontL{
display: block;
font-size:2.5rem;
text-align: center;
color: #fff;
}


#sect04 .mainArea{
position: relative;
margin: 0 5% 40px;
padding: 10px 0 40px;
border-top: 1px solid #a7a7a1;
border-bottom: 1px solid #a7a7a1;
}
#sect04 .note{
text-align: right;
font-size:1.3rem;
color: #ccc;
}

#sect04 .ulBox{
display: block;
padding: 10px 0 0;
}
#sect04 .liBox{
width: auto;
padding: 0 5%;
}
#sect04 .liBox span{
display: block;
margin: 12px 0;
line-height: 1.4;
font-weight: 700;
font-size:1.3rem;
color: #fff;
}



#sect04 .text {
height: 220px;
overflow: hidden;
}
#sect04 .show_more2 {
position: absolute;
bottom: 0;
left: 0px;
width: 100%;
height: 70px;
padding-top: 60px;
text-align: center;
line-height: 70px;
/*
background: linear-gradient(
180deg,
rgb(39,39,227, 0) 0%,
rgb(39,39,227, 1) 80%
);
*/
cursor: pointer;
transition: bottom 0.2s;
}
#sect04 .active{
background: none;
}
#sect04 .show_more2 span{
position: relative;
top: -26px;
display: inline-block;
width: 75%;
padding: 10px 10% 12px;
background: url(./img/plus2_wt.svg) 95% 50% no-repeat #232315;
background-size: 13px auto;
font-size:1.4rem;
font-weight: 700;
text-align: center;
line-height: 1.5;
color: #fff;
transition: all .2s ease-in-out;
}
#sect04 .show_more2 span:hover{
opacity: .7;
}
#sect04 .active span{
background: url(./img/minus2_wt.svg) 95% 50% no-repeat #232315;
background-size: 13px auto;
}



#sect04 .note2{
margin: 20px 5% 0;
text-align: right;
font-size:1.2rem;
color: #fff;
}








/*------------
sect05_SP
------------*/
#sect05{
position: relative;
padding: 70px 0 60px;
}
#sect05::before{
content: "";
position: absolute;
z-index: 1;
top: 51px;
right: 0;
width: 300px;
height: 20px;
background: url(./img/eng_oi.svg) 0 0 no-repeat;
background-size: 300px auto;
}
#sect05 .sectTtlArea{
margin: 0 5% 30px;
padding: 25px 10% 27px;
background: #232315;

}
#sect05 .sectTtlArea::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 100%;
transform: scale(-1, 1);
background: url(./img/deco_bk.svg) 100% 0 no-repeat #232315;
background-size: 40px auto;
}
#sect05 .sectTtlArea::after{
content: "";
position: absolute;
top: 0;
right: -100vw;
width: 100vw;
height: 100%;
background: #232315;
}

#sect05 .sectTtlArea .fontS{
position: relative;
margin: 0 0 15px;
padding: 0 0 0 5rem;
background: url("./img/sct05_fuki.png") 10px 0 no-repeat;
background-size: 35px auto;
color: #fff;
font-size:1.8rem;
}
#sect05 .sectTtlArea .fontL{
display: block;
font-size:2.5rem;
color: #fff;
}

#sect05 .fontBold{
margin: 0 5% 25px;
padding: 10px 5% 12px;
border-top: 1px solid #232315;
border-bottom: 1px solid #232315;
text-align: center;
font-size:1.6rem;
}

/* tab1 */
/*#sect05 .tabcontents {
clear: both;
}
#sect05 .area {
display: none;
}
*/


/* tab2 */
.tabcontents {
  overflow: hidden;
}
.tabcontents > div {
  visibility: hidden;
  height: 0;
}
.tabcontents > div.current {
  visibility: visible;
  height: auto;
}

.tab{
width: auto;
margin: 0 5% 40px;
text-align: center;
}
.tab .liBox{
display: block;
width: auto;
height: 104px;
margin: 0 0 20px;
padding: 30px 0 0;
background: url("./img/sct05_tab01.jpg") 0 0 no-repeat;
background-size: cover;
font-size:1.9rem;
font-weight: 700;
color: #fff;
cursor: pointer;
transition: all .2s ease-in-out;
}
.tab .liBox:hover{
opacity: .7;
}
.tab .liBox:nth-child(2){
background-image: url(./img/sct05_tab02.jpg);
}
.tab .liBox::before{
content: "";
position: absolute;
bottom: 12px;
left: 0;
width: 100%;
height: 23px;
background: url(./img/arrow_down.svg) 50% 0 no-repeat;
background-size: 23px auto;
}

#sect05 .area h3{
width: 180px;
margin: 0 auto 10px;
padding: 0 0 25px;
background: url(./img/fuki.svg) 50% 100% no-repeat;
background-size: 180px auto;
font-size:1.9rem;
text-align: center;
}


/* .slider1 */
#sect05 .slick-slider{
}
#sect05 .slick-slide {
padding: 10px 0 25px;
margin-right: 6vw !important;
margin-left: 6vw !important;
}
#sect05 .liBox{
}
#sect05 .liBox .flame{
margin: 15px 0 10px;
}
#sect05 .liBox .catch{position: absolute;top: -2rem;right: -15px;width: 70px;height: 180px;padding: 12px 8px 12px 10px;background: #232315;color: #fff;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;font-family: "Noto Sans JP vt";font-size:1.7rem;}
#sect05 .liBox .sttl{
margin: 0 0 0;
text-align: center;
font-size:1.3rem;
}
#sect05 .liBox .btn-link{
margin: 6px 0;
padding: 4px 2rem 5px 0;
background: url(./img/arrow2.svg) 99% calc(50% + 0px) no-repeat;
background-size: 14px auto;
line-height: 1.5;
font-size:1.1rem;
font-weight: 700;
}

#sect05 .slick-arrow:before{
content:""!important;
}
#sect05 .slick-prev,
#sect05 .slick-next{
top: calc(50% - 15px);
width: 30px;
height: 30px;
background: url(./img/arrow_prev.png) 0 0 no-repeat;
background-size: 30px auto;
}
#sect05 .slick-next {
background: url(./img/arrow_next.png) 0 0 no-repeat;
background-size: 30px auto;
}
#sect05 .slick-prev,
#sect05 .slick-next{z-index:2;}

#sect05 .slick-prev{left:0px!important;}
#sect05 .slick-next{right:0px!important;}



#sect05 .btnArea{
text-align: center;
}
#sect05 .btnArea .btn-internal{
display: block;
width: 80%;
margin: 0 auto 30px;
}



/*------------
sect06_SP
------------*/
#sect06{
position: relative;
z-index: 1;
margin: 0 0 50px;
background: url(./img/sct06_bg_sp.jpg) 0 0 no-repeat;
background-size: cover;
}
#sect06 .sectTtlArea{
margin: 0 0 70px;
background: #f1f3f3;
border-top: 1px solid #232315;
border-bottom: 1px solid #232315;
}
#sect06 .sectTtl{
width: auto;
margin: 0 auto;
padding: 0 5%;
}
#sect06 .sectTtl a{
padding: 50px 10% 23px 0;
background: url(./img/arrow.svg) 100% 50% no-repeat;
background-size: 24px auto;
font-size:2.3rem;
}
#sect06 .sectTtl::before{
content: "";
position: absolute;
top: 26px;
left: 20%;
width: 150px;
height: 16px;
background: url(./img/eng_imp.svg) 0 0 no-repeat;
background-size: auto 16px;
}
#sect06 .sectTtl::after{
content: "";
position: absolute;
top: -15px;
left: 5%;
width: 45px ;
height: 60px;
background: url("./img/mainicon.svg") 0 0 no-repeat;
background-size: 45px auto;
}

#sect06 .areaInner{
padding: 0 5% 30px;
}
#sect06 .flameBox{
position: relative;
margin: 0 0 20px;
}
#sect06 .flameBox::before{
content: "";
position: absolute;
top: -45px;
left: 0;
width: 100%;
height: 40px;
background: url(./img/sct06_ck.png) 50% 0 no-repeat;
background-size: 45px auto;
}
#sect06 .flameBox::after{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(./img/sct06_boxbg.png) 0 0 no-repeat;
background-size: cover;
}
#sect06 .flameBox .sttl{
margin: 0;
padding: 16px 5% 18px;
text-align: center;
font-size:1.8rem;
color: #fff;
}
#sect06 .flameBox .sttl::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #232315;
}

#sect06 .flameBox .mainArea{
position: relative;
padding: 20px 5% 5px;
}
#sect06 .flameBox .mainArea::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #e3e6e9;
}
#sect06 .flameBox .note{
padding: 0 5% 15px;
text-align: center;
	        color: #646464;
font-size:1.3rem;
}
#sect06 .flameBox .flameWrap{
overflow: auto;
width: 100%;
margin: 0 0 25px;
}
#sect06 .flameBox .flame{
width: 550px;
margin: 0 0 10px;
}
#sect06 .flameBox .flameWrap::-webkit-scrollbar{
height: 3px;
}
#sect06 .flameBox .flameWrap::-webkit-scrollbar-track{
border-radius: 3px;
background: #ddd;
}
#sect06 .flameBox .flameWrap::-webkit-scrollbar-thumb{
border-radius: 3px;
background: #bbb;
}




#sect06 .ulBox{
display: block;
padding: 45px 0 0;
}
#sect06 .liBox{
width: auto;
margin: 0 0 40px 0;
background: #fff;
}
#sect06 .liBox:nth-child(3n){
margin: 0 0 40px;
}
#sect06 .liBox::before{content: "";position: absolute;top: -22px;left: 4%;width: 100%;height: 23px;background: url("./img/eng_01_bl.svg") 0 0 no-repeat;background-size: auto 23px;}
#sect06 .liBox:nth-child(2)::before{
background-image: url("./img/eng_02_bl.svg");
}
#sect06 .liBox:nth-child(3)::before{
background-image: url("./img/eng_03_bl.svg");
}
#sect06 .liBox h3{
background: url(./img/deco_bk.svg) 100% 0 no-repeat #232315;
background-size: 40px auto;
font-size:2.0rem;
}
#sect06 .liBox h3 a{
display: block;
padding: 20px 20% 25px 5%;
background: url("./img/arrow_wt.svg") 95% 50% no-repeat;
background-size: 24px auto;
color: #fff;
}
#sect06 .liBox .txtArea{
padding: 10px 5% 20px;
}


/*------------
sect07_SP
------------*/
#sect07{
padding: 0 0 30px;
position: relative;
z-index: 1;
}
#sect07 .sectTtlArea{
margin: 0 0 25px;
border-top: 1px solid #232315;
border-bottom: 1px solid #232315;
}
#sect07 .sectTtl{
width: auto;
margin: 0 auto;
padding: 0 5%;
}
#sect07 .sectTtl a{
padding: 50px 10% 23px 0;
background: url(./img/arrow.svg) 100% 50% no-repeat;
background-size: 24px auto;
font-size:2.3rem;
}
#sect07 .sectTtl::before{
content: "";
position: absolute;
top: 26px;
left: 5%;
width: 230px;
height: 16px;
background: url(./img/eng_res.svg) 0 0 no-repeat;
background-size: auto 16px;
}
#sect07 .intro{
padding: 0 5% 30px;
}
#sect07 .intro .btn-link {
margin: 0 0 0;
}
#sect07 .ulBox{
padding: 0 0 0 5%;
}
#sect07 .liBox{
margin: 0 0 35px;
padding: 0 5% 0 0;
background: #f1f3f3;
}
#sect07 .liBox::before{
content: "";
position: absolute;
top: -10px;
left: -10px;
width: 30px;
height: 30px;
background: url(./img/sct07_deco.svg) 0 0 no-repeat;
background-size: 30px auto;
}
#sect07 .liBox::after{
content: "";
position: absolute;
top: 0;
right: -100vw;
width: 100vw;
height: 100%;
background: #f1f3f3;
}

#sect07 .liBox a{position: relative;padding: 18px 18% 20px 5%;background: url("./img/arrow.svg") 100% 50% no-repeat;background-size: 15px auto;font-size:2.0rem;font-weight: 700;line-height: 1.3;}
#sect07 .liBox a::before{
content: "";
position: absolute;
top: 0;
right: 20px;
width: 29px;
height: 100%;
background: url(./img/eng_more2.svg) 0 50% no-repeat;
background-size: 29px auto;
}



/*  End_SP */

}