@charset "utf-8";

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
screen
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 767px以下
------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px){

#contents .br-sp:before{
content:"\A";
white-space:pre;
}
.only-pc,
#contents .only-pc{display:none;}
.only-sp,
#contents .only-sp{display:block;}
span.only-sp,
img.only-sp,
#contents span.only-sp,
#contents img.only-sp{display:inline;}


/*------------------------------------------------------------------------------------------------------------------------
Element
------------------------------------------------------------------------------------------------------------------------*/
#contents p,
#contents li,
#contents dt,
#contents dd,
#contents caption,
#contents th,
#contents td{font-size:1.2rem;}

/*------------------------------------------------------------------------------------------------------------------------
Heading
------------------------------------------------------------------------------------------------------------------------*/
/* hdg-type
----------------------------------------*/
/* hdg-type01 */
#contents .hdg-type01{margin:0 0 10px;}
#contents .hdg-type01 .hdg{
padding:0 15px;
font-size:1rem;
}
#contents .hdg-type01 .hdg > .lay{
padding-bottom:35px;
height:125px;
}
#contents .hdg-type01 .hdg img{max-height:30px;}
#contents .hdg-type01.ttc .hdg img{max-height:34px;}

/* hdg-type02 */
#contents .hdg-type02{
margin-bottom:20px;
font-size:2rem;
}

/* hdg-type03 */
#contents .hdg-type03{
margin-bottom:15px;
padding-bottom:8px;
font-size:1.3rem;
}

/* hdg-type04 */
#contents .hdg-type04{
margin-bottom:10px;
font-size:1.2rem;
}

/* hdg-type05 */
#contents .hdg-type05{
margin-bottom:10px;
font-size:1.4rem;
}

/* hdg-type06 */
#contents .hdg-type06{
margin-bottom:20px;
font-size:2rem;
}
#contents .hdg-type06 .caption{
margin-top:2px;
font-size:1.2rem;
}


/*------------------------------------------------------------------------------------------------------------------------
Navigation
------------------------------------------------------------------------------------------------------------------------*/
/* nav-cont01
----------------------------------------*/
#contents .nav-cont01{
margin:0 auto 30px;
text-align:center;
letter-spacing:-.4em;
}
#contents .nav-cont01 li{
display:inline-block;
margin:0 0 10px;
font-size:1.4rem;
letter-spacing:normal;
}
#contents .nav-cont01 li a{
padding:4px 20px;
min-width:275px;
}
#contents .nav-cont01 li a:hover{
padding:4px 20px;
border-width:1px;
}
#contents .nav-cont01 li a:hover::before,
#contents .nav-cont01 li a:hover::after{right:20px;}

/* days */
#days #contents .nav-cont01{margin:0 0 40px;}
#days #contents .nav-cont01 li{
float:none;
margin:0 0 10px;
padding:0;
width:auto;
}
#days #contents .nav-cont01 li a:hover{border-width:1px;}

/* cafe */
#contents .nav-cont01.cafe li{
display:block;
margin:0 0 10px;
}
#contents .nav-cont01.cafe li a:hover{
padding:4px 20px;
border-width:1px;
}


/*------------------------------------------------------------------------------------------------------------------------
Text
------------------------------------------------------------------------------------------------------------------------*/
#contents .text-type00,
#contents .text-type01,
#contents .text-type02{font-size:1rem;}
#contents .text-type03,
#contents .text-type04{font-size:1.2rem;}
#contents .text-type05,
#contents .text-type06{font-size:1.4rem;}

/* txt-area01
----------------------------------------*/
#contents .txt-area01{padding:0 10px;}


/* btn01
----------------------------------------*/
#contents .btn01{font-size:1.2rem;}
#contents .btn01 a{
padding:4px 20px;
min-width:275px;
}
#contents .btn01 a::before,
#contents .btn01 a::after,
#contents .btn01 a:hover::before,
#contents .btn01 a:hover::after{right:10px;}
#contents .btn01 a:hover{
padding:4px 20px;
border-width:1px;
}
#contents .btn01.progress01{font-size:1.4rem;}
#contents .btn01.progress01 a{
display:block;
padding:7px 30px 7px 5px;
}
#contents .btn01.progress01 a:hover{padding:7px 30px 7px 5px;}
#contents .btn01.progress01  a:hover::before,
#contents .btn01.progress01  a:hover::after{right:10px;}

