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

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

/*.introArea{
display: none;
}*/
/*.mvArea{
display: none;
}
*/


#sect01wrap2{
margin: -5vw 0 0;
padding: 5vw 0 0;
height: 0;
}
#sect02wrap{
margin: -6vw 0 0;
padding: 6vw 0 0;
}
#sect04wrap2{
margin: -50rem 0 0;
padding: 50rem 0 0;
height: 0;
}
#sect07wrap2{
margin: -70rem 0 0;
padding: 70rem 0 0;
height: 0;
}
  
  
.container{
width: 100vw;
height: 100vh;
clip-path: inset(40% round 10px);
overflow: hidden;
animation:mmfadeIn .5s ease forwards;
}
.container.start_anim{
animation:maskimg2 .5s ease forwards;
}
@keyframes maskimg2 {
0% {
clip-path: inset(40% round 10px);
}
100% {
clip-path: inset(0 round 0);
}
}

  
  
/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
  
@keyframes mmfadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}
  
@keyframes mmslideIn {
  from { transform: translateY(15%); }
  to { transform: translateY(0); }
}
  
@keyframes mmslideOut {
  from { transform: translateY(0); }
  to { transform: translateY(-10%); }
}
  


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

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

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


.fadeIn_up2 {
  transform: translate(0, 100px) scale(.5,.5);
  transition: all .4s ease-in-out;
  opacity: 0;
}
.fadeIn_up2.is-show {
  transform: translate(0, 0) scale(1,1);
  opacity: 1;
}


.sideIn_up {
  transform: translate(200px, 0);
  transition: all .3s ease-in-out;
  opacity: 0;
}
.sideIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}


.sideIn_up2 {
  transform: translate(-1000px, 500px);
  transition: all .6s ease-in-out;
  opacity: 0;
}
.sideIn_up2.is-show {
  transform: translate(0, 0);
  opacity: 1;
}






.inview_re.delay1{
  transition-delay: 0.75s; 
}
.inview_re.delay2{
  transition-delay: 1.0s; 
}
.inview_re.delay3{
  transition-delay: 1.3s; 
}
.inview_re.delay4{
  transition-delay: 0.7s; 
}
.inview_re.delay5{
  transition-delay: 0.8s; 
}
.inview_re.delay6{
  transition-delay: 0.9s; 
}




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

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

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

.areaInner {
width: 72vw;
}





/*--------------------------------------
　header_PC
---------------------------------------*/
#header{
position: absolute;
z-index: 100;
width: 100%;
}


#header .topArea{
position: relative;
z-index: 1;
padding: 1rem 2rem 0;
text-align: right;
}

#header .siteName,
#header .siteName a{
position: relative;
display: inline-block;
font-weight: 400;
font-size:1.2rem;
line-height: 1.6;
color: #fff;
}
#header .sps{position: relative;display: inline-block;font-size:1.2rem;line-height: 1.6;color: #fff;padding: 0 0 0 2rem;}
#header .headNote{
position: relative;
display: block;
font-size:1.2rem;
line-height: 1.6;
color: #fff;
}




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

#contents{
padding: 0 0 0;
font-size:1vw;
}

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


.bgSect{
position: relative;
/*clip-path: inset(0);
*/}
.bgSect::before{
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1414B4;
transition: all 0.5s ease 0s;
z-index: 1;
opacity: 0;
visibility:hidden;
}
.bgSect.show::before{
opacity: 1;
visibility: visible;
}




/*------------
mvArea_PC
------------*/
.introArea{
/*clip-path: inset(0);
*/
}

.mvArea{
position: relative;
z-index: 1;
width: 100%;
height: 100vh;
transition: all .2s ease-in-out;
clip-path: inset(0);
}

.mvArea .slider1{
position: fixed;
width: 100%;
height: 100vh;
}
.mvArea .slick-slide img{
height: 100vh;
margin: auto;
max-height: 100%;
max-width: 100%;
object-fit: cover;
width: 100%;
}


.mvArea h2{
position: absolute;
z-index: 2;
bottom: 20vh;
left: 50%;
text-align: right;
}
.mvArea h2 .obi{
display: inline-block;
padding: .2vh 1vw;
background: #0000F0;
background: linear-gradient(90deg, rgba(0, 0, 240, 1) 0%, rgba(0, 191, 52, 1) 100%);
color: #fff;
font-size:4vw;
}
.mvArea h2 .obi2{
display: inline-block;
padding: .2vw 1vw;
background: #fff;
color: #000BE5;
font-size:1.6vw;
}
.mvArea h2 .obi2 span{
position: relative;
z-index: 1;
}
.mvArea h2 .obi2 span::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 2.5vw;
background: url("./img/mv_deco.svg") 50% 0 no-repeat;
background-size: 3.7vw auto;
}


.mvArea .engCopy{
position: absolute;
z-index: 1;
bottom: 5vh;
left: 1rem;
width: 97vw;
}
.mvArea .engCopy img{
width: 100%;
}

.mvArea .deco{
position: absolute;
z-index: 1;
top: 18vh;
left: -5vw;
width: 90vw;
}
.mvArea .deco img{
width: 100%;
}




/*------------
sect00_PC
------------*/
#sect00{
position: relative;
padding: 14vw 0 10vw;
/*background: #0D1319;*/
color: #fff;
}

#sect00 .bgSect::before{
background: #0D1319;
}

#sect00 .intro{
position: relative;
z-index: 2;
padding: 5vw 14vw 0;
background: url("./img/eng_intro.svg") 14vw 0 no-repeat;
background-size: 16vw auto;
}
#sect00 .intro::before{
content: "";
position: absolute;
top: .5vw;
left: 0;
width: 12vw;
height: 2px;
background: #00BE36;
}
#sect00 .intro p{
margin: 0 0 6vw;
font-size:2.0vw;
font-weight: 700;
}

#sect00 .intro p .txt_bold{
color: #00BE36;
}
#sect00 p .deco{
position: relative;
z-index: 1;
}
#sect00 .intro p .deco::before{
content: "";
position: absolute;
z-index: -1;
top: -1vw;
left: 0;
width: 100%;
height: 6.2vw;
background: url("./img/sct00_deco.svg") 50% 0 no-repeat;
background-size: 20vw auto;
}


#sect00 .ssArea{
padding: 5vw 5vw;
}

#sect00 .side-scroll{
position: relative;
z-index: 2;
padding: 0 0 5vw;
}
#sect00 .side-scroll-list-wrapper{
width: 100%;
height: 66vw;
}
#sect00 .side-scroll-list{
position: absolute;
top: 0;
left: 0;
width: 165vw;
height: 66vw;
}
#sect00 .side-scroll-list img{
width: 100%;
}






#sect00 .botArea{position: relative;z-index: 2;display: flex;align-items: center;justify-content: space-between;border-top: 2px solid #707070;border-bottom: 2px solid #707070;margin: 3.7vw 21vw 0;padding: 4vw 1vw;}
#sect00 .botArea::before{
content: "";
position: absolute;
top: -3.7vw;
left: 0;
width: 100%;
height: 100%;
background: url("./img/sct00_about.svg") 0 0 no-repeat;
background-size: 27.5vw auto;
}

#sect00 .botArea .flame{width: 25vw;}
#sect00 .botArea .flame img{
width: 100%;
}
#sect00 .botArea p{
width: 28vw;
}














/*------------
indexSect_PC
------------*/
.indexSect{
position: relative;
z-index: 2;
}
.indexSect::before{
}

.indexSect .areaInner{
}

.indexSect .sectTtlArea{
position: relative;
z-index: 1;
}
.indexSect .sectTtl{
position: relative;
z-index: 2;
}

.indexSect .txt_bold{
color: #009F2D;
}


.indexSect .obiAnim{
position: relative;
display: inline-block;
margin: 0 1vw .4rem;
padding: 1rem .5vw 1.2rem;
background: #0000F0;
background: linear-gradient(90deg, rgba(0, 0, 240, 1) 0%, rgba(0, 191, 52, 1) 100%);
line-height: 1;
color: #fff;
overflow: hidden;
}

.indexSect .obiAnim::before{
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: #fff;
transition: all 0.5s ease-in-out;
transform-origin: right center;
}
.obi_out.is-show .obiAnim::before{
animation-name: bgOut;
animation-duration:0.5s;
animation-fill-mode:forwards;
}
@keyframes bgOut{
  from {
    transform: scaleX(1) translateX(0);
  }
  to {
    transform: scaleX(0) translateX(0);
  }
}



.indexSect .sectTtl a{
}
.indexSect .sectTtl a .arw{
position: relative;
display: inline-block;
padding: 0 3.5rem 0 0;
}
.indexSect .sectTtl a .arw::before{
content: "";
position: absolute;
z-index: 10;
top: 0;
right: 0;
width: 28px;
height: 100%;
background: url("./img/arrow_ccl_gr.svg") 99% calc(50% + 1px) no-repeat;
background-size: 28px auto;
transition: all .2s ease-in-out;
}

.indexSect .sectTtlArea p{
position: relative;
}




.indexSect .ulBox,
.indexSect .liBox{
position: relative;
z-index: 1;
}

.indexSect .box2,
.indexSect .box3{
display: flex;
flex-wrap: wrap;
}


.indexSect .box2 .liBox{
width: calc((100% - 80px) / 2);
margin: 0 80px 80px 0;
}
.indexSect .box2 .liBox:nth-child(2n){
margin: 0 0 80px 0;
}

.indexSect .box3 .liBox{
width: calc((100% - 70px) / 3);
margin: 0 35px 35px 0;
}
.indexSect .box3 .liBox:nth-of-type(3n){
margin: 0 0 35px 0;
}





.indexSect .fontS {
font-size: 75%;
}




/*------------
sect01_PC
------------*/

#sect01{
z-index: 2;
margin: 0 0 0;
padding: 20vw 0 10vw;
color: #fff;
}
#sect01::before{content: "";position: absolute;z-index: 2;top: 10vw;left: 3rem;width: 85vw;height: 9vw;background: url(./img/sct01_eng.svg) 0 0 no-repeat;background-size: 85vw auto;}

#sect01 .bgSect::before{background: url(./img/tmp_bg.jpg) #1414B4;background-size: cover;}
#sect01 .areaInner{
}




#sect01 .sectTtlArea{
margin: 3vw 0 4vw;
}
#sect01 .sectTtl{
margin: 0 0 2vw;
font-size:3.1vw;
}
#sect01 .sectTtl .fontS{
display: block;
margin: 0 0 1vw;
font-size:2.7vw;
}
#sect01 .sectTtl .deco{
position: relative;
}
#sect01 .sectTtl .deco::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 5vw;
background: url("./img/sct01_deco.svg") 50% 0 no-repeat;
background-size: 21.5vw auto;
}
#sect01 .sectTtlArea p{
width: 36.7vw;
float: right;
}



#sect01 .ulBox1{
width: auto;
overflow: visible;
display: block;
padding: 3vw 0 4vw;
}
#sect01 .ulBox1 .wrap{
display: flex;
justify-content: flex-start;
width: auto;
}
#sect01 .ulBox1 .liBox{
position: relative;
top: 5vw;
opacity: .5;
}
#sect01 .ulBox1 .liBox.swiper-slide-active{
top:0;
opacity: 1;
}

#sect01 .ulBox1 .liBox a{
/*width: 100%;*/
}
#sect01 .ulBox1 .liBox .nailImg{display: block;margin: 0 0 1vw;}
#sect01 .ulBox1 .liBox img{
width: 100%;
object-fit: cover;
}


