@charset "UTF-8";

:root{
	--main-color:#FAF9F6;
	--accent-color:#668F8B;
}
a{
	transition: 0.3s;
}

a:hover{
	opacity: 0.7;
	transition: 0.3s;
}

.-mincho{
	font-family: 'Zen Old Mincho', 'ÓÎÃ÷³¯','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.-txt_bdr{
	display: flex;
    align-items: center;
    font-size: 16px;
    padding: 50px 0;
}

.-txt_bdr:before,
.-txt_bdr:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #AA9F95;
}
.-txt_bdr:before {
    margin-right: 1.5em;
}
.-txt_bdr:after {
    margin-left: 1.5em;
}
.header {
	margin: 30px auto;
	padding: 0 100px;
}
.head_nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1240px;
	margin: 0 auto;
}
.cmn_logo {}
.nav_link {
	display: flex;
	align-items: center;
	gap:10px;
}
.nav_link_list {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	gap:10px;
}
.nav_link_tel {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	/*gap:5px;*/
	font-size: 19px;
	font-weight: bold;
	padding-left: 10px;
}
.tel_time {
	font-size: 13px;
	font-weight: normal;
}
.nav_sns_line {
	display: flex;
	justify-content: center;
	align-items: center;
	gap:10px;
	text-align: center;
}
.hero {
	margin: 0 auto;
}

.hero_cnt {
	position: relative;
	/*padding:0 5%;*/
	width: 100%;
}
.hero_cnt_sp {}
.hero_slide {
	margin: 0 auto;
	padding:0 100px;
	max-width: 1440px;

}
.slide_item {}
.hero_scroll {
	color:var(--accent-color);
	display: flex;
	align-items: center;
	transform:rotate(90deg);
	position: absolute;
	bottom: 11%;
	left:-1%;
}
.hero_scroll:after {
	border-top:1px solid;
	content:"";
	width:100px;
	margin-left: 0.5em;
}

/*¥¹¥é¥¤¥É*/
.slick-slide img{
	width: 100%;
	height: auto;
}

.about {
	padding-top: 100px;
}
.about_cnt {
	position: relative;
}
.about_ttl {
	transform:rotate(90deg);
	position: absolute;
	top: 5.5%;
	left:-5%;
}
.about_oka {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap:40px;
}
.about_oka_box {
	padding: 15px;
}
.oka_box_ttl {
	font-size: 22px;
	padding-bottom: 15px;
}
.oka_box_txt {
	text-align: justify;
}
.about_oka_img {}
.about_feature {}
.about_fea_ttl {
	
}
.fea_cnt {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap:20px;
	padding-bottom: 100px;
}
.fea_box_wrap {
	width: 48%;
}
.fea_box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap:15px;
}
.fea_box img {
	width: 100%;
}
.fea_box_ttl {
	font-size: 18px;
	padding-bottom: 15px;
}
.fea_box_txt {
	text-align: justify;
}
.symptoms {
	background-color: var(--main-color);
	padding: 50px;
}
.sym_ttl {
	font-size: 20px;
	text-align: center;
	padding-bottom: 30px;
}
.sym_cnt_wrap {}
.sym_cnt {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap:21px;
}
.sym_box_wrap {
	width: 23%;
	min-width: 154px;
	background-color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 20px;
	flex: none;
}
.sym_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: none;
}
.beauty {
	position: relative;
	padding: 80px 0;
}
.beauty_ttl {
	transform:rotate(90deg);
	position: absolute;
	top: 13.5%;
	left:5%;
}
.beauty_hero {
	/*padding-left: calc(50% - 572px);*/
	text-align: right;
	padding-left: 120px;
}
.beauty_hero img {
	width: 100%;
    height: auto;
    max-height: 430px;
    object-fit: cover;
}
.beauty_cnt {
	margin-top: 80px;
}
.beauty_cnt_ttl {
	text-align: center;
	font-size: 20px;
	padding-bottom: 50px;
}
.beauty_cnt_txt {
	text-align: center;
}
.housecall {}
.house_ttl {}
.house_txt {}
.house_fee{
	display: flex;
	gap:20px;
	padding: 30px 0 50px;
}

