@charset "UTF-8";

/* ------------------------------
 UA stylesheet RESET
------------------------------ */
*,*:before,*:after{box-sizing:border-box;font-style:normal;font-optical-sizing:auto;}
html,body{margin:0;padding:0;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,div,pre,blockquote,fieldset{display:block;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;font-weight:normal;}
p{margin:0;padding:0;font-size:100%;font-weight:normal;}
ol,ul,li,dl,dt,dd{margin:0;padding:0;font-weight:normal;list-style:none;}
form,input,button,select,optgroup,textarea{margin:0;padding:0;}
table,caption,thead,tbody,tfoot,tr,td,th{margin:0;padding:0;border-collapse:collapse;border-spacing:0;border:0;text-align:left;font-weight:normal;}
hr{margin:0;padding:0;height:0;border:0;box-sizing:content-box;overflow:visible;}
img,svg,figure,abbr,fieldset{border:0;vertical-align:middle;}
object,embed{vertical-align:top;}

/* --------------------------
 HTML/BODY
-------------------------- */
html,body{  
position:relative;
width:100%;
color:#333333;
font-size:16px;
line-height:0;
text-align:center;
letter-spacing:0em;
word-break:break-all;
}
@media (orientation:portrait){}


/* --------------------------
 SWIPER
-------------------------- */
.swiper{
margin:0 auto;
width:100%;
max-width:540px;
min-width:375px;
height:100dvh;
min-height:540px;
}

/* --------------------------
 SWIPER-WRAPPER
-------------------------- */
.swiper-wrapper{}

/* --------------------------
 SWIPER-SLIDE
-------------------------- */
.swiper-slide{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:100% auto;
}
@media (orientation:landscape) and (max-height:780px){
.swiper-slide{
justify-content:flex-start;
width:100%;
height:100%;
}
}
#slide01{background-image:url(../img/01-2520.png);}
#slide02{background-image:url(../img/02-2520.png);}
#slide03{background-image:url(../img/03-2520.png);}
#slide04{background-image:url(../img/04-2520.png);}
#slide05{background-image:url(../img/05-2520.png);}
#slide06{background-image:url(../img/06-2520.png);}
#slide07{background-image:url(../img/07-2520.png);}
#slide08{background-image:url(../img/08-2520.png);}
#slide09{background-image:url(../img/09-2520.png);}
#slide10{background-image:url(../img/10-2520.png);}
#slide11{background-image:url(../img/11-2520.png);}
#slide12{background-image:url(../img/12-2520.png);}
#slide-video{background-color:#000000;}

/* --------------------------
 SWIPER-BOX
-------------------------- */
.swiper-box{
position:relative;
display:block;
width:100%;
height:auto;
aspect-ratio:9 / 13;
}
.slide-img{
display:block;
width:100%;
height:auto;
aspect-ratio:9 / 13;
}
.video-wrapper{
position:relative;
width:100%;
height:100%;
overflow:hidden;
}
.video-wrapper > video {
position: absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
max-width:100%;
max-height:100%;
}

/* --------------------------
 A INFO
-------------------------- */
.info-tel{
position:absolute;
top:89.7%;
left:3.7%;
display:block;
width:40%;
}
.info-mail{
position:absolute;
top:89.7%;
right:3.7%;
display:block;
width:50%;
}
.info-img{
display:block;
width:100%;
margin:0 auto;
}
.info-img:hover{
opacity:0.5;
}

/* --------------------------
 SWIPER-PAGINATION
-------------------------- */
.swiper-pagination-bullet{
width:10px;
height:10px;
margin:0 10px;
background-color:#000000;
border-radius:50%;
opacity:0.2;
}
.swiper-pagination-bullet-active{
background-color:#ffffff;
box-shadow:0 0 5px rgba(0,0,0,0.5);
opacity:1;
}

/* --------------------------
 SWIPER-BUTTON
-------------------------- */
.swiper-button-prev,.swiper-button-next{
width:20px;
height:20px;
}
.swiper-button-prev:before,.swiper-button-next:before{}
.swiper-button-prev:after,.swiper-button-next:after{
content:"";
width:20px;
height:20px;
margin:auto;
background-repeat:no-repeat;
background-size:contain;
border-radius:50%;
box-shadow:0 0 5px rgba(0,0,0,0.2);
background-color:rgba(0,0,0,0.2);
}
.swiper-button-prev:after{
background-image:url(../img/button/swiper-button-prev.png);
}
.swiper-button-next:after{
background-image:url(../img/button/swiper-button-next.png);
}
.swiper-button-disabled{display:none;}



/* --------------------------
 BTN
-------------------------- */
#slide11 .btn{
display:block;
width:78%;
position:absolute;
top:45.5%;
left:11%;
}
#slide11 .btn a{
display:block;
width:100%;
background:#ffffff;
border-radius:9999px;
}
#slide11 .btn a img{
display:block;
width:100%;
border-radius:9999px;
box-shadow:0 0 5px rgba(0,0,0,0.5);
}
#slide11 .btn a img:hover{
opacity:0.5;
box-shadow:0 0 5px rgba(0,0,0,0);
}


/* --------------------------
 202511 追加
-------------------------- */

/* --------------------------
 BTN-S
-------------------------- */
.btn-s{
display:block;
width:40%;
position:absolute;
bottom:30px;
right:4%;
}
.btn-s a{
display:block;
width:100%;
background:#ffffff;
border-radius:9999px;
}
.btn-s a img{
display:block;
width:100%;
border-radius:9999px;
box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.btn-s a img:hover{
opacity:0.5;
box-shadow:0 0 5px rgba(0,0,0,0);
}

/* --------------------------
 FOOTER
-------------------------- */
footer{
position:absolute;
bottom:20px;
left:0;
display:block;
width:100%;
margin:0;
padding:0;
color:#62809b;
}
footer a{color:#62809b;text-decoration:none;}
footer a:hover{color:#62809b;text-decoration:underline;}
#nav_footer{
display:block;
width:100%;
margin:0 auto;
padding:0;
}
#nav_footer ul{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:flex-start;
width:100%;
margin:0;
padding:0 4%;
text-align:center;
list-style-type:none;
box-sizing:border-box;
}
#nav_footer ul li{
display:block;
margin:0;
padding:0 10px;
font-size:10px;
line-height:15px;
border-right:1px solid #e9b2b0;
box-sizing:border-box;
}
#nav_footer ul li:last-child{border-right:none;}
footer small{
display:block;
margin:0;
padding:0;
text-align:center;
font-size:10px;
line-height:15px;
}