@charset "utf-8";






.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.modal.visible {
    opacity: 1;
}

.modal-content {
    text-align: center;
    position: relative;
    max-width: 50%;
}

.modal-content a{
    text-decoration: none!important;
}

.close-button {
    position: absolute;
    top: 0;
    right: -30px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%;
    padding: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 1001;
    transition: transform 0.2s;
}

.close-button:hover {
    transform: scale(1.1);
}

.modal-image {
    max-width: 100%;
    max-height: 70vh;
    display: block;
    transition: transform 0.2s;
}

.modal-image:hover {
    transform: scale(0.99);
}

.no-scroll {
    overflow: hidden;
}

.modal_sp{
    display: none;}




.sp{
display:none;}

.fade_off{
opacity:0;}

@keyframes upmove{ 
0%{opacity:0;}
100%{opacity:1;}}

.slide-in-image{
width:100%;
height:auto;
opacity:0;
transform-origin:right center;
clip-path:inset(0 100% 0 0);
transition:clip-path 0.4s ease-out 0.4s, opacity 0.4s ease-out;}

.slide-in-image.visible{
clip-path:inset(0 0 0 0);
opacity:1;}

/*side_l*/
#side_l{
position:sticky;
z-index:2;
top:2.6vw;
left:0;
width:40vw;
opacity:0;
transition:0.3s;}

#side_l.scrolled{
opacity:1!important;
transition:1s;}

#side_l h1{
width:65%;
margin:0 auto!important;}

#side_l h2{
width:50%;
max-width:400px;
margin:1.5vw auto 0 auto!important;}

#side_l h3{
width:50%;
margin:1.5vw auto 0 auto!important;
transition:0.5s;}

#side_l h3:hover{
opacity:0.6;
transition:0.5s;}

#side_l h4{
width:40%;
margin:2.5vw auto 0 auto!important;}

#side_l h4{
transition:0.5s;}

#side_l h4:hover{
opacity:0.6;
transition:0.5s;}

/*side_r*/
#side_r{
position:sticky;
margin-top:-30vw;
z-index:2;
top:10.7vw;
left:50%;
transform:translateX(-50%);
width:11vw;
padding-top:0;
opacity:0;
transition:0.3s;}

#side_r.scrolled{
opacity:1!important;
transition:1s;}

@media screen and (max-width:1360px){
#side_r{
display:none;}}

@media screen and (min-width:1360px){
#side_r{
margin-left:92vw;}}

@media screen and (min-width:1410px){
#side_r{
margin-left:91vw;}}

@media screen and (min-width:1460px){
#side_r{
margin-left:90vw;}}

@media screen and (min-width:1560px){
#side_r{
margin-left:89vw;}}

@media screen and (min-width:1660px){
#side_r{
margin-left:88vw;}}

@media screen and (min-width:1760px){
#side_r{
margin-left:87vw;}}

@media screen and (min-width:1860px){
#side_r{
margin-left:86vw;}}

@media screen and (min-width:2050px){
#side_r{
margin:-30vw 0 0 1800px;}}

#g-nav ul li{
position:relative;
margin-bottom:1.4vw;}

#g-nav ul li a{
transition:all 0.3s;
filter:brightness(0);
opacity:0.5;}

#g-nav ul li.current a,#g-nav ul li a:hover{
filter:none;
opacity:1;}

#g-nav ul li.current a::before,#g-nav ul li a:hover::before{
position:absolute;
top:6px;
left:-20px;
content:"";
width:9px;
height:9px;
background-image:url(../img/nav_sq.svg);
background-position:left;
background-repeat:no-repeat;
background-size:100%;}

#g-nav ul li:nth-child(1){
width:74px;}

#g-nav ul li:nth-child(2){
width:145px;}

#g-nav ul li:nth-child(3){
width:78px;}

#g-nav ul li:nth-child(4){
width:98px;}

#g-nav ul li:nth-child(5){
width:114px;}

#side_r h2{
width:142%!important;
margin-top:7vw!important;
margin-left:-2vw!important;}

#side_r h2{
transition:0.5s;}

#side_r h2:hover{
opacity:0.6;
transition:0.5s;}

#instagram{
float:left;
display:block;
width:46px!important;
filter:none!important;
opacity:1!important;
transition:0.5s!important;}

#instagram:hover{
opacity:0.4!important;
transition:0.5s!important;}

#instagram:hover::before{
display:none;}

#line_icon{
float:left;
margin-left:1.6vw!important;
display:block;
width:46px!important;
filter:none!important;
opacity:1!important;
transition:0.5s!important;}

