@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,500;1,300;1,500&family=Noto+Sans+JP:wght@300;500;700&display=swap');

*{ padding:0; margin:0; vertical-align:top; box-sizing:border-box; }
html{ font-family:'Noto Sans JP', sans-serif; font-size:10px; color:#323232; line-height:calc(30 / 16); font-weight:500; }
body{ overflow-x:hidden; background-image: url(../img/chum_LP_bg_03.jpg); background-size: 16rem; }
img{ max-width:100%; height:auto; }
a{ color:inherit; outline:none; }
.w_bg{ background-color:#ffffff;}

/* PC */
@media screen and (min-width:768px) {
	.sp{ display:none !important; }
	/*.inner{ max-width:1150px; margin:0 auto; } */
	.inner{ max-width:950px; margin:auto; padding-bottom: 3rem; }
	#nav .inner{margin-top:0;}
}

/* TAB */
@media screen and (max-width:1210px) and (min-width:768px) {
	.inner{ margin:0 30px; }
}

/* SP */
@media screen and (max-width:767px) {
	.pc{ display:none !important; }
}

/* #header{ */
#header .sns{ position:fixed; z-index:9999; display:flex; mix-blend-mode:difference; }
#header .sns a{ display:block; background-size:cover; }
#header .sns .f{ background-image:url("../img/h_sns_f.svg"); }
#header .sns .i{ background-image:url("../img/h_sns_i.svg"); }
#header .sns .t{ background-image:url("../img/h_sns_t.svg"); }
#header .open{ position:fixed; z-index:10001; transition:all 300ms 0s ease; cursor:pointer; }
#header .open i{ position:absolute; transition:all 300ms 0s ease; }
.nav #header .open i{ transform-origin:center; }
.nav #header .open i:nth-child(1){ transform:rotate(45deg); }
.nav #header .open i:nth-child(2){ width:0; left:50%; }
.nav #header .open i:nth-child(3){ transform:rotate(-45deg); }

/* PC */
@media screen and (min-width:768px) {
	#header .sns{ right:calc((100vw - 1280px) / 2 + 90px); top:0; padding:35px 30px 0; }
	#header .sns a{ width:20px; height:20px; margin:10px; }
	#header .open{ width:90px; height:90px; background:rgb(255, 255, 255); right:calc((100vw - 1280px) / 2); top:0; }
	#header .open:hover{ background:rgba(100,100,100,1); }
	#header .open i{ left:30px; width:30px; height:2px; background:#0B0B0B; }
	#header .open i:nth-child(1){ top:35px; }
	#header .open i:nth-child(2){ top:44px; }
	#header .open i:nth-child(3){ top:53px; }
	.nav #header .open i:nth-child(1),
	.nav #header .open i:nth-child(2),
	.nav #header .open i:nth-child(3){ top:44px; }
}

/* TAB */
@media screen and (max-width:1340px) and (min-width:768px) {
	#header .sns{ right:90px; }
	#header .open{ right:0; }
}

/* SP */
@media screen and (max-width:767px) {
	#header .sns{ right:68px; top:40px; padding:0 5px; }
	#header .sns a{ width:15px; height:15px; margin:10px; }
	#header .open{ width:68px; height:68px; right:0; top:23px; }
	#header .open i{ left:18px; width:30px; height:2px; background:#ffffff; }
	#header .open i:nth-child(1){ top:26px; }
	#header .open i:nth-child(2){ top:34px; }
	#header .open i:nth-child(3){ top:42px; }
	.nav_scl #header .open i{ background:#000000; }
	.nav #header .open i:nth-child(1),
	.nav #header .open i:nth-child(2),
	.nav #header .open i:nth-child(3){ top:34px; }
}
/* } */

/* #nav{ */
#nav{
	background:#EBE3C7;
	display:flex; justify-content:center; align-items:center; flex-flow:column;
	position:fixed; left:0; top:0; z-index:10000;
	width:100vw; height:0vh; overflow:hidden; transition:all 300ms 0s ease;
}
.nav #nav{ height:100vh; }
#nav ul{ list-style:none; width:100%; }
#nav ul li{ display:flex; text-align:center; }
#nav ul li a{ text-decoration:none; }
#nav .logo{ margin:0 auto; }

/* PC */
@media screen and (min-width:768px) {
	#nav ul{ margin-bottom:9.0rem; }
	#nav ul li{ padding:20px; }
	#nav ul li a{ display:block; width:100%; text-align:center; line-height:1; }
	#nav ul li img{ max-width:none; width:auto; height:2.1rem; }
	#nav .logo{ width:22.8rem; }
}

/* SP */
@media screen and (max-width:767px) {
	#nav ul{ margin-bottom:8.0rem; }
	#nav ul li{ padding:calc(100vw / 375 * 15); justify-content:center; }
	#nav ul li a{
		display:block; width:100%; text-align:center;
		font-size:calc(100vw / 375 * 21); line-height:1;
	}
	#nav ul li img{ max-width:none; width:auto; height:calc(100vw / 375 * 16); }
	#nav .logo{ width:14.3rem; }
}
/* } */