#sect01 .ulBox1 .txtArea{position: relative;padding: 0 0 3vw 12vw;border-bottom: 1px solid #fff;color: #fff;display: none;}
#sect01 .ulBox1 .liBox.swiper-slide-active .txtArea{
display: block;
}
#sect01 .ulBox1 .txtArea::before{content: "";position: absolute;top: 1vw;left: 0;width: 12vw;height: 4.5vw;background: url(./img/sct01_02.svg) 0 0 no-repeat;background-size: auto 4.5vw;opacity: .26;}
#sect01 .ulBox1 .sl102 .txtArea::before{
background-image: url(./img/sct01_03.svg);
}
#sect01 .ulBox1 .sl103 .txtArea::before{
background-image: url(./img/sct01_04.svg);
}
#sect01 .ulBox1 .sl100 .txtArea::before{
background-image: url(./img/sct01_01.svg);
}
#sect01 .ulBox1 .sl104 .txtArea::before{
background-image: url(./img/sct01_05.svg);
}
#sect01 .ulBox1 .sl105 .txtArea::before{
background-image: url(./img/sct01_06aliceblue.svg);
}
#sect01 .ulBox1 .sl106 .txtArea::before{
background-image: url(./img/sct01_07.svg);
}
#sect01 .ulBox1 .sl107 .txtArea::before{
background-image: url(./img/sct01_08.svg);
}
#sect01 .ulBox1 .txtArea::after{
content: "";
position: absolute;
bottom: 1vw;
right: 1vw;
width: 12vw;
height: 1vw;
background: url(./img/sct01_more.svg) 0 0 no-repeat;
background-size: auto 1vw;
}

#sect01 .ulBox1 .txtArea p{
line-height: 1.6;
font-size:1.7vw;
font-weight: 700;
}

#sect01 .ulBox1 .tags{
margin: 0 0 1vw;
}
#sect01 .ulBox1 .tag{
position: relative;
display: inline-block;
margin: 0 .5vw;
padding: .3vw 1vw .4vw;
background: #0000F0;
line-height: 1;
text-align: center;
font-size:1.2vw;
font-weight: 700;
color: #fff;
}
#sect01 .ulBox1 .tag::before{
content: "#";
}



#sect01 .swp-next, 
#sect01 .swp-prev{
top: 0;
width: 7.1vw;
height: 100%;
position: absolute;
z-index: 1;
cursor: pointer;
}
#sect01 .swp-next {
background: url("./img/sct01_next.svg") 0% 40% no-repeat;
background-size: 7.1vw auto;
left: auto;
right: 20vw;
}
#sect01 .swp-prev {
background: url("./img/sct01_prev.svg") 0% 40% no-repeat;
background-size: 7.1vw auto;
left: 20vw;
}
#sect01 .swp-next.swiper-button-disabled,
#sect01 .swp-prev.swiper-button-disabled{
opacity: .5;
}





/* modal */

/*.introArea{
display: none;
}
#sect00{
display: none;
}
*/


/*infoエリアをはじめは非表示*/
#sect01 .infoBox{
display: none;
position: relative;
}

.md_style01{
background: url(./img/sct01_modal_bg.jpg) 100% 0 no-repeat;
background-size: contain;

-ms-overflow-style: none; /* IE, Edge 対応 */
scrollbar-width: none;/* Firefox 対応 */
}

.md_style01::-webkit-scrollbar{
display: none;
/* Chrome, Safari 対応 */
}

.md_style01::before{content: "";position: absolute;top: 0;left: 3vw;width: 6.7vw;height: 100%;background: url(./img/sct01_eng_vt.svg) 0 50% no-repeat;background-size: 5vw auto;}


/*モーダルの横幅を変更したい場合*/
.md_style01 .modaal-container{
max-width: 72vw;
background: none;
box-shadow: none;
}


.md_style01.modaal-wrapper .modaal-close {
position: fixed;
right: 0;
top: 0;
cursor: pointer;
opacity: 1;
width: 18rem;
height: 18rem;
background: url(./img/modal_close.svg) 0 0 no-repeat;
background-size: 18rem auto;
border-radius: 0;
transition: all .2s ease-in-out;
}
.md_style01 .modaal-close:after, .md_style01 .modaal-close:before {
width: 0;
height: 0;
background: none;
border: none;
}

.md_style01 .modaal-content-container{
padding: 0;
}
.md_style01 .modalInner{
position: relative;
}


/* custom */
/*.md_style01 .slick-list {
overflow: visible;
}
*/

.md_style01 .modaal-container{
position: relative;
margin: 0;
}
.md_style01 .modaal-container .liBox{
position: relative;
}




.md_style01 .modaal-container .inner{position: relative;margin: 0 1rem 0;padding: 0;min-height: 0;color: #fff;}

.md_style01 .modaal-container h3{
margin: 0 0 4.5vw;
text-align: center;
font-size:1.9vw;
}

.md_style01 .modaal-container .areaL{
width: 30vw;
float: left;
}
.md_style01 .modaal-container .areaR{
width: 40vw;
float: right;
}



.md_style01 .modaal-container .flame{
position: relative;
width: 100%; 
height: 18vw;
margin: 0 0 1vw;
}
.md_style01 .modaal-container .flame .sttl{
position: absolute;
top: 0;
left: 0;
padding: .3vw .5vw .4vw;
background: #fff;
font-size:1.2vw;
line-height: 1;
color: #0000F0;
}
.md_style01 .flame .sttl .fontS{
font-size:1.0vw;
}
.md_style01 .modaal-container .flame img{
width: 100%;
height: 18vw;
object-fit: cover;
}


.md_style01 .modaal-container .tags{
margin: 0 0 1vw;
}
.md_style01 .modaal-container .tag{
position: relative;
display: inline-block;
margin: 0 .5vw 0 0;
padding: .3vw 1vw .4vw;
background: #0000F0;
line-height: 1;
text-align: center;
font-size:1.2vw;
font-weight: 700;
color: #fff;
}
.md_style01 .modaal-container .tag::before{
content: "#";
}

.md_style01 .modaal-container dl{
width: 80%;
display: table;
}
.md_style01 .modaal-container dt{
display: table-cell;
width: 4vw;
padding: .3vw 0;
border-bottom: 1px solid #fff;
font-size:.9vw;
font-weight: 700;
}
.md_style01 .modaal-container dd{
display: table-cell;
padding: .3vw 1vw;
border-bottom: 1px solid rgba(255,255,255,.4);
font-size:.9vw;
}



.md_style01 .modaal-container .catch0{
position: relative;
margin: 0 0 1vw;
padding: 0 0 0 4.6vw;
font-size:1.9vw;
font-weight: 700;
}
.md_style01 .modaal-container .catch0 .fontS{
font-size:1.5vw;
}
.md_style01 .modaal-container .catch0::before{
content: "";
position: absolute;
top: .5vw;
left: 0;
width: 4vw;
height: 3vw;
background: url("./img/sct01_q.svg") 0 0 no-repeat;
background-size: 3.9vw auto;
}

.md_style01 .modaal-container .catch{
margin: 0 0 2vw;
line-height: 1;
font-size:2.3vw;
text-align: justify;
}
.md_style01 .modaal-container .catch .obi{
display: inline-block;
margin: 0 0 -0.2vw;
padding: .6vw .5vw;
background: #fff;
color: #2900FF;
}


.md_style01 .modaal-container .txtArea{
margin: 0 0 2vw;
}
.md_style01 .modaal-container p .txt_bold{
color: #00F546;
}
.md_style01 .modaal-container .btnArea{
}
.md_style01 .modaal-container .btn-internal{
justify-content: flex-start;
}
.md_style01 .modaal-container .btn-internal a{
width: 30vw;
font-size:1vw;
}

/* slider */
#slider4b .slick-arrow:before{
content:""!important;
}
#slider4b .slick-prev, #slider4b .slick-next {z-index:2;top: calc(50% - 0);width: 9.3vw;height: 4vw;background: url("./img/sct01_prev.svg") 50% 50% no-repeat;background-size: 8.3vw auto;border: 1px solid #FFF;}
#slider4b .slick-next {background: url("./img/sct01_next.svg") 50% 50% no-repeat;background-size: 8.3vw auto;}
#slider4b .slick-prev{
left:-12vw!important;
}
#slider4b .slick-next{
left:auto;
right:-12vw!important;
}
#slider4b .slick-slide{
margin-left: 0!important;
margin-right: 0!important;
}





/*------------
sect02_PC
------------*/
#sect02{
padding: 10vw 0 0;
}
#sect02::before{
content: "";
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 43vw;
height: 8vw;
background: url(./img/sct02_eng.svg) 0 0 no-repeat;
background-size: 43vw auto;
}
#sect02::after{
content: "";
position: absolute;
z-index: 2;
top: 4vw;
left: 50vw;
width: 50vw;
height: 30vw;
background: url(./img/sct02_bg.png) 0 0 no-repeat;
background-size: 50vw auto;
}

#sect02 .bgSect::before{
background: #fff;
}

#sect02 .areaInner{
z-index: 2;
}
#sect02 .areaInner::before{
content: "";
position: absolute;
z-index: 2;
bottom: -12vw;
left: calc(50% - 2vw);
width: 4vw;
height: 12vw;
background: url(./img/sct02_arrow.svg) 50% 100% no-repeat;;
background-size: 4vw auto;
}


#sect02 .sectTtlArea{
margin: 0 0 4vw;
}
#sect02 .sectTtl{
margin: 0 0 15vw;
font-size:3.1vw;
}
#sect02 .sectTtl .fontS{
font-size:2.1vw;
}


#sect02 .sectTtlArea .txtArea{
margin: 0 8.3vw 3vw;
padding: 0 0 1.5vw;
border-bottom: 2px solid #E2E2E2;
}
#sect02 .sectTtlArea .sttl{
margin: 0 0 2vw;
text-align: center;
font-size:1.3vw;
color: #0000F0;
}
#sect02 .sectTtlArea .sttl::before{
content: "";
position: absolute;
top: 50%;
left: 0;
width: 24vw;
height: 2px;
background: #E2E2E2;
}
#sect02 .sectTtlArea .sttl::after{
content: "";
position: absolute;
top: 50%;
right: 0;
width: 24vw;
height: 2px;
background: #E2E2E2;
}


#sect02 h3{
margin: 0 0 2vw;
font-size:2.5vw;
text-align: center;
}

#sect02 h3 .obiAnim{
margin: .5vw 0 0;
font-size:3.3vw;
}

#sect02 .note{
margin: 0 0 2vw;
font-size:.9vw;
text-align: center;
}



#sect02 .accordion_body{
display: none;
}

#sect02 .ulBox{
border-top: 2px solid #1414B4;
}
#sect02 .liBox{
padding: 2.8vw 30vw 2.8vw 0;
padding: 2.3vw 30vw 2.3vw 0;
border-bottom: 2px solid #1414B4;
cursor: pointer;
transition: all .2s ease-in-out;
}
#sect02 .liBox:hover{
opacity: .8;
}
#sect02 .liBox::before{
content: "";
position: absolute;
top: 0;
right: 0;
width: 27.5vw;
// width: 29vw;
height: 100%;
background: url(./img/sct02_ph01.jpg) 0 0 no-repeat;
background-size: cover;
opacity: 0;
transition: all .2s ease-in-out;
}
#sect02 .liBox.active::before{
opacity: 1;
}
#sect02 .liBox:nth-child(2)::before{
background-image: url(./img/sct02_ph02.jpg);
}
#sect02 .liBox:nth-child(3)::before{
background-image: url(./img/sct02_ph03.jpg);
}
#sect02 .liBox:nth-child(4)::before{
background-image: url(./img/sct02_ph04.jpg);
}
#sect02 .liBox:nth-child(5)::before{
background-image: url(./img/sct02_ph05.jpg);
}



#sect02 .liBox .accordion_head{
position: relative;
cursor: pointer;
transition: all .2s ease-in-out;
}
#sect02 .liBox .accordion_head::before{content: "";position: absolute;top: .7rem;left: 40vw;width: 1.2vw;height: 1.2vw;background: url("./img/sct02_plus.svg") 0 50% no-repeat;background-size: 1.2vw auto;}
#sect02 .liBox .accordion_head.active::before{
background-image: url("./img/sct02_minus.svg");
}