/* btn02
----------------------------------------*/
#contents .btn02{font-size:1.2rem;}
#contents .btn02 a,
#contents .btn02 span{
padding:4px 20px;
min-width:275px;
}
#contents .btn02 a:hover,
#contents .btn02 span:hover{
padding:4px 20px;
border-width:1px;
}

/* btn03
----------------------------------------*/
#contents .btn03{font-size:1.2rem;}
#contents .btn03 a{padding:4px 25px 4px 10px;}
#contents .btn03 a::before,
#contents .btn03 a::after,
#contents .btn03 a:hover::before,
#contents .btn03 a:hover::after{right:10px;}
#contents .btn03 a:hover{
padding:4px 25px 4px 10px;
border-width:1px;
}
#contents .btn03.mail01 a{padding:6px 25px 6px 0;}
#contents .btn03.mail01 a span::before{margin-right:5px;}

/* btn04
----------------------------------------*/
#contents .btn04{font-size:1.2rem;}
#contents .btn04 a{
display:block;
padding:4px 25px 4px 10px;
}
#contents .btn04 a::before,
#contents .btn04 a::after,
#contents .btn04 a:hover::before,
#contents .btn04 a:hover::after{right:10px;}
#contents .btn04 a:hover{
padding:4px 25px 4px 10px;
border-width:1px;
}

/* img-flow01
----------------------------------------*/
#contents .img-flow01{
margin:0 35px 40px;
text-align:center;
}


/*------------------------------------------------------------------------------------------------------------------------
Layout Block
------------------------------------------------------------------------------------------------------------------------*/
/* blk-col
----------------------------------------*/
#contents .blk-col.col2-01{
display:block;
margin:0;
}
#contents .blk-col.col2-01 .cont{
margin:0;
width:auto;
}
#contents .blk-col.col3-01{
display:block;
margin:0;
}
#contents .blk-col.col3-01 .cont{
margin:0 0 30px;
width:auto;
}
#contents .blk-col .cont.img-column01{overflow:hidden;}
#contents .blk-col .cont.img-column01 .img{
margin-right:15px;
width:47.777%;
}
#contents .blk-col .cont.img-column01 p{font-size:1rem;}


/*------------------------------------------------------------------------------------------------------------------------
Block Element
------------------------------------------------------------------------------------------------------------------------*/
/* about-visual
----------------------------------------*/
#about-visual{margin:0 0 40px;}
#about-visual .about-contents{
padding:40px 50px 100px;
min-height:0;
}
#about-visual .about-contents .hdg-yoga{
margin:0 auto 40px;
font-size:1.5rem;
}
#about-visual .about-contents .hdg-yoga span{padding:7px 0;}
#about-visual .about-contents .txt{
padding:25px 30px 1px;
width:auto;
background:rgba(255,255,255,.8);
box-shadow:5px 5px 10px 0 rgba(0,0,0,.2);
}
#about-about .about-contents .txt p{
margin-bottom:30px;
font-size:1.2rem;
}