#line_icon:hover{
opacity:0.4!important;
transition:0.5s!important;}

#line_icon:hover::before{
display:none;}

/*side_l_second*/
#side_l_second{
position:fixed;
z-index:2;
top:2.6vw;
left:0;
width:40vw;
opacity:1;
animation-name:upmove;
animation-duration:3s;
animation-fill-mode:both;}

#side_l_second h1{
width:65%;
margin:0 auto!important;}

#side_l_second h2{
width:50%;
max-width:400px;
margin:1.5vw auto 0 auto!important;}

#side_l_second h3{
width:50%;
margin:1.5vw auto 0 auto!important;}

#side_l_second h4{
width:40%;
margin:2.5vw auto 0 auto!important;}

#side_l_second h4{
transition:0.5s;}

#side_l_second h4:hover{
opacity:0.6;
transition:0.5s;}

/*side_r_second*/
#side_r_second{
position:sticky;
margin-top:-30vw;
z-index:2;
top:10.7vw;
left:50%;
transform:translateX(-50%);
width:11vw;
padding-top:0;
opacity:1;
transition:0.3s}

#side_r_second h2{
width:142%!important;
margin-top:7vw!important;
margin-left:-2vw!important;}

#side_r_second h2:hover{
opacity:0.6;
transition:0.5s;}

@media screen and (max-width:1360px){
#side_r_second{
display:none;}}

@media screen and (min-width:1360px){
#side_r_second{
margin-left:92vw;}}

@media screen and (min-width:1410px){
#side_r_second{
margin-left:91vw;}}

@media screen and (min-width:1460px){
#side_r_second{
margin-left:90vw;}}

@media screen and (min-width:1560px){
#side_r_second{
margin-left:89vw;}}

@media screen and (min-width:1660px){
#side_r_second{
margin-left:88vw;}}

@media screen and (min-width:1760px){
#side_r_second{
margin-left:87vw;}}

@media screen and (min-width:1860px){
#side_r_second{
margin-left:86vw;}}

@media screen and (min-width:2050px){
#side_r_second{
margin:-30vw 0 0 1800px;}}

/*float*/
@media screen and (min-width:1359.9px){
#float{
display:none;}}

#float{
width:620px;
position:fixed;
top:0;
left:39vw;
z-index:100;
opacity:0;}

.float_second{
opacity:1!important;}

@keyframes floatup{
from{opacity:0;}
to{opacity:1;}}

@keyframes floatdown{
from{opacity:1;}
to{opacity:0;}}

#float.floatup{
animation:floatup 0.7s forwards;}

#float.floatdown{
animation:floatdown 0.7s forwards;}

/*header*/
#fix_head{
position:fixed;
z-index:100;
width:620px;
height:70px!important;
background:linear-gradient(to bottom,rgba(255,255,255,0.6) 80%,transparent);}

header h1{
position:fixed;
z-index:100;
width:620px;
padding-top:20px!important;
margin-left:30px!important;}

header h1 img{
width:108px!important;
vertical-align:top!important;}

#global_nav{
display:none;}

.global_nav_sp_open{
position:absolute;
cursor:pointer;
z-index:9999;
top:12px;
right:30px;
width:30px;}

.global_nav_sp_open .openbtn{
transition:all 0.5s;
width:30px;
height:30px;}

.global_nav_sp_open span{
display:inline-block;
transition:all 0.5s;
position:absolute;
height:1px;
background:#777;
width:100%;}

.global_nav_sp_open span:nth-of-type(1){
top:11px; }

.global_nav_sp_open span:nth-of-type(2){
top:19px;}

.global_nav_sp_open.active span:nth-of-type(1){
top:12px;
transform:translateY(6px) rotate(-35deg);
width:100%;
background:#fff;}

.global_nav_sp_open.active span:nth-of-type(2){
top:24px;
transform:translateY(-6px) rotate(35deg);
width:100%;
background:#fff;}

#global_nav_sp_inner{
position:fixed;
z-index:998;
top:0;
width:620px;
height:100%;
display:none;}

#global_nav_sp_inner h1{
position:absolute;
z-index:1000000;
width:100%;
padding-top:20px!important;
filter:brightness(0) invert(1);}

#global_nav_sp_inner h1 img{
width:108px!important;
margin-left:30px!important;
vertical-align:top!important;}

#global_nav_sp_inner.panel{
display:block;
top:0;}