#sect02 .liBox .accordion_head .innerBox{
}
#sect02 .liBox .accordion_head h4{width: 18vw;margin: 0 2vw 0 0;padding: 0 .5vw .1vw 4vw;background: #0000F0;background: linear-gradient(90deg, rgba(0, 0, 240, 1) 0%, rgba(0, 191, 52, 1) 100%);line-height: 1.3;font-size: 2vw;color: #fff;text-align: center;}
#sect02 .liBox .accordion_head h4::before{
content: "";
position: absolute;
top: 0;
left: .3vw;
width: 4vw;
height: 100%;
background: url("./img/sct01_01.svg") 0 50% no-repeat;
background-size: auto 1.2vw;
opacity: .5;
}
#sect02 .liBox:nth-child(2) .accordion_head h4::before{
background-image: url("./img/sct01_02.svg");
}
#sect02 .liBox:nth-child(3) .accordion_head h4::before{
background-image: url("./img/sct01_03.svg");
}
#sect02 .liBox:nth-child(4) .accordion_head h4::before{
background-image: url("./img/sct01_04.svg");
}
#sect02 .liBox:nth-child(5) .accordion_head h4::before{
background-image: url("./img/sct01_05.svg");
}

#sect02 .liBox .accordion_head p{color: #1414B4;font-weight: 700;font-size: 2.5rem;}

#sect02 .accordion_body p{
margin: 0;
}







/*------------
sect03_PC
------------*/
#sect03{
padding: 14vw 0 0;

}
#sect03::before{
content: "";
position: absolute;
z-index: 1;
top: 8vw;
left: 0;
width: 48.5vw;
height: 8vw;
background: url(./img/sct03_eng.svg) 0 0 no-repeat;
background-size: 48.5vw auto;
}
#sect03::after{
content: "";
position: absolute;
z-index: -1;
bottom: 0;
left: 0;
width: 100%;
height: 60vw;
background: url("./img/sct03_bg.jpg") 0 0 no-repeat;
background-size: cover;
}

#sect03 .areaInner::before{
content: "";
position: absolute;
bottom: 0;
left: -14vw;
width: 100vw;
height: 13vw;
background: #0D1319;
background: linear-gradient(0deg, rgba(13, 19, 25, 1) 0%, rgba(13, 19, 25, 0) 100%);
}



#sect03 .sectTtl{
font-size:4.0vw;
text-align: center;
line-height: 1.4;
}
#sect03 .sectTtl .line1{
display: block;
padding: 0 15vw 0 0;
}
#sect03 .sectTtl .line2{
display: block;
padding: 0 0 0 15vw;
}
#sect03 .sectTtl .obiAnim{
top: 1.2vw;
}

#sect03 .tabcontents{
display: flex;
justify-content: space-between;
padding: 9vw 0 0;
}
#sect03 .tabcontents-list{
width: 48.5%;
box-shadow: 3px 3px 8px #ccc;
}

#sect03 .tabcontents-list .ttlArea{
position: relative;
padding: 3vw 5% 1.8vw 8%;
background: #0000F0;
color: #fff;
font-weight: 700;
}
#sect03 .tabcontents-list:nth-child(2) .ttlArea{
background: #00BE36;
}
#sect03 .tabcontents-list .ttlArea::before{
content: "";
position: absolute;
top: -6vw;
right: 0;
width: 21vw;
height: 13vw;
background: url(./img/sct03_icon01.png) 0 0 no-repeat;
background-size: 21vw auto;
}
#sect03 .tabcontents-list:nth-child(2) .ttlArea::before{
background-image: url(./img/sct03_icon02.png);
}
#sect03 .tabcontents-list .ttlArea .boxTtl{
line-height: 1.6;
font-size:2.3vw;
}
#sect03 .tabcontents-list .ttlArea p{
margin: 0;
text-align: right;
line-height: 1.4;
font-size:1.3vw;
}
#sect03 .tabcontents-list .ttlArea p span{
display: inline-block;
margin: 0 .5vw;
padding: 0 .5vw .1vw;
background: #1414B4;
}
#sect03 .tabcontents-list:nth-child(2) .ttlArea p span{
background: #009F2D;
}

#sect03 .tabcontents-list .mainArea{
background: #fff;
}
#sect03 .tabcontents-list .mini{
padding: 1.2vw 5%;
border-bottom: 2px solid #E2E2E2;
}
#sect03 .tabcontents-list .txtArea{
display: flex;
align-items: center;
margin: 0 0 1.2vw;
}
#sect03 .tabcontents-list .sttl{width: 1.3vw;margin: 0;font-size:1.3vw;color: #0000F0;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;font-family: "Noto Sans JP vt";border-right: 3px solid #bcbcf6;padding: 0 1rem;}
#sect03 .tabcontents-list:nth-child(2) .sttl{color: #00BE36;border-right: 3px solid #a7d0b2;}
#sect03 .tabcontents-list .mini p{width: calc(100% - 1.3vw);padding: 0 1vw;text-align: center;line-height: 1.5;font-size: 1.5vw;font-weight: 700;}

#sect03 .botArea{
position: relative;
padding: 8vw 0 11vw;
}
#sect03 .botArea::before{
content: "";
position: absolute;
top: 4vw;
left: 0;
width: 100%;
height: 2vw;
background: url(./img/sct03_sum.png) 50% 0 no-repeat;
background-size: 11vw auto;
}
#sect03 .botArea::after{
content: "";
position: absolute;
top: 6vw;
left: 50%;
width: .1rem;
height: 3vw;
background: #0000F0;
}

#sect03 .botArea p{
text-align: center;
font-weight: 700;
font-size: 1.8vw;
}





/*------------
sect04_PC
------------*/
#sect04{
margin: 0;
padding: 14vw 0 0;
background: #0D1319;
}
#sect04::before{
content: "";
position: absolute;
z-index: 2;
top: 8vw;
left: 2.5vw;
width: 95vw;
height: 28vw;
background: url(./img/eng_sps.svg) 0 0 no-repeat;
background-size: 95vw auto;
}
#sect04::after {
width: 0;
height: 0;
background: none;
border: none;
}
#sect04 .bgSect::before{
background: #0D1319;
}
#sect04 .areaInner{
z-index: 2;
}



#sect04 .headArea {
margin: 0 0 2.0vw;
padding: 0 0 2.0vw;
}
#sect04 .headArea .pos {
font-size: 1.3vw;
}
#sect04 .headArea .boxTtl {
font-size: 2.6vw;
}
#sect04 .txtArea {
width: 38vw;
margin: 0 0 3vw;
}


#sect04 .imgArea {
position: absolute;
z-index: 1;
top: 0;
right: -6.5vw;
width: 38vw;
}
#sect04 .imgArea .flame{
width: 100%;
}
#sect04 .imgArea .flame img{
width: 100%;
object-fit: cover;
}
#sect04 .imgArea .caption{
width: 100%;
}

#sect04 .mainTxt{
position: relative;
padding: 1vw 0;
background: #252B30;
}
#sect04 .mainTxt::before{
content: "";
position: absolute;
top: 0;
left: -100vw;
width: 100vw;
height: 100%;
background: #252B30;
}
#sect04 .mainTxt::after{
content: "";
position: absolute;
top: 0;
right: -32vw;
width: 32vw;
height: 100%;
background: #252B30;
}

#sect04 .txtArea .sttl {
margin: 0 0 4vw;
font-size: 1.9vw;
}
#sect04 .txtArea .sttl .obiAnim{
position: relative;
top: 1vw;
padding: .4vw 1rem;
font-size: 2.1vw;
line-height: 1.3;
}
#sect04 .txtArea .sttl .obiAnim::before{
background: #0D1319;
}
#sect04 .txtArea .catch {
margin: 1.3vw 0;
font-size: 1.3vw;
}


#sect04 .ulBox{
z-index: 3;
display: flex;
justify-content: space-between;
padding: 4vw 0;
}
#sect04 .liBox{
width: 48.5%;
border: 1px solid #00BE36;
overflow: hidden;
}
#sect04 .liBox a{
position: relative;
color: #fff;
}
#sect04 .liBox a::before{
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 5.3vw;
height: 2.2vw;
background: url(./img/sct04_more.svg) 0 100% no-repeat;
background-size: 5.3vw auto;
}


#sect04 .liBox h4{
padding: 9vw 3vw 2vw; 
font-size:1.7vw;
overflow: hidden;
}
#sect04 .liBox h4::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(./img/sct04_img01.jpg) 0 0 no-repeat;
background-size: cover;
overflow: hidden;
transition: all .2s ease-in-out;
}
#sect04 .liBox:nth-child(2) h4::before{
background-image: url(https://www.logi-365.com/wp/wp-content/uploads/sct04_img02_2.png);
}
#sect04 .liBox a:hover h4::before{
transform: scale(1.1);
opacity: 1;
}

#sect04 .liBox .boxtxtArea{
padding: 1.5vw 3vw 2vw;
}
#sect04 .liBox .txtArea p{
padding: 0;
}

#sect04 .slideArea{
position: relative;
width: 100vw;
height: 60vw;
padding: 10vw 0 0;
overflow: hidden;
}

/* eng_slider1_PC */
#sect04 .eng_slider1{
position: absolute;
z-index: 3;
top: 27vw;
}
.eng_slider1 .slick-slide{
height: 9vw;
margin-right: 2vw!important;
margin-left: 2vw!important;
}

#sect04 .eng_slider2{
position: absolute;
z-index: 2;
top: 10vw;
height: 35vw;
}
.eng_slider2 .slick-slide{
height: 35vw;
margin-right: 4vw!important;
margin-left: 4vw!important;
}
.eng_slider2 img{
height: 35vw;
object-fit: cover;
}


/*------------
sect05_PC
------------*/

#sect05{
margin: 0;
padding: 5vw 0 10vw;
background: none;
}
#sect05::before{
}
#sect05::after {
}

#sect05 .bgSect::before{
background: #fff;
}

#sect05 .areaInner{
z-index: 2;
}

#sect05 .sectTtl{
margin: 0 0 .5vw;
text-align: center;
font-size:2.7vw;
}
#sect05 .sectTtl .fontS{
display: block;
}
#sect05 .note{
text-align: center;
font-size:.8vw;
color: #606060;
}


#sect05 .ulBox{
display: flex;
justify-content: space-between;
padding: 5.7vw 0 0;
}
#sect05 .liBox{
width: 31%;
background: #fff;
border: 1px solid #00BE36;
}
#sect05 .liBox h3{
padding: 6.5vw 5% 1.5vw;
background: #00BE36;
text-align: center;
color: #fff;
font-size:1.7vw;
}
#sect05 .liBox h3::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(./img/sct05_tri.svg) 0 0 no-repeat;
background-size: 100% 100%;
}
#sect05 .liBox h3::after{
content: "";
position: absolute;
top: -5.7vw;
left: 0;
width: 100%;
height: 12vw;
background: url(./img/sct05_icon01.png) 0 0 no-repeat;
background-size: 100% auto;
}
#sect05 .liBox:nth-child(2) h3::after{
background-image: url(./img/sct05_icon02.png);
}
#sect05 .liBox:nth-child(3) h3::after{
background-image: url(./img/sct05_icon03.png);
}
#sect05 .liBox h3 span{
position: relative;
}

#sect05 .liBox ul{
padding: 0 8%;
}
#sect05 .liBox li{
padding: .1vw 0 .1vw 1.5vw;
font-weight: 700;
}
#sect05 .liBox li::before {
top: .8vw;
width: .6vw;
height: .6vw;
background: #00BE36;
}



#sect05 .botArea{
width: 44vw;
margin: -3vw auto 0;
padding: 6.8vw 5% 4vw;
background: #F0F0F0;
}

#sect05 .botArea dl{
width: 100%;
display: table;
}
#sect05 .botArea dt{
display: table-cell;
width: 5.5vw;
padding: .6vw 0;
border-bottom: 1px solid #00BE36;
font-weight: 700;
}
#sect05 .botArea dd{
display: table-cell;
padding: .6vw 1vw .6vw 2vw;
border-bottom: 1px solid #CBCBCB;
}
#sect05 .botArea .note2{
color: #848484;
}





/*------------
sect06_PC
------------*/

#sect06{
margin: 0;
padding: 0 0 0;
background: none;
}
#sect06::before{
content: "";
position: absolute;
z-index: 2;
top: 11vw;
left: 14vw;
width: 50vw;
height: 5.5vw;
background: url("./img/sct06_eng.svg") 0 0 no-repeat;
background-size: 50vw auto;
}


#sect06 .bgSect::before{
background: url("./img/sct06_bg.jpg") 0 0 no-repeat;
background-size: cover;
}

