@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: 98%;
}

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

.close-button {
    position: absolute;
    top: -15px;
    right: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%;
    padding: 3px;
    z-index: 1001;
    transition: transform 0.2s;
}

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

.modal-image {
    max-width: 85%;
    max-height: 65vh;
	margin:0 auto;
    display: block;
    transition: transform 0.2s;
}

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

.no-scroll {
    overflow: hidden;
}

.modal_pc{
    display: none;}



.pc{
display:none;}

#side_r{
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;}

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

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

#float{
width:100%;
position:fixed;
top:0;
right:0;
z-index:100;
opacity:0;}

.float_second{
opacity:1!important;}

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

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

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

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

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

#global_nav{
display:none;}

.global_nav_sp_open{
position:fixed;
cursor:pointer;
z-index:9999;
top:12px;
right:5%;
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:100%;
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:5%!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:100%;
height:100%;
overflow:auto;
-webkit-overflow-scrolling:touch;}

#global_nav_sp_inner #global_nav_sp_list{
position:relative;
width:80%;
padding:32% 0 0 0;
margin:0 auto;}

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

#global_nav_sp_inner #global_nav_sp_list ul li{
margin:0 0 7vw 2.5vw;}

#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:28vw;
left:0;
width:19.5vw;}

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

#global_nav_sp_inner #global_nav_sp_list ul li:nth-child(3){
position:absolute;
top:52vw;
left:0;
width:20.2vw;}

#global_nav_sp_inner #global_nav_sp_list ul li:nth-child(4){
position:absolute;
top:28vw;
right:3.6vw;
width:25.5vw;}

#global_nav_sp_inner #global_nav_sp_list ul li:nth-child(5){
position:absolute;
top:40vw;
right:0;
width:29.5vw;}

#instagram_sp{
position:absolute;
top:52vw;
right:23vw;}

#instagram_sp a{
display:block;
width:7vw!important;
opacity:1!important;}

#instagram_sp img{
filter:none!important;}

#line_icon_sp{
position:absolute;
top:52vw;
right:9vw;}

#line_icon_sp a{
display:block;
width:7vw!important;
opacity:1!important;}

#line_icon_sp img{
filter:none!important;}

#nav_trip_link_sp{
position:absolute;
bottom:-50vw;
left:50%;
transform:translateX(-50%);
width:78vw;}

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

#nav_video_link_sp{
position:absolute;
bottom:-88vw;
left:50%;
transform:translateX(-50%);
width:78vw;}

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

/*footer*/
footer{
background:#a9caeb;
color:#fff;
font-size:3.4vw;
text-align:center;
padding:4vw 0 20vw 0;}

@media(orientation:landscape){
footer{
padding:4vw 0 4.5vw 0;}}

/*fix_bnr*/
@media(orientation:portrait){
#fix_bnr{
position:fixed;
bottom:0;
left:0;
width:100vw;
height:15vw;
z-index:10;
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(30px);
transition:opacity 0.5s ease,transform 0.5s ease,visibility 0.5s;}

#fix_bnr.is-visible{
opacity:1;
visibility:visible;
pointer-events:auto;
transform: translateY(0);}

#fix_bnr_pr{
display:none;}}

@media(orientation:landscape){
#fix_bnr{
display:none;}

#fix_bnr_pr{
position:fixed;
bottom:2vw;
right:2vw;
width:10vw;
height:10vw;
z-index:100;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity 0.5s ease,visibility 0.5s;}}

#fix_bnr_pr.is-visible{
opacity:1;
visibility:visible;
pointer-events:auto;
transform: translateY(0);}

/*bg_sky*/
#bg_sky_sp_box{
background-image:url(../img/bg_sky_sp.webp);
background-repeat:no-repeat;
background-size:100vw;
background-position:top center;
position:relative;
top:0;
left:0;
width:100vw;}

#bg_sky_sp{
opacity:1;
position:absolute;
z-index:2;
top:19vh;
left:0;
width:100%;}

#bg_sky_sp h2{
width:68%;
margin:0 auto!important;}