#global_nav_sp_inner.panel #global_nav_sp_list_box{
position:fixed;
background:linear-gradient(to right,rgba(11,127,236,1),rgba(168,202,236,0.9));
z-index:999;
width:620px;
height:100%;
overflow:auto;
-webkit-overflow-scrolling:touch;}

#global_nav_sp_inner #global_nav_sp_list{
position:relative;
width:380px;
margin:0 auto;}

#global_nav_sp_inner #global_nav_sp_list ul{
border-bottom:1px solid #fff;
padding-bottom:280px;}

#global_nav_sp_inner #global_nav_sp_list ul li{
margin:0 0 0 20px;}

#global_nav_sp_inner #global_nav_sp_list ul li img{
filter:brightness(0) invert(1);}

#global_nav_sp_inner #global_nav_sp_list ul li:nth-child(1){
position:absolute;
top:100px;
left:0;
width:80px;}

#global_nav_sp_inner #global_nav_sp_list ul li:nth-child(2){
position:absolute;
top:160px;
left:0;
width:160px;}

#global_nav_sp_inner #global_nav_sp_list ul li:nth-child(3){
position:absolute;
top:220px;
left:0;
width:84px;}

#global_nav_sp_inner #global_nav_sp_list ul li:nth-child(4){
position:absolute;
top:100px;
right:13px;
width:110px;}

#global_nav_sp_inner #global_nav_sp_list ul li:nth-child(5){
position:absolute;
top:160px;
right:0;
width:125px;}

#instagram_sp{
position:absolute;
top:216px;
right:95px;}

#instagram_sp a{
display:block;
width:30px!important;
opacity:1!important;}

#instagram_sp img{
filter:none!important;}

#line_icon_sp{
position:absolute;
top:216px;
right:35px;}

#line_icon_sp a{
display:block;
width:30px!important;
opacity:1!important;}

#line_icon_sp img{
filter:none!important;}

#nav_trip_link_sp{
position:absolute;
bottom:-175px;
left:50%;
transform:translateX(-50%);
width:290px;}

#nav_trip_link_sp img{
width:100%!important;}

#nav_video_link_sp{
display:none;}

#nav_video_link_sp img{
width:100%!important;}

/*contents_box*/
#contents_box{
position:relative;
opacity:1;
animation-name:upmove;
animation-duration:3s;
animation-fill-mode:both;
background:linear-gradient(to bottom,#92ceff,#92ceff,#7dc4ff,#7dc4ff,#a6e8ff,#a6e8ff,#a6e8ff,#fad48c,#ffd17a);
width:100vw;
height:100%;
mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 99%,transparent);
-webkit-mask-image:-webkit-linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 99%,transparent);}

#contents_box_second{
position:relative;
background:linear-gradient(to bottom,#92ceff,#92ceff,#7dc4ff,#7dc4ff,#a6e8ff,#a6e8ff,#a6e8ff,#fad48c,#ffd17a);
width:100vw;
height:100%;
mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 96%,transparent);
-webkit-mask-image:-webkit-linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 96%,transparent);}

.cloud{
position:sticky;
top:0;
left:0;
opacity:1;
width:100%;
height:100vh;
background:url(../img/cloud.webp);
background-size:cover;
animation:cloud 230s linear infinite;}

.cloud:before{
content:'';
position:absolute;
top:0;
left:0;
opacity:0.4;
width:100%;
height:100%;
background:url(../img/recloud.webp);
background-size:cover;
animation:recloud 220s linear infinite;}

@keyframes cloud{
0%{background-position:0;}
100%{background-position:200vw;}}

@keyframes recloud{
0%{background-position:500vw;}
100%{background-position:0;}}

/*block01*/
#block01_box{
position:absolute;
z-index: 1;
top:0;
left:0;
width:100vw;
height:100vh;}

#block01{
background:url(../img/block01_bg.webp);
background-size:21vw;
background-position:top right;
background-repeat:no-repeat;
width:60vw;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:1;
opacity:1;}

#block01 h2 img:nth-child(1){
width:39vw!important;}

#block01 h2 img:nth-child(2){
width:21vw!important;}

/*contents_box_in*/
#contents_box_in{
position:relative;
z-index:1;
width:620px;
margin:-43vw 0 0 39vw;
box-shadow:0 0 30px 0 rgba(0,0,0,0.05);
opacity:0;
mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 98%,transparent);
-webkit-mask-image:-webkit-linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 98%,transparent);}

@media screen and (max-width:1360px){
#contents_box_in{
padding-top:50px;}}

#contents_box_in.scrolled{
opacity:1!important;
transition:1s;}