/* #kv{ */ 
#kv ._01{ position:relative; height:100% /*68vh*/; width:100vw; }
#kv ._01 .bg{ position:relative; z-index:1; }
#kv ._01 .bg span{ display:block; width:100%; height:100%; background-position:center; background-size:cover; }
#kv ._01 .logo{ position:absolute; z-index:2; transition:all 300ms 0s ease; }
#kv ._01 .logo:hover{ opacity:0.6; }
#kv ._01 h1{ position:relative; z-index:3; }
#kv ._01 h2{ position:relative; z-index:3; }
#kv ._01 figure img{ width:100%; max-width:none; }
/*.s00{ background-color:#ffffff;}*/

/* PC */
@media screen and (min-width:768px) {
	#kv ._01 .bg{ height: 820px /*  calc(100vh - 10rem)  */;  }
	#kv ._01 .logo{ left:calc((100vw - 180px) / 2 + 40px); top:80px; width:80px; }
	#kv ._01 h1{ width:960px; margin:-62.0rem auto 0; }
	#kv ._01 h2{ width:680px; margin:5rem auto 0; }
	.s00{ background-color:#ffffff;}
}

/* TAB */
@media screen and (max-width:1340px) and (min-width:768px) {
	#kv ._01 .logo{ /* left:calc(100vw / 375 * 155); top:calc(100vw / 375 * 31);*/ width:calc(100vw / 375 * 30); }
}

/* SP */
@media screen and (max-width:767px) {
	#kv ._01 {  height: 45rem;} /*35vh*/
	#kv ._01 .bg{ height:80%; }
	#kv ._01 .logo{ left:calc(100vw / 375 * 155); top:calc(100vw / 375 * 31); width:calc(100vw / 375 * 50); }
	#kv ._01 h1{
		width:calc(100vw / 375 * 318);
		position:absolute; left:50%; top:12rem /*calc(100vh / 850 * 206)*/; transform:translateX(-50%);
	}
	#kv ._01 .sub{
		text-align:center;
		width:calc(100vw / 375 * 334);
		position:absolute; left:50%; bottom:calc(100vh / 850 * 45); z-index:3; transform:translateX(-50%);
	}
}

#kv ._02 .ttl{ font-weight:500; text-align:center; }
#kv ._02 .text{ text-align:center; }

/* PC */
@media screen and (min-width:768px) {
	#kv ._02{ padding:75px 0 0; }
	#kv ._02 .ttl{ margin-bottom:2.5rem; }
	#kv ._02 .ttl img{ height:4.4rem; }
	#kv ._02 .text{ font-size:1.4rem; line-height:2.9rem; margin-bottom:4.0rem; }
	#kv ._02 .sld{ max-width:932px; margin:0 auto; }
	#kv ._02 .sld .slick-list{ overflow:visible; }
	#kv ._02 .sld .slick-slide{ width:468px; padding:0 6px; }
}

/* SP */
@media screen and (max-width:767px) {
	#kv ._02{ padding:0 0 calc(100vw / 375 * 35); }
	#kv ._02 .text{ font-size:calc(100vw / 375 * 13); line-height:calc(100vw / 375 * 23); padding:calc(100vw / 375 * 25) 0; }
}
/* } */