/* stay-visual
----------------------------------------*/
#stay-visual{margin:0 0 40px;}
#stay-visual .stay-contents{
padding:40px 50px 100px;
min-height:0;
}
#stay-visual .stay-contents .hdg-yoga-travel{
margin:0 auto 40px;
font-size:1.5rem;
}
#stay-visual .stay-contents .hdg-yoga-travel img{margin:0 auto 30px;}
#stay-visual .stay-contents .hdg-yoga-travel span{padding:7px 0;}
#stay-visual .stay-contents .txt{
padding:25px 30px 1px;
width:auto;
background:rgba(255,255,255,.8);
box-shadow:5px 5px 10px 0 rgba(0,0,0,.2);
}
#stay-visual .stay-contents .txt p{
margin-bottom:30px;
font-size:1.2rem;
}
#stay-visual .stay-contents .cont01,
#stay-visual .stay-contents .cont02{
position:relative;
margin:0 auto;
max-width:1266px;
}
#stay-visual .stay-contents .cont01{margin-bottom:50px;padding-bottom:200px;}
#stay-visual .stay-contents .cont02{margin-bottom:100px;padding-bottom:200px;}
#stay-visual .stay-contents .img01{
bottom:102px;
width:182px;
}
#stay-visual .stay-contents .img02{
bottom:0;
width:153px;
}
#stay-visual .stay-contents .cont01 .img01{margin:0 0 0 -166px;}
#stay-visual .stay-contents .cont01 .img02{margin:0 0 0 16px;}
#stay-visual .stay-contents .cont02 .img01{margin:0 0 0 -19px;}
#stay-visual .stay-contents .cont02 .img02{margin:0 0 0 -172px;}
#stay-visual .stay-contents .img01::before,
#stay-visual .stay-contents .img02::before{
width:calc(100% - 4px);
height:calc(100% - 4px);
border:2px solid rgba(255,255,255,.5);
}
#stay-visual .stay-contents .cont01 .img01::before,
#stay-visual .stay-contents .cont01 .img02::before{top:-6px;left:-6px;}
#stay-visual .stay-contents .cont02 .img01::before,
#stay-visual .stay-contents .cont02 .img02::before{top:-6px;left:6px;}

/* blk-retreat01
----------------------------------------*/
#contents .blk-retreat01{
margin:0 0 10px;
background:none;
}

/* overview */
#contents .blk-retreat01 .overview{
display:block;
margin:0 0 30px;
width:auto;
}
#contents .blk-retreat01 .overview .img{
display:block;
text-align:center;
}
#contents .blk-retreat01 .overview .txt{
display:block;
width:auto;
}
#contents .blk-retreat01 .overview .txt p{font-size:1.2rem;}

/* retreat-plan */
#contents .blk-retreat01 .retreat-plan{
padding:30px 35px;
background-size:317px auto;
}
#contents .blk-retreat01 .retreat-plan::before{border-width:30px 30px 0 0;}
#contents .blk-retreat01 .retreat-plan .cont01{
float:none;
width:auto;
padding-right:0;
}
#contents .blk-retreat01 .retreat-plan .dlist-type01 dt,
#contents .blk-retreat01 .retreat-plan .dlist-type01 dd{font-size:1.1rem;}
#contents .blk-retreat01 .retreat-plan .list-disc01 li{font-size:1.1rem;}
#contents .blk-retreat01 .retreat-plan .list-notation01 li{font-size:1rem;}
#contents .blk-retreat01 .retreat-plan .cont02{
float:none;
padding:10px 15px 1px;
width:auto;
}
#contents .blk-retreat01 .retreat-plan .tbl-type01 th,
#contents .blk-retreat01 .retreat-plan .tbl-type01 td{font-size:1.1rem;}
#contents .blk-retreat01 .retreat-plan .cont02 .list-notation01{margin-bottom:10px;}

/* blk-retreat02
----------------------------------------*/
#contents .blk-retreat02{
margin:0 0 10px;
padding:0;
background:none;
}

/* overview */
#contents .blk-retreat02 .overview{
display:block;
margin:0 0 30px;
width:auto;
}
#contents .blk-retreat02 .overview .img{
display:block;
text-align:center;
}
#contents .blk-retreat02 .overview .txt{
display:block;
width:auto;
}
#contents .blk-retreat02 .overview .txt p{
margin-bottom:20px;
font-size:1.2rem;
}

/* days-scrollify
--------------------------------------*/
#days-scrollify .days-section{
background:center center repeat-y;
background-size:960px auto;
}
#days-page1{padding-top:0;}

/* days-contents
--------------------------------------*/
#contents .days-contents{
position:relative;
margin:0 auto;
padding:45px 30px 40px;
}
#contents .days-contents::after,
#contents .days-contents::before{display:none;}