.contents_box_in_second{
position:relative;
z-index:1;
width:620px;
margin:-43vw 0 0 39vw;
box-shadow:0 0 30px 0 rgba(0,0,0,0.05);
opacity:1;
mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 98%,transparent);
-webkit-mask-image:-webkit-linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 98%,transparent);}

/*footer*/
footer{
background:#a9caeb;
color:#fff;
font-size:16px;
text-align:center;
padding:18px 0 20px 0;}

/*cont01*/
#cont01{
background-image:url(../img/cont01_bg.webp);
background-repeat:no-repeat;
background-size:100%;
background-position:bottom center;
position:relative;
z-index:1;
padding-top:160px;
margin:0 0 100px 0;
mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 88%,transparent);
-webkit-mask-image:-webkit-linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 88%,transparent);}

@media screen and (min-width:1360px){
#cont01{
padding-top:60px;}}

#cont01 h2{
position:relative;
text-align:center;}

#cont01 h2 img:nth-child(1){
width:42%;
margin:0 auto!important;}

#cont01 h2 .twinkle{
bottom:5.5%;
right:17%;
position:absolute;
width:25%;}

#cont01_ttl{
position:relative;}

#cont01_ttl h3{
width:75%;
margin:-4% auto 0 auto!important;}

#cont01_ttl .image-container{
position:absolute;
top:1%;
left:0;
width:22%;
margin:0 0 0 9%!important;}

#cont01 p{
font-size:20px;
line-height:1.7;
text-align:center;
margin-top:-5%!important;
padding-bottom:13vw!important;}

#cont01 p span{
font-size:16px;}

/*cont02*/
#cont02{
background-image:url(../img/cont02_bg.webp);
background-repeat:no-repeat;
background-size:100%;
background-position:bottom center;
position:relative;
z-index:1;
padding:0 0 350px 0;
margin-top:6%}

#cont02_ttl{
position:relative;}

#cont02_ttl h3{
width:75%;
margin:-4% auto -40px auto!important;}

#cont02_ttl .image-container{
position:absolute;
top:1%;
left:0;
width:22%;
margin:0 0 0 9%!important;}

.cont02_box{
background-image:url(../img/cont02_01.webp);
background-repeat:no-repeat;
background-size:100%;
background-position:bottom center;
position:relative;
z-index:1;
width:86%;
margin:0 auto;
padding:0 0 9% 0;}

#cont02 h2{
position:relative;
text-align:center;}

#cont02 h2 img:nth-child(1){
width:54%;
margin:0 auto!important;}

#cont02 h2 img:nth-child(2){
position:absolute;
bottom:5.5%;
right:17%;
width:25%;}

#cont02 .cont02_box_h3_01{
width:28%!important;
margin:4% auto 0 auto!important;}

#cont02 .cont02_box_h3_02{
width:38%!important;
margin:4% auto 0 auto!important;}

#cont02 .cont02_box_p_01{
font-size:17px;
line-height:1.6;
text-align:justify;
width:88%;
margin:4% auto 0 auto!important;}

#cont02 .cont02_box_p_02{
font-size:17px;
line-height:1.6;
text-align:justify;
width:88%;
margin:4% auto 0 auto!important;
padding-bottom:5%;}

#cont02 .splide__arrow--prev,#cont02 .splide__arrow--next{
transition:0.5s;}

#cont02 .splide__arrow--prev:hover,#cont02 .splide__arrow--next:hover{
opacity:0.6;
transition:0.5s;}

/*cont03*/
#cont03{
background-image:url(../img/cont03_bg.webp);
background-repeat:no-repeat;
background-size:100%;
background-position:top center;
position:relative;
z-index:1;
padding:58% 0 17% 0;
margin-top:-100px;}

#cont03 h2{
position:relative;}

#cont03 h2 img:nth-child(1){
position:absolute;
z-index:3;
top:9px;
left:11.5%;
width:24%;}

#cont03 h2 img:nth-child(2){
position:absolute;
z-index:2;
top:35px;
left:34%;
width:51%;}

#cont03 h2 img:nth-child(3){
position:absolute;
z-index:1;
top:58px;
left:13%;
width:73%;}

#cont03 p{
font-size:20px;
line-height:1.7;
text-align:justify;
width:82%;
margin:0 auto!important;
padding:23% 0 220px 0!important;}

#cont03 h3{
width:90%;
margin:0 auto!important;
padding:0!important;}

#cont03 h4{
position:relative;
text-align:center;
margin-top:-10%!important;}

#cont03 h4 img:nth-child(1){
width:46%;
margin:0 auto!important;}