/* #space_02{ */ 
#space_01{ background:#F5F4F2; }

.space ._01 .ttl{ font-weight:500; text-align:center; }
.space ._02 .desc{ display:flex; justify-content:center; align-items:center; flex-flow:column; }
.space ._02 .desc .text:nth-of-type(2){ font-weight:300; }
.space ._02 .desc .btns{ width:100%; }
.space ._02 .desc .btns a{
	display:flex; justify-content:center; align-items:center; width:100%; text-decoration:none;
	background:#FFFFFF; border:2px solid #323232; margin:0 auto; transition:all 300ms 0s ease;
}
.space ._02 .desc .btns a:hover{ background:#323232; color:#FFFFFF; }

.space ._02 .map{ position:relative; }
.space ._02 .map .ov{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; }
.space ._02 .map .ov img{ width:100%; max-width:none; }
.space ._02 .map span{ display:block;  position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background-size:cover; }
#space_02 ._02 .map span{
	background-image:
		url("../img/space_02/02_img_01.png"),
		url("../img/space_02/02_img_02.png"),
		url("../img/space_02/02_img_03.png"),
		url("../img/space_02/02_img_04.png"),
		url("../img/space_02/02_img_05.png");
}
#space_02 ._02 .map ._1{ background-image:url("../img/space_02/02_img_01.png"); }
#space_02 ._02 .map ._2{ background-image:url("../img/space_02/02_img_02.png"); }
#space_02 ._02 .map ._3{ background-image:url("../img/space_02/02_img_03.png"); }
#space_02 ._02 .map ._4{ background-image:url("../img/space_02/02_img_04.png"); }
#space_02 ._02 .map ._5{ background-image:url("../img/space_02/02_img_05.png"); }
#space_01 ._02 .map span{
	background-image:
		url("../img/space_01/02_img_01.png"),
		url("../img/space_01/02_img_02.png"),
		url("../img/space_01/02_img_03.png"),
		url("../img/space_01/02_img_04.png"),
		url("../img/space_01/02_img_05.png");
}
#space_01 ._02 .map ._1{ background-image:url("../img/space_01/02_img_01.png"); }
#space_01 ._02 .map ._2{ background-image:url("../img/space_01/02_img_02.png"); }
#space_01 ._02 .map ._3{ background-image:url("../img/space_01/02_img_03.png"); }
#space_01 ._02 .map ._4{ background-image:url("../img/space_01/02_img_04.png"); }
#space_01 ._02 .map ._5{ background-image:url("../img/space_01/02_img_05.png"); }