#sect06 .areaInner{
z-index: 2;
}

#sect06 .sectTtlArea{
margin: 0 0 3vw;
}
#sect06 .sectTtlArea::before{
content: "";
position: absolute;
z-index: 1;
top: -18vw;
left: 50%;
width: 50vw;
height: 53vw;
background: url("./img/sct06_map.png") 0 0 no-repeat;
background-size: 50vw auto;
}
#sect06 .sectTtlArea .logo{
width: 37vw;
margin: 0 0 10vw;
}
#sect06 .sectTtlArea p{
position: relative;
width: 44vw;
padding: 1.8vw 0;
background: rgba(20,20,180,.7);
line-height: 1.8;
color: #fff;
}
#sect06 .sectTtlArea p::before{
content: "";
position: absolute;
top: 0;
left: -100vw;
width: 100vw;
height: 100%;
background: rgba(20,20,180,.7);
}

#sect06 .sectTtlArea .note {
margin: 0 0 2vw;
font-size: .9vw;
color: #fff;
}



/* tab */
#sect06 .tabArea{
position: relative;
z-index: 3;
}
#sect06 .tabArea .note {
margin: .5vw 0 0;
font-size: .9vw;
text-align: right;
color: #fff;
}
#sect06 .tab2{
display: flex;
width: 100%;
padding: 0 0 2rem;
}
#sect06 .tablist{
position: relative;
width: 25%;
padding: 1.8vw 10%;
background: #848484;
border-left: 1px solid #F0F0F0;
line-height: 1;
text-align: center;
font-weight: 700;
font-size:1.3vw;
color: #fff;
cursor: pointer;
}
#sect06 .tablist:first-child{
border: none;
}
#sect06 .tablist::before{
}
#sect06 .tablist .inner{
}
#sect06 .tablist.active{
background: #00BE36;
}
#sect06 .tablist.active::before{
content: "";
position: absolute;
z-index: 1;
bottom: -1.9rem;
left: 0;
width: 100%;
height: 100%;
background: url(./img/sct06_tri.svg) 50% 100% no-repeat;
background-size: 2.7rem auto;
}


#sect06 .tabcontents{
position: relative;
background: #fff;
}
#sect06 .tabcontents::before{
content: "";
position: absolute;
bottom: -4.2vw;
left: 0;
width: 100%;
height: 4.3vw;
background: url(./img/sct06_tri2.svg) 50% 100% no-repeat;
background-size: auto 4.3vw;
}
#sect06 .tabcontents-list2{
position: relative;
padding: .5vw 5%;
}



#sect06 .tabcontents .liBox{
display: flex;
align-items: center;
justify-content: space-between;
padding: 2vw 3vw;
border-top:1px solid #C6C6FF;
}
#sect06 .tabcontents .liBox:first-child{
border: none;
}
#sect06 .tabcontents .liBox .sttl{
width: 18vw;
font-size:1.6vw;
}
#sect06 .tabcontents .liBox .btnArea{
width: 45vw;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#sect06 .tabcontents .liBox .btnArea a{
position: relative;
width: 47.5%;
margin: 1rem 0;
padding: 1.2vw 10% 1.2vw 5%;
background: #ccc;
background: url(./img/sct06_btnbg.svg) 100% 0 no-repeat #F0F0F0;
background-size: 5.5vw 100%;
font-weight: 700;
font-size:1.3vw;
color: #0000F0;
}
#sect06 .tabcontents .liBox .btnArea a:hover{
background: url(./img/sct06_btnbg_hover.svg) 100% 0 no-repeat #00BE36;
background-size: 5.5vw 100%;
color: #fff;
opacity: 1;
}
#sect06 .tabcontents .liBox .btnArea a::before{
content: "";
position: absolute;
top: 0;
right: 1vw;
width: 1.3vw;
height: 100%;
background: url("./img/arrow_bl.svg") 0 50% no-repeat;
background-size: 1.3vw auto;
}
#sect06 .tabcontents .liBox .btnArea a:hover::before{
background-image: url("./img/arrow_wt.svg");
}

#sect06 .tabcontents .liBox .btnArea a .fontS{
font-size:1.15vw;
}






/* modal */

/*.introArea{
display: none;
}
#sect00,
#sect01,
#sect02,
#sect03,
#sect04,
#sect05{
display: none;
}
*/


/*infoエリアをはじめは非表示*/
#sect06 .infoBox{
display: none;
position: relative;
}

.md_style02{
background: url("./img/sct06_modal_bg.jpg") 0 0 no-repeat;
background-size: cover;
-ms-overflow-style: none; /* IE, Edge 対応 */
scrollbar-width: none;/* Firefox 対応 */
}
.md_style02::-webkit-scrollbar{
display: none;
/* Chrome, Safari 対応 */
}

.md_style02::before{
content: "";
position: fixed;
top: 0;
left: 3vw;
width: 5.7vw;
height: 100%;
background: url("./img/sct06_modal_eng.png") 0 50% no-repeat;
background-size: 5.7vw auto;
}


/*モーダルの横幅を変更したい場合*/
.md_style02 .modaal-container{
max-width: 65vw;
background: none;
box-shadow: none;
}


.md_style02.modaal-wrapper .modaal-close {
position: fixed;
right: 0;
top: 0;
cursor: pointer;
opacity: 1;
width: 18rem;
height: 18rem;
background: url(./img/modal_close.svg) 0 0 no-repeat;
background-size: 18rem auto;
border-radius: 0;
transition: all .2s ease-in-out;
}
.md_style02 .modaal-close:after, .md_style02 .modaal-close:before {
width: 0;
height: 0;
background: none;
border: none;
}

.md_style02 .modaal-content-container{
padding: 0;
}
.md_style02 .modalInner{
position: relative;
}


/* custom */
/*.md_style02 .slick-list {
overflow: visible;
}
*/

.md_style02 .modaal-container{
position: relative;
margin: 0;
}
.md_style02 .modaal-container .liBox{
position: relative;
}




.md_style02 .modaal-container .inner{
position: relative;
margin: 0 0 0;
padding: 0;
min-height: 0;
color: #fff;
}



.md_style02 .modaal-container .boxTtl{
margin: 0 0 2vw;
text-align: center;
line-height: 1.6;
font-weight: 700;
font-size:1.9vw;
}

.md_style02 .modaal-container .boxTtl .obi{
position: relative;
display: inline-block;
margin: 1rem 1vw .4rem;
padding: 1rem .5vw 1.2rem;
background: #0000F0;
background: linear-gradient(90deg, rgba(0, 0, 240, 1) 0%, rgba(0, 191, 52, 1) 100%);
line-height: 1;
color: #fff;
font-size:2.9vw;
overflow: hidden;
}

.md_style02 .modaal-container .mainArea{
margin: 0 0 2vw;
}

.md_style02 .modaal-container .areaL{
width: 30vw;
height: 18vw;
float: left;
}
.md_style02 .modaal-container .areaR{
width: 32vw;
float: right;
}

.md_style02 .modaal-container .areaL iframe{
width: 100%; 
height: 100%;
}

.md_style02 .modaal-container dl{
width: 100%;
display: table;
}
.md_style02 .modaal-container dt{
display: table-cell;
vertical-align: middle;
width: 4vw;
padding: .8vw 0;
border-bottom: 1px solid #00F546;
font-size:.9vw;
font-weight: 700;
}
.md_style02 .modaal-container dd{
display: table-cell;
vertical-align: middle;
padding: .8vw 1vw;
border-bottom: 1px solid rgba(255,255,255,.4);
font-size:.9vw;
}

.md_style02 .modaal-container .btns{
}
.md_style02 .modaal-container .btns a{width: 30vw;font-size: 1.1vw;}


#sect06 .botArea{padding: 3.7vw 0;background: #0000564d;}
#sect06 .botArea .sttl{
margin: 0 0 2vw;
text-align: center;
font-size:1.9vw;
color: #fff;
}
#sect06 .obiAnim{
top:1.2vw;
}
#sect06 .obiAnim::before{
background: #1414b4;
}
#sect06 .botArea a::before{
background-image: url(./img/arrow_ccl_wt3.svg);
}




/*------------
sect07_PC
------------*/
#sect07{
padding: 14vw 0 0;
}
#sect07::before{
content: "";
position: absolute;
z-index: 2;
top: 8vw;
left: 0;
width: 30vw;
height: 10vw;
background: url(./img/sct07_eng.svg) 0 0 no-repeat;
background-size: 30vw auto;
}

#sect07 .bgSect::before{
background:#F0F0F0;
}

#sect07 .sectTtl{
margin: 0 0 3vw;
padding: 0 0 0 20vw;
font-size:3.3vw;
line-height: 1.4;
}
#sect07 .sectTtl .line1{
display: block;
}
#sect07 .sectTtl .line2{
display: block;
}
#sect07 .sectTtl .deco{
position: relative;
}
#sect07 .sectTtl .deco::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 31vw;
height: 9vw;
background: url(./img/sct07_deco.png) 0 0 no-repeat;
background-size: 31vw auto;
}

#sect07 .sectTtlArea p{
width: 30vw;
float: right;
margin: 0 0 5vw;
}




#sect07 .ulBox{
z-index: 3;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 0 9.3vw;
padding: 3.3vw 0 4vw;
}
#sect07 .ulBox::before{
content: "";
position: absolute;
top: 3.3vw;
left: -9.3vw;
width: 7vw;
height: 100%;
background: url(./img/sct07_eng_s1.svg) 50% 0 no-repeat;
background-size: 2.3vw auto;
}
#sect07 .ulBox::after{
content: "";
position: absolute;
top: 0;
left: -9.3vw;
width: 7vw;
height: .1rem;
background: #0000F0;
}

#sect07 .ulBox2{
margin: 0 9.3vw 0 0;
}
#sect07 .ulBox2::before{
content: "";
position: absolute;
left: auto;
right: -9.3vw;
background-image: url(./img/sct07_eng_s2.svg);
}
#sect07 .ulBox2::after{
left: auto;
right: -9.3vw;
background: #00BE36;
}

#sect07 .ulBox3::before{
background-image: url(./img/sct07_eng_s3.svg);
}




#sect07 .liBox{
width: 48.5%;
margin: 0 0 2vw;
background: #1414B4;
overflow: hidden;
}
#sect07 .liBox.oneBox{
width: 100%;
}
#sect07 .ulBox2 .liBox{
background: #009F2D;
}
#sect07 .liBox a{
position: relative;
padding:0 0 2vw;
color: #fff;
}
#sect07 .liBox a::before{
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 5.3vw;
height: 2.2vw;
background: url(./img/sct07_more.svg) 0 100% no-repeat;
background-size: 5.3vw auto;
}
#sect07 .ulBox2 .liBox a::before{
background-image: url(./img/sct04_more.svg);
}

#sect07 .liBox h3{
display: flex;
align-items: center;
margin: 0 0 2vw;
padding: 2.5vw 3vw;
line-height: 1.8;
font-size:1.6vw;
overflow: hidden;
}
#sect07 .liBox h3::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(./img/sct07_img01.jpg) 50% 50% no-repeat;
background-size: cover;
overflow: hidden;
transition: all .2s ease-in-out;
}
#sect07 .ulBox1 .liBox:nth-child(2) h3::before{
background-image: url(./img/sct07_img02.jpg);
}
#sect07 .ulBox1 .liBox:nth-child(3) h3::before{
background-image: url(./img/sct07_img03.jpg);
}
#sect07 .ulBox1 .liBox:nth-child(4) h3::before{
background-image: url(./img/sct07_img04.jpg);
}

#sect07 .ulBox2 .liBox:nth-child(1) h3::before{
background-image: url(./img/sct07_img05.jpg);
}
#sect07 .ulBox2 .liBox:nth-child(2) h3::before{
background-image: url(./img/sct07_img06.jpg);
}
#sect07 .ulBox2 .liBox:nth-child(3) h3::before{
background-image: url(./img/sct07_img07.jpg);
}

#sect07 .ulBox3 .liBox:nth-child(1) h3::before{
background-image: url(./img/sct07_img08.jpg);
background-position: 50% 80%;
}



#sect07 .liBox a:hover h3::before{
transform: scale(1.1);
opacity: 1;
}


