/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
*{	
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #3b312f;
	box-sizing: border-box;
	word-break: break-all;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 0.1em;
	text-align: justify;
}

.mincho{ font-family: "游明朝", YuMincho, yu-mincho-pr6, sans-serif; font-weight: 400; font-style: normal; }
.trajan{ font-family: trajan-pro-3, serif; font-weight: 700; font-style: normal; letter-spacing: .05em; }

/***
Yu Mincho Pr6 R
font-family: yu-mincho-pr6, sans-serif;
font-weight: 400;
font-style: normal;

Trajan Pro 3 Bold
font-family: trajan-pro-3, serif;
font-weight: 700;
font-style: normal;
***/

body{ background: #f5f5f5; }

a{ transition: .3s; }
a:hover{ opacity: .7; }

a.no_hover:hover{
	  opacity: 1;
}

br{ line-height: inherit; }

span, a, strong, small{ color: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; letter-spacing: inherit; }

.wrap{ width: 800px; margin: 0 auto; }

.sp{ display: none; }

.linkwrap{ width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10; }
.body-wrap{ overflow: hidden; position: relative; }

.row{ display: flex; justify-content: space-between; }

header{ height: 100px; width: 100%; display: flex; align-items: center; }
header .inner{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
header .inner .logo{ display: block; width: 285px; }
header .inner .logo img{ display: block; }
header .inner .right{ width: 900px; }
header .inner .right .info-btn{ display: flex; justify-content: flex-end; align-items: center; }
header .inner .right .info-btn .gray-btn{ display: flex; align-items: center; background: url(../images/common/arrow01.png) #e5ff65 no-repeat; background-size: 21px; background-position: right 12px top 50%; height: 33px; font-size: 14px; padding: 0 3.8em 0 1.2em; margin-left: 12px; }
header .inner .right .info-btn .tel{ font-size: 27px; padding-left: 20px; background: url(../images/common/icon-tel01.png) no-repeat; background-size: 13px; background-position: left 0 top 50%; margin-left: 14px; }
header .inner .right nav ul{ width: 100%; display: flex; justify-content: space-between; }
header .inner .right nav ul li{ font-size: 12px; font-family: inherit; font-weight: inherit; }
header .inner .right nav ul li.insta img{ display: block; width: 16px; }
header .inner .right nav ul li.insta img.brown{ display: none; }
header.clone{ position: fixed; top: -100px; left: 0; z-index: 1000; transition: .4s; background: #fff; }
header.clone.active{ top: 0; }

.hour-table{ width: 272px; table-layout: fixed; }
.hour-table thead{ border-bottom: solid 1px; }
.hour-table thead tr *{ padding-bottom: .5em; }
.hour-table th{ width: 93px;font-size: 12px; font-weight: 700; padding-top: .5em; }
.hour-table td{ font-size: 12px; font-weight: 700; text-align: center; padding-top: .5em; }
.hour-table + p{ font-size: 12px; margin-top: .4em; }

.view-more{ font-family: trajan-pro-3, serif; font-weight: 700; font-style: normal; letter-spacing: .05em; font-size: 18px; padding-right: 86px; display: table; position: relative; }
.view-more.gold{ color: #c8bb9b; }
.view-more:after{ content: ''; width: 70px; height: 70px; background: url(../images/common/arrow04.png) no-repeat; background-size: contain; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.view-more.gold:after{ background-image: url(../images/common/arrow03.png); }

.treat-list01{ display: flex; justify-content: space-between; margin-bottom: 0px;width: 1000px;margin: auto; }
.treat-list01 > li{ width: 470px; padding: 90px 0 196px; position: relative; background-repeat: no-repeat; background-size: cover; }
.treat-list01 > li:nth-of-type(1){ background-image: url(../images/common/bg-treat01.jpg); border-radius:37px; }
.treat-list01 > li:nth-of-type(2){ background-image: url(../images/common/bg-treat02.jpg); border-radius: 37px; }
.treat-list01 > li:nth-of-type(3){ background-image: url(../images/common/bg-treat03.jpg); border-radius: 37px; }
.treat-list01 > li .inner{ width: 220px; margin: 0 auto; }
.treat-list01 > li .head{ font-size: 26px; text-align: center; margin-bottom: 50px; }
.treat-list01 > li .head span{ font-size: 12px; text-align: center; display: block; color: #c8bb9b; white-space: nowrap; }
.treat-list01 > li ul{ width: 210px; margin: 0 auto; }
.treat-list01 > li ul li a{ display: block; font-size: 13px; width: 100%; height: 34px; display: flex; align-items: center; background: url(../images/common/arrow01.png) rgba(255,255,255,1) no-repeat; background-size: 21px; background-position: top 50% right 14px; color: #231815; padding-left: 1em; }
.treat-list01 > li ul li + li{ margin-top: 14px; }
.treat-list01 > li .view-more{ position: absolute; bottom: 75px; left: 50%; transform: translateX(-50%); white-space: nowrap; }

.treat-list02{ width: 610px; margin: 0 auto; display: flex; flex-wrap: wrap; }
.treat-list02 li{ width: 25%; position: relative; }
.treat-list02 li:nth-of-type(n+5){ margin-top: 70px; }
.treat-list02 li img{ display: block; width: 66px; margin: 0 auto 18px; transition: .6s; }
.treat-list02 li:hover img{ transform: rotateY(360deg); }
.treat-list02 li p{ font-size: 13px; font-weight: 700; text-align: center; }

.gmap{ height: 400px; position: relative; }
.gmap iframe{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

footer{ padding: 110px 0 0; position: relative;
	background: rgb(200,187,155); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(200,187,155,1) 1%, rgba(240,236,224,1) 50%, rgba(200,187,155,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(200,187,155,1) 1%,rgba(240,236,224,1) 50%,rgba(200,187,155,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(200,187,155,1) 1%,rgba(240,236,224,1) 50%,rgba(200,187,155,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8bb9b', endColorstr='#c8bb9b',GradientType=1 ); /* IE6-9 */}
/*footer *{ color: #fff; }*/
footer .wrap{ width: 1000px; }
footer .left{ width: 368px; padding-right: 84px; border-right: solid 1px #1a1a1a; }
footer .left .logo{ display: block; width: 100%; margin-bottom: 16px; }
footer .left img + p{ margin-bottom: 28px; letter-spacing: 0; }
footer .left p{ font-size: 11px; letter-spacing: .08em; }
footer .left a.tel{ font-size: 16px; display: table; padding-left: 16px; background: url(../images/common/icon-float03.png) no-repeat; background-size: 8.3px; background-position: top 50% left 0; }
footer .left p.access{ padding-left: 16px; background: url(../images/common/icon-train02.png) no-repeat; background-size: 8.4px; background-position: top 50% left 0; }
footer .left .hour-table{ margin-top: 30px; }
footer .left .insta{ display: block; width: 16px; margin-top: 100px; }
footer .right{ width: 550px; }
footer .copy{ display: block; text-align: center; font-size: 10px; padding: 35px 0 16px; }

.sitemap > ul{ display: flex; flex-wrap: wrap; }
.sitemap > ul:not(.has-child){ flex-direction: column; height: 130px; }
.sitemap > ul > li{ width: 25%; font-size: 12px; font-family: inherit; position: relative; }
.sitemap > ul > li > a{ padding-bottom: .6em; display: inline-block; position: relative; }
.sitemap > ul > li > a:after{ content: ''; width: 40px; height: 1px; background: #1a1a1a; position: absolute; bottom: 0; left: 0;  }
.sitemap > ul:not(.has-child) li{ margin-bottom: 1em; }
.sitemap > ul.has-child{ margin-top: 20px; border-top: solid 1px #1a1a1a; padding-top: 46px; }
.sitemap > ul.has-child li ul{ margin-top: .6em; }
.sitemap > ul.has-child li ul li a{ font-size: 11px; color: #333; }

.totop{ display: block; width: 60px; height: 60px; background: url(../images/common/totop.png) no-repeat; background-size: contain; position: absolute; right: 50px; bottom: 60px; }





@media(max-width: 768px){
	*{ font-size: 3.733vw; letter-spacing: .09em; }

	.sp{ display: block; }
	.pc{ display: none !important; }

	.wrap{ width: 100%; padding-left: 5.33vw; padding-right: 5.33vw; }

	.row{ flex-wrap: wrap; }

	header{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: #fff; display: block; opacity: 0; visibility: hidden; transition: .3s; }
	header.active{ opacity: 1; visibility: visible; }
	header .inner{ width: 100%; display: block; }
	header .inner .right{ width: 100%; }
	header .inner .right nav ul{ display: block; }
	header .inner .logo{ width: 72.13vw; margin: 4.53vw 0 0 5.33vw; }
	header .inner .right nav ul{ margin-top: 17vw; }
	header .inner .right nav ul li{ font-size: 3.5vw; text-align: center; }
	header .inner .right nav ul li span{
		font-size: 3vw;
	}
	
	header .inner .right nav ul li + li{ margin-top: 4vw; }
	header .inner .right nav ul li.insta img.white{ display: none; }
	header .inner .right nav ul li.insta img.brown{ display: inline; width: 6vw; }

	.hour-table{ width: 100%; }
	.hour-table th{ width: 30.33vw; font-size: 3.5vw; }
	.hour-table td{ font-size: 3.73vw; }
	.hour-table + p{ font-size: 3.46vw; }

	.treat-list01{ flex-wrap: wrap; padding:0 5.33vw 13.33vw; margin-bottom: 10vw;/* background: #0b0b0d;*/ background: #fff;width: 100%;}
	.treat-list01 > li{ width: 100%; padding: 10.66vw 0 13.33vw; }
	.treat-list01 > li:nth-of-type(1){ border-radius: 5.33vw; background-image: url(../images/common/bg-treat01-sp.jpg); }
	.treat-list01 > li:nth-of-type(2){ border-radius: 5.33vw; background-image: url(../images/common/bg-treat02-sp.jpg); }
	.treat-list01 > li:nth-of-type(3){ border-radius: 5.33vw; background-image: url(../images/common/bg-treat03-sp.jpg); }
	.treat-list01 > li + li{ margin-top: 6.66vw; }
	.treat-list01 > li .head{ font-size: 6.93vw; margin-bottom: 8vw; }
	.treat-list01 > li .head span{ font-size: 3.2vw; }
	.treat-list01 > li ul{ width: 60vw; }
	.treat-list01 > li ul li a{ height: 13.33vw; font-size: 3.73vw; background-size: 5.6vw; background-position: top 50% right 4vw; }
	.treat-list01 > li ul li + li{ margin-top: 2.66vw; }
	.treat-list01 > li .view-more{ position: relative; bottom: 0; left: 0; transform: none; margin: 13.33vw auto 0; }

	.treat-list02{ width: 100%; }
	.treat-list02 li:nth-of-type(n+5){ margin-top: 9.33vw; }
	.treat-list02 li img{ width: 15.73vw; margin-bottom: 2.66vw; }
	.treat-list02 li p{ font-size: 3.46vw; }

	.gmap{ height: 53.33vw; }

	footer{ padding-top: 10vw; background: transparent; }
	footer .wrap{ width: 100%; }
	footer .left{ width: 100%; border-right: none; padding: 0 5.33vw 10.6vw; position: relative; z-index: 0; }
	footer .left:after{ content: ''; width: 100vw; height: calc(100% + 10vw); position: absolute; top: -10vw; left: -5.33vw; z-index: -1;
		background: rgb(200,187,155); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(200,187,155,1) 1%, rgba(240,236,224,1) 50%, rgba(200,187,155,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(200,187,155,1) 1%,rgba(240,236,224,1) 50%,rgba(200,187,155,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(200,187,155,1) 1%,rgba(240,236,224,1) 50%,rgba(200,187,155,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8bb9b', endColorstr='#c8bb9b',GradientType=0 ); /* IE6-9 */ }
	footer .logo-sp{ width: 57.86vw; margin: 0 auto 4.66vw; }
	footer .left p{ font-size: 3.2vw; }
	footer .left img + p{ margin-bottom: 10vw; }
	footer .left a.tel{ font-size: 4.26vw; padding-left: 6vw; background-size: 2.8vw; }
	footer .left p.access{ font-size: 3.73vw; padding-left: 6vw; background-size: 2.8vw; }
	footer .left .hour-table{ margin-top: 11.73vw; }
	footer .left .insta{ width: 4.26vw; margin-top: 10.6vw; }
	footer .right{ width: 100vw; margin-left: -5.33vw; margin-right: -5.33vw; padding: 4vw 5.33vw 0; background: #1a1a1a; }
	footer .sitemap *{ color: #fff; }
	footer .copy{ font-size: 2.66vw; background: #1a1a1a; padding: 6vw 0 22vw; color: #fff; }

	.sitemap > ul:not(.has-child){ flex-direction: row; height: auto; }
	.sitemap > ul.has-child{ margin-top: 13.33vw; padding-top: 3.73vw; border-top: solid 1px #0b0b0d; }
	.sitemap > ul > li{ width: 100%; font-size: 3.73vw; border-bottom: solid 1px #0b0b0d; padding: 0 5.33vw; position: relative; }
	.sitemap > ul > li + li{ margin-top: 1em; }
	.sitemap > ul:not(.has-child) li{ margin-bottom: 0; }
	.sitemap > ul > li > a{ padding-bottom: 1em; }
	.sitemap > ul.has-child > li:after{ content: '+'; position: absolute; top: 0; right: 5.33vw; transition: .3s; }
	.sitemap > ul.has-child > li.active:after{ content: '‒'; }
	.sitemap > ul.has-child > li ul{ display: none; padding-left: 1em; padding-bottom: 6vw; }
	.sitemap > ul.has-child li ul li a{ color: #fff; font-size: 3.2vw; opacity: .7; }

	.float-btn.sp{ display: flex; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 9997; }
	.float-btn li{ height: 18vw; display: flex; justify-content: center; align-items: center; position: relative;
		background: rgb(200,187,155); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(200,187,155,1) 0%, rgba(240,236,224,1) 50%, rgba(200,187,155,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(200,187,155,1) 0%,rgba(240,236,224,1) 50%,rgba(200,187,155,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(200,187,155,1) 0%,rgba(240,236,224,1) 50%,rgba(200,187,155,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8bb9b', endColorstr='#c8bb9b',GradientType=1 ); /* IE6-9 */}
	.float-btn li:nth-of-type(1){ width: 42%;line-height: 3; padding-top: 1vw;}
	.float-btn li:nth-of-type(2){ width:58%; border-left: solid 0.8vw #1a1a1a; background: #e5ff65;}
	.float-btn li:nth-of-type(3){ width: calc((100% - 16.66vw) / 2); border-left: solid 0.8vw #1a1a1a; }
	.float-btn li span{ font-size: 3.46vw; font-weight: 700; padding-top: 4vw; background-repeat: no-repeat; background-position: top center; }
	.float-btn li:nth-of-type(1) span{background-image: url(../images/common/icon-float03.png); background-size: 3.33vw; }
	.float-btn li:nth-of-type(2) span{ background-image: url(../images/common/icon-float02.png); background-size: 4.3vw;  }
	.float-btn li:nth-of-type(3) span{ background-image: url(../images/common/icon-float01.png); background-size: 2.159vw; }

	.menu-btn{ width: 17.33vw; height: 17.33vw; position: fixed; top: 0; right: 0; z-index: 10000; border-radius: 0 0 0 5.33vw;
		background: rgb(200,187,155); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(200,187,155,1) 0%, rgba(240,236,224,1) 50%, rgba(200,187,155,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(200,187,155,1) 0%,rgba(240,236,224,1) 50%,rgba(200,187,155,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(200,187,155,1) 0%,rgba(240,236,224,1) 50%,rgba(200,187,155,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8bb9b', endColorstr='#c8bb9b',GradientType=1 ); /* IE6-9 */}
	.menu-btn .inner{ width: 11.06vw; height: 5.466vw; position: relative; margin: 3.2vw auto 1vw; }
	.menu-btn .inner span{ width: 100%; height: 0.266vw; background: #000; position: absolute; left: 0; transition: .3s; }
	.menu-btn .inner span:nth-of-type(1){ top: 0; }
	.menu-btn .inner span:nth-of-type(2){ top: 50%; transform: translateY(-50%); }
	.menu-btn .inner span:nth-of-type(3){ bottom: 0; }
	.menu-btn.active .inner span:nth-of-type(1){ transform: rotate(45deg) translate(2vw,2vw); }
	.menu-btn.active .inner span:nth-of-type(2){ opacity: 0; }
	.menu-btn.active .inner span:nth-of-type(3){ transform: rotate(-45deg) translate(1.7vw,-1.9vw); }
	.menu-btn p{ font-size: 3.2vw; text-align: center; }
	
	.float-btn li:nth-of-type(2) {
    width: 55%;
    border-left: solid 0.8vw #1a1a1a;
		line-height: 3;
		padding-top: 1vw;
}
	
	.float-btn li:nth-of-type(3) {
    width: calc((100% - 58.66vw) / 2);
    border-left: solid 0.8vw #1a1a1a;
}
	
		.float-btn li:nth-of-type(1) span {
    background-image: url(../images/common/icon-float03.png);
    background-size: 5.3vw;
}
	
	.float-btn li:nth-of-type(2) span {
    background-image: url(../images/common/icon-float02.png);
    background-size: 5.3vw;
		font-size: 4vw;
}
	
	.float-btn li:nth-of-type(3) span {
    background-image: url("../images/line_icon.png");
    background-size: 3.159vw;
	    background-size: 6.3vw;
        font-size: 4vw;
		padding-top: 5vw;
}
	
	
	
	    .float-btn li:nth-of-type(1) span {
        text-align: center;
        line-height: 2 !important;
        padding-top: 5vw;
        margin-top: 2vw;
			font-size: 4vw;
    }
	
	
	.float-btn li:nth-of-type(3) {
    width: calc((100% - 16.66vw) / 2);
    border-left: solid 0.8vw #1a1a1a;
    line-height: 2.6;
		background: #00B900;
        color: #fff;
}
	
	.float-btn li span{
		margin-top: 3vw;
	}
	
	.float-btn li:nth-of-type(1) span {
    background-image: url(../images/common/icon-float03.png);
    background-size: 4.33vw;
}
	
	.float-btn li:nth-of-type(1) span {
    text-align: center;
    line-height: 1.1;
    padding-top: 6vw !important;
    margin-top: 1.4vw;
}
	
    header .inner .right nav ul.sp_nav{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: auto;
        margin-top: 4vw;
        margin-bottom: 4vw;
        width: 90%;
        background: #f2f2f2;
        padding: 2vw;
        padding-top: 3vw;
        padding-bottom: 3vw;
        
    }
    
    header .inner .right nav ul.sp_nav li{
        width: 48%;
        margin-top: 0;
        margin-bottom: 1vw;
       border-bottom: 1px solid #fff;
        padding-bottom: 1vw;
		
    }
	
		.mv .logo.sample-logo {
		width: 54.13vw
	}
	
	.web-res {
		right: 65px;
		background: #e5ff65;
		width: 17.33vw;
        height: 17.33vw;
        position: fixed;
        top: 0;
        right: 65px;
        z-index: 10000;
		border-radius: 0 0 0 10px;
	}
	
	.menu-btn.sp.menu-sample {
		border-radius: 0;
	}
	
	.mincho.web-res-text {
		color: black;
		font-size: 12px;
		text-align: center;
	}
	
	img.web-res-icon {
		width: 5.5vw;
    	margin: 13px auto 0;
    	display: block;
	}
	
	img.logo-menu {
		width: 54.13vw;
	}


}





/* ポップアップ全体 */
#popup-banner {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  justify-content: center;
  align-items: center;
}

/* コンテンツ部分 */
.popup-content {
  /*background: #fff;*/
  text-align: center;
  max-width: 420px;
  width: 90%;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

/* 閉じるボタン */
#popup-close {
  position: absolute;
  right: 30px;
  top: 10px;
  font-size: 54px;
  cursor: pointer;
	color: #fff;
}
	
	@media (max-width: 768px) {
	#popup-close{
		position: absolute;
    right: 5vw;
    top: 25vw;
    font-size: 11vw;
    cursor: pointer;
    color: #fff;
		
		}}
	
	

/* CTAボタン */
.popup-btn {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 18px;
  background: #0073e6;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
}

/*アコーディオンボタン*/
#question h3 {
    font-size: 1.2rem;
    margin-top: 1.5rem;
    color: #3b312f;
    font-weight: bold;
}

#question .accordion {
    width: 100%;
    margin-bottom: 7px;
    background-color: #f2f2f2;
    border-radius: 5px;
}

#question .accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

#question .accordion summary::-webkit-details-marker {
    display: none;
}

#question .accordion summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #c2c2c2;
    border-right: 3px solid #c2c2c2;
    content: '';
    transition: transform .3s;
}

#question .accordio[open] summary::after {
    transform: rotate(225deg);
}

#question .accordion p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

#question .accordion[open] p {
    transform: none;
    opacity: 1;
}

        /* ポップアップのスタイル */
        #popup-banner2 {
            display: none;
            position: fixed;
            top: 12.5%;
            left: 50%;
            transform: translateX(-50%);
            background: #fff;
            border: 1px solid #ccc;
            padding: 20px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
            z-index: 1000000;
            width: 80%;
            max-width: 400px;
            text-align: center;
            border-radius: 10px;
        }

        #popup-banner2 button {
            margin: 10px;
            padding: 10px 20px;
            font-size: 16px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        #stay-button {
            background-color: #007BFF;
            color: #fff;
        }

        #go-back-button {
            background-color: #ccc;
            color: #000;
        }

        #overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            height: 100vh;
            width: 100vw;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999;
        }