@charset "utf-8";

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	color: #42352d;
	font-weight: bold;
	font-size: calc(10px + 0.45vw);
	font-family: 'M PLUS 2', sans-serif;
}

@media(min-width:961px) {
	.sponly {
		display: none !important;
	}
}

@media(max-width:960px) {
	.pconly {
		display: none !important;
	}
}

@media(min-width:561px) {
	.show_sp {
		display: none !important;
	}
}

@media(min-width:961px) {
	.show_sptb {
		display: none !important;
	}
}

@media(max-width:560px) {
	.show_tbpc {
		display: none !important;
	}
}

@media(max-width:960px) {
	.show_pc {
		display: none !important;
	}
}

/*変数*/
:root {
	--basecolor: #edffe9;
	/*基本色*/
	--sabcolor: #f2ffec;
	/*サブカラー*/
}

img {
	max-width: 100%;
	vertical-align: bottom;
}


p {
	margin: 0
}

h3 {
	margin: 0;
}

a {
	color: #55321f;
	text-decoration: none;

}

.a_under{
	text-decoration: underline;
}
a:visited {}

a:hover {
	/*filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;*/
}

.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.mg0 {
	margin: 0 auto;
}


.margin1 {
	margin: 10px
}

.margin2 {
	margin: 20px
}

.margin3 {
	margin: 30px
}

.margin4 {
	margin: 40px
}

.margin5 {
	margin: 50px
}

.mgb1 {
	margin-bottom: 10px
}

.mgb2 {
	margin-bottom: 20px
}

.mgb3 {
	margin-bottom: 30px
}

.mgb4 {
	margin-bottom: 40px
}

.mgb5 {
	margin-bottom: 50px
}

.mgt1 {
	margin-top: 10px
}

.mgt2 {
	margin-top: 20px
}

.mgt3 {
	margin-top: 30px
}

.mgt4 {
	margin-top: 40px
}

.mgt5 {
	margin-top: 50px
}

.mgl1 {
	margin-left: 10px
}

.mgl2 {
	margin-left: 20px
}

.mgl3 {
	margin-left: 30px
}

.mgl4 {
	margin-left: 40px
}

.mgl5 {
	margin-left: 50px
}

.mgr1 {
	margin-right: 10px
}

.mgr2 {
	margin-right: 20px
}

.mgr3 {
	margin-right: 30px
}

.mgr4 {
	margin-right: 40px
}

.mgr5 {
	margin-right: 50px
}

.n_mgt5 {
	margin-top: 5%
}

.padding1 {
	padding: 10px
}

.padding2 {
	padding: 20px
}

.padding3 {
	padding: 30px
}

.padding4 {
	padding: 40px
}

.padding5 {
	padding: 50px
}

.pdt1 {
	padding-top: 10px
}

.pdt2 {
	padding-top: 20px
}

.pdt3 {
	padding-top: 30px
}

.pdt4 {
	padding-top: 40px
}

.pdt5 {
	padding-top: 50px
}

.pdt6 {
	padding-top: 60px
}

.pdt7 {
	padding-top: 70px
}

.pdt8 {
	padding-top: 80px
}

.pdt9 {
	padding-top: 90px
}

.pdt10 {
	padding-top: 100px
}

.pdb1 {
	padding-bottom: 10px
}

.pdb2 {
	padding-bottom: 20px
}

.pdb3 {
	padding-bottom: 30px
}

.pdb4 {
	padding-bottom: 40px
}

.pdb5 {
	padding-bottom: 50px
}

.pdb6 {
	padding-bottom: 60px
}

.pdb7 {
	padding-bottom: 70px
}

.pdb8 {
	padding-bottom: 80px
}

.pdb9 {
	padding-bottom: 90px
}

.pdb10 {
	padding-bottom: 100px
}

.pdr5 {
	padding-right: 30%;

}

/*----------
特殊例
-----------*/
/*----------
マーカー下線
----------*/
.marker_line {
	background: linear-gradient(transparent 60%, var(--basecolor) 0%);
}