.house_fee_ttl {
	text-align: center;
	background-color:var(--main-color);
	padding: 30px 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.house_fee_tb th{
	text-align: left;
}
.house_fee_tb td,.house_fee_tb th{
	padding: 5px 15px;
	border-bottom:1px solid #CEC3BA;
}
.house_fee_tb tr:last-child th,.house_fee_tb tr:last-child td {
	border-bottom: none;
}
.house_fee_dt{
	display: flex;
	text-align: left;
}
.visitor {
	position: relative;
	background-color:var(--main-color);
	padding: 80px 0;
}
.visi_ttl {
	transform:rotate(90deg);
	position: absolute;
	top: 2%;
	left: -6%;
	/*padding-top:calc(50% - 572px);*/
}
.visi_ttl_sub {
	text-align: center;
	font-size: 22px;
}
.visi_list_wrap{
	position: relative;
}
.visi_list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap:20px;
}
.visi_cnt {
	display: flex;
	align-items: center;
	gap:30px;
}
.visi_cnt_img{}
.visi_box {
	display: flex;
	flex-direction: column;
	gap:20px;
	align-items: flex-start;
}
.visi_box_num {
	font-family: 'Zen Old Mincho', 'ÓÎÃ÷³¯','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	display: flex;
	align-items: center;
	gap:10px
}
.visi_box_num > span{
	background-color:var(--accent-color);
	color:#FFF;
	height:35px;
	width:35px;
	border-radius:50%;
	line-height:50px;
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
}
.visi_box_txt {}
.faq {}
.faq_wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap:20px;
	padding: 80px 0;
}
.faq_ttl {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap:3px;
	font-size: 22px;
}
.faq_detail_wrap {
	max-width: 700px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap:20px;
}
.faq_detail {
	background-color:var(--main-color);
	padding: 0px 30px;
}
.faq_dtl_btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0px;

}
.faq_detail p {
	text-indent: -1em;
    padding-left: 1em;
}
.faq_detail dd {
	display: none;
	padding: 20px 0px;
	border-top:1px solid #AA9F95;
}

.faq_detail dd > p:before {
	content:"A ";
}