#bg_sky_sp h3{
width:68%;
margin:10vw auto 0 auto!important;}

/*contents_box*/
#contents_box{
position:relative;
z-index:1;
opacity:1;
background:linear-gradient(to bottom,transparent,#92ceff,#92ceff,#92ceff,#92ceff,#92ceff,#92ceff,#92ceff,#92ceff,#7dc4ff,#a6e8ff,#a6e8ff,#fad48c,#ffd17a,#ffd599);
width:100vw;
height:100%;}

#contents_box_second{
position:relative;
background:linear-gradient(to bottom,transparent,#92ceff,#92ceff,#92ceff,#92ceff,#92ceff,#92ceff,#92ceff,#92ceff,#7dc4ff,#a6e8ff,#a6e8ff,#fad48c,#ffd17a,#ffd599);
width:100vw;
height:100%;}

.cloud{
position:sticky;
z-index:0;
top:0;
left:0;
opacity:1;
width:100%;
height:100vh;
background:url(../img/cloud.webp);
background-size:cover;
animation:cloud 130s 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 120s 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;}

/*side_l*/
#side_l{
display:none;}

/*side_l_second*/
#side_l_second{
display:none;}

/*side_r_second*/
#side_r_second{
display:none;}

/*side_l_sp*/
#side_l_sp{
position:fixed;
z-index:10;
bottom:0;
left:0;
width:100vw;
background:#0078eb;
text-align:center;}

#side_l_sp p{
font-size:4.4vw;
text-align:center;
color:#fff;
padding:3vw 0 3.5vw 0!important;}

/*contents_box_in*/
.contents_box_in{
position:relative;
z-index:0;
width:100%;
margin:-100vh auto 0 auto;
padding-top:100vh;
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);}

@media(orientation:landscape){
.contents_box_in{
padding-top:100vw;}}

.contents_box_in_second{
position:relative;
z-index:1;
width:100%;
margin:-100vh auto 0 auto;
padding-top:140vh;
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);}

/*cont01*/
#cont01{
background-image:url(../img/cont01_bg_sp.webp);
background-repeat:no-repeat;
background-size:100%;
background-position:top center;
position:relative;
z-index:1;
padding:30% 0 0 0;}

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

#cont01 h2 #gif-anime00_sp{
background-image:url(../img/block01_bg_b.webp);
background-repeat:no-repeat;
background-size:100%;
background-position:top center;
width:60%;
margin:0 auto!important;}

#cont01 h2 .twinkle{
bottom:1.5%;
right:0;
position:absolute;
width:45%;}

#cont01_ttl{
position:relative;
top:-2vw;}

#cont01_ttl h3{
width:98%;
margin:-3% auto 0 auto!important;}

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

#cont01 p{
font-size:4.2vw;
line-height:1.6;
text-align:center;
margin-top:-7%!important;
padding-bottom:60vw!important;}

#cont01 span{
font-size:3.7vw;}

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

#cont02_ttl{
position:relative;
top:-2vw;
margin-bottom:-10vw;}

#cont02_ttl h3{
width:98%;
margin:-3% auto 0 auto!important;}

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

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

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

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

#cont02 h2 img:nth-child(2){
position:absolute;
bottom:-1.5%;
right:0;
width:45%;}

#cont02 .cont02_box_h3_01{
width:38%!important;
margin:5% auto 0 auto!important;}

#cont02 .cont02_box_h3_02{
width:48%!important;
margin:5% auto 0 auto!important;}

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

#cont02 .cont02_box_p_02{
font-size:4vw;
line-height:1.6;
text-align:justify;
width:84%;
margin:7% auto 0 auto!important;
padding-bottom:16.5%;}

.splide__arrow{
margin-top:-14vw;}

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

#cont03 h2{
position:relative;}

#cont03 h2 img:nth-child(1){
position:absolute;
z-index:3;
top:3.1vw;
left:3%;
width:28%;}

#cont03 h2 img:nth-child(2){
position:absolute;
z-index:2;
top:8vw;
left:29%;
width:61%;}

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