.marker_line_pink {
	background: linear-gradient(transparent 50%, #f8d8cf 50%);
}

.marker_line_yellow {
	background: linear-gradient(transparent 50%, #ecee23 50%);
}

/*---------
 題字下下線
 ----------*/
.hr-green {
	border-top: 2px solid #3ca27e;
	width: 80px;
}

/*--------------
矢印が右に移動する
----------------*/
.btnarrow4 {
	/*矢印と下線の基点とするためrelativeを指定*/
	position: relative;
	/*形状*/
	display: block;
	color: #333;
	text-decoration: none;
	outline: none;
}

/*矢印と下線の形状*/
.btnarrow4::before {
	content: '';
	/*絶対配置で下線の位置を決める*/
	position: absolute;
	bottom: -8px;
	left: 0;
	/*下線の形状*/
	width: 60%;
	height: 1px;
	background: #333;
	/*アニメーションの指定*/
	transition: all .3s;
}

.btnarrow4::after {
	content: '';
	/*絶対配置で矢印の位置を決める*/
	position: absolute;
	bottom: -3px;
	right: 40%;
	/*矢印の形状*/
	width: 15px;
	height: 1px;
	background: #333;
	transform: rotate(35deg);
	/*アニメーションの指定*/
	transition: all .3s;
}

/*hoverした際の移動*/
.btnarrow4:hover::before {
	left: 10%;
}

.btnarrow4:hover::after {
	right: 30%;
}

/*-------------
ボタン共通設定
--------------*/
.btn06 {
	/*矢印の基点とするためrelativeを指定*/
	position: relative;
	/*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
	color: #000000;
	padding: 10px 40px 10px 30px;
	text-align: right;
	outline: none;
	border: 1px solid #83e66d;
	background-color: #83e66d;
	/*アニメーションの指定*/
	transition: ease .2s;
}

.btn06:hover {
	background-color: #cbfcdb;
	border: 1px solid #cbfcdb;
}

/*--------------
矢印が右に移動
--------------*/
.btnarrow1::after {
	content: '';
	/*絶対配置で矢印の位置を決める*/
	position: absolute;
	top: 42%;
	right: 20px;
	/*矢印の形状*/
	width: 5px;
	height: 5px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(45deg);
	/*アニメーションの指定*/
	transition: all .3s;
}

/*hoverした際の移動*/
.btnarrow1:hover::after {
	right: 11px;
}

/*------------
きらっと光る
------------*/
.btnshine {
	/*キラッと光る基点とするためrelativeを指定*/
	position: relative;
	/*ボタンの形状*/
	display: inline-block;

	color: #fff;
	padding: 10px 20px;
	text-decoration: none;
	outline: none;
	overflow: hidden;
}

/*キラッと光る*/
.btnshine::before {
	content: '';
	/*絶対配置でキラッと光るの位置を決める*/
	position: absolute;
	top: 0;
	left: -75%;
	/*キラッと光る形状*/
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	transform: skewX(-25deg);
}

/*hoverした際の移動のアニメーション*/
.btnshine:hover::before {
	animation: shine 0.7s;
}

@keyframes shine {
	100% {
		left: 125%;
	}
}

/*-------------
 文字animation
-------------*/
@-webkit-keyframes passing-bar {
	0% {
		left: 0;
		right: auto;
		width: 0;
	}

	50% {
		left: 0;
		right: auto;
		width: 100%;
	}

	51% {
		left: auto;
		right: 0;
		width: 100%;
	}

	100% {
		left: auto;
		right: 0;
		width: 0;
	}
}

@keyframes passing-bar {
	0% {
		left: 0;
		width: 0;
	}

	50% {
		left: 0;
		width: 100%;
	}

	51% {
		left: 0;
		width: 100%;
	}

	100% {
		left: 100%;
		width: 0;
	}
}

@-webkit-keyframes passing-txt {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes passing-txt {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* css */
.passing .passing-box {
	display: block;
	text-align: center;
}

.passing .passing-bar {
	position: relative;
	display: inline-block;
	/*　後ほど解説　*/
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.passing .passing-bar:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	/* 任意の値 */
	background: #11b319;
}

.passing .passing-txt {
	opacity: 0;
	/* 後ほど解説 */
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	/* 任意の値 */
	font-size: 3vw;
	font-weight: bold;
	line-height: 1.5;
}

.passing.move .passing-bar:before {
	-webkit-animation: passing-bar 1s ease 0s 1 normal forwards;
	animation: passing-bar 1s ease 0s 1 normal forwards;
}

.passing.move .passing-txt {
	-webkit-animation: passing-txt 0s ease .5s 1 normal forwards;
	animation: passing-txt 0s ease .5s 1 normal forwards;
}



/*------------*/

.flex {
	display: flex;
}

.flex_wrap_reverse {
	display: flex;
}

.flex_wrap {
	display: flex;
	flex-wrap: wrap;
}

/*--------------------------------
       ここまでtemplate
---------------------------------*/
/*--------- menu bar css --------*/
.fixed {
	position: fixed;
	top: 0;
	padding: 0;
	width: 100%;
	z-index: 1000;
}

#globalNavi {}

.top_menu_bar {
	top: 0px;
	right: 0px;
	z-index: 100;
	width: 100%;
	background-color: #d20001;
	padding: 10px 25px;
	/*background-repeat:no-repeat ;
	background-position:right 60% top -15%;*/
}

#kakutsukuna {
	height: 100px;
}

.hide {
	display: none;
}

.menu_back {
	position: relative;
	display: flex;
}

.menu_box {
	max-width: 1800px;
	width: 100%;
	margin: 0 auto;
	font-weight: bold;
}

.menu_box ul {
	list-style: none;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.menu_box ul li {
	border-left: 2px solid #fff;
}

.menu_box ul li:first-child {
	border: none;
}

.menu_box a {
	color: #fff;
	margin: 0 calc(2.8vw - 13px);
	letter-spacing: 2px;
	position: relative;
	display: inline-block;
	transition: .3s;
	height: 20px;
}

.menu_box a:hover {
	color: #fad9d0;

}



/*--ハンバーガーメニュー--*/

nav {
	display: block;
	position: fixed;
	top: 0;
	left: -300px;
	/*左からmenuを出したければleftに変更*/
	bottom: 0;
	width: 300px;
	/*menuの幅はここで規定*/
	background: #ffffff;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transition: all .5s;
	z-index: 3;
	opacity: 0;
}

.open nav {
	left: 0;
	/*左からmenuを出したければleftに変更*/
	opacity: 1;
}

nav .inner {
	padding: 4em 10px 10px;
}

nav .inner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

nav .inner ul li {
	position: relative;
	margin: 0;
	border-bottom: 1px solid #333;
	/*menuに線で区切り*/

}

nav .inner ul li a {
	display: block;
	color: #333;
	font-size: 14px;
	padding: 1em;
	text-decoration: none;
	transition-duration: 0.2s;
}

nav .inner ul li a:hover {
	background: #e4e4e4;
}

/*============
  .toggle_btn
  =============*/
/*押すところのspanのcss*/
.btn_back {
	background-color: #d20001;
	padding: 3px;
	position: fixed;
	top: 12px;
	left: 12px;
	z-index: 3;
	border-radius: 5px;
}

.toggle_btn {
	display: block;
	position: relative;
	width: 28px;
	height: 28px;
	transition: all .5s;
	cursor: pointer;
}

.toggle_btn span {
	display: block;
	position: absolute;
	left: 0;
	width: 27px;
	height: 2px;
	background-color: #ffffff;
	border-radius: 4px;
	transition: all .5s;
}

.toggle_btn span:nth-child(1) {
	top: 5px;
}

.toggle_btn span:nth-child(2) {
	top: 13px;
}

.toggle_btn span:nth-child(3) {
	bottom: 5px;
}

.open .toggle_btn span {
	background-color: #fff;
}

.open .toggle_btn span:nth-child(1) {
	-webkit-transform: translateY(8px) rotate(-315deg);
	transform: translateY(8px) rotate(-315deg);
}

.open .toggle_btn span:nth-child(2) {
	opacity: 0;
}

.open .toggle_btn span:nth-child(3) {
	-webkit-transform: translateY(-8px) rotate(315deg);
	transform: translateY(-8px) rotate(315deg);
}

@media screen and (max-width: 767px) {
	nav {
		left: -220px;
		/*出したときの挙動に影響*/
		width: 220px;
		/*menuの幅はここで規定*/
	}
}

/*============
  #mask
  =============*/
#mask {
	display: none;
	transition: all .5s;
}

.open #mask {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .8;
	z-index: 2;
	cursor: pointer;
}




/*----------- 横からでてくるやつ -------------*/
/*#sslink{
	cursor: pointer;
    position: fixed;
    z-index: 9999;

}
#sslink a:first-child{
	display: block;
	width: 150px;
	border-left:6px solid #ffc65d;
	background-color: #fffde6;
	padding: 20px ;
	margin-bottom: 50px;
}
#sslink a:nth-child(2){
	display: block;
	width: 150px;
	border-left:6px solid #ff5555;
	background-color: #ffeee7;
	padding: 20px ;
}
#sslink a{
	transition: all 0.2s;
}
#sslink a:hover{
	transform: translate(-50px, 0);
}*/




/*----------- contentsここから --------------*/
.logo_hiro {
	position: relative;
}

.logo_box {
	position: absolute;
	width: 100%;
	z-index: 2;
}

.logo_box .flex {
	max-width: 90%;
	margin: 0 auto;
	padding: 1.5% 0 1%;
	border-bottom: 1px solid #fff;
	align-items: center;
	justify-content: space-between;
}

.logo_ttl {
	margin-right: 10%;
}

@media(max-width:960px) {
	.logo_box .flex {
		margin-left: 60px;
		margin-right: 10px;
	}
}

.logo_box a:hover {
	opacity: 0.6;
}

.slid_wrapper {
	position: relative;
	background: #f8d8cf;
}

#slider {

	width: 100%;
	height: 100vh;
	/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	clip-path: circle(900px at 63% 76%);
}

.slid_wrapper h1 {
	position: absolute;
	bottom: 8%;
	left: 5%;
	z-index: 1;
	width: 750px;
	max-width: 90%;
}

.back {
	height: 800px;
	width: 100%;

}

/**
.back ul {

	position: relative;
	list-style: none;
	width: 100%;
	margin: 0% auto 0px;
}

@media (max-width:800px) {
	.back ul {
		height: calc(100vw / 800 * 450);
	}
}

.back ul li {
	position: absolute;
	top: 0px;
	left: 0;
}

.back ul li img {
	width: 100%;
}

@keyframes op {
	0% {
		opacity: 100;
	}

	30% {
		opacity: 100;
	}

	36% {
		opacity: 0;
	}

	94% {
		opacity: 0;
	}

	100% {
		opacity: 100;
	}
}

.back ul li:last-child img {
	animation: op 6s infinite;
}

.back ul li:nth-child(2) img {
	animation: op 6s 2s infinite;
}

.back ul li:first-child img {
	animation: op 6s 4s infinite;
}
*/


/*-------------
 　共通
-----------------*/
.contents_wrap {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;

}

.section_box {
	margin: 100px 0;
	position: relative;
}

.pink {
	background: #f8d8cf;
}

.green {
	background: #b0cf01;
}

.section_box.pink,
.section_box.green {
	margin: 0;
	padding: 100px 0;
}

.section_box.gradation {
	margin: 0;
	padding: 200px 0 100px;
}

.color_txt {
	color: #d20001;
}

.ttl_c_red {
	color: #d20001;
	text-align: center;
	font-size: 250%;
	font-family: 'Shippori Mincho', serif;
	text-shadow:
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff;
}

.icon_topic {
	color: #fff;
	background: #42352d;
	display: inline-block;
	margin: 5px 10px;
	padding: 4px 20px;
	border-radius: 25px;
	line-height: 1.5;
}







/* top_news */
.top_news_box {}

.under_b_ttl {
	width: fit-content;
}

.under_b_ttl p {
	border-bottom: 2px solid;
	margin-bottom: 5px;
}

.under_b_ttl div {
	text-align: center;
	border-bottom: 2px solid;
	margin-bottom: 5px;
	font-size: 200%;
}

.top_news_box {
	width: 90%;
	margin: 0 auto;

	padding: 3%;
}

.top_news_box a {
	display: block;
	margin: 0 0 10px 0;
	border-bottom: 1px dashed;
	padding: 0 0 10px 0;

}

.top_news_link .top_news_box a p {
	transition: all 0.3s;
}

.top_news_box a:hover p {
	opacity: 0.5;
}

.top_news_link .flex {
	align-items: center;
	width: 100%;
}

.time {
	margin-right: 1em;
	width: 6.3em;
	word-break: break-all;
	white-space: nowrap;
}

.news_ttl {
	font-weight: bold;
	color: #d20001;
	width: calc(100% - 9em);
	font-size: calc(11px + 0.7vw);
}

.news_more {
	display: block;
	text-align: right;
}

.menu_link.top_news {
	margin: 0 0 0 auto;
	width: fit-content;
}

/* top_greeting */
.top_greeting_txt {
	line-height: 2;
	font-weight: bold;
	margin-left: 1em;
}

.top_greeting_img {
	margin: 0 1em;
}

.top_greeting_txt .big {
	font-size: 150%;
	display: inline-block;
	margin: 0 0.5em;
}

@media(max-width:600px) {
	.top_greeting_txt .big {
		font-size: 4.5vw
	}
}

#top_greeting .flex {
	align-items: center;
}