/* head */
#contents .days-contents .head{
overflow:visible;
margin:0 -15px 25px;
padding-top:0;
min-height:0;
}
#contents .days-contents .head .hdg{
z-index:1;
margin-bottom:-13px;
font-size:1rem;
}
#contents #days-page3 .days-contents .head .hdg img,
#contents #days-page3 .days-contents .head .hdg > .lay,
#contents #days-page5 .days-contents .head .hdg img,
#contents #days-page5 .days-contents .head .hdg > .lay{margin-left:0;}
#contents .days-contents .head .hdg img{
height:47px;
margin-bottom:5px;
}
#contents .days-contents .head .hdg > .lay{
padding:6px 5px;
max-width:200px;
}
#contents .days-contents .head .img{
position:static;
margin:0 -15px 25px;
}
#contents .days-contents .head .img img{max-width:100%;}
#contents #days-page3 .days-contents .head .txt,
#contents #days-page5 .days-contents .head .txt{text-align:left;}
#contents .days-contents .head .txt{
position:relative;
padding:0 15px;
}
#contents .days-contents .head .txt::after{
content:'';
position:absolute;
z-index:-1;
background:left top no-repeat;
}
#contents #days-page2 .days-contents .head .txt::after{
top:-10px;
right:-60px;
width:150px;
height:100px;
background-image:url(../images/bg/days/regular-object01.png);
background-size:150px auto;
}
#contents #days-page4 .days-contents .head .txt::after{
top:-10px;
right:-30px;
width:133px;
height:115px;
background-image:url(../images/bg/days/private-object02.png);
background-size:133px auto;
}
#contents #days-page5 .days-contents .head .txt::after{
top:-15px;
right:-50px;
width:116px;
height:119px;
background-image:url(../images/bg/days/beach-object02.png);
background-size:116px auto;
}
#contents #days-page6 .days-contents .head .txt::after{
top:-15px;
right:-65px;
width:144px;
height:180px;
background-image:url(../images/bg/days/chakra-object01.png);
background-size:144px auto;
}
#contents .days-contents .head .txt p{
margin-bottom:10px;
font-size:1.2rem;
line-height:2;
}
#contents #days-page4 .days-contents .days-body::before,
#contents #days-page4 .days-contents .days-body::after,
#contents #days-page5 .days-contents .days-body::after{display:none;}

/* info */
#contents .days-contents .info{padding:25px 30px 20px;}
#contents .days-contents .info::before{
display:none;
content:'';
position:absolute;
top:35px;
left:calc(380px + 3%);
bottom:35px;
width:1px;
background:#c1c1c1;
}
#contents .days-contents .info p,
#contents .days-contents .info li{font-size:1.2rem;}
#contents .days-contents .info .font-zoom01{font-size:1.2rem;}
#contents .days-contents .info p,
#contents .days-contents .info ul{margin-bottom:10px;}
#contents .days-contents .info .cont01{
float:none;
padding-right:0;
width:auto;
}
#contents .days-contents .info .cont02{
margin-top:15px;
padding:15px 0 0;
border-top:1px solid #c1c1c1;
}
#contents .days-contents .link01{font-size:1.2rem;}
#contents .days-contents .info .list-disc01 li,
#contents .days-contents .info .list-notation01 li{font-size:1rem;}
#contents .days-contents .info .cont01 .list-disc01 li{font-size:1.2rem;}
#contents .days-contents .info .btn01{
text-align:left;
}
#contents .days-contents .info .btn01 a{
display:block;
min-width:0;
}
#contents .days-contents .info .btn01 a::before,
#contents .days-contents .info .btn01 a::after{
display:block;
min-width:0;
}
#contents .days-contents .info .btn01 a:hover{padding:3px 20px;}

/* ttc
--------------------------------------*/
#contents .ttc-mv{margin:0 -15px;}

/* ttc-lead */
#contents .ttc-lead{
margin:0 -15px 25px;
padding:0 50px;
}
#contents .ttc-lead .lead{
margin:-72px -35px 25px;
padding:25px 10px 10px;
min-height:145px;
box-shadow:5px 5px 10px 0 rgba(0,0,0,.2);
font-size:2.4rem;
line-height:1.4166;
}
#contents .ttc-lead .lead span{
margin-top:5px;
font-size:1rem;
}
#contents .ttc-lead p{line-height:1.833;}

/* course-plan */
#contents .course-plan{
margin-bottom:35px;
padding:30px 35px 15px;
background-size:317px auto;
}
#contents .course-plan::before{border-width:30px 30px 0 0;}