.space .read{ text-align:center; position:relative; font-weight:300; }
.space .read span{ background:#FFFFFF; position:relative; z-index:1; }
.space .read::before{ display:block; content:""; position:absolute; left:0; top:50%; z-index:0; background:#323232; }

/* PC */
@media screen and (min-width:768px) {
	#space_02{ padding:15.0rem 0 210px; }
	#space_01{ padding:8.0rem 0 0; }
	.space ._02{ padding-bottom:15.0rem; }
	.space ._01 .ttl{ margin-bottom:5.0rem; }
	.space ._01 .ttl img{ height:4.4rem; }
	.space ._02{ display:flex; justify-content:space-between; }
	.space ._02 .desc{ max-width:440px; width:calc(100% / 1150 * 440); }
	.space ._02 .desc .ttl{ font-size:2.5rem; line-height:1.0; margin-bottom:1.5rem; }
	.space ._02 .desc .text{ font-size:1.9rem; line-height:2.3rem; margin-bottom:2.0rem; }
	.space ._02 .desc .btns{ width:calc(100% / 440 * 370); }
	.space ._02 .desc .btns a{ height:50px; font-size:1.4rem; line-height:3.8rem; }
	.space ._02 .img{ max-width:635px; width:calc(100% / 1150 * 635); text-align:center; font-weight:300; }
	.space ._02 .img .text{ font-size:1.6rem; line-height:3.4rem; margin-top:2.0rem; }
	.space ._02 .img .text span{ display:inline-block; text-align:left; }
	.space .read{ font-size:2.5rem; line-height:2.9rem; }
	.space .read::before{ height:1px; width:100%; }
	.space .read span{ padding:0 0.5em; }
}

/* SP */
@media screen and (max-width:767px) {
	#space_02{ padding:calc(100vw / 375 * 80) 0 calc(100vw / 375 * 55); }
	#space_01{ padding:calc(100vw / 375 * 35) 0 0; }
	.space ._02{ padding-bottom:calc(100vw / 375 * 35); }
	.space ._01 .ttl{ margin-bottom:calc(100vw / 375 * 25); }
	.space ._01 .ttl img{ height:3.0rem; }
	.space ._02 .desc .ttl{ font-size:calc(100vw / 375 * 22); line-height:calc(100vw / 375 * 26); margin-bottom:calc(100vw / 375 * 5); }
	.space ._02 .desc .text:nth-of-type(1){ font-size:calc(100vw / 375 * 16); line-height:calc(100vw / 375 * 28); margin-bottom:calc(100vw / 375 * 15); }
	.space ._02 .desc .text:nth-of-type(2){ font-size:calc(100vw / 375 * 14); line-height:calc(100vw / 375 * 24); margin-bottom:calc(100vw / 375 * 20); }
	.space ._02 .desc .btns{ width:calc(100vw / 375 * 300); }
	.space ._02 .desc .btns a{ height:calc(100vw / 375 * 48); font-size:calc(100vw / 375 * 14); line-height:calc(100vw / 375 * 37); }
	.space .read{ font-size:calc(100vw / 375 * 15); line-height:calc(100vw / 375 * 24); }
}
/* } */

/* #concept{ */

.sld_box{ position:relative; }
.sld_box .slick-slide{ position:relative; }
.sld_box .slick-slide span{
	display:flex; justify-content:center; align-items:center;
	position:absolute; left:0; top:0;
	background:#323232; color:#FFFFFF;
}
.sld_box .slick-arrow{
	position:absolute; top:50%; z-index:2; font-size:0; line-height:0;
	cursor:pointer; transform:translateY(-50%); transition:all 300ms 0s ease;
}
.sld_box .slick-arrow::before{ display:block; content:""; border-top:2px solid #FFFFFF; border-right:2px solid #FFFFFF; }
.sld_box .slick-prev{ left:0; }
.sld_box .slick-next{ right:0; }
.sld_box .slick-prev::before{ transform:rotate(225deg); }
.sld_box .slick-next::before{ transform:rotate(45deg); }
.sld_box .slick-arrow:hover::before{ opacity:0.6; }

.sld_box .sld_console{ display:flex; justify-content:flex-end; }
.sld_box .sld_console .arr span{ display:inline-block; cursor:pointer; transition:all 300ms 0s ease; }
.sld_box .sld_console .arr span:hover{ opacity:0.6; }
.sld_box .sld_console .dot{ width:0; height:0; overflow:hidden; }
/* PC */
@media screen and (min-width:768px) {
	.sld_box .slick-slide span{ font-size:2.0rem; line-height:1.0; width:4.5rem; height:4.5rem; }
	.sld_box .slick-arrow{ padding:2.5rem; }
	.sld_box .slick-arrow::before{ width:3.0rem; height:3.0rem; }
	.sld_box .sld_console{ padding-top:2.0rem; position:absolute; right:0; bottom:0; transform:translateY(100%); }
	.sld_box .sld_console .now{ font-size:1.7rem; line-height:2.6rem; }
	.sld_box .sld_console .arr{ font-size:2.6rem; line-height:2.6rem; margin-right:-20px; }
	.sld_box .sld_console .arr span{ padding:0 2.0rem; }
}

/* SP */
@media screen and (max-width:767px) {
	.sld_box .slick-slide span{ font-size:calc(100vw / 375 * 15); line-height:1.0; width:calc(100vw / 375 * 35); height:calc(100vw / 375 * 35); }
	.sld_box .sld_console{ padding-top:calc(100vw / 375 * 10); }
	.sld_box .sld_console .now{ font-size:calc(100vw / 375 * 13); line-height:calc(100vw / 375 * 20); }
	.sld_box .sld_console .arr{ font-size:calc(100vw / 375 * 20); line-height:calc(100vw / 375 * 20); }
	.sld_box .sld_console .arr span{ padding:0 calc(100vw / 375 * 10); }
}
/* } */

/* #price{ */
#price{}
#price .ttl{ text-align:center; font-weight:500; }
#price .text{ text-align:center; font-weight:300; }
#price table{ width:100%; border-collapse:collapse; }
#price table tr{ border-bottom:1px solid #323232; }
#price table th,
#price table td{ box-sizing: content-box; }
#price table th{ font-weight:500; }
#price .box .read{ font-weight:300; }

/* PC */
@media screen and (min-width:768px) {
	#price{ padding:13.0rem 0 0; }
	#price .ttl{ font-size:2.0rem; line-height:4.0rem; }
	#price .text{ font-size:1.4rem; line-height:4.0rem; margin-bottom:2.0rem; }
	
	#price table{ font-size:1.4rem; line-height:1.8rem; border-top:1px solid #323232; }
	#price table td,
	#price table th{ padding:3.0rem; }
	#price table thead th{ text-align:center; }
	#price table tbody th{ text-align:left; }
	#price table tbody td{ text-align:center; }
	#price .box .read{ font-size:1.4rem; line-height:2.4rem; margin-top:2.0rem; }
	
	#price ._01{ margin-bottom:14.0rem; }
	#price ._01 .box{ max-width:90.0rem; margin:0 auto; }
	#price ._02{ margin-bottom:12.0rem; }
	#price ._02 .box{ max-width:54.0rem; margin:0 auto; }
}

/* SP */
@media screen and (max-width:767px) {
	#price{ padding:calc(100vw / 375 * 35) 0 0; }
	#price .ttl{ font-size:calc(100vw / 375 * 18); line-height:1; padding-bottom:calc(100vw / 375 * 5); }
	#price .sub{ font-size:calc(100vw / 375 * 15); line-height:1; }
	#price .text{ font-size:calc(100vw / 375 * 13); line-height:calc(100vw / 375 * 23); padding-bottom:calc(100vw / 375 * 10); }
	
	#price table{
		font-size:calc(100vw / 375 * 13); line-height:calc(100vw / 375 * 16);
		border-top:2px solid #323232; margin-top:calc(100vw / 375 * 10);
	}
	#price table td,
	#price table th{ padding:calc(100vw / 375 * 15) calc(100vw / 375 * 10); }
	#price table tbody th{ text-align:left; }
	#price table tbody td{ }
	#price .box{ padding:0 calc(100vw / 375 * 13); }
	#price .box .read{ font-size:calc(100vw / 375 * 14); line-height:2.4rem; margin-top:calc(100vw / 375 * 10); }
	
	#price ._01 .box{ margin-bottom:calc(100vw / 375 * 30); }
	#price ._02 table tbody td{ text-align:left; }
	#price ._02 .box{ margin-bottom:calc(100vw / 375 * 40); }
	#price ._02 table tbody td{ text-align:center; }
}
/* } */

#price_box {
	width: 100%;
	max-width: 400px;
	font-size: 1.4rem;
}


/* #about{ */
#about{}
#about h3{ font-weight:500; margin-left:-0.5em; }
#about h4{ font-weight:300; }
#about p{ font-weight:300; }

/* PC */
@media screen and (min-width:768px) {
	#about{ padding:0 0 10.0rem; }
	#about h3{ font-size:1.8rem; line-height:3.3rem; }
	#about h4{ font-size:1.4rem; line-height:3.3rem; }
	#about p{ font-size:1.4rem; line-height:3.3rem; margin-bottom:3.3rem; }
}

/* SP */
@media screen and (max-width:767px) {
	#about{ padding:0 calc(100vw / 375 * 20) calc(100vw / 375 * 45); }
	#about h3{ font-size:calc(100vw / 375 * 14); line-height:calc(100vw / 375 * 23); }
	#about h4{ font-size:calc(100vw / 375 * 14); line-height:calc(100vw / 375 * 23); }
	#about p{ font-size:calc(100vw / 375 * 14); line-height:calc(100vw / 375 * 23); margin-bottom:calc(100vw / 375 * 23); }
	#about figure{ margin:0 calc(100vw / 375 * -20); }
}
/* } */

/* #access{ */
#access{}
#access ._01 .ttl{ text-align:center; font-weight:500; }
#access ._01 .sub{ text-align:center; }
#access ._01 iframe{ display:block; }

/* PC */
@media screen and (min-width:768px) {
	#access{ padding:0 0 11.0rem; }
	#access ._01 .ttl{ margin-bottom:1.0rem; }
	#access ._01 .ttl img{ height:4.4rem; }
	#access ._01 .sub{ font-size:1.8rem; line-height:1.0; margin-bottom:3.0rem; }
	#access ._01 figure{ width:49.5rem; text-align:center; margin:0 auto 3.0rem; }
	#access ._01 .text{ font-size:1.6rem; line-height:1; text-align:center; margin-bottom:6.0rem; }
	#access ._01 iframe{ width:100%; height:44.0rem; }
}

/* SP */
@media screen and (max-width:767px) {
	#access{ padding:0 0 calc(100vw / 375 * 30); }
	#access ._01 figure{ text-align:center; margin-bottom:calc(100vw / 375 * 40); }
	#access ._01 .ttl{ margin-bottom:calc(100vw / 375 * 10); }
	#access ._01 .ttl img{ height:3.0rem; }
	#access ._01 .sub{ font-size:calc(100vw / 375 * 15); line-height:1.0; margin-bottom:calc(100vw / 375 * 20); }
	#access ._01 .text{ font-size:calc(100vw / 375 * 15); line-height:calc(100vw / 375 * 26); text-align:center; }
	#access ._01 iframe{ width:calc(100vw / 375 * 330); height:calc(100vw / 375 * 200); margin:0 auto calc(100vw / 375 * 25); }
}
/* } */

/* #contact{ */
#contact{
	display:flex; justify-content:center; justify-content:center; flex-flow:column; 
	background-image: url(../img/chum_LP_bg-g_03.jpg); background-repeat: repeat; background-size: 16rem; padding-top: 3.4375rem; padding-bottom: 3.4375rem;}