.icn_wrap{
	width: 40px;
	height: 40px;
}
.-icn {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.-icn:before,
.-icn:after {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.4s;
  background: var(--accent-color);
  left: 50%;
  top: 50%;
  width: 50%;
  height: 2px;
  transform: translate(-50%, -50%);
}

.-icn:before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.-icn.open:before {
  transform: translate(-50%, -50%) rotate(0deg);
}
.menu {
	position: relative;
}
.menu_ttl {
	transform: rotate(90deg);
    position: absolute;
    top: 2.5%;
    left: 11%;
}
.menu_ttl_sp{
	text-align: center;
}
.menu_hero {
	text-align: right;
    padding-left: 120px;
}
.menu_hero img{
	width: 100%;
    height: auto;
    max-height: 430px;
    object-fit: cover;
}
.menu_cnt {
	display: flex;
	justify-content: center;
	gap:20px;
	flex-wrap: wrap;
	padding: 50px 0;
}
.menu_box {
	width: 48%;
	min-width: 405px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap:5px;
	padding: 30px 0;
	border-bottom:1px dotted #AA9F95;
}
.menu_box:last-child,
.menu_box:nth-last-child(2){
	border-bottom: none;
}
.menu_box_ttl {
	font-size: 20px;
}
.menu_fee {
	background-color: var(--main-color);
	padding: 10px 20px;
	width: 100%;
}
.menu_coupon {
	display: flex;
    gap: 20px;
    /*padding-top: 10px;*/
}
.menu_coupon_ttl {
	text-align: center;
    background-color: var(--main-color);
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
}
.menu_coupon_tb {
	width: 100%;
}
.menu_coupon_tb td, .menu_coupon_tb th {
    padding: 5px 12px;
    border-bottom: 1px solid #CEC3BA;
}
.menu_coupon_tb tr:last-child th, .menu_coupon_tb tr:last-child td {
    border-bottom: none;
}
.coupon_info {}
.coupon_info_ttl {}
.coupon_info_cnt {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.coupon_info_box {}
.coupon_info_box .menu_coupon_tb{
	width: auto;
}
.coupon_info_box .menu_coupon_ttl > p{
	display: flex;
	flex-direction: column;
}
.coupon_info_box .menu_coupon_ttl > p > span{
	display: inline-block;
	color:#FFF;
	background-color:var(--accent-color);
	border-radius: 5px;
	padding: 0 5px;
	font-size: 14px;
}
.freepass {
	background-color:var(--main-color);
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap:20px;
}
.freepass_ttl {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	font-size: 19px;
}
.freepass_ttl .-cap {
	font-size: 13px;
}
.pass_fee {
	font-size: 24px;
}
.inquiry {
	margin: 50px auto;
}
.inq_cnt_wrap {
	max-width: 1160px;
	width: 100%;
	background-color:var(--main-color);
	padding: 30px 0;
	margin: 0 auto;
}
.inq_cnt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:30px;
}
.inq_box {}
.inq_ttl{
	font-size: 20px;
}
.inq_txt {
	padding-bottom: 15px;
}
.line_qr {}
.contact {
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	gap:10px;
}
.visi_box .contact {
	width: 720px;
}
.contact_btn {
	max-width: 350px;
	width: 100%;
	height: 60px;
	color:#FFF;
	background-color:var(--accent-color);
	border-radius: 5px;
	padding: 10px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.contact_btn.-tel {}
.contact_btn.-line {
	background-color:#27C755;
}
.contact_btn_txt{
	display: flex;
	align-items: center;
}
.contact_btn.-line .contact_btn_txt:before{
	content:"";
	display: inline-block;
	width: 2em;
	height: 2em;
	background-image:url(/img/icn-line_sq.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 5px;
}
.contact_btn_txt {}
.message{
	background-color:var(--main-color);
}
.message_wrap{
	position: relative;
	padding: 80px 0;
}
.mes_ttl{
	transform: rotate(90deg);
    position: absolute;
    top: 15%;
    left: -7%;
}
.mes_cnt{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap:30px;
}
.mes_img{
	flex: none;
}
.mes_box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.mes_name {
	font-size: 22px;
	padding-bottom: 20px;
}
.mes_name > span{
	font-size: 15px;
	color:#AA9F95;
	margin-left: 1em;
}
.mes_title {
	font-size: 14px;
	padding-bottom: 20px;
	border-bottom:1px dotted #AA9F95;
	width: 100%;
}
.mes_txt {
	padding-top: 20px;
}
.information {
	padding: 80px 0;
}
.info_wrap{
	position: relative;
}
.info_ttl {
	transform: rotate(90deg);
    position: absolute;
    top: 4%;
    left: -10%;
}
.info_list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap:20px;
}
.info_list li{
	background-color:var(--main-color);
	padding: 30px;
	width: 100%;
}
.info_cnt {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap:50px;
	width: 100%;
}
.info_box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap:15px;
	width:calc(100% - 310px);
}
.info_date {
	color:#AA9F95;
}
.info_box_ttl {
	font-size: 20px;
	font-weight: bold;
	
}
.info_box_txt {}
.info_img {
	flex: none;
}
.info_img img {
	width: 260px;
	height: 180px;
	object-fit: cover;
}
.access {
	position: relative;
}
.acc_ttl {
	transform: rotate(90deg);
    position: absolute;
    top: 2.5%;
    left: 11%;
    color:#FFF;
}
.acc_hero {
	text-align: right;
    padding-left: 120px;
}
.acc_hero img {
	width: 100%;
    height: auto;
    max-height: 430px;
    object-fit: cover;
}
.acc_cnt {}
.acc_dtlist {
	padding: 50px 0 70px;
}
.acc_dtlist dt{
	padding-top: 20px;
}
.acc_dtlist dd{
	padding-bottom: 20px;
	border-bottom:1px dotted #AA9F95;
	width: 100%;}
.-notice {
	display: inline-block;
	color:var(--accent-color);
	border: 1px solid var(--accent-color);
	border-radius: 5px;
	margin-left: 5px;
	padding: 0 5px;
}
.-notice:first-child {
	margin-left: 10px;
}
.acc_map {}
.acc_map iframe{
	width: 100%;
	height: 100%;
	max-height: 460px;
	aspect-ratio: 16/9;
}
.footer {
	padding-top: 100px;
}
.foot_bg {
	background-color:var(--accent-color);
	padding: 20px;
}
.foot_cnt {
	display: flex;
	justify-content: center;
	color:#FFF;
}
.pagetop {
	position: fixed;
	bottom: 85px;
	right: 80px;
}
.top_btn {
	background-color:var(--accent-color);
	height:85px;
	width:85px;
	border-radius:50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.top_arr{
	display: inline-flex;
  transform: rotate(90deg);
  padding-left: 10px;
  padding-bottom: 10px;
}
.top_arr:after{
	content: '';
  width: 40px;
  height: 11px;
  border-bottom: solid 1px #FFF;
  border-left: solid 1px #FFF;
  transform: skew(315deg);
}
.header_btn {
	width: 80px;
	height: 80px;
	/*box-shadow: 0px 3px 6px rgb(0 0 0 / 20%);*/
	display: none;
	/*background-color: #FFFFFF;*/
	flex: none;
	cursor: pointer;
	z-index: 100;
	transition-property: margin, width, height;
	transition-duration: 0.5s;
	position: relative;
}

.header_btn span {
	height: 2px;
	background-color: var(--accent-color);
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	transform-origin: center center;
	transition-property: width, top, left, right, bottom, opacity, transform;
	transition-duration: 0.5s;
}

.header_btn span:nth-child(1),
.header_btn span:nth-child(4) {
	width: 50%;
}

.header_btn span:nth-child(2),
.header_btn span:nth-child(3) {
	top: 50%;
	width: 47.5%;
}

.header_btn span:nth-child(1) {
	top: 33.33%;
}

.header_btn span:nth-child(4) {
	top: 66.66%;
}

.header_btn:hover span:nth-child(1) {
	top: 25%;
}

.header_btn:hover span:nth-child(4) {
	top: 75%;
}

.header_btn.-active span:nth-child(1),
.header_btn.-active span:nth-child(4) {
	width: 0;
	opacity: 0;
}

.header_btn.-active span:nth-child(1) {
	top: 50%;
}

.header_btn.-active span:nth-child(4) {
	top: 50%;
}

.header_btn.-active span:nth-child(2),
.header_btn.-active span:nth-child(3) {
	width: 67.5%;
}

.header_btn.-active span:nth-child(2) {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.header_btn.-active span:nth-child(3) {
	transform: translate(-50%, -150%) rotate(45deg);
}
.sns_link_sp{
	display: none !important;
}


@media screen and (max-width:1030px) {
}
@media screen and (max-width:1376px) {
	.nav_link_wrap{
		z-index: 100;
		/*max-width: 320px;*/
		width: 100%;
		height: 100%;
		padding: 100px 20px 20px;
		background-color: rgba(246, 244, 238, 0.8);
		position: fixed;
		top: 0;
		right: 0;
		transform: translate(0, -200%);
		transition: 0.5s;
		overflow: scroll;
	}
	.nav_link_wrap.-active {
		transform: none;
	}
	.nav_link {
		/*display: block;*/
		flex-direction: column;
		overflow-y: scroll;
	}


	.nav_link_list{
		flex-direction: column;

	}
	.nav_link_list li {
		/*background-color: rgba(246, 244, 238, 0.7);*/
		/*border-top: 1px solid #333;*/
		width: 100%;
	}

	.nav_link_list li::after {
		content: none;
		display: none;
	}

	.nav_link_list li:last-child {
		/*border-bottom: 1px solid #333;*/
	}

	.nav_link_list li a {
		border-left: none;
		padding: 20px 30px;
		line-height: 1.2;
		text-align: left;
		display: block;
		vertical-align: middle;
		text-align: center;
	}
	.nav_link_tel{
		justify-content: center;
	}
	.nav_sns_line{
		gap:20px;
	}
	.header_btn {
		display: block;
		position: relative;
	}
}
@media screen and (max-width:1059px) {
	.menu_box:nth-last-child(2){
	    border-bottom:1px dotted #AA9F95;
	}
	.coupon_info_cnt{
		justify-content: center;
		gap:20px;
	}
}


@media screen and (max-width:1180px) {
	.visi_box .contact{
		width: auto;
		justify-content: flex-start;
	}
}

@media screen and (max-width:767px) {
	.header {
		padding: 0;
	}
	.head_nav {}
	.cmn_logo {}
	.nav_link {}
	.nav_link_list {}
	.nav_link_tel {
		display: none;
	}
	.tel_time {}
	.nav_sns_line {
		display: none;
	}
	.hero {}
	.hero_cnt {}
	.hero_cnt_sp {}
	.hero_cnt_sp img{
		width: 100%;
	}
	.hero_slide {}
	.slide_item {}
	.hero_scroll {}
	.about {}
	.about_cnt {}
	.about_ttl {
		transform:rotate(0deg);
		transform:translate(-50%, -50%);
		top: 0;
		left:50%;
		font-size: 18px;
	    width: 100%;
	    text-align: center;
	}
	.about_oka {
		flex-direction: column;
	}
	.about_oka_box {}
	.oka_box_ttl {
		text-align: center;
	}
	.oka_box_txt {}
	.about_oka_img {}
	.about_feature {}
	.about_fea_ttl {}
	.fea_cnt {
		flex-direction: column;
	}
	.fea_box_wrap {
		width: 100%;
	}
	.fea_box {}
	.fea_box_ttl {}
	.fea_box_txt {}
	.symptoms {
		padding: 12px;
	}
	.sym_ttl {
		font-size: 17px;
	}
	.sym_cnt_wrap {}
	.sym_cnt {
		justify-content: center;
	}
	.sym_box_wrap {
		width: 45%;
		min-width: auto;
	}
	.sym_box {}
		.sym_box figcaption{
			font-size: 11px;
		}
	.beauty {
		padding: 50px 0;
		margin: 50px 0;
	}
	.beauty_ttl {
		transform: translate(-50%, -50%);
	    top: 0;
	    left: 50%;
	    font-size: 18px;
	    width: 100%;
	    text-align: center;
	}
	.beauty_hero {
		text-align: center;
		padding:0 15px;
	}
	.beauty_cnt {
		margin-top: 30px;
	}
	.beauty_cnt_ttl {
		padding-bottom: 20px;
	}
	.beauty_cnt_txt {}
	.housecall {}
	.house_ttl {}
	.house_txt {}
	.house_fee {
		flex-direction: column;
	}
	.house_fee_ttl{
		padding: 10px;
	}
	.house_fee_dt {}
	.visitor {
		/*padding-top: 50px;*/
		margin-top: 30px;
	}
	.visi_ttl {
		transform: translate(-50%, -50%);
	    top: 2%;
	    left: 50%;
	    font-size: 18px;
	    width: 100%;
	    text-align: center;
	}
	.visi_ttl_sub {
		margin-bottom: 20px;
	}
	.visi_list {
		gap:40px;
	}
	.visi_cnt {
		flex-direction: column;
	}
	.visi_box {
		/*align-items: center;*/
	}
	.visi_box_num {
		/*flex-direction: column;*/
		align-items: center;
		font-size: 18px;
	}
	.visi_box_num small{
		
		font-size: 14px;
	}
	.visi_box_txt {}
	.faq {
		padding: 0 15px;
	}
	.faq_wrap {
		flex-direction: column;
		align-items: center;
	}
	.faq_ttl {
		align-items: center;
	}
	.faq_detail_wrap {}
	.faq_detail {}
	.-icn {}
	.menu {
		padding-top: 40px;
		margin-top: 20px;
	}
	.menu_ttl {
		transform: translate(-50%, -50%);
	    top: 0;
	    left: 50%;
	    font-size: 18px;
	    width: 100%;
	    text-align: center;
	}
	.menu_hero {
		text-align: center;
		padding:0 15px;
	}
	.menu_cnt {
		padding: 5px 0;
	}
	.menu_box {
		min-width: auto;
		width: 100%;
	}
	.menu_box_ttl {
		font-size: 16px;
	}
	.menu_fee {}
	.menu_coupon {
		flex-direction: column;
		width: 100%;
	}
	.menu_coupon_dt {}
	.menu_coupon_ttl{
		padding: 10px;
		width: 100%;
	}
	.coupon_info {}
	.coupon_info_ttl {}
	.coupon_info_cnt {
		flex-direction: column;
		width: 100%;
		/*gap:20px;*/
	}
	.coupon_info_box {}
	.freepass {
		padding: 20px;
	}
	.freepass_ttl {
		font-size: 17px;
	}
	.-cap {}
	.pass_fee {
		font-size: 20px;
	}
	.inquiry {}
	.inq_cnt {
		flex-direction: column;
		align-items: center;
	}
	.inq_box {}
	.inq_ttl {}
	.inq_txt {}
	.line_qr {}
	.contact {}
	
	.contact_btn {
		max-width: none;
	}
	.-tel {}
	.-line {}
	.contact_btn_txt {}
	.message{
		margin-top: 50px;
	}
	.message_wrap{
		padding-top: 120px;
	}
	.mes_ttl{
		transform: translate(-50%, -50%);
	    top: 5%;
	    left: 50%;
	    font-size: 18px;
	    width: 100%;
	    text-align: center;
	}
	.mes_cnt{
		flex-direction: column;
		align-items: center;
	}
	.mes_img{}
	.mes_box {}
	.mes_name {}
	.mes_title {}
	.mes_txt {}
	.information {
		margin-top: 40px;
	}
	.info_ttl {
		transform: translate(-50%, -50%);
	    top: -3%;
	    left: 50%;
	}
	.info_list {}
	.info_cnt {
		flex-direction: column;
		align-items: center;
	}
	.inq_cnt_wrap{
		padding: 30px 15px;
	}
	.info_box {
		width: 100%;
	}
	.info_date {}
	.info_box_ttl {}
	.info_box_txt {}
	.info_img {}
	.access {
		padding-top: 50px;
	}
	.acc_ttl {
		transform: translate(-50%, -50%);
	    top: 0;
	    left: 50%;
	    color:canvastext;
	}
	.acc_hero {
		text-align: center;
		padding:0 15px;
	}
	.acc_cnt {}
	.acc_dtlist {}
	.-notice {}
	.acc_map {}
	.footer {
		margin-bottom: 47px;
		padding-top: 50px;
	}
	.foot_bg {}
	.foot_cnt {}
	.pagetop {
		right: 15px;
		bottom: 100px;
	}
	.top_btn{
		width: 50px;
		height: 50px;
	}
	.top_arr{
		padding-left: 5px;
		padding-bottom: 5px;
	}
	.top_arr:after{
		width: 20px;
		height: 5px;
	}
	.sns_link_sp{
		display: flex !important;
		justify-content: center;
		align-items: center;
		position: fixed;
		bottom: 0;
		width: 100%;
	}
	.sns_link_sp a{
		width: 50%;
	}
	.sns_sp_box{
		display: flex;
		align-items: center;
		justify-content: center;
		background:linear-gradient(to left, #B909B1, #F30C18);
		width: 100%;
		padding: 10px;
		color:#FFF;
	}
	.sns_sp_box.-line{
		background: #27C755;
	}
	.sns_sp_box > span{
		display: flex;
		align-items: center;
		justify-content: center;
		gap:10px;
	}
	.sns_sp_box > span:before{
		content:"";
		display: inline-block;
		background-image:url(/img/cmn/icn-inst_white@2x.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 27px;
		height: 27px;
		flex: none;
	}
	.sns_sp_box.-line > span:before{
		background-image:url(/img/cmn/icn-line_white@2x.png);
	}
	.header_btn{
		position: fixed;
		right: 15px;
		top: 25px;
		background-color:rgba(246,244,238,0.6);
	}
	.header_btn.-scr_btn{
		border-radius:50px;
		width: 50px;
		height: 50px;

	}


}