#cont03 h4 img:nth-child(2){
position:absolute;
bottom:-3.5%;
right:17%;
width:25%;}

/*cont04*/
#cont04{
background:rgba(46,168,229,0.2);
position:relative;
z-index:1;
padding-top:20%;
mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 96%,transparent);
-webkit-mask-image:-webkit-linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 96%,transparent);}

#cont04 h3{
color:#fff;
font-size:36px;
line-height:1.4;
text-align:center;
width:82%;
margin:0 auto!important;
padding-top:5%!important;}

#cont04 p{
color:#fff;
font-size:20px;
line-height:1.8;
text-align:justify;
width:82%;
margin:0 auto!important;
padding:3.5% 0 0 0!important;}

#cont04_box01_p_s{
font-size:12px!important;
line-height:1.6!important;}

.cont04_box01{
position:relative;}

.cont04_box01 h2{
position:relative;
width:76%!important;
margin:-30% auto 0 auto!important;}

.cont04_box01 .point_img{
position:absolute;
top:43%;
right:10%;
width:15%!important;}

.cont04_box02{
position:relative;}

.cont04_box02 h2{
position:relative;
width:76%!important;
margin:-32% auto 0 auto!important;}

.cont04_box02 .point_img{
position:absolute;
top:64%;
right:6%;
width:16%!important;}

.cont04_box03{
position:relative;
padding-top:30%;}

.cont04_box03 h2{
position:relative;
width:76%!important;
margin:-32% auto 0 auto!important;}

.cont04_box03 .point_img{
position:absolute;
top:64%;
right:8%;
width:16%!important;}

.movie_box{
width:72%;
margin:10% auto 0 auto;}

.movie{
position:relative;
width:100%;
height:0;
padding-bottom:56.25%;
overflow:hidden;
border-radius:20px;}

.movie iframe{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;}

/*cont05*/
#cont05{
background:rgba(46,168,229,0.2);
position:relative;
z-index:1;
padding:25% 0 20% 0;
mask-image:linear-gradient(-90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 96%,transparent);
-webkit-mask-image:-webkit-linear-gradient(-90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 96%,transparent);}

#cont05_box{
width:88%;
margin:0 auto;
padding-top:10%;}

#cont05_box h2{
width:94%;
margin:0 auto 16% auto!important;}

#cont05_box h3{
width:100%;
margin:0 auto 14% auto!important;}

#cont05_box p{
width:100%;
margin:0 auto 25% auto!important;}

#cont05_box h4{
width:92%;
margin:0 auto 10% auto!important;}

#cont05_box_in{
display:flex;}

#cont05_box_in_l{
transition:0.5s;
width:100%;}

#cont05_box_in_l:hover{
opacity:0.6;
transition:0.5s;}

#cont05_box_in_r{
transition:0.5s;
width:100%;}

#cont05_box_in_r:hover{
opacity:0.6;
transition:0.5s;}

#cont05_box h5{
width:94%;
margin:5% auto 0 auto!important;}

/*cont06*/
#cont06{
background:rgba(255,255,255,0.5);
position:relative;
z-index:1;
margin-top:0;
padding:8% 0 12% 0;
mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 96%,transparent);
-webkit-mask-image:-webkit-linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 96%,transparent);}

#cont06_box{
padding-top:17%;}

#cont06 h2{
position:relative;
text-align:center;}

#cont06 h2 img{
width:30%;
margin:0 auto!important;}

#cont06 .image-container{
position:absolute;
top:6%;
left:23%;
width:14%;
margin-top:8%;}

#cont06_box_ttl{
display:flex;
color:#fff;
width:84%;
margin:6% auto 0 auto;}

#cont06_box_ttl_l{
background:#a9caeb;
padding:3.5% 0 4% 2%;
font-size:21px;
line-height:0;
width:27%;
border-radius:10px;}

#cont06_box_ttl_r{
background:#a9caeb;
padding:3.5% 0 4% 2%;
font-size:21px;
line-height:0;
width:71%;
margin-left:1.5%;
border-radius:10px;}

.cont06_box_cont{
display:flex;
width:84%;
margin:2% auto 0 auto;}

.cont06_box_cont_l{
padding:3.5% 0 4% 0;
font-size:21px;
line-height:0;
width:27%;
border-bottom:1px solid #a9caeb;}

.cont06_box_cont_r{
padding:3.5% 0 4% 0;
font-size:21px;
line-height:0;
width:70%;
margin-left:2.5%;
border-bottom:1px solid #a9caeb;}

.cont06_box_cont_r span{
font-size:18px;}

#cont06 p{
font-size:12px;
line-height:1.6;
margin:3% 0 0 8%!important;}

#cont06_box_btn{
width:76%;
margin:7% auto 0 auto;
transition:0.5s;}