/* list-course01 */
#contents .list-course01 li{
display:block;
margin-bottom:15px;
padding:0 0 15px;
width:auto;
background:#fff;
}
#contents .list-course01 li .date01,
#contents .list-course01 li .date02{
display:block;
margin-bottom:15px;
padding:2px 5px;
width:auto;
height:auto;
font-size:1.2rem;
}
#contents .list-course01 li .title{
display:block;
overflow:hidden;
margin-bottom:10px;
padding:0 15px;
width:auto;
height:auto;
font-size:1.2rem;
}
#contents .list-course01 li .title .icon{
margin-right:15px;
width:30px;
}
#contents .list-course01 li .title .txt{overflow:hidden;}
#contents .list-course01 li .detail{
display:block;
margin:0;
padding:0 15px;
width:auto;
height:auto;
font-size:1.2rem;
}
#contents .list-course01 li .detail a:hover{padding-top:3px;padding-bottom:3px;}

/* blk-feature01
----------------------------------------*/
#contents .blk-feature01{
display:block;
margin:0 35px 30px;
}
#contents .blk-feature01 .cont{
margin:0 0 10px;
padding:0;
width:auto;
}
#contents .blk-feature01 .img{margin:0;}
#contents .blk-feature01 .img img{width:100%;}
#contents .blk-feature01 .hdg{
margin:-25px 0 5px;
min-height:0;
font-size:1.3rem;
line-height:1.8;
}
#contents .blk-feature01 .hdg .num{
margin-left:10px;
font-size:5rem;
}
#contents .blk-feature01 p{font-size:1.2rem;}

/* cafe
--------------------------------------*/
/* cafe-main */
#cafe-main{margin:0 -15px 35px;}
#cafe-main .title{
top:auto;
right:0;
bottom:35px;
left:50%;
margin:0 0 0 -137px;
width:275px;
box-shadow:4px 4px 7px 0px rgba(44,34,12,.2);
}
#cafe-main .bx-wrapper .bx-controls{margin-top:100px;}

/* news-area01 */
#contents .news-area01{
margin-bottom:35px;
padding:30px 35px;
background-size:317px auto;
}
#contents .news-area01::before{border-width:30px 30px 0 0;}
#contents .news-area01 .txt01{
display:block;
margin:0;
text-align:left;
}


/* blk-contact01
--------------------------------------*/
#contents .blk-contact01{
display:block;
margin:0;
}
#contents .blk-contact01 .cont{
margin:0 0 20px;
padding:30px 16%;
width:auto;
}
#contents .blk-contact01 .cont .hdg{
margin-bottom:15px;
color:#fff;
font-size:1.3rem;
}
#contents .blk-contact01 .cont .hdg span{
display:block;
width:auto;
height:auto;
padding-bottom:10px;
}
#contents .blk-contact01 .cont p{
margin-bottom:15px;
font-size:1.2rem;
}
#contents .blk-contact01 .cont .list-disc01 li{
margin-bottom:0;
font-size:1.2rem;
}
#contents .blk-contact01 .cont .list-disc01 li::before{background:#fff;}
#contents .blk-contact01 .cont .btn03{
position:static;
margin:0;
font-size:1.2rem;
}
#contents .blk-contact01 .btn01 a{
display:block;
min-width:0;
}
#contents .blk-contact01 .btn01 a:hover{
padding-top:3px;
padding-bottom:3px;
}

/* coming-soon01
----------------------------------------*/
#contents .coming-soon01{
margin:0;
padding:0 0 30px;
min-height:0;
background:none;
}
#contents .coming-soon01 .cont{
position:relative;
margin:0 auto;
max-width:none;
}
#contents .coming-soon01 .cont .hdg{
margin:0 0 15px;
text-align:center;
}
#contents .coming-soon01 .cont p{
margin:0 0 20px;
padding-left:0;
font-size:1.3rem;
text-align:center;
}

/* bxslider
--------------------------------------*/
.bx-wrapper .bx-pager .bx-pager-item{margin:0 6px;}
.bx-wrapper .bx-pager .bx-pager-item .bx-pager-link{
width:6px;
height:6px;
}

/* slick
--------------------------------------*/
#contents .slick-dots li{
margin:0 6px;
padding:0;
}
#contents .slick-dots li button{
width:6px;
height:6px;
}