#sect07 .liBox .boxtxtArea{
padding: 0 3vw .5vw;
}
#sect07 .liBox .boxtxtArea p{
padding: 0;
}





/* End_PC */




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



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

.areaInner {
    width: auto;
}




#sect01wrap2{
margin: -5rem 0 0;
padding: 5rem 0 0;
}
#sect04wrap2{
margin: -190rem 0 0;
padding: 190rem 0 0;
}
#sect07wrap2{
margin: -90rem 0 0;
padding: 90rem 0 0;
}


#sect01wrap{
margin: -5rem 0 0;
padding: 5rem 0 0;
}
#sect02wrap{
margin: -5rem 0 0;
padding: 5rem 0 0;
}
#sect04wrap{
margin: -5rem 0 0;
padding: 5rem 0 0;
}
#sect07wrap{
margin: -5rem 0 0;
padding: 5rem 0 0;
}








.container{
width: 100vw;
height: 100vh;
clip-path: inset(40% 20% round 10px);
overflow: hidden;
animation:mmfadeIn .5s ease forwards;
}
.container.start_anim{
animation:maskimg3 .5s ease forwards;
}
@keyframes maskimg3 {
0% {
clip-path: inset(40% 20% round 10px);
}
100% {
clip-path: inset(0 round 0);
}
}


/*--------------------------------------
　header_SP
---------------------------------------*/
#header{
position: absolute;
z-index: 100;
width: 100%;
background: none;
}
#header::before{
width: 0;
height: 0;
background: none;
border: none;
}
#header .topArea{
position: relative;
z-index: 1;
padding: .5rem 2rem 0;
text-align: center;
}

#header .siteName,
#header .siteName a{
display: inline-block;
font-weight: 400;
font-size:1.0rem;
line-height: 1.6;
color: #fff;
}
#header .sps{position: relative;display: block;font-size:1.0rem;line-height: 1.6;color: #fff;padding: 0;}



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

#contents{
padding: 0 0 0;
font-size:1.5rem;
}

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


.bgSect{
position: relative;
/*clip-path: inset(0);
*/}
.bgSect::before{
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1414B4;
transition: all 0.5s ease 0s;
z-index: 1;
opacity: 0;
visibility:hidden;
}
.bgSect.show::before{
opacity: 1;
visibility: visible;
}





/*------------
mvArea_SP
------------*/



.introArea{
}


.mvArea{
position: relative;
z-index: 1;
width: 100%;
height: 100vh;
transition: all .2s ease-in-out;
clip-path: inset(0);
}

.mvArea .headNote{
    position: absolute;
    bottom: 2rem;
    bottom: 0;
    padding: 1rem 2rem;
    font-size:1.0rem;
    line-height: 1.6;
    text-align: left;
    color: #fff;
}

.mvArea .slider1{
position: fixed;
width: 100%;
height: 100vh;
}
.mvArea .slick-slide img{
height: 100vh;
margin: auto;
max-height: 100%;
max-width: 100%;
object-fit: cover;
width: 100%;
}


.mvArea h2{
position: absolute;
z-index: 2;
bottom: auto;
top: 44rem;
left: auto;
right: 5%;
text-align: right;
}
.mvArea h2 .obi{display: inline-block;padding: .2vh 0vw .2vh 5vw;background: #0000F0;background: linear-gradient(90deg, rgba(0, 0, 240, 1) 0%, rgba(0, 191, 52, 1) 100%);color: #fff;font-size:4rem;}
.mvArea h2 .fontSP{font-size: 4rem;}
.mvArea h2 .obi2{
display: inline-block;
padding: .3vw 1vw;
background: #fff;
color: #000BE5;
font-size:1.6rem;
}
.mvArea h2 .obi2 span{
position: relative;
z-index: 1;
}
.mvArea h2 .obi2 span::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 2.5rem;
background: url("./img/mv_deco.svg") 50% 0 no-repeat;
background-size: 3.7rem auto;
}


.mvArea .engCopy{
position: absolute;
z-index: 1;
bottom: auto;
top: 16vh;
left: 2vw;
width: 96vw;
}
.mvArea .engCopy img{
width: 100%;
}

.mvArea .deco2{
position: absolute;
z-index: 1;
top: 50vh;
left: -5vw;
width: 90vw;
}
.mvArea .deco img{
width: 100%;
}





/*------------
sect00_SP
------------*/
#sect00{
position: relative;
padding: 5rem 0;
/*background: #0D1319;*/
color: #fff;
}

#sect00 .bgSect::before{
background: #0D1319;
}

#sect00 .intro{
position: relative;
z-index: 2;
padding: 5rem 5% 0;
background: url("./img/eng_intro.svg") 50% 0 no-repeat;
background-size: 20rem auto;
}
#sect00 .intro::before{
content: "";
position: absolute;
top: .6rem;
left: 0;
width: 20vw;
height: 1px;
background: #00BE36;
}
#sect00 .intro::after{
content: "";
position: absolute;
top: .6rem;
right: 0;
width: 20vw;
height: 1px;
background: #00BE36;
}

#sect00 .intro p{
margin: 0 0 4.5rem;
font-size:2.0rem;
font-weight: 700;
}

#sect00 .intro p .txt_bold{
color: #00BE36;
}
#sect00 p .deco{
position: relative;
z-index: 1;
}
#sect00 .intro p .deco::before{
content: "";
position: absolute;
z-index: -1;
top: -.5rem;
left: 0;
width: 100%;
height: 5rem;
background: url("./img/sct00_deco.svg") 50% 0 no-repeat;
background-size: 20rem auto;
}




#sect00 .slideArea{
position: relative;
z-index: 2;
width: 100vw;
height: 40rem;
margin: 0 0 10rem;
padding: 5rem 0 0;
overflow: hidden;
}

#sect00 .slideArea .flame{
position: absolute;
z-index: 3;
left: 10vw;
width: 80vw;
}
#sect00 .slideArea .flame img{
width: 100%;
object-fit: cover;
}

/* eng_slider3_SP */
#sect00 .eng_slider3{
position: absolute;
z-index: 2;
top: 0;
width: 150vw;
}
.eng_slider3 .slick-slide{
width: 150vw;
margin-right: 2vw!important;
margin-left: 2vw!important;
}
.eng_slider3 .slick-slide img{
width: 150vw;
object-fit: contain;
}






#sect00 .botArea{
position: relative;
z-index: 2;
display: block;
border-top: 2px solid #707070;
border-bottom: 2px solid #707070;
margin:4rem 5% 0;
padding: 3.5rem 0 3rem;
}
#sect00 .botArea::before{
content: "";
position: absolute;
top: -4rem;
left: 0;
width: 100%;
height: 100%;
background: url("./img/sct00_about.svg") 0 0 no-repeat;
background-size: 27rem auto;
}

#sect00 .botArea .flame{width: 18rem;margin: 0 auto 3rem;}
#sect00 .botArea .flame img{
width: 100%;
}
#sect00 .botArea p{
width: auto;
}





/*------------
indexSect_SP
------------*/

.indexSect{
position: relative;
z-index: 2;
}
.indexSect::before{
}

.indexSect .areaInner{
margin: 0 5%;
}

.indexSect .sectTtlArea{
position: relative;
z-index: 1;
}


.indexSect .sectTtl{
position: relative;
z-index: 2;
}

.indexSect .txt_bold{
color: #009F2D;
}


.indexSect .obiAnim{
position: relative;
display: inline-block;
margin: 0 .5rem .4rem;
padding: .6rem .5rem .7rem;
background: #0000F0;
background: linear-gradient(90deg, rgba(0, 0, 240, 1) 0%, rgba(0, 191, 52, 1) 100%);
line-height: 1;
color: #fff;
overflow: hidden;
}

.indexSect .sectTtl .obiAnim::before{
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: #fff;
transition: all 0.5s ease-in-out;
transform-origin: right center;
}
.obi_out.is-show .obiAnim::before{
animation-name: bgOut;
animation-duration:0.5s;
animation-fill-mode:forwards;
}
@keyframes bgOut{
  from {
    transform: scaleX(1) translateX(0);
  }
  to {
    transform: scaleX(0) translateX(0);
  }
}





.indexSect .sectTtl a{
}
.indexSect .sectTtl a .arw{
position: relative;
display: inline;
padding: 0 3rem 0 0;
}
.indexSect .sectTtl a .arw::before{
content: "";
position: absolute;
z-index: 10;
top: 0;
right: 0;
width: 1.9rem;
height: 100%;
background: url("./img/arrow_ccl_gr.svg") 99% calc(100% - 5px) no-repeat;
background-size: 1.9rem auto;
transition: all .2s ease-in-out;
}

.indexSect .sectTtlArea p{
position: relative;
}


.indexSect .box2,
.indexSect .box3{
display: block;
padding: 0 0;
}
.indexSect .liBox{
}

.indexSect .box2 .liBox,
.indexSect .box3 .liBox{
width: auto;
margin: 0 0 20px;
}
.indexSect .box2 .liBox:nth-child(2n),
.indexSect .box3 .liBox:nth-child(3n){
margin: 0 0 20px;
}



/*------------
sect01_SP
------------*/
#sect01{
z-index: 2;
margin: 0 0 0;
padding: 7rem 0 5rem;
color: #fff;
}
#sect01::before{
content: "";
position: absolute;
z-index: 2;
top: 2rem;
left: 5%;
width: 33rem;
height: 9vw;
background: url(./img/sct01_eng.svg) 0 0 no-repeat;
background-size: 33rem auto;
}

#sect01 .bgSect::before{background: url(./img/tmp_bg.jpg) #1414B4;}
#sect01 .areaInner{
}

#sect01 .sectTtlArea{
margin: .5rem 0 2rem;
}
#sect01 .sectTtl{
margin: 0 0 2rem;
font-size:3.0rem;
}
#sect01 .sectTtl .fontS{
display: block;
margin: 0 0 1rem;
font-size:2.0rem;
}
#sect01 .sectTtl .deco{
position: relative;
}
#sect01 .sectTtl .deco::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 4.5rem;
background: url("./img/sct01_deco.svg") 50% 0 no-repeat;
background-size: 16.3rem auto;
}
#sect01 .sectTtlArea p{
width: auto;
float: none;
}



#sect01 .ulBox1{
width: auto;
overflow: visible;
display: block;
padding: 7rem 5% 4rem;
}
#sect01 .ulBox1 .wrap{
display: flex;
justify-content: flex-start;
width: auto;
will-change: transform
}
#sect01 .ulBox1 .liBox{
position: relative;
top: 0;
opacity: 1;
}
#sect01 .ulBox1 .liBox.swiper-slide-active{
top:0;
opacity: 1;
}

#sect01 .ulBox1 .liBox a{
width: 100%;
}
#sect01 .ulBox1 .liBox .nailImg{
display: block;
margin: 0 0 7rem;
}
#sect01 .ulBox1 .liBox img{
width: 100%;
object-fit: cover;
}


#sect01 .ulBox1 .txtArea{
position: relative;
padding: 0 0 2rem;
border-bottom: 1px solid #fff;
color: #fff;
display: block;
}
#sect01 .ulBox1 .liBox.swiper-slide-active .txtArea{
display: block;
}
#sect01 .ulBox1 .txtArea::before{content: "";position: absolute;top: -5rem;left: 0;width: 100%;height: 6.5rem;background: url(./img/sct01_02.svg) 0 0 no-repeat;background-size: auto 6.5rem;opacity: .26;}
#sect01 .ulBox1 .sl102 .txtArea::before{
background-image: url(./img/sct01_03.svg);
}
#sect01 .ulBox1 .sl103 .txtArea::before{
background-image: url(./img/sct01_04.svg);
}
#sect01 .ulBox1 .txtArea::after{
content: "";
position: absolute;
bottom: 2rem;
right: 1vw;
width: 100%;
height: 1.3rem;
background: url(./img/sct01_more.svg) 100% 0 no-repeat;
background-size: auto 1.3rem;
}

#sect01 .ulBox1 .txtArea p{
line-height: 1.6;
font-size:2rem;
font-weight: 700;
}