#cont06_box_btn:hover{
opacity:0.6;
transition:0.5s;}

/*cont07*/
#cont07{
background:rgba(255,255,255,0.5);
position:relative;
z-index:1;
padding:10% 0 29% 0;}

#cont07_box{
background-image:url(../img/cont07_bg.svg);
background-repeat:no-repeat;
background-size:100%;
background-position:top center;
width:89%;
margin:0 auto;
padding:18% 0 11% 0;}

#cont07 h2{
position:relative;
text-align:center;}

#cont07 h2 img{
width:39%;
margin:0 auto!important;}

#cont07 .image-container{
position:absolute;
top:5%;
left:18%;
width:15%;
margin-top:11%;}

#cont07 h3{
width:84%;
margin:6% auto 0 auto!important;}

#cont07 h4{
width:42%;
margin:9% auto 0 auto!important;}

#cont07 h5{
width:54%;
margin:6% auto 0 auto!important;}

#cont07_box_btn{
width:74%;
margin:7% auto 0 auto;
transition:0.5s;}

#cont07_box_btn:hover{
opacity:0.6;
transition:0.5s;}

/*cont08*/
#cont08{
background:rgba(255,255,255,0.3);
position:relative;
z-index:1;
padding:17% 0 100px 0;
mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 88%,transparent);
-webkit-mask-image:-webkit-linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 88%,transparent);}

#cont08_box{
padding-top:17%;}

#cont08 h2{
position:relative;
text-align:center;}

#cont08 h2 img{
width:25%;
margin:0 auto!important;}

#cont08 .image-container{
position:absolute;
top:0;
left:25%;
width:15%;
margin-top:27%;}

.card{
overflow:hidden;
margin-top:40px;
height:450px;}

.card .swiper{
overflow:visible;
width:370px;}

.card .slide{
background-image:url(../img/cont08_03.webp);
background-position:top center;
background-repeat:no-repeat;
background-size:100%;
overflow:hidden;
transition:opacity 1s;
margin:0 5px;
padding:56px 36px;}

.card .swiper-slide:not(.swiper-slide-visible) .slide{
pointer-events: none;
filter:blur(3px);
width:330px;
margin:27px auto 0 auto;
transition:0.5s;}

.slide-media{
width:100%;
height:190px;
overflow:hidden;
border-radius:20px;
margin-top:-20px!important;}

.card .swiper-slide:not(.swiper-slide-visible) .slide .slide-media{
width:100%;
height:160px;
overflow:hidden;
border-radius:20px;
margin-top:-20px!important;}

.slide-media img{
width:100%;
height:100%;
object-fit:cover;
transition:0.5s;}

.slide-media img:hover{
width:100%;
height:100%;
transform:scale(1.08);
transition:0.5s;}

.card .swiper-button-prev,.card .swiper-button-next{
position:absolute;
z-index:1;
bottom:-88px;
margin:auto;
width:60px;
height:60px;
transition:0.5s;}

.card .swiper-button-prev:hover,.card .swiper-button-next:hover{
opacity:0.6;
transition:0.5s;}

.safari .card .swiper-button-prev,.safari .card .swiper-button-next{
position:absolute;
z-index:1;
bottom:-68px;
margin:auto;
width:60px;
height:60px;}

.card .swiper-button-prev:hover,.card .swiper-button-next:hover{
cursor:pointer;}

.card .swiper-button-prev::before{
content:"";
display:inline-block;
width:100%;
height:100%;
background-image:url(../img/cont08_04.svg);
background-position:center;
background-size:cover;}

.card .swiper-button-next::before{
content:"";
display:inline-block;
width:100%;
height:100%;
background-image:url(../img/cont08_05.svg);
background-position:center;
background-size:cover;}

.card .swiper-button-prev{
right:calc(100% - 2.6rem);}

.card .swiper-button-next{
left:calc(100% - 2.6rem);}

.slide-content{
color:#828488;
margin-top:10px;}

.slide-date{
font-size:18px;}

.slide-title{
font-size:22px;
margin-left:0!important;}

.card .swiper-slide:not(.swiper-slide-visible) .slide .slide-title{
font-size:20px;}

#cont08_box_btn{
width:40%;
margin:-70px auto 0 auto;
transition:0.5s;}

#cont08_box_btn{
width:40%;
margin:-72px auto 0 auto;
transition:0.5s;}