/*------- content4------*/

.nayami_q {
	width: fit-content;
	margin: 50px auto;
}

.nayami_q dl {
	display: flex;
	align-items: center;
}

.nayami_q dt {
	width: 10%;
}

.nayami_q dd {
	width: 90%;
	margin: 0;
	padding-left: 2%;
}

.itami_1 {
	position: absolute;
	top: -14%;
	left: calc(8% - 2vw);
}

.itami_2 {
	position: absolute;
	top: -15%;
	right: 13%;
}

.itami_3 {
	position: absolute;
	top: 15%;
	right: 3%;
}

.itami_4 {
	position: absolute;
	bottom: -20%;
	left: 5%;
}

.itami_6 {
	position: absolute;
	top: -0%;
	right: 13%;
}

.itami_7 {
	position: absolute;
	bottom: -15%;
	right: 3%;
}

/*ご相談ください*/
.gradation {
	background: linear-gradient(rgba(0, 0, 0, 0) 50%, #f8d8cf 100%);
}

.point_1 {
	position: absolute;
	top: -30%;
	right: 10%;
}

.point_2 {
	position: absolute;
	top: -26%;
	left: 10%;
}

.point_box {
	margin: 10% auto 0;
	max-width: 1000px;

}

.point_circle {
	width: 33.3%;
	text-align: center;
	color: #d20001;
	padding: 8% 0 10%;
	font-size: 160%;

}

.p_back_1 {
	background: url(../img/en_1.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 78%;
}

.p_back_2 {
	background: url(../img/en_2.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 78%;
}

.p_back_3 {
	background: url(../img/en_3.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 80%;
}

/**/




/*さまざまな悩みへアプローチします*/
.menu_icon_box {
	margin: 20px 0;
}

.menu_icon_box.flex {
	flex-wrap: wrap;
}

.shop_lead {
	font-size: 120%;
}

.nayami_box {
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 15px;
}

.nayami_box::before {
	position: absolute;
	bottom: 0%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 1;
	content: '';
	display: block;
	width: 90%;
	height: 2px;
	background-color: #42352d;
}

.nayami_box h4 {
	position: relative;
	text-align: center;
}

.nayami_box h4 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #b0cf01;
	text-align: left;
}

.nayami_box h4::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 1;
	content: '';
	display: block;
	width: 90%;
	height: 2px;
	background-color: #42352d;
}

.nayami_box_txt {
	margin: 50px auto 0;
	width: 80%;
}

.nayami_box_txt span {
	font-size: 170%;
	margin: 0 5px 0;
	border-bottom: 2px solid;
}

.nayami_box_txt span:nth-child(2) {
	border: none;
}

/*口コミ*/
.kuchikomi_box {
	margin: 20px;
}

.kuchikomi_ttl {
	background: #f8d8cf;
	padding: 2% 5%;
	margin-bottom: 20px;
}

.kuchikomi_nemu {
	align-items: center;
	justify-content: flex-end;
}

.kuchikomi_img {
	width: 40%;
	text-align: center;
}

.kuchikomi_img img {
	max-width: 70%;
}

.kuchikomi_txt {
	width: 60%;
}



/*indexの店舗一覧*/
.tenpo_box {
	width: 31%;
	margin: 0% 3.5% 3% 0;
}

.tenpo_box .jisage {
	display: inline-block;
}

.tenpo_box:nth-child(3n) {
	margin: 0 0 3% 0;
}

.tenpo_txt {
	margin: 20px 0 30px;
}

.tenpo_txt dl {
	display: flex;
	align-items: center;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #42352d;
}

.tenpo_txt dt {
	width: 25%;
	text-align: center;

}

.tenpo_txt dd {
	width: 75%;
	margin: 0;
	padding-left: 10px;

}

.tenpo_icon {
	display: inline-block;
	font-size: 90%;
	color: #fff;
	border: 1px solid #42352d;
	background: #42352d;
	padding: 5px 12px;
	border-radius: 25px;
	white-space: nowrap
}

.tenpo_icon_box {}

.flex.icon_link {
	justify-content: space-between;
}

.menu_link {}

.menu_link a {
	font-size: 90%;
	position: relative;
	padding: 8px 30px 8px 10px;
	background: #fff;
	white-space: nowrap;
	transition: all 0.3s;
}

.menu_link a::after {
	font-family: 'Material Icons';
	content: '\e5df';
	position: absolute;
	top: 11px;
	right: 6px;
	transition: all 0.3s;
}

.menu_link a:hover {
	background: #ffffff98;
}

.menu_link a:hover::after {
	right: -0px;
}

.kuchikomi_more {
	text-align: center;
	margin: 50px auto 0;
}

.menu_link.kuchikomi_more a {
	background: #b0cf01;
}

/*Q&Aのところ*/
.qa-list dl {
	position: relative;
	margin: 0;
	padding: 28px 80px 28px 30px;
	cursor: pointer;
	border-bottom: 1px solid #000;
}

.qa-list dl:first-child {
	border-top: 1px solid #000;
}

.qa-list dl::before {
	position: absolute;
	top: 35px;
	right: 35px;
	display: block;
	width: 7px;
	height: 7px;
	margin: auto;
	content: '';
	transform: rotate(135deg);
	border-top: 2px solid #000;
	border-right: 2px solid #000;
}

.qa-list .open::before {
	transform: rotate(-45deg);
}

.qa-list dl dt {
	position: relative;
	margin: 0;
	padding: 0 0 0 50px;
	font-weight: bold;
}

.qa-list dl dt::before {
	font-size: 22px;
	line-height: 1;
	position: absolute;
	top: 3px;
	left: 0;
	display: block;
	content: 'Q.';
	color: #d20001;
}

.qa-list dl dd::before {
	font-size: 22px;
	line-height: 1;
	position: absolute;
	top: 3px;
	left: 2px;
	display: block;
	content: 'A.';
	font-weight: bold;
	color: #d20001;
}

.qa-list dl dd {
	position: relative;
	display: none;
	height: auto;
	margin: 20px 0 0;
	padding: 0 0 0 50px;
}

.qa-list dl dd p {
	margin: 30px 0 0;
}

.qa-list dl dd p:first-child {
	margin-top: 0;
}

/*別ページのtop*/
.another_top {
	height: auto;
	width: 100%;
	position: relative;
}
.another_top_ttl{
	position: absolute;
	color: #ffffff;
	font-size: calc( 1.7vw + 7px);
	padding:1% 4%;
	background:#d20001;
	letter-spacing: 5px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}



/*--------------- お問い合わせ ---------------*/
.form {
	max-width: 900px;
	margin: 0 auto;
	width: 90%;
}

.form p {
	margin-left: 10%;
}

.yoyaku_txt {
	max-width: 900px;
	width: 100%;
	margin: 30px auto;
	text-align: center;
}

.yoyaku_txt p:nth-child(1) {
	font-weight: normal;
}

.red {
	color: #d20001;

}

.co_table {
	max-width: 900px;
	width: 100%;
	margin: 0px auto 20px;
	padding: 0px 0px 10px 0px;
}

/*.co_table dl{
	margin: 0px 0px 20px 0px;
    padding: 0px 0px 20px 0px;
    border-bottom: #CCC dotted 1px;
}*/
.co_table dt {
	float: left;
	margin-left: 25px;
}

.co_table dd {
	margin-left: 200px;
}

.co_table em {
	color: #d20001;
	font-size: 0.7vw;
	font-weight: bold;
}

.co_table .small {
	font-size: 14px;
	font-weight: normal;
}

input,
textarea {
	width: 100%;
	border-top: none;
	border-right: none;
	border-left: none;
	height: 40px;
	border: #42352d solid 1px;
	background-color: ;
	border-radius: 0px;
}

textarea {
	height: 100px
}

.short {
	width: 200px;
	margin-bottom: 10px
}

input[type="submit"] {
	width: auto;
	height: auto;
	text-align: center;
	border: 1px solid;
	padding: 8px 20px;
	color: #fff;
	background: #42352d;
	font-size: 16px;

}

input[type="checkbox"] {
	width: auto;
	height: auto;
}

.submit_tac {
	text-align: center;
}

.co_midashi1 {
	position: relative;
}

.kazari_4 {
	position: absolute;
	top: -30px;
	left: -40px;
}

input,
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	/*need for safari*/
	appearance: none;
}

select {
	border-radius: 0px;
	font-size: 15px;
}

.select {
	display: inline-block;
	position: relative;
	border: 1px solid #42352d;
	vertical-align: middle;

}

.select select {
	appearance: none;
	width: auto;
	padding: 11px 15px;
	padding-right: 1em;
	border: none;
	outline: 0;
	color: #42352d;
	background: #fff;
	background-image: none;
	box-shadow: none;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	cursor: pointer;
}

.select.day select {
	width: 100px;
}

.select::before {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 0;
	height: 0;
	border-width: 10px 5px 0 5px;
	border-style: solid;
	border-color: #42352d transparent transparent transparent;
	content: "";
	pointer-events: none;
}





/*--------店舗案内--------*/
.store_box {
	margin-bottom: 100px;
}

.store_img {
	width: 40%;
}

.store_under_img {
	display: flex;
	flex-wrap: wrap;
	margin-top: 5px;
}

.store_under_img a {
	width: 20%;
}

.store_under_img a img {
	height: 100px;
	width: 100px;
	object-fit: cover;
}

.store_box .store_txt {
	width: 60%;
	padding-left: 2%;
	margin: 0;
}

.store_data dl,
.menu_data dl {
	display: flex;
	align-items: center;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #55321f;
}

.store_data dt {
	width: 25%;
	font-size: 90%;
	text-align: center;

}

.store_data dd {
	width: 75%;
	margin: 0;
	padding-left: 10px;
}

.menu_data dl {
	border-bottom: 1px dotted #55321f;
}

.menu_data dt {
	width: 55%;
	font-size: 90%;
	text-align: center;
}

.menu_data dd {
	width: 45%;
	margin: 0;
	padding-left: 10px;
	text-align:right;
	padding-right:1em

}

.store_box .store p {
	margin-bottom: 5px;
}

.store_name {
	margin: 0 0 10px;
	padding-left: 20%;
	position: relative;
}

.store_name .jisage {
	display: inline-block;
}

.store_name::after {
	content: "店舗名";
	position: absolute;
	font-size: 60%;
	font-weight: normal;
	color: #fff;
	background: #55321f;
	padding: 3px 10px 6px;
	border-radius: 25px;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.store_icon {
	border: 1px solid #55321f;
	padding: 3px 20px;
	margin: 15px 0 10px;
	display: inline-block;
	color: #fff;
	background: #55321f;
	font-size: 90%;
	border-radius: 25px;
	letter-spacing: 2px;
	font-weight: normal;
}
.access{
	position:relative;
	display:inline-block;
	text-decoration: underline;
	margin-left:20px
}


/*footer*/
footer h2 {
	text-align: center;
	margin: 1em auto 0;
}

footer h2 img {
	width: 40%;
}

footer p {
	text-align: center;
}

footer p a {
	text-align: center;
	font-weight: normal;
	text-decoration: underline;
}

.copyright {
	font-size: 70%;
	text-align: center;
	font-weight: normal;
	margin-top: 10px;

}







/*--------------SP--------------■■■■■■■■■■■*/
@media(max-width:1300px) {

	/*このようなことで
	お悩みではありませんか？*/
	.itami_1 {
		width: calc(22% - 3.5vw);
		left: calc(4% - 2vw);
	}

	.itami_4 {
		width: calc(35% - 3.5vw);
	}

	.itami_2 {
		width: calc(22% - 3.5vw);
	}

	.itami_3 {
		width: calc(22% - 3.5vw);
	}

	.itami_7 {
		width: calc(22% - 3.5vw);
	}

	.itami_6 {
		width: calc(22% - 3.5vw);
	}

	/*けんこうなかまのおすすめポイント*/
	.point_1 {
		width: calc(22% - 3.5vw);
	}

	.point_2 {
		width: calc(22% - 3.5vw);

	}

}

@media(max-width:1100px) {
	.tenpo_icon_box {
		width: 50%;
	}

	.menu_link {}
}

@media(max-width:1100px) {
	.tenpo_box {
		width: 48%;
		margin: 4% 2% 0 0;
	}

	.tenpo_box:nth-child(3n) {
		margin: 4% 2% 0 0;
	}

	.tenpo_box:nth-child(2n) {
		margin: 4% 0 0 2%;
	}
}

@media(max-width:960px) {
	body {
		font-size: calc(13px + 0.5vw);
	}

	/*------共通---------*/
	.flex_wrap_reverse {
		flex-wrap: wrap-reverse;
	}

	.flex {
		flex-wrap: wrap;
	}

	/*------ sp menu --------*/
	.header_menu_sp {
		position: fixed;
		left: 53px;
		top: 12px;
		z-index: 3;
		background-color: #55321f;
		border-radius: 5px;
	}

	.header_menu_sp img {
		width: 34px;
		vertical-align: bottom;
	}

	.contents_box {
		padding-left: 0;
	}

	.wrap2 {
		margin: 50px 0 0;
	}

	/*----- sp under menu ------*/
	.sp_under {
		position: fixed;
		bottom: 0;
		text-align: center;
		width: 100%;
		display: flex;
		z-index: 1;
		font-family: 'Krona One', sans-serif;

	}

	.sp_under a {
		background-color: #55321f;
		font-size: 130%;
		display: inline-block;
		width: 50%;
		padding: 20px;
		color: #fff;
		letter-spacing: 3px;
	}

	.sp_under a:first-child {
		border-right: 1px solid #fff
	}

	/*-------- contents -----------*/
	/*---top--*/
	.logo_ttl {
		max-width: 94%;
		margin: calc(23px - 3vw) 0 0 6px;
	}

	/*----*/
	#onayami.section_box.pink {
		padding-top: 100px;
		margin-top: 50px;
	}

	.section_box.pink,
	.section_box.green,
	.section_box {
		padding: 50px 0;
	}

	#top_news.section_box.pink {
		padding: 20px 0;
	}


	.section_box {
		margin: 0 auto;
	}

	/*スライドショー*/
	.back {
		height: 70vh;
	}

	.back ul li {
		top: 170px;
	}

	/*最初のリード文*/
	.top_greeting_img {
		text-align: center;
		width: 100%;
	}

	/*このようなことでお悩み*/
	.nayami_q dl {
		font-size: 110%;
	}

	.itami_3 {
		top: 5%;
	}


	/*けんこうなかまのおすすめポイント*/
	.point_1 {
		right: 5%;
	}

	.point_2 {
		left: 5%;
	}

	/*----------- contact page----------------*/
	.co_table {
		clear: left;
		float: left;
		/* width: 10%; */
		margin: 0px auto 10px;
		padding: 0px 0px 5px 0px;
	}

	.co_table dt {
		float: unset;
		margin: 0 0 5px;
	}

	.co_table dd {
		margin-left: 0%;
	}

	option {
		padding: 0px;

	}

	/*別ページのTOP*/
	.another_top.back {
		height: auto;
		padding: 0;
	}

	/*voice.html*/
	.kuchikomi_box {
		margin: 10px 0 10px 0;
	}
	/**/
	.access{
		margin-left:0
	}

}