#contact .sub{ text-align:center; }
#contact .ttl{ text-align:center; font-weight:500; }
#contact .tel,
#contact .mail{ display:block; text-align:center; transition:all 300ms 0s ease; margin:0 auto; }
#contact .tel:hover,
#contact .mail:hover{ opacity:0.6; }

/* PC */
@media screen and (min-width:768px) {
/*	#contact ._01{ max-width: 1150px; margin: 0 auto; padding:5rem 0; }  */
	#contact ._01{ max-width: 980px; margin:auto; padding:5rem 0; }
	#contact .ttl{ margin:0 4.0rem; }
/*	#contact .ttl img{ height:4.4rem; } */
	#contact .sub{ font-size:2.0rem; line-height:1.0; margin-bottom:10.0rem; }
	#contact .tel{ width:62.5rem; padding: 5rem; }
	#contact .mail{ width:77rem; } 
}

/* SP */
@media screen and (max-width:767px) {
/*	#contact ._01{ height:calc(100vw / 375 * 350); } */
	#contact .ttl{ order:1; margin-bottom:calc(100vw / 375 * 10); padding: 0 2rem; }
	#contact .ttl img{ height:calc(100vw / 375 * 19); }
	#contact .sub{ order:2; font-size:calc(100vw / 375 * 15); line-height:1.0; margin-bottom:calc(100vw / 375 * 60); }
	#contact .tel{ order:3; margin-bottom:calc(100vw / 375 * 20); }
	#contact .mail{ order:4; }
	#contact .tel{ width:calc(100vw / 375 * 210); }
	#contact .mail{ width:calc(100vw / 375 * 273); }
}
/* } */