.safari #cont08_box_btn{
width:40%;
margin:-90px auto 0 auto;
transition:0.5s;}

#cont08_box_btn:hover{
opacity:0.6;
transition:0.5s;}

/*cont09*/
#cont09{
background:rgba(255,255,255,0.3);
position:relative;
z-index:1;
padding:15% 0 32% 0;}

#cont09_box{
padding-top:15%;}

#cont09 h2{
position:relative;
text-align:center;
margin-bottom:7%!important;}

#cont09 h2 img{
width:34%;
margin:0 auto!important;}

#cont09 .image-container{
position:absolute;
top:0;
left:24%;
width:12%;
margin-top:23%;}

.accordion ul{
width:84%;
margin:0 auto!important;
padding:0;
border-top:1px solid #777!important;}

.accordion li{
position:relative;
border-bottom:1px solid #777!important;
list-style:none;}

.accordion .toggle{
display:block;
text-decoration:none;
cursor:pointer;
padding:20px 40px!important;
position:relative;}

.accordion .toggle::before{
position:absolute;
top:16px;
left:0;
content:"";
width:32px;
height:32px;
background-image:url(../img/cont09_03.svg);
background-position:left;
background-repeat:no-repeat;
background-size:100%;}

.accordion h3{
font-size:18px;}

.accordion li .accordion_icon, .accordion li .accordion_icon span{
display:inline-block;
transition:all 0.3s;
box-sizing:border-box;}

.accordion li .accordion_icon{
position:absolute;
top:32px;
right:0;
width:18px;
height:18px;}

.accordion li .accordion_icon span{
position:absolute;
width:100%;
height:1px;
background:#666;}

.accordion li .accordion_icon span:nth-of-type(1){
transform:rotate(0deg);}

.accordion li .accordion_icon span:nth-of-type(2){
transform:rotate(90deg);}

.accordion li .accordion_icon.active span:nth-of-type(1){
display:none;}

.accordion li .accordion_icon.active span:nth-of-type(2){
transform:rotate(180deg);}

.accordion .cont{
display:none;
text-align:left;
padding:0 0 20px 41px;
font-size:17.5px;
line-height:1.6;
background-image:url(../img/cont09_04.svg);
background-position:top left;
background-repeat:no-repeat;
background-size:32px;}

.accordion .cont span{
font-size:15.5px;}

.accordion .cont a{
color:#0078eb;
border-bottom:1px solid #0078eb!important;
transition:0.5s;}

.accordion .cont a:hover{
color:#a9caeb;
border-bottom:0!important;
transition:0.5s;}

#cont09 .attention{
font-size:17.5px;
width:84%;
margin:7% auto 0 auto;}

/*cont10*/
#cont10{
background:rgba(255,255,255,0.9);
position:relative;
z-index:1;
padding:30% 0 0 0;}

#cont10 h2{
position:relative;
text-align:center;
margin-bottom:6%!important;}

#cont10 h2 img{
width:34%;
margin:0 auto!important;}

#cont10 .image-container{
position:absolute;
top:0;
left:20%;
width:20%;
margin-top:21%;}

#cont10 p{
font-size:20px;
line-height:1.7;
text-align:center;}

#cont10 h3{
width:120px;
margin:20px auto!important;}

#cont10 #cont10_bottom{
border-top:1px solid #828488;
width:80%;
margin:8% auto 0 auto;
padding:6% 0 8% 0;}

#cont10 #cont10_bottom h3{
width:140px;
margin:20px auto!important;}

#cont10 #cont10_bottom p{
font-size:16px;
line-height:1.7;
text-align:center;}

#cont10 #cont10_bottom p span a{
font-size:14px;
line-height:1.7;
text-align:center;
color:#0078eb;}

#cont10 #cont10_bottom p span a:hover{
text-decoration:underline;}

/*cont_news*/
#cont_news{
background:rgba(255,255,255,0.3);
position:relative;
z-index:1;
padding:18% 0 32% 0;
margin-top:-90vh;}

#cont_news_list{
position:relative;}

.tec_item{
opacity:0;
max-height:0;
visibility:hidden;}

.tec_item.is_hidden{
opacity:0;
max-height:0;
visibility:hidden;}

.tec_item:not(.is_hidden){
opacity:1;
max-height:100%;
visibility:visible;}

#more_btn{
position:absolute;
bottom:-100px;
left:50%;
transform:translateX(-50%);
width:40%;
transition:0.5s;
background-color:transparent;
border:none;
cursor:pointer;
outline:none;
padding:0;
appearance:none;}