#sect01 .ulBox1 .tags{
margin: 0 0 4rem;
}
#sect01 .ulBox1 .tag{
position: relative;
display: inline-block;
margin: 0 1rem 0 0;
padding: 3px 1rem 5px;
background: #0000F0;
line-height: 1;
text-align: center;
font-size: 1.3rem;
font-weight: 700;
color: #fff;
}
#sect01 .ulBox1 .tag::before{
content: "#";
}







#sect01 .swp-next, 
#sect01 .swp-prev{
top: 2rem;
width: 10rem;
height: 3.5rem;
position: absolute;
z-index: 1;
cursor: pointer;
}
#sect01 .swp-next {
background: url("./img/sct01_next.svg") 50% 50% no-repeat #0A0A92;
background-size: 8.5rem auto;
left: calc(50% + 1rem);
right: auto;
}
#sect01 .swp-prev {
background: url("./img/sct01_prev.svg") 50% 50% no-repeat #0A0A92;
background-size: 8.5rem auto;
left: calc(50% - 11rem);
}
#sect01 .swp-next.swiper-button-disabled,
#sect01 .swp-prev.swiper-button-disabled{
opacity: .5;
}







/* modal */

/*.introArea{
display: none;
}
#sect00{
display: none;
}
*/

/*infoエリアをはじめは非表示*/
#sect01 .infoBox{
display: none;
position: relative;
}

.md_style01{
background: none;
}
.md_style01::before{
content: "";
position: absolute;
top: 1rem;
left: 5%;
width: 3.8rem;
height: 100%;
background: url(./img/sct01_eng_vt.svg) 0 0 no-repeat;
background-size: 3.8rem auto;
}


/*モーダルの横幅を変更したい場合*/
.md_style01 .modaal-container{
max-width: 90vw;
width: 90vw;
background: none;
box-shadow: none;
}


.md_style01.modaal-wrapper .modaal-close {
position: fixed;
right: 0;
top: 0;
cursor: pointer;
opacity: 1;
width: 8.5rem;
height: 8.5rem;
background: url(./img/modal_close.svg) 0 0 no-repeat;
background-size: 8.5rem auto;
border-radius: 0;
transition: all .2s ease-in-out;
}
.md_style01 .modaal-close:after, .md_style01 .modaal-close:before {
width: 0;
height: 0;
background: none;
border: none;
}

.md_style01 .modaal-content-container{
padding: 2rem 0 0;
}
.md_style01 .modalInner{
position: relative;
}


/* custom */
/*.md_style01 .slick-list {
overflow: visible;
}
*/

.md_style01 .modaal-container{
position: relative;
margin: 0;
}
.md_style01 .modaal-container .liBox{
position: relative;
}




.md_style01 .modaal-container .inner{
position: relative;
margin: 0 0 0;
padding: 0;
min-height: 0;
color: #fff;
}

.md_style01 .modaal-container h3{
margin: 0 0 3rem;
padding: 0 16%;
text-align: center;
font-size:2.3rem;
}

.md_style01 .modaal-container .areaL{
width: auto;
float: none;
}
.md_style01 .modaal-container .areaR{
width: auto;
float: none;
}



.md_style01 .modaal-container .flame{
position: relative;
width: 100%; 
height: 20rem;
margin: 0 0 -2.6rem;
}
.md_style01 .modaal-container .flame .sttl{
position: absolute;
top: 0;
left: 0;
padding: .5rem .5rem .5rem;
background: #fff;
font-size:1.6rem;
line-height: 1;
color: #0000F0;
}
.md_style01 .flame .sttl .fontS{
font-size:1.4rem;
}
.md_style01 .modaal-container .flame img{
width: 100%;
height: 20rem;
object-fit: cover;
}


.md_style01 .modaal-container .tags{
margin: 0 0 0;
text-align: right;
}
.md_style01 .modaal-container .tag{
position: relative;
display: inline-block;
margin: 0 0 0 1rem;
padding: 3px 1rem 5px;
background: #0000F0;
line-height: 1;
text-align: center;
font-size: 1.5rem;
font-weight: 700;
color: #fff;
}
.md_style01 .modaal-container .tag::before{
content: "#";
}

.md_style01 .modaal-container dl{
width: 100%;
display: table;
}
.md_style01 .modaal-container dt{
display: table-cell;
width: 6rem;
padding: 1rem 0;
border-bottom: 1px solid #fff;
font-size:1.4rem;
font-weight: 700;
}
.md_style01 .modaal-container dd{
display: table-cell;
padding: .6rem 1vw;
border-bottom: 1px solid rgba(255,255,255,.4);
font-size:1.4rem;
}



.md_style01 .modaal-container .catch0{
position: relative;
margin: 4rem 0 1rem;
padding: 0 0 0 4.5rem;
font-size:2rem;
font-weight: 700;
}
.md_style01 .modaal-container .catch0 .fontS{
font-size:1.8rem;
}
.md_style01 .modaal-container .catch0::before{
content: "";
position: absolute;
top: .5rem;
left: 0;
width: 3.5rem;
height: 3.2rem;
background: url("./img/sct01_q.svg") 0 0 no-repeat;
background-size: 3.5rem auto;
}

.md_style01 .modaal-container .catch{margin: 0 0 2rem;line-height: 1;font-size: 5vw;text-align: justify;line-height: 1.5;}
.md_style01 .modaal-container .catch .obi{display: inline-block;margin: 0 0 -5px;padding: .8rem .5rem;background: #fff;color: #2900FF;}


.md_style01 .modaal-container .txtArea{
margin: 0 0 2rem;
}
.md_style01 .modaal-container p .txt_bold{
color: #00F546;
}
.md_style01 .modaal-container .btnArea{
}
.md_style01 .modaal-container .btn-internal{justify-content: center;}
.md_style01 .modaal-container .btn-internal{
width: 100%;
}
.md_style01 .modaal-container .btn-internal a{
width: auto;
font-size:1.5rem;
}

/* slider */
#slider4b .slick-arrow:before{
content:""!important;
}
#slider4b .slick-prev, #slider4b .slick-next {
z-index:2;
top: auto;
bottom: -7rem;
width: 9rem;
height: 3rem;
background: url("./img/sct01_prev.svg") 0% 0% no-repeat;
background-size: 9rem auto;
}
#slider4b .slick-next {
background: url("./img/sct01_next.svg") 100% 0% no-repeat;
background-size: 9rem auto;
}
#slider4b .slick-prev{
left:0!important;
}
#slider4b .slick-next{
left:auto;
right:5%!important;
}
#slider4b .slick-slide{
margin-left: 0!important;
margin-right: 2vw!important;
}





/*------------
sect02_SP
------------*/

#sect02{
padding: 6rem 0 0;
}
#sect02::before{
content: "";
position: absolute;
z-index: 2;
top: 0;
left: 5%;
width: 29rem;
height: 5.5rem;
background: url(./img/sct02_eng.svg) 0 0 no-repeat;
background-size: 29rem auto;
}
#sect02::after{
width: 0;
height: 0;
background: none;
border: none;
}


#sect02 .bgSect::before{
background: #fff;
}

#sect02 .areaInner{
z-index: 2;
}
#sect02 .areaInner::before{
content: "";
position: absolute;
z-index: 2;
bottom: -10rem;
left: calc(50% - 3rem);
width: 6rem;
height: 9.8rem;
background: url(./img/sct02_arrow.svg) 50% 100% no-repeat;;
background-size: 6rem auto;
}


#sect02 .sectTtlArea{
margin: 0 0 4rem;
}
#sect02 .sectTtl{
margin: 0 0 3rem;
padding: 0 0 51vw;
font-size:3rem;
}
#sect02 .sectTtl .fontS{
font-size:2.0rem;
}
#sect02 .sectTtl::before{
content: "";
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
width: 100%;
height: 50vw;
background: url(./img/sct02_bg.png) 0 0 no-repeat;
background-size: 100% auto;
}


#sect02 .sectTtlArea .txtArea{
margin: 0 0 3rem;
padding: 0 0 1.5rem;
border-bottom: 2px solid #E2E2E2;
}
#sect02 .sectTtlArea .sttl{
margin: 0 0 2rem;
text-align: center;
font-size:2rem;
color: #0000F0;
}
#sect02 .sectTtlArea .sttl::before{
content: "";
position: absolute;
top: 50%;
left: 0;
width: 29vw;
height: 2px;
background: #E2E2E2;
}
#sect02 .sectTtlArea .sttl::after{
content: "";
position: absolute;
top: 50%;
right: 0;
width: 29vw;
height: 2px;
background: #E2E2E2;
}


#sect02 h3{
margin: 0 0 2vw;
font-size:2.4rem;
text-align: center;
}

#sect02 h3 .obiAnim{
margin: .5rem 0 0;
font-size:2.9rem;
}

#sect02 .note{
margin: 0 0 2rem;
font-size:1.4rem;
text-align: center;
}



#sect02 .accordion_body{
display: none;
}
#sect02 .ulBox{
border-top: 2px solid #1414B4;
}
#sect02 .liBox{
padding: 2.4rem 0;
border-bottom: 2px solid #1414B4;
}
#sect02 .liBox:hover{
opacity: 1;
}
#sect02 .liBox::before{
width: 0;
height: 0;
background: none;
border: none;
}
#sect02 .liBox.active::before{
opacity: 0;
}
#sect02 .liBox:nth-child(2)::before{
background: none;
}
#sect02 .liBox:nth-child(3)::before{
background: none;
}
#sect02 .liBox:nth-child(4)::before{
background: none;
}
#sect02 .liBox:nth-child(5)::before{
background: none;
}



#sect02 .liBox .accordion_head{
position: relative;
}
#sect02 .liBox .accordion_head::before{content: "";position: absolute;top: 1rem;left: auto;right: .5rem;width: 1.6rem;height: 1.6rem;background: url("./img/sct02_plus.svg") 0 50% no-repeat;background-size: 1.6rem auto;}
#sect02 .liBox .accordion_head.active::before{
background-image: url("./img/sct02_minus.svg");
}

#sect02 .liBox .accordion_head .innerBox{
display: block;
}
#sect02 .liBox .accordion_head{
text-align: center;
}
#sect02 .liBox .accordion_head h4{display: inline-block;width: auto;margin: 0 0 1rem;padding: .3rem .5rem .4rem 5.5rem;background: #0000F0;background: linear-gradient(90deg, rgba(0, 0, 240, 1) 0%, rgba(0, 191, 52, 1) 100%);line-height: 1.3;font-size: 2.5rem;color: #fff;}
#sect02 .liBox .accordion_head h4::before{
content: "";
position: absolute;
top: 0;
left: .5rem;
width: 7rem;
height: 100%;
background: url("./img/sct01_01.svg") 0 50% no-repeat;
background-size: auto 1.6rem;
opacity: .5;
}
#sect02 .liBox:nth-child(2) .accordion_head h4::before{
background-image: url("./img/sct01_02.svg");
}
#sect02 .liBox:nth-child(3) .accordion_head h4::before{
background-image: url("./img/sct01_03.svg");
}
#sect02 .liBox:nth-child(4) .accordion_head h4::before{
background-image: url("./img/sct01_04.svg");
}
#sect02 .liBox:nth-child(5) .accordion_head h4::before{
background-image: url("./img/sct01_05.svg");
}

#sect02 .liBox .accordion_head p{width: auto;color: #1414B4;font-weight: 700;text-align: center;line-height: 1.5;font-size: 2rem;}








/*------------
sect03_SP
------------*/
#sect03{
padding: 16.5rem 0 0;
}
#sect03::before{
content: "";
position: absolute;
z-index: 1;
top: 11rem;
left: 5%;
width: 33.5rem;
height: 5.5rem;
background: url(./img/sct03_eng.svg) 0 0 no-repeat;
background-size: 33.5rem auto;
}
#sect03::after{
content: "";
position: absolute;
z-index: -1;
bottom: 0;
left: 0;
width: 100%;
height: 100rem;
background: url("./img/sct03_bg.jpg") 50% 0 no-repeat;
background-size: cover;
}

#sect03 .areaInner::before{
content: "";
position: absolute;
bottom: 0;
left: -10%;
width: 120%;
height: 4rem;
background: #0D1319;
background: linear-gradient(0deg, rgba(13, 19, 25, 1) 0%, rgba(13, 19, 25, 0) 100%);
}