/* #footer{ */
#footer{}
#footer .copy{ font-family:'Noto Sans JP', sans-serif; text-align:center; }
#footer .copy::before{ display:block; content:""; background:url("../img/f_copy.svg") no-repeat center/cover; }
/* PC */
@media screen and (min-width:768px) {
	#footer .inner{ padding:9.0rem 0; }
	#footer .copy{ font-size:1.4rem; line-height:1.0; }
	#footer .copy::before{ width:11.2rem; height:8.7rem; margin:0 auto 2.0rem; }
}

/* SP */
@media screen and (max-width:767px) {
	#footer .inner{ padding:calc(100vw / 375 * 40) 0 calc(100vw / 375 * 55); }
	#footer .copy{ font-size:calc(100vw / 375 * 12); line-height:1.0; }
	#footer .copy::before{ width:calc(100vw / 375 * 81); height:calc(100vw / 375 * 62); margin:0 auto calc(100vw / 375 * 20); }
}
/* } */

a[href="#page_top"]{
	position:fixed; z-index:9999; border-radius:50%;
	display:flex; justify-content:center; align-items:center;
	transform:translateY(200%); transition:all 300ms 0s ease;
}
.nav_scl a[href="#page_top"]{ transform:translateY(0%); }
a[href="#page_top"]::before{
	display:block; content:"";
	transform:translateY(25%) scaleX(0.8) rotate(45deg); transform-origin:center;
}
/* PC */
@media screen and (min-width:768px) {
	a[href="#page_top"]{
		width:5.0rem; height:5.0rem; right:1.0rem; bottom:1.0rem;
		border:2px solid #000000;
	}
	a[href="#page_top"]::before{
		width:2.0rem; height:2.0rem;
		border-left:2px solid #000000; border-top:2px solid #000000;
	}
}