#more_btn:hover{
opacity:0.6;
transition:0.5s;}

#close_btn{
position:absolute;
bottom:-100px;
left:50%;
transform:translateX(-50%);
width:40%;
transition:0.5s;
background-color:transparent;
border:none;
cursor:pointer;
outline:none;
padding:0;
appearance:none;}

#close_btn:hover{
opacity:0.6;
transition:0.5s;}

#cont_news h2{
position:relative;
text-align:center;}

#cont_news h2 img{
width:38%;
margin:0 auto 60px auto!important;}

#cont_news .image-container{
position:absolute;
top:0;
left:20%;
width:15%;
margin-top:10%;}

#cont_news a{
color:#828488;
transition:0.5s;}

#cont_news a:hover{
opacity:0.5;
transition:0.5s;}

.cont_news_arc{
background-image:url(../img/cont_news_02.webp);
background-position:top center;
background-repeat:no-repeat;
background-size:cover;
display:flex;
width:540px;
margin:0 auto 10px auto;
padding:36px 30px;}

.cont_news_arc_l{
width:160px;
height:110px;
overflow:hidden;
border-radius:10px;}

.cont_news_arc_l img{
width:100%;
height:100%;
object-fit:cover;
transition:0.5s;}

.cont_news_arc_l img:hover{
width:100%;
height:100%;
transform:scale(1.08);
transition:0.5s;}

.cont_news_arc_r{
width:300px;
margin-left:20px;}

.cont_news_arc_r .slide-title{
padding-top:10px!important;}

#cont_news_box_arc{
width:520px;
margin:-60px auto 0 auto;}

#cont_news_box_arc h2{
text-align:left!important;
font-size:26px;
line-height:1.3;
margin:20px 0 30px 0!important;}

.cont_news_arc_th{
margin-bottom:30px;}

.cont_news_arc_th img,.cont_news_arc_body img{
width:100%;
border-radius:30px;}

.cont_news_arc_body{
margin-top:50px;}

.cont_news_arc_body p{
font-size:19.5px!important;
line-height:1.85!important;
text-align:justify;
margin-bottom:1em!important;}

.cont_news_arc_body a{
color:#0078eb!important;}

.cont_news_arc_body h6{
font-size:16px;
margin:60px 0 10px 0!important;}

#cont_news_arc_btn{
width:46%;
margin:70px auto 0 auto;
transition:0.5s;}

#cont_news_arc_btn:hover{
opacity:0.6;
transition:0.5s;}

.cont_news_arc_body ul{
font-size:19.5px!important;
line-height:1.25!important;
text-align:justify;
margin:0 0 1em 1.1em!important;}

.cont_news_arc_body ul li{
list-style:disc!important;
margin-bottom:0.5em!important;}

.cont_news_arc_body ol{
font-size:19.5px!important;
line-height:1.25!important;
text-align:justify;
margin:0 0 1em 1.2em!important;}

.cont_news_arc_body ol li{
list-style:decimal!important;
margin-bottom:0.5em!important;}

#backhome{
width:150px;
margin:210px auto -140px auto;}

#backhome a:hover{
opacity:1;}

.backhome_single{
margin:172px auto -140px auto!important;}

/*news_pager*/
#cont_news_arc_pager{
display:flex;
margin-top:-64px;
position:relative;}

#news_pager_prev{
position:absolute;
left:62px;
width:60px;
height:60px;}

#news_pager_next{
position:absolute;
right:62px;
width:60px;
height:60px;}

/*cont_contact*/
#cont_contact{
background:rgba(255,255,255,0.3);
position:relative;
z-index:1;
padding:18% 0 24% 0;
margin-top:-90vh;}

#cont_contact h2{
position:relative;
text-align:center;}

#cont_contact h2 img{
width:40%;
margin:0 auto 60px auto!important;}

#cont_contact .image-container{
position:absolute;
top:-0.7%;
left:20%;
width:20%;
margin-top:11%;}

#cont_contact_bottom_box{
background:rgba(255,255,255,0.9);
position:relative;
z-index:1;
padding:1% 0 0 0;}

#cont_contact_bottom{
border-top:0;
width:80%;
margin:0 auto;
padding:6% 0 8% 0;}

#cont_contact_bottom h3{
width:140px;
margin:20px auto!important;}

#cont_contact_bottom p{
font-size:19px;
line-height:1.7;
text-align:center;}

#cont_contact_if{
width:84%;
margin:0.5vw auto 0 auto;
padding:20px;
background:#fff;
border-radius:20px!important;}