#cont03 p{
font-size:4.05vw;
line-height:1.8;
text-align:justify;
width:82%;
margin:0 auto!important;
padding:27% 0 24% 0!important;}

.movie_box_sp{
width:82%;
margin:-10% auto 26% auto;}

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

#cont03 h3 img{
border-radius:14vw;}

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

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

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

/*cont04*/
#cont04{
background:rgba(46,168,229,0.2);
position:relative;
z-index:1;
margin-top:-24%;
padding-top:45%;
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);}

#cont04 h3{
color:#fff;
font-size:6.7vw;
line-height:1.3;
text-align:center;
width:82%;
margin:0 auto!important;
padding-top:8%!important;}

#cont04 p{
color:#fff;
font-size:4.2vw;
line-height:1.6;
text-align:justify;
width:82%;
margin:0 auto!important;
padding:5.5% 0 0 0!important;}

#cont04_box01_p_s{
font-size:2.7vw!important;
line-height:1.6!important;}

.cont04_box01{
position:relative;}

.cont04_box01 h2{
position:relative;}

.cont04_box01 h2 img{
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
width:76%!important;}

.cont04_box01 .point_img{
position:absolute;
top:22%;
right:7%;
width:20%!important;}

.cont04_box02{
position:relative;
margin-top:5%;}

.cont04_box02 h2{
position:relative;
padding-top:17%!important;}

.cont04_box02 h2 img{
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
width:76%!important;}

.cont04_box02 .point_img{
position:absolute;
top:58%;
right:7%;
width:20%!important;}

.cont04_box03{
position:relative;
margin-top:50%;}

.cont04_box03 h2{
position:relative;}

.cont04_box03 h2 img{
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
width:76%!important;}

.cont04_box03 .point_img{
position:absolute;
top:34%;
right:7%;
width:20%!important;}

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

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

.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:10% 0 26% 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:20%;}

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

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

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

#cont05_box h4{
width:94%;
margin:0 auto 4% auto!important;}

#cont05_box_in{
margin-top:6%;}

#cont05_box_in_l{
width:84%;
margin:0 auto;}

#cont05_box_in_r{
width:84%;
margin:5% auto 6% auto;}

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

/*cont06*/
#cont06{
background:rgba(255,255,255,0.3);
position:relative;
z-index:1;
margin-top:-7.8vw;
padding:36% 0 34% 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 h2{
position:relative;
text-align:center;}

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

#cont06 .image-container{
position:absolute;
top:0;
left:16%;
width:19%;
margin-top:24%;}

#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:4vw;
line-height:0;
width:27%;
border-radius:2vw;}

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

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

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

.cont06_box_cont_r{
padding:3.5% 0 4% 0;
font-size:4vw;
font-feature-settings: "palt";
line-height:0;
width:68%;
margin-left:2.5%;
border-bottom:1px solid #a9caeb;}

.cont06_box_cont_r span{
font-size:3.6vw;}

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

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

/*cont07*/
#cont07{
background:rgba(255,255,255,0.3);
position:relative;
z-index:1;
padding-bottom:30%;}

#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:59%;
margin:0 auto!important;}

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

#cont07 h3{
width:82%;
margin:5% auto 0 auto!important;}

#cont07 h4{
width:60%;
margin:7% auto 0 auto!important;}

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

#cont07_box_btn{
width:78%;
margin:6% auto 0 auto;}

/*cont08*/
#cont08{
background:rgba(255,255,255,0.1);
position:relative;
z-index:1;
padding:36% 0 34% 0;}

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

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

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

.card{
overflow:hidden;
margin-top:5vw;
height:86vw;}

.card .swiper{
overflow:visible;
width:74%;}

.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 1vw;
padding:7vw 7vw;}

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

.slide-media{
width:100%;
height:40vw;
overflow:hidden;
border-radius:4vw;}

.card .swiper-slide:not(.swiper-slide-visible) .slide .slide-media{
width:100%;
height:40vw;
overflow:hidden;
border-radius:4vw;}