/* colorbox
--------------------------------------*/
#cboxPrevious,
#cboxNext,
#cboxClose{background-size:85px auto;}
#cboxPrevious{top:auto; bottom:-50px; left:0; margin-top:0; background-position:-25px 0; width:30px; height:40px;}
#cboxNext{top:auto; bottom:-50px; left:auto; right:0; margin-top:0; background-position:-55px 0; width:30px; height:40px;}
#cboxClose{top:-30px; width:22px; height:22px;}


/*------------------------------------------------------------------------------------------------------------------------
Top
------------------------------------------------------------------------------------------------------------------------*/
/* main-visual-sp
--------------------------------------*/
#main-visual-sp{
position:relative;
margin-bottom:25px;
}
#main-visual-sp ul{margin:0;}
#main-visual-sp ul li{margin:0;}
#main-visual-sp ul li img{width:100%;}
#main-visual-sp .bx-wrapper .bx-loading{
position:absolute;
top:0;
left:0;
z-index:5;
width:100%;
height:50px;
background:url(../images/bg/bxslider/bx_loader.gif) center center no-repeat;
}
#main-visual-sp .bxslider,
#main-visual-spbxslider *{transition:initial;}

/* your-experience
--------------------------------------*/
#your-experience{
margin:0;
}
#your-experience > .hdg{margin:0 0 20px;}
#your-experience > .hdg img{width:129px;}

/* top-experience */
#your-experience #bx-pager-experience{display:none;}

#your-experience .slider li{margin:0 0 40px;}