@media(max-width:800px) {

	/*おすすめポイント*/
	.point_1 {
		top: -10%;
	}

	.point_2 {
		top: -10%;
	}

	.point_circle {
		width: 100%;
		padding: 11% 0 14%;
	}

	.p_back_1,
	.p_back_2,
	.p_back_3 {
		background-size: 36%;
	}

	/*store.html*/
	.store_under_img a {
		width: 25%;
	}

	.store_under_img a img {
		height: 60px;
	}
}

@media(max-width:700px) {

	/*最初のリード文*/
	.top_greeting_img {
		width: 100%;
		text-align: center;
	}

	.top_news_box {
		width: 100%;
		padding: 4% 0;
	}

	/*お悩み*/
	#onayami.section_box.pink {
		padding: 150px 0 200px;
	}

	.itami_1 {
		top: -6%;
		width: calc(30% - 1.1vw);
		left: calc(6% - 2vw);
	}

	.itami_2 {
		top: -10%;
		width: calc(30% - 1.1vw);
		right: 20%;
	}

	.itami_3 {
		top: 10%;
		width: calc(30% - 3.5vw);
	}

	.itami_4 {
		bottom: 5%;
		width: calc(40% - 3.5vw);
		;
	}

	.itami_7 {
		bottom: -2%;
		width: calc(30% - 3.5vw);
	}

	.itami_6 {
		width: calc(30% - 3.5vw);
	}

	/*カイロプラクティック*/
	.menu_txt {
		padding-left: 3%;
	}


}