.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:-17vw;
margin:auto;
width:10vw;
height:10vw;}

.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:2vw;}

.slide-date{
font-size:3.2vw;}

.slide-title{
font-size:4vw;
margin-left:0!important;}

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

#cont08_box_btn{
width:40%;
margin:-11vw auto 0 auto;}

/*cont09*/
#cont09{
background:rgba(255,255,255,0.1);
position:relative;
z-index:1;
padding:36% 0 34% 0;}

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

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

#cont09 .image-container{
position:absolute;
top:0;
left:15%;
width:16%;
margin-top:26%;}

.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:4vw 6vw 4.5vw 8vw!important;
position:relative;}

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

.accordion h3{
font-size:4vw;}

.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:7vw;
right:0;
width:4vw;
height:4vw;}

.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 6vw 8vw;
font-size:4vw;
line-height:1.6;
background-image:url(../img/cont09_04.svg);
background-position:top left;
background-repeat:no-repeat;
background-size:7vw;}

.accordion .cont span{
font-size:3.6vw;}

.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:3.6vw;
width:84%;
margin:7% auto 0 auto;}

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

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

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

#cont10 .image-container{
position:absolute;
top:0;
left:8%;
width:28%;
margin-top:25%;}

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

#cont10 h3{
width:65vw;
margin:6vw 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:25vw;
margin:6% auto!important;}

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

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

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

/*cont_news*/
#cont_news{
background:rgba(255,255,255,0.5);
position:relative;
z-index:1;
padding:36% 0 30vw 0;
margin-top:-140vh;}

#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:-18vw;
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{
position:absolute;
bottom:-18vw;
left:50%;
transform:translateX(-50%);
width:40%;
transition:0.5s;
background-color:transparent;
border:none;
cursor:pointer;
outline:none;
padding:0;
appearance:none;}

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

#cont_news h2 img{
width:50%;
margin:0 auto!important;}

#cont_news .image-container{
position:absolute;
top:26vw;
left:14%;
width:20%;}

#cont_news a{
color:#828488;}

#cont_news_list{
margin-top:10vw;}

.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:85%;
margin:0 auto 3vw auto;
padding:4vw;}

.cont_news_arc_l{
width:30vw;
height:20vw;
overflow:hidden;
border-radius:2vw;}

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

.cont_news_arc_r{
width:45vw;
margin-left:3vw;}

.cont_news_arc_r .slide-title{
padding-top:2vw!important;}

#cont_news_box_arc{
width:84%;
margin:-8vw auto 0 auto;}

#cont_news_box_arc h2{
text-align:left!important;
font-size:5vw;
line-height:1.3;
margin:5vw 0 3vw 0!important;}

#cont_news_box_arc .slide-date{
font-size:4vw;}

.cont_news_arc_th{
margin-bottom:5vw;}

.cont_news_arc_th img,.cont_news_arc_body img{
width:100%;
border-radius:5vw;}

.cont_news_arc_body{
margin-top:12vw;}

.cont_news_arc_body p{
font-size:4.1vw!important;
line-height:1.7!important;
text-align:justify;
margin-bottom:1em!important;}

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

.cont_news_arc_body h6{
font-size:3vw;
margin:12vw 0 2vw 0!important;}

#cont_news_arc_btn{
width:48%;
margin:12vw auto 0 auto;}

.cont_news_arc_body ul{
font-size:4.1vw!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:4.1vw!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:32vw;
margin:36vw auto -16vw auto;}

#backhome a:hover{
opacity:1;}

.backhome_single{
margin:30vw auto -16vw auto!important;}

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

#news_pager_prev{
position:absolute;
left:4vw;
width:10vw;
height:10vw;}

#news_pager_next{
position:absolute;
right:4vw;
width:10vw;
height:10vw;}

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

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

#cont_contact h2 img{
width:50%;
margin:0 auto 6vw auto!important;}

#cont_contact .image-container{
position:absolute;
top:3%;
left:10%;
width:26%;
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:25vw;
margin:6% auto!important;}

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

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