/* blk-experience */
#your-experience .blk-experience{
margin:0 auto;
padding:40% 20px 0;
min-height:0;
}
#your-experience .blk-experience::before{display:none;}
#your-experience .blk-experience .img{
padding-right:50px;
}
#your-experience .blk-experience .cont{
float:none;
margin:0;
padding:40px 35px 10px;
width:auto;
min-height:0;
}
#your-experience .blk-experience .cont::before{
top:8px;
right:5px;
width:49px;
height:43px;
}
#your-experience .slider .stay .blk-experience .cont::before{background-size:49px auto;}
#your-experience .slider .days .blk-experience .cont::before{top:5px;height:50px;background-size:49px auto;}
#your-experience .slider .ttc .blk-experience .cont::before{top:10px;height:49px;background-size:49px auto;}
#your-experience .slider .cafe .blk-experience .cont::before{top:7px;height:50px;background-size:49px auto;}
#your-experience .blk-experience .cont::after{
bottom:-25px;
left:-90px;
width:150px;
height:136px;
}
#your-experience .slider .stay .blk-experience .cont::after{background-size:150px auto;}
#your-experience .slider .days .blk-experience .cont::after{bottom:-30px;height:156px;background-size:150px auto;}
#your-experience .slider .ttc .blk-experience .cont::after{background-size:150px auto;}
#your-experience .slider .cafe .blk-experience .cont::after{left:-80px;width:130px;background-size:130px auto;}
#your-experience .blk-experience .cont > .hdg{
margin-bottom:15px;
font-size:1.2rem;
text-align:center;
}
#your-experience .blk-experience .cont > .hdg img{
top:-30px;
left:-25px;
}
#your-experience .slider .stay .blk-experience .cont > .hdg img{width:70px;}
#your-experience .slider .days .blk-experience .cont > .hdg img{width:80px;}
#your-experience .slider .ttc .blk-experience .cont > .hdg img{width:68px;}
#your-experience .slider .cafe .blk-experience .cont > .hdg img{top:-30px;width:70px;}
#your-experience .blk-experience .cont p{font-size:1.1rem;}
#your-experience .blk-experience .cont .btn01{
position:relative;
z-index:3;
font-size:1.2rem;
}
#your-experience .blk-experience .cont .btn01 a{
min-width:210px;
padding-top:7px;
padding-bottom:7px;
background:#fff;
}
#your-experience .blk-experience .cont .btn01 a:hover{
padding-top:7px;
padding-bottom:7px;
}
#your-experience .blk-experience .cont .btn01 a:hover::before,
#your-experience .blk-experience .cont .btn01 a:hover::after{right:20px;}
#your-experience .bx-wrapper{position:relative;}
#your-experience .bx-wrapper .bx-controls{
overflow:hidden;
position:absolute;
top:0;
left:0;
margin:0 auto;
width:100%;
height:622px;
}
#your-experience .bx-wrapper .bx-controls .bx-controls-direction{
position:relative;
margin:0 auto;
padding:0 20px;
max-width:1366px;
}
#your-experience .bx-wrapper .bx-controls .bx-prev,
#your-experience .bx-wrapper .bx-controls .bx-next{
overflow:hidden;
position:absolute;
top:295px;
z-index:51;
width:60px;
height:60px;
border-radius:60px;
background:#fff;
box-shadow:5px 5px 10px 0 rgba(0,0,0,.2);
text-indent:100%;
white-space:nowrap;
}
#your-experience .bx-wrapper .bx-controls a{transition:all .5s ease;}
#your-experience .bx-wrapper .bx-controls a:hover{background:#ccc;}
#your-experience .bx-wrapper .bx-controls .bx-prev{
right:676px;
}
#your-experience .bx-wrapper .bx-controls .bx-next{
right:0;
margin-right:-10px;
}
#your-experience .bx-wrapper .bx-controls .bx-prev::before,
#your-experience .bx-wrapper .bx-controls .bx-prev::after{
content:'';
position:absolute;
top:50%;
left:22px;
height:1px;
background:#55a2a8;
}
#your-experience .bx-wrapper .bx-controls .bx-next::before,
#your-experience .bx-wrapper .bx-controls .bx-next::after{
content:'';
position:absolute;
top:50%;
right:22px;
height:1px;
background:#55a2a8;
}
#your-experience .bx-wrapper .bx-controls .bx-prev::before,
#your-experience .bx-wrapper .bx-controls .bx-next::before{width:15px;}
#your-experience .bx-wrapper .bx-controls .bx-prev::after{
margin-top:-3px;
width:7px;
transform:rotate(-45deg);
}
#your-experience .bx-wrapper .bx-controls .bx-next::after{
margin-top:-3px;
width:7px;
transform:rotate(45deg);
}
/* topics
--------------------------------------*/
#top #topics{
padding-top:40px;
min-height:540px;
background:url(../images/bg/sp/top/topics.jpg) center top no-repeat;
background-size:cover;
}
#top #topics .hdg{margin:0 0 15px;}
#top #topics .hdg img{width:48px;}
#top #topics .list-topics01{margin:0 0 5px;}
#top #topics .list-topics01 li{
margin:0 10px 15px;
width:calc(50% - 20px);
}
#top #topics .list-topics01 li a{padding:10px;}
#top #topics .list-topics01 li p{font-size:1.1rem;}
#top #topics .list-topics01 li .img{margin-bottom:5px;}
#top #topics .list-topics01 li .img img{width:100%;}


/* top-exp-intro
--------------------------------------*/
/* photo-gallary */
#top #exp-intro .photo-gallary{
position:relative;
z-index:1;
overflow:hidden;
margin:0 -1px;
padding:0 0 300px;
background:url(../images/bg/sp/top/exp-intro03.png) center bottom no-repeat;
background-size:210px auto;
}
#top #exp-intro .photo-gallary .hdg{margin:0 0 15px;}
#top #exp-intro .photo-gallary .hdg img{width:108px;}
#top #exp-intro .photo-gallary .gallary .slick-slide li{padding:0 1px 2px;}
#top #exp-intro .photo-gallary .gallary .slick-list{margin-bottom:20px;}


/*------------------------------------------------------------------------------------------------------------------------
Other
------------------------------------------------------------------------------------------------------------------------*/
/* section
--------------------------------------*/
#contents .section01{padding-bottom:10px;}
#contents .sec-cont01,
#contents .sec-cont02{padding:0 15px;}
#contents .sec-stain01{background:none;}
#contents .sec-segment01{
margin-bottom:35px;
padding:25px 0 10px;
}
#contents .sec-segment01 .sec-cont02{
padding-right:50px;
padding-left:50px;
}


}




/* 374px以下
------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:374px){
#stay-visual .stay-contents{
padding:40px 30px 100px;
min-width:260px;
}

}