@media(max-width:560px) {

	/*スライドショー*/
	.back {
		height: auto;
		padding-bottom: 50px;
	}

	.back ul li {
		top: 80px
	}

	#slider {
		max-height: 60vh;
	}

	.slid_wrapper h1 {
		bottom: 3.5%;
		/* left: 0%; */
		text-align: center;
	}

	.slid_wrapper h1 img {
		/* width: 80%; */
	}
	/*news*/
	.time{
		width:100%
	}
	.news_ttl{
		margin-left:10px;
		width:100%
	}
	/*お悩み*/
	#onayami.section_box.pink {
		padding: 150px 0 150px;
	}

	.itami_1 {
		width: calc(33% - 1.6vw);
	}

	.itami_2 {
		width: calc(34% - 1.1vw);
		right: 27%;
		top: -7%;
	}

	.itami_3 {
		top: 5%;
		width: calc(34% - 2.5vw);
	}

	.itami_4 {
		width: calc(53% - 2.5vw);
		bottom: 1%;
	}

	.itami_7 {
		bottom: -5%;
		width: calc(34% - 4.5vw);
	}

	.itami_6 {
		right: 25%;
		width: calc(30% - 3.5vw);
	}

	/*ぜひご相談下さい！*/
	.section_box.gradation {
		padding: 150px 0 100px;
	}

	/*おすすめポイント*/
	.ttl_c_red {
		font-size: 8vw;
	}

	.point_1 {
		top: -9%;
		width: calc(28% - 3.6vw);
	}

	.point_2 {
		top: -9%;
		width: calc(30% - 1.6vw);
	}

	.point_circle {
		width: 100%;
		padding: 20% 0 25%;
	}

	.p_back_1,
	.p_back_2,
	.p_back_3 {
		background-size: 63%;
	}

	/*カイロプラクティック*/
	.menu_img {
		width: 100%;
	}

	.menu_txt {
		width: 100%;
		padding: 0;
		margin-top: 4%;
	}

	.menu_name h3 {
		font-size: 180%;
	}

	.under_b_ttl div {
		font-size: 180%;
	}

	.menu_icon_box.flex {
		justify-content: center;
	}

	.nayami_box_txt span {
		font-size: 130%;
	}

	.nayami_box_txt {
		width: 100%;
	}

	/*口コミ*/
	.kuchikomi_ttl {
		padding: 2% 3%;
	}

	.kuchikomi_img {
		width: 100%;
	}

	.kuchikomi_txt {
		width: 100%;
		margin: 3% 0;
	}

	.kuchikomi_nemu {
		margin-top: 20px;
	}

	.icon_topic {
		margin: 5px 5px
	}

	/*店舗案内*/
	.tenpo_box {
		width: 100%;
		margin: 10% 0 0 0;
	}

	.tenpo_box:nth-child(2n),
	.tenpo_box:nth-child(3n) {
		margin: 10% 0 0 0;
	}

	.tenpo_box h2 .tisaku {
		font-size: 15px;
	}

	.store_name .tisaku {
		font-size: 13px;
		display: inline-block;
	}



	/*QA*/
	.qa-list dl {
		padding: 5% 8% 5% 3%;
	}

	.qa-list dl dt {
		padding: 0 0 0 28px;
	}

	.qa-list dl dd {
		padding: 0 0 0 28px;
	}

	.qa-list dl::before,
	.qa-list dl::before {
		right: 10px;
		top: 21px;
	}

	.qa-list dl dt::before,
	.qa-list dl dd::before {
		font-size: 16px;
	}

	.qa-list dl dd p {
		margin: 15px 0 0;
	}

	/*store.html*/
	.store_img {
		width: 100%;
	}

	.store_box .store_txt {
		padding-left: 0;
		width: 100%;
	}

	.store_under_img a img {
		height: 90px;
		width: 100px;
	}

	.store_name.show_sp {
		width: 100%;
		text-align: center;
	}

	/*予約*/
	.yoyaku_txt {
		text-align: left;
	}

	.co_table em {
		font-size: 12px;
	}

	/*footer*/
	footer h2 img {
		width: 80%;
	}

	.menu_link a {
		font-size: 100%;
	}
}