/* SP */
@media screen and (max-width:767px) {
	a[href="#page_top"]{
		width:calc(100vw / 375 * 45); height:calc(100vw / 375 * 45); right:calc(100vw / 375 * 15); bottom:calc(100vw / 375 * 15);
		border:1px solid #000000;
	}
	a[href="#page_top"]::before{
		width:calc(100vw / 375 * 13); height:calc(100vw / 375 * 13);
		border-left:1px solid #000000; border-top:1px solid #000000;
	}
}
/* end */



/* new price */
#price_box {
	width: 80%;
	margin: 0 auto 5em;
}
#price_box p {
	text-align: center;
}
#price_box p strong {
	color: #F32E31;
	font-size: 1.2em;
}
#price_box dl {
	width: 70%;
	max-width: 450px;
	margin: 0.5em auto 2em;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-wrap: wrap;
	font-size: 1.3em;
}
#price_box dl dt {
	font-weight: bold;
	width: 40%;
}
#price_box dl dd {
	width: 60%;
}
#price_box dl dt, #price_box dl dd {
	border-bottom: 1px solid #191919;
	text-align: center;
	white-space: nowrap;
}


/* SP */
@media screen and (max-width:767px) {
	#price_box p strong {
		color: #F32E31;
		font-size: 3.8vw;
	}
	#price_box dl {
		width: 70%;
		max-width: 350px;
		margin: 0.5em auto 2em;
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		flex-wrap: wrap;
		font-size: 4.4vw;
	}
}

/* Chumのお肉について */
/* PC */
@media screen and (min-width:768px) {
.steak_about{
	padding:80px 0;
	margin-top:40rem;}
.steak_about p{
	font-size:2rem;
	margin:5rem 0 6rem 0;	}
.steak_cancel{
	padding:60px 0; background-color:#e6e6e6;}
.steak_cancel img{
	margin:auto; display:block;}
#steak-plan_01{ padding-top:5rem;}
		
}

/* SP */
@media screen and (max-width:767px) {
#kv ._01 h2 {
        width: 80%;
        margin: -15rem auto 0;  }	
.steak_about{
	padding:18px;
	margin-top: -5rem;}
.steak_about p{
	font-size:1.5rem;
	margin:2rem 0 3rem 0;	}
.w_bg{ padding:0 2rem 2rem 2rem;}
.steak_cancel{
	padding:20px 10px; background-color:#e6e6e6;}	
.sustain{
	background-color: #e6dfd6;
	padding:1em;}
.sustain dl{
	border: solid #ffffff 2px;
	box-sizing: border-box;	
	padding:0.8em;}


}