#sect03 .sectTtl{
margin: 0 0 2rem;
font-size:3.0rem;
text-align: center;
line-height: 1.4;
}
#sect03 .sectTtl .line1{
display: block;
padding: 0 5vw 0 0;
}
#sect03 .sectTtl .line2{
display: block;
padding: 0 0 0 5vw;
}
#sect03 .sectTtl .obiAnim{
top: 1.5rem;
}
#sect03 .note {
margin: 0 0 2rem;
font-size: 1.4rem;
text-align: center;
}





/* tab */
#sect03 .tabArea{
position: relative;
z-index: 3;
}
#sect03 .tab{
display: flex!important;
width: 100%;
padding: 0 0 2rem;
}
#sect03 .tablist{position: relative;width: 50%;padding: 1.8rem 10%;background: #7f7ff7;line-height: 1;text-align: center;font-weight: 700;font-size: 4VW;color: #fff;cursor: pointer;}
#sect03 .tablist:nth-child(2){
background: #7fde9a;
}
#sect03 .tablist.active{
background: #0000f0;
}
#sect03 .tablist:nth-child(2).active{
background: #00be36;
}
#sect03 .tablist.active::before{
content: "";
position: absolute;
z-index: 1;
bottom: -1.5rem;
left: 0;
width: 100%;
height: 100%;
background: url(./img/sct03_tri.svg) 50% 100% no-repeat;
background-size: 2rem auto;
}
#sect03 .tablist:nth-child(2).active::before{
background-image: url(./img/sct06_tri.svg);
}



#sect03 .tabcontents{
display: block;
padding: 3rem 0 0;
}
#sect03 .tabcontents-list{
width: auto;
box-shadow: 3px 3px 8px #ccc;
}

#sect03 .tabcontents-list .ttlArea{
position: relative;
padding: 2.2rem 5% 2rem 8%;
background: #0000F0;
color: #fff;
font-weight: 700;
}
#sect03 .tabcontents-list:nth-child(2) .ttlArea{
background: #00BE36;
}
#sect03 .tabcontents-list .ttlArea::before{
content: "";
position: absolute;
top: -6vw;
right: 0;
width: 16rem;
height: 10rem;
background: url(./img/sct03_icon01.png) 0 0 no-repeat;
background-size: 16rem auto;
}
#sect03 .tabcontents-list:nth-child(2) .ttlArea::before{
background-image: url(./img/sct03_icon02.png);
}
#sect03 .tabcontents-list .ttlArea .boxTtl{
line-height: 1.6;
font-size:2.5rem;
}
#sect03 .tabcontents-list .ttlArea p{
margin: 0;
text-align: left;
line-height: 1.4;
font-size:1.6rem;
}
#sect03 .tabcontents-list .ttlArea p span{
display: inline-block;
margin: 0 .5rem;
padding: 0 .5rem .1vw;
background: #1414B4;
}
#sect03 .tabcontents-list:nth-child(2) .ttlArea p span{
background: #009F2D;
}

#sect03 .tabcontents-list .mainArea{
background: #fff;
}
#sect03 .tabcontents-list .mini{padding: 2rem 5%;border-bottom: 2px solid #E2E2E2;}
#sect03 .tabcontents-list .txtArea{
display: flex;
align-items: center;
margin: 0 0 2rem;
}
#sect03 .tabcontents-list .sttl{width: 1.8rem;margin: 0 0 0 1rem;font-size:1.8rem;color: #0000F0;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;font-family: "Noto Sans JP vt";}
#sect03 .tabcontents-list:nth-child(2) .sttl{
color: #00BE36;
}
#sect03 .tabcontents-list .mini p{
width: calc(100% - 1.8rem);
padding: 0 5%;
text-align: left;
line-height: 1.5;
font-size:1.5rem;
font-weight: 700;
}

#sect03 .botArea{
position: relative;
padding: 7rem 0 10rem;
}
#sect03 .botArea::before{
content: "";
position: absolute;
z-index: 1;
top: 2rem;
left: 0;
width: 100%;
height: 3rem;
background: url(./img/sct03_sum.png) 50% 0 no-repeat;
background-size: 16rem auto;
}
#sect03 .botArea::after{
content: "";
position: absolute;
top: 4rem;
left: 50%;
width: .1rem;
height: 3rem;
background: #0000F0;
}

#sect03 .botArea p{
text-align: center;
font-weight: 700;
font-size:1.8rem;
}





/*------------
sect04_SP
------------*/
#sect04{
margin: 0;
padding: 7rem 0 0;
background: #0D1319;
}
#sect04::before{
content: "";
position: absolute;
z-index: 2;
top: 2rem;
left: 0;
width: 100%;
height: 28vw;
background: url(./img/eng_sps.svg) 50% 0 no-repeat;
background-size: 32rem auto;
}
#sect04::after {
width: 0;
height: 0;
background: none;
border: none;
}

#sect04 .bgSect::before{
background: #0D1319;
}
#sect04 .areaInner{
z-index: 2;
}



#sect04 .headArea {
margin: 0 0 1.0rem;
padding: 0 0 0;
}
#sect04 .headArea .pos {
margin: 0 0 2rem;
font-size: 1.6rem;
}
#sect04 .headArea .boxTtl {
font-size: 2.5rem;
}
#sect04  .txtArea {
width: auto;
margin: 0 0 3rem;
}


#sect04 .imgArea {
position: static;
top: 0;
right: -6.5vw;
width: auto;
}
#sect04 .imgArea .flame{
width: 100%;
}
#sect04 .imgArea .flame img{
width: 100%;
object-fit: cover;
}
#sect04 .imgArea .caption{
width: 100%;
}

#sect04 .mainTxt{
position: relative;
margin: 3rem 0 0;
padding: 1rem 0;
background: #252B30;
}
#sect04 .mainTxt::before{
content: "";
position: absolute;
top: 0;
left: -5%;
width: 5%;
height: 100%;
background: #252B30;
}
#sect04 .mainTxt::after{
content: "";
position: absolute;
top: 0;
right: -5%;
width: 5%;
height: 100%;
background: #252B30;
}






#sect04 .txtArea .sttl {margin: 0 0 13vw;font-size: 2.3rem;text-align: center;}
#sect04 .txtArea .sttl .obiAnim{
position: relative;
top: 1.1rem;
padding: 2px 1rem 3px;
font-size: 2.7rem;
line-height: 1.3;
}
#sect04 .txtArea .sttl .obiAnim::before{
background: #0D1319;
}
#sect04 .txtArea .sttl .txt_bold{
font-size:2.7rem;
}
#sect04 .txtArea .catch {
margin: 2.5rem 0;
font-size: 2rem;
}



#sect04 .ulBox{
z-index: 3;
display: block;
padding: 5rem 0 1rem;
}
#sect04 .liBox{
width: auto;
margin: 0 0 4rem;
border: 1px solid #00BE36;
overflow: hidden;
}
#sect04 .liBox a{
position: relative;
color: #fff;
}
#sect04 .liBox a::before{
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 6.8rem;
height: 3rem;
background: url(./img/sct04_more.svg) 0 100% no-repeat;
background-size: 6.8rem auto;
}


#sect04 .liBox h4{
padding: 9rem 5% 2rem; 
font-size:1.8rem;
overflow: hidden;
}
#sect04 .liBox h4::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(./img/sct04_img01.jpg) 0 0 no-repeat;
background-size: cover;
overflow: hidden;
transition: all .2s ease-in-out;
}
#sect04 .liBox:nth-child(2) h4::before{
background-image: url(./img/sct04_img02.jpg);
}
#sect04 .liBox a:hover h4::before{
transform: scale(1);
opacity: 1;
}

#sect04 .liBox .boxtxtArea{
padding: 1.5rem 5% 3rem;
}
#sect04 .liBox .txtArea p{
padding: 0;
}

#sect04 .slideArea{
position: relative;
width: 100vw;
height: 32rem;
padding: 5rem 0 0;
overflow: hidden;
}

/* eng_slider1_SP */
#sect04 .eng_slider1{
position: absolute;
z-index: 3;
top: 15rem;
}
.eng_slider1 .slick-slide{
width: 78rem;
height: 8rem;
margin-right: 2vw!important;
margin-left: 2vw!important;
}
.eng_slider1 .slick-slide img{
width: 78rem;
height: 8.0rem;
object-fit: cover;
}

#sect04 .eng_slider2{
position: absolute;
z-index: 2;
top: 2rem;
height: 32rem;
}
.eng_slider2 .slick-slide{
width: 100rem;
height: 32rem;
margin-right: 4vw!important;
margin-left: 4vw!important;
}
.eng_slider2 .slick-slide img{
width: 100rem;
height: 32rem;
object-fit: cover;
}







/*------------
sect05_SP
------------*/

#sect05{
margin: 0;
padding: 5rem 0 10rem;
background: none;
}
#sect05::before{
}
#sect05::after {
}

#sect05 .bgSect::before{
background: #fff;
}

#sect05 .areaInner{
z-index: 2;
}

#sect05 .sectTtl{
margin: 0 0 .5vw;
text-align: center;
font-size:2.6rem;
}
#sect05 .sectTtl .fontS{
display: block;
}
#sect05 .note{
text-align: center;
font-size:1.2rem;
color: #606060;
}


#sect05 .ulBox{
display: block;
padding: 3rem 0 0;
}
#sect05 .liBox{
width: auto;
background: #fff;
border: 1px solid #00BE36;
}
#sect05 .liBox h3{
padding: 1.4rem 5% 1.5rem;
background: #00BE36;
text-align: center;
color: #fff;
font-size:2rem;
}
#sect05 .liBox h3::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(./img/sct05_tri.svg) 0 0 no-repeat;
background-size: 100% 100%;
}
#sect05 .liBox h3::after{
content: "";
position: absolute;
top: -3rem;
left: auto;
right: -4rem;
width: 100%;
height: 10rem;
background: url(./img/sct05_icon01.png) 100% 0 no-repeat;
background-size: 18rem auto;
}
#sect05 .liBox:nth-child(2) h3::after{
background-image: url(./img/sct05_icon02.png);
}
#sect05 .liBox:nth-child(3) h3::after{
background-image: url(./img/sct05_icon03.png);
}
#sect05 .liBox h3 span{
position: relative;
}

#sect05 .liBox ul{
padding: 0 8%;
}
#sect05 .liBox li{
padding: .1rem 0 .1rem 2rem;
font-weight: 700;
}
#sect05 .liBox li::before {
top: 1.2rem;
width: .9rem;
height: .9rem;
background: #00BE36;
}



#sect05 .botArea{
width: auto;
margin: -3rem -6% 0;
padding: 4rem 6% 4rem;
background: #F0F0F0;
}

#sect05 .botArea dl{
width: 100%;
display: table;
}
#sect05 .botArea dt{
display: table-cell;
width: 7.5rem;
padding: 1rem 0;
border-bottom: 1px solid #00BE36;
font-weight: 700;
}
#sect05 .botArea dd{
display: table-cell;
padding: 1rem 2rem 1rem 2rem;
border-bottom: 1px solid #CBCBCB;
}
#sect05 .botArea .note2{
color: #848484;
}





/*------------
sect06_SP
------------*/

#sect06{
margin: 0;
padding: 0 0 0;
background: none;
}
#sect06::before{
content: "";
position: absolute;
z-index: 2;
top: 10rem;
left: 5%;
width: 21.8rem;
height: 11.5rem;
background: url("./img/sct06_eng_sp.svg") 0 0 no-repeat;
background-size: 21.8rem auto;
}


#sect06 .bgSect::before{
background: url("./img/sct06_bg.jpg") 0 0 no-repeat;
background-size: cover;
}

#sect06 .areaInner{
z-index: 2;
}