.gallery {
	padding: 0;
}

.info_gallery {
	align-items: center;
}

#works_detail {
	margin: 10% 0 5%;
}

.works_d_slide .flex_wrap {
	align-items: center;
}

.works_slid_txt {
	width: 38%;
}

.works_slid_img {
	width: 60%;
	margin-right: 2%;
}

.works_slid_img .slick-track {
	display: flex;
	align-items: center;
	background: #ddd;
}

.works_d_category {
	font-size: 13px;
	color: #000;
}

.works_slid_txt h3 {
	margin: 20px 0;
}

.works_slid_txt p {
	font-size: 13px;
}

.thumbnail {
	/* margin-top: 50px; */
}

/*選択するサムネイル画像の設定*/
.choice-btn {
	padding: 0;
}

.topics_thumb {
	margin: 2.5vw 0;
}

.choice-btn li {
	cursor: pointer;
	outline: none;
	background: #FFF;
	width: 25% !important;
	height: 10vw;
	max-height: 100px;
	list-style:
		none;
}

.choice-btn.topics_thumb li {
	width: 20% !important;
	height: 13vw;
	max-height: 100px;
	list-style: none;
}

.choice-btn li img {
	transition: all 0.3s;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.choice-btn li.slick-current img {
	opacity: 1;
	/*選択されているものは透過しない*/
}

.choice-btn li:hover img {
	opacity: 0.6
}

.choice-btn .slick-track {
	transform: unset !important;
	/*画面幅サイズ変更に伴うサムネイル固定*/
	width: 100% !important;
}

body .slick-track {
	/* display: flex; */
	/* align-items: center; */
}

.slick-slide img {
	margin-left: auto;
	margin-right: auto;
}

@media(max-width:900px) {
	.choice-btn li {
		height: 13vw;
		max-height: unset;
	}

	.works_slid_txt {
		width: 100%;
	}

	.works_slid_img {
		width: 100%;
		margin-right: 2%;
	}
}

.lp{
	margin:30px auto;
}
.lp p{
	margin:15px 0;	
}
.lp p img{
	width:1000px;
	max-width:100%;
}