#sect06 .sectTtlArea{
margin: 0 0 3rem;
}
#sect06 .sectTtlArea::before{
content: "";
position: absolute;
z-index: 1;
top: -3rem;
left: 40%;
width: 27rem;
height: 28.8rem;
background: url("./img/sct06_map.png") 0 0 no-repeat;
background-size: 27rem auto;
}
#sect06 .sectTtlArea .logo{
width: 32rem;
margin: 0 0 16rem;
}
#sect06 .sectTtlArea p{
position: relative;
width: auto;
padding: 1.8rem 0;
background: rgba(20,20,180,.7);
line-height: 1.8;
color: #fff;
}
#sect06 .sectTtlArea p::before{
content: "";
position: absolute;
top: 0;
left: -100vw;
width: 100vw;
height: 100%;
background: rgba(20,20,180,.7);
}
#sect06 .sectTtlArea p::after{
content: "";
position: absolute;
top: 0;
right: -100vw;
width: 100vw;
height: 100%;
background: rgba(20,20,180,.7);
}

#sect06 .sectTtlArea .note {
margin: 0 0 2vw;
font-size: 1.4rem;
color: #fff;
}



/* tab */
#sect06 .tabArea{
position: relative;
z-index: 3;
}
#sect06 .tabArea .note {
margin: .8rem 0 0;
font-size: 1.4rem;
text-align: right;
color: #fff;
}
#sect06 .tab2{
display: flex;
width: 100%;
padding: 0 0 2rem;
}
#sect06 .tablist{
position: relative;
width: 25%;
padding: 2rem 5%;
background: #848484;
border-left: 1px solid #F0F0F0;
line-height: 1;
text-align: center;
font-weight: 700;
font-size:1.8rem;
color: #fff;
cursor: pointer;
}
#sect06 .tablist:first-child{
border: none;
}
#sect06 .tablist::before{
}
#sect06 .tablist .inner{
}
#sect06 .tablist.active{
background: #00BE36;
}
#sect06 .tablist.active::before{
content: "";
position: absolute;
z-index: 1;
bottom: -1.9rem;
left: 0;
width: 100%;
height: 100%;
background: url(./img/sct06_tri.svg) 50% 100% no-repeat;
background-size: 2.7rem auto;
}


#sect06 .tabcontents{
position: relative;
background: #fff;
padding: 2rem 0 2rem;
}
#sect06 .tabcontents::before{
content: "";
position: absolute;
bottom: -5.5rem;
left: 0;
width: 100%;
height: 6rem;
background: url(./img/sct06_tri2.svg) 50% 100% no-repeat;
background-size: auto 6rem;
}
#sect06 .tabcontents-list2{
position: relative;
padding: .5rem 5%;
}



#sect06 .tabcontents .liBox{
display: block;
padding: .6rem 0;
border: none;
}
#sect06 .tabcontents .liBox:first-child{
border: none;
}
#sect06 .tabcontents .liBox .sttl{
width: auto;
font-size:1.8rem;
text-align: center;
}
#sect06 .tabcontents .liBox .btnArea{
width: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#sect06 .tabcontents .liBox .btnArea a{
position: relative;
width: 48.5%;
margin: .5rem 0;
padding: .8rem 8% .9rem 4%;
background: url(./img/sct06_btnbg.svg) 100% 0 no-repeat #F0F0F0;
background-size: 6.6rem 100%;
font-weight: 700;
font-size:1.4rem;
color: #0000F0;
}
#sect06 .tabcontents .liBox .btnArea a:hover{
background: url(./img/sct06_btnbg.svg) 100% 0 no-repeat #F0F0F0;
background-size: 6.6rem 100%;
color: #0000F0;
opacity: 1;
}
#sect06 .tabcontents .liBox .btnArea a::before{
content: "";
position: absolute;
top: 0;
right: .5rem;
width: 1.3rem;
height: 100%;
background: url("./img/arrow_bl.svg") 0 50% no-repeat;
background-size: 1.3rem auto;
}
#sect06 .tabcontents .liBox .btnArea a:hover::before{
background-image: url("./img/arrow_bl.svg");
}

#sect06 .tabcontents .liBox .btnArea a .fontS{
font-size:1.3rem;
}






/* modal */

/*.introArea{
display: none;
}
#sect00,
#sect01,
#sect02,
#sect03,
#sect04,
#sect05{
display: none;
}*/

/*infoエリアをはじめは非表示*/
#sect06 .infoBox{
display: none;
position: relative;
}

.md_style02{
background: url("./img/sct06_modal_bg_sp.jpg") 0 0 no-repeat;
background-size: cover;
}
.md_style02::before{
content: "";
position: fixed;
top: 1rem;
left: 0;
width: 4.4rem;
height: 100%;
background: url("./img/sct06_modal_eng.png") 0 0 no-repeat;
background-size: 4.4rem auto;
}


/*モーダルの横幅を変更したい場合*/
.md_style02 .modaal-container{
max-width: 100vw;
background: none;
box-shadow: none;
}


.md_style02.modaal-wrapper .modaal-close {
position: fixed;
right: 0;
top: 0;
cursor: pointer;
opacity: 1;
width: 8.5rem;
height: 8.5rem;
background: url(./img/modal_close.svg) 0 0 no-repeat;
background-size: 8.5rem auto;
border-radius: 0;
transition: all .2s ease-in-out;
}
.md_style02 .modaal-close:after, .md_style02 .modaal-close:before {
width: 0;
height: 0;
background: none;
border: none;
}

.md_style02 .modaal-content-container{
padding: 2rem 0 0;
}
.md_style02 .modalInner{
position: relative;
}


/* custom */
/*.md_style02 .slick-list {
overflow: visible;
}
*/

.md_style02 .modaal-container{
position: relative;
margin: 0;
}
.md_style02 .modaal-container .liBox{
position: relative;
}




.md_style02 .modaal-container .inner{
position: relative;
margin: 0 0 0;
padding: 0;
min-height: 0;
color: #fff;
}



.md_style02 .modaal-container .boxTtl{
margin: 0 0 3rem;
padding: 0 11%;
text-align: center;
line-height: 1.6;
font-weight: 700;
font-size:2.0rem;
}

.md_style02 .modaal-container .boxTtl .obi{
position: relative;
display: inline-block;
margin: 1rem .5rem .4rem;
padding: 1rem .5rem 1.2rem;
background: #0000F0;
background: linear-gradient(90deg, rgba(0, 0, 240, 1) 0%, rgba(0, 191, 52, 1) 100%);
line-height: 1;
color: #fff;
font-size:3rem;
overflow: hidden;
}

.md_style02 .modaal-container .mainArea{
margin: 0 0 2rem;
}

.md_style02 .modaal-container .areaL{
width: auto;
height: 20rem;
float: none;
margin: 0 0 2rem;
}
.md_style02 .modaal-container .areaR{
width: auto;
float: none;
}

.md_style02 .modaal-container .areaL iframe{
width: 100%; 
height: 100%;
}

.md_style02 .modaal-container dl{
width: 100%;
display: table;
}
.md_style02 .modaal-container dt{
display: table-cell;
vertical-align: middle;
width: 7rem;
padding: .8rem 0;
border-bottom: 1px solid #00F546;
font-size:1.4rem;
font-weight: 700;
}
.md_style02 .modaal-container dd{
display: table-cell;
vertical-align: middle;
padding: .8rem 1rem;
border-bottom: 1px solid rgba(255,255,255,.4);
font-size:1.4rem;
}

.md_style02 .modaal-container .btns{
}
.md_style02 .modaal-container .btns div{
width: 100%;
}
.md_style02 .modaal-container .btns a{
width: 100%;
font-size:1.5rem;
}


#sect06 .botArea{
padding: 4rem 0 0;
}
#sect06 .botArea .sttl{
margin: 0 0 3rem;
line-height: 1;
text-align: center;
font-size:1.7rem;
color: #fff;
}
#sect06 .obiAnim{
line-height: 1;
top:1.2rem;
padding: .4rem .5rem .5rem;
}
#sect06 .obiAnim::before{
background: #1414b4;
}
#sect06 .botArea a::before{
background-image: url(./img/arrow_ccl_wt3.svg);
}




/*------------
sect07_SP
------------*/
#sect07{
padding: 10rem 0 0;
}
#sect07::before{
content: "";
position: absolute;
z-index: 2;
top: 8vw;
left: 5%;
width: 18.5rem;
height: 6.3rem;
background: url(./img/sct07_eng.svg) 0 0 no-repeat;
background-size: 18.5rem auto;
}

#sect07 .bgSect::before{
background:#F0F0F0;
}

#sect07 .sectTtl{
margin: 0 0 3rem;
padding: 0 0 0;
font-size:2.8rem;
line-height: 1.4;
}
#sect07 .sectTtl .line1{
display: block;
}
#sect07 .sectTtl .line2{
display: block;
}
#sect07 .sectTtl .deco{
position: relative;
}
#sect07 .sectTtl .deco::before{
content: "";
position: absolute;
z-index: -1;
top: -1rem;
left: 0;
width: 27rem;
height: 10rem;
background: url(./img/sct07_deco.png) 0 0 no-repeat;
background-size: 27rem auto;
}

#sect07 .sectTtlArea p{
width: auto;
float: none;
margin: 0 0 3rem;
}




#sect07 .ulBox{
z-index: 3;
display: block;
margin: 0 -5%;
padding: 0 5% 3rem 15%;
}
#sect07 .ulBox::before{
content: "";
position: absolute;
top: 2rem;
left: 0;
width: 12%;
height: 100%;
background: url(./img/sct07_eng_s1.svg) 50% 0 no-repeat;
background-size: 1.6rem auto;
}
#sect07 .ulBox::after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 12%;
height: .1rem;
background: #0000F0;
}

#sect07 .ulBox2{
margin: 0 -5%;
padding: 0 15% 3rem 5%;
}
#sect07 .ulBox2::before{
content: "";
position: absolute;
left: auto;
right: 0;
background-image: url(./img/sct07_eng_s2.svg);
}
#sect07 .ulBox2::after{
left: auto;
right: 0;
background: #00BE36;
}

#sect07 .ulBox3::before{
background-image: url(./img/sct07_eng_s3.svg);
}




#sect07 .liBox{
width: auto;
margin: 0 0 2rem;
background: #1414B4;
overflow: hidden;
}
#sect07 .liBox.oneBox{
width: 100%;
}
#sect07 .ulBox2 .liBox{
background: #009F2D;
}
#sect07 .liBox a{
position: relative;
padding:0 0 0;
color: #fff;
}
#sect07 .liBox a::before{
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 8rem;
height: 33.5rem;
background: url(./img/sct07_more.svg) 0 100% no-repeat;
background-size: 8rem auto;
}
#sect07 .ulBox2 .liBox a::before{
background-image: url(./img/sct04_more.svg);
}

#sect07 .liBox h3{
display: flex;
align-items: center;
margin: 0 0;
padding: 2rem 5% 3rem;
line-height: 1.8;
font-size:1.8rem;
overflow: hidden;
}
#sect07 .liBox h3::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(./img/sct07_img01.jpg) 50% 50% no-repeat;
background-size: cover;
overflow: hidden;
transition: all .2s ease-in-out;
}
#sect07 .ulBox1 .liBox:nth-child(2) h3::before{
background-image: url(./img/sct07_img02.jpg);
}
#sect07 .ulBox1 .liBox:nth-child(3) h3::before{
background-image: url(./img/sct07_img03.jpg);
}
#sect07 .ulBox1 .liBox:nth-child(4) h3::before{
background-image: url(./img/sct07_img04.jpg);
}

#sect07 .ulBox2 .liBox:nth-child(1) h3::before{
background-image: url(./img/sct07_img05.jpg);
}
#sect07 .ulBox2 .liBox:nth-child(2) h3::before{
background-image: url(./img/sct07_img06.jpg);
}
#sect07 .ulBox2 .liBox:nth-child(3) h3::before{
background-image: url(./img/sct07_img07.jpg);
}

#sect07 .ulBox3 .liBox:nth-child(1) h3::before{
background-image: url(./img/sct07_img08.jpg);
background-position: 50% 80%;
}



#sect07 .liBox a:hover h3::before{
transform: scale(1.0);
opacity: 1;
}


#sect07 .liBox .boxtxtArea{
display: none;
}




/*  End_SP */

}


@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
      padding-top: 0;
      padding-bottom: 0;
  }
  .md_style01 .modaal-container h3 {
    padding-top: 60px;
}
}