@charset "UTF-8";
/* CSS Document */
*, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
color: #4E6600;
font-family: "Noto Sans JP", "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, sans-serif;
font-size:14px;
font-size: 1.4rem;
font-weight:400;
line-height:1.785;
letter-spacing:-.025em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 1000px) {
body {
	font-size:17px;
	font-size: 1.7rem;
}
}

a {
	color: #6E8C0B;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;}
a:link {
  color: #6E8C0B;
	text-decoration:none;
}
a:visited {
	color:#90AA3C;
}
a:hover {
	color:#FF794C;
}
a:active {
	color:#6E8C0B;
}

/*--TEL番リンク　※IEは11以降--*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {
	display: inline-block;
	pointer-events: none;
}
}

/*--まるゴ--*/
.rg{
font-family: "M PLUS Rounded 1c", "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, sans-serif;
font-weight:500;
}

/*--アイコンフォント--*/
@font-face {
  font-family: 'okano';
  src:  url('fonts/okano.eot?utc8kt');
  src:  url('fonts/okano.eot?utc8kt#iefix') format('embedded-opentype'),
    url('fonts/okano.ttf?utc8kt') format('truetype'),
    url('fonts/okano.woff?utc8kt') format('woff'),
    url('fonts/okano.svg?utc8kt#okano') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'okano' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size:.6em;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-logo-line:before {
  content: "\e904";
}
.icon-listmark01:before {
  content: "\e900";
}
.icon-tel{
	padding-right:6px;
	/*display:table-cell;
	vertical-align:top;*/
}
.icon-tel:before {
  content: "\e901";
}
.icon-arw_01:before {
  content: "\e902";
}
.icon-check:before {
  content: "\e903";
}

/*--文字色--*/
.txt-FF794C{
	color:#FF794C;
}

/*--ボタン--*/
.btn-a a{
	max-width:288px;
	height:52px;
	line-height:52px;
	color:#ffffff;
	text-align:center;
	background-color:#6E8C0B;
	-webkit-border-radius: 36px;
	border-radius: 36px;
	margin:16px auto;
	display:block;
}
.btn-a a:hover{
	background-color:#86B000;
}
@media only screen and (min-width: 1000px) {
.btn-a a{
	margin:32px auto;
}
}
/*--表示・非表示--*/
.sp-none{/*--568px未満で非表示--*/
	display:none;
}
.sp-only{/*--768px未満で表示--*/
	display:block;
}
.mb-none{/*--768px以上で表示--*/
	display:none;
}
.pc-only{/*--1000px以上で表示--*/
display:none;
}
@media only screen and (min-width: 568px) {
.sp-none{
	display: inline-block;
}
}
@media only screen and (min-width: 768px) {
.sp-only{
	display:none;
}
.mb-none{
	display:block;
}
}
@media only screen and (min-width: 1000px) {
.pc-only{
	display: inline;
}
}


/*--コンテナ--*/
.wrap{
	width:calc(100% - 32px);
	margin:auto;
}
.container{
	max-width:1136px;
	width:calc(100% - 32px);
	margin:32px auto;
}
@media only screen and (min-width: 768px) {
.container{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap:nowrap;
	margin:64px auto;
}
.container-inner{/*header-02と横並びに*/
	max-width:1000px;
	width:88%;
}
}
@media only screen and (min-width: 1000px) {
main{
	padding-top:66px;
}
.container{
	margin:80px auto 96px;
}
}


/*--画像--*/
img{
	width:100%;
	height:auto;
}

/*---------------------------------------------------
見出しなど文字共通部分
-----------------------------------------------------*/
em{
	font-weight:700;
}

.ttl{
	font-family: "M PLUS Rounded 1c", "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, sans-serif;
	font-size:17px;
	font-size:1.7rem;
	font-weight:700;
	line-height:1;
	text-align:center;
	margin:0 auto 16px;
}
@media only screen and (min-width: 768px) {
.ttl{
	font-size:19px;
	font-size:1.9rem;
	margin:0 auto 32px;
}
}

.page-header-ttl{/*--下層ページタイトル--*/
	color:#ffffff;
	font-size:22px;
	font-size:2.2rem;
	font-weight:500;
	font-family: "M PLUS Rounded 1c", "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, sans-serif;
}
@media only screen and (min-width: 768px) {
.header-inner{
	position:relative;
}
.page-header-ttl{/*--下層ページタイトル--*/
	color:#FF794C;
	font-size:27px;
	font-size:2.7rem;
	letter-spacing:.12em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align:left;
	margin:0 auto;

	position:absolute;
	top:254px;
	left:50%;
	display:inline;
	transform:translate(-50%,0)
}
}

/*--下層見出し--*/
.header-01{
	font-size:19px;
	font-size:1.9rem;
	font-weight:700;
	font-family: "M PLUS Rounded 1c", "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, sans-serif;
	line-height:1.85;
	letter-spacing:.12em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align:left;
	margin:0 auto;
}
.header-02{
	color:#FF794C;
	font-size:19px;
	font-size:1.9rem;
	font-weight:500;
	font-family: "M PLUS Rounded 1c", "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, sans-serif;
	text-align:center;
	margin:0 auto 24px;
}
.header-03{
	font-weight:500;
	background-image:url(../images/listmark01.svg);
	background-position:left 6px;
	background-repeat:no-repeat;
	background-size:14px 14px;
	padding:0 0 0 20px;
	margin:32px 0 12px;
}
@media only screen and (min-width:768px) {
.header-01{
	font-size:24px;
	font-size:2.4rem;
}
.header-02{
	width:12%;
	font-size:24px;
	font-size:2.4rem;
	letter-spacing:.12em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align:left;
	margin:0 auto;
	position: relative;
}
.sct-header-inner{/*幅の中央に*/
	width: 2.4rem;
	margin:0 auto;
	position:absolute;
	left:50%;
	display:inline;
	transform:translate(-50%,0)
}
}

.lead{
	font-weight:500;
	line-height:1.88;
}
@media only screen and (min-width:768px) {
.lead{
	font-size:16px;
	font-size:1.6rem;
}
}
@media only screen and (min-width:1000px) {
.lead{
	font-size:17px;
	font-size:1.7rem;
}
}


.note{/*注意書きなど*/
	font-size:11px;
	font-size:1.1rem;
	line-height:1.7;
	margin:16px 0;
}
@media only screen and (min-width:768px) {
.note{
	font-size:12px;
	font-size:1.2rem;
}
}
@media only screen and (min-width:1000px) {
.note{
	font-size:14px;
	font-size:1.4rem;
}
}

.txt-ll{
	font-size:2.25em;
	font-weight:700;
	line-height:1.2;
}
.txt-l{
	font-size:1.9em;
	font-weight:700;
	line-height:1.2;
}
.txt-m{
	font-size:1.2em;
	font-weight:700;
}
.txt-s{
	font-size:.62em;
}

.container-inner p{
	margin-bottom:20px;
}
@media only screen and (min-width:768px) {
.container-inner p{
	margin-bottom:24px;
}
}
/*---------------------------------------------------
見出し上画像
-----------------------------------------------------*/
.page-img{
	max-width:1136px;
	max-height:452px;
	min-height:226px;
	width:100%;
	height:39.7vw;
/*	height:1px;*/
/*	border-top:solid 1px #6E8C0B;/*画像ないかわりに表示*/
	border-top:none;
	margin:auto;

	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}

#concept .page-img{
	background-image:url(../concept/images/concept_img.jpg);
}
#fee .page-img{
	background-image: url(../fee/images/page_img_fee.jpg);
}
#ask .page-img{
	background-image: url(../fee/images/page_img_note.jpg);
}
#flow-list .page-img{
	background-image: url(../fee/images/page_img_flow.jpg);
}
#access .page-img{
	background-image: url(../access/images/page_img_access.jpg);
}


/*======================================================================================
共通設定
========================================================================================*/
/*---------------------------------------------------
ヘッダー
-----------------------------------------------------*/
header{
	color:#ffffff;
	text-align:center;
	position:relative;
}

/*--ロゴ--*/
#cd-logo a{
	width:252px;
	height:210px;
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-image: url(../images/h_logo_03.svg);
	background-position:center 28px;
	background-repeat:no-repeat;
	background-size:124px 138px;
	padding:176px 0 0;
	margin:0 auto 16px;
	display:block;
}
@media only screen and (orientation: landscape) {
#cd-logo a{
	width:216px;
	height:126px;
	background-image: url(../images/f_logo.svg);
	background-position:center 24px;
	background-size:216px 62px;
	padding:96px 0 0;
}
}
@media only screen and (min-width: 768px) {
#cd-logo a{
	width:190px;
	height:228px;
	background-image: url(../images/h_logo_02.svg);
	background-position:center 32px;
	background-size:139px 155px;
	padding:196px 0 0;
	margin:0 auto 40px;
}
}
@media only screen and (min-width: 1000px) {
#txt-shoulder{
	display:none;
}
}

/*--ヘッダー画像--*/
.header-wrap{
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
#top-header-wrap{
	background-image:url(../images/header-img-top.jpg);
}
#concept-header-wrap{
	background-image: url(../concept/images/header-img-concept.jpg);
}
#fee-header-wrap{
	background-image: url(../fee/images/header-img-fee.jpg);
}

.header-inner{
	width:100%;
	height:60vh;
	background-color:rgba(110,140,11,.85);
}
#top-header-inner{
	height:100vh;
}
@media only screen and (min-width: 768px) {
.header-inner,
#top-header-inner{
	width:100%;
	height:744px;
	background-color:transparent;
}
}
@media only screen and (min-width: 1000px) {
#top-header-wrap{
	background-position:20% top;
	background-size:cover;
}
.header-inner{
	width:20%;
	height:540px;
	background-color:#ffffff;
}
#top-header-inner{
	width:20%;
	height:744px;
	background-color:#ffffff;
}
}
@media only screen and (min-width: 1120px) {
#top-header-wrap{
	background-position:300px top;
}
.header-inner,
#top-header-inner{
	width:300px;
}
}


/*--文字--*/
#top-headr-lead{
	font-size:19px;
	font-size:1.9rem;
	line-height:1.578;
	font-weight:500;
}
@media only screen and (min-width: 768px) {
#top-headr-lead{
	font-size:28px;
	font-size:2.8rem;
	line-height:2.06;
	color:#FF794C;
	text-align:left;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	margin:0 auto;
	text-shadow: 0 0 5px #ffffff;
}
}

/*--メインナビ--*/
@media only screen and (min-width: 1000px) {
#cd-nav{
	width:calc(80% - 440px);
	height:52px;
	padding:4px 0 0;
	margin-left:20%;
	font-size:14px;
	font-size:1.4rem;
}
#cd-main-nav ul{
	max-width:696px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap:nowrap;
}
#cd-main-nav li{
}
#cd-main-nav li:nth-child(2){
	width:31%;
}
#cd-main-nav li:nth-child(3){
	width:32%;
}
#cd-main-nav li:last-child{
	width:37%;
}
#cd-main-nav li:first-child{
	display:none;
}
#cd-main-nav li a{
	height:48px;
	padding:0;
	margin:0;
	box-sizing:border-box;
}
#cd-main-nav li a span{
	padding-bottom:12px;
	border-bottom:dashed 1px #6E8C0B;
}
#cd-main-nav li a:hover span{
	padding-bottom:12px;
	border-bottom:dashed 1px #FF794C;
}
}
@media only screen and (min-width: 1120px) {
#cd-nav{
	width:calc(100% - 740px);
	margin-left:300px;
	font-size:16px;
	font-size:1.6rem;
}
}
/*--ヘッダーの予約--*/
.nav-contact{
	width:calc(100% - 32px);
	position:absolute;
	left:0;
	right:0;
	bottom:80px;
	margin:auto;
	display:none;
}
#top-nav-contact{
	display:block;
}
.nav-contact a{
	color:#ffffff;
}
.rsv-ttl{
	width:6em;
	height:32px;
	line-height:32px;
	border:solid 1px #ffffff;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	margin:0 auto 16px;
}
#rsv-tel{/*--電話--*/
	font-size:30px;
	font-size:3rem;
	font-weight:700;
	line-height:.6;
	margin-bottom:16px;
}
#rsv-line{/*--LINE--*/
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	line-height:1;
	text-align:left;
}
.line-note{
	font-size:13px;
	font-size:1.3rem;
}
#rsv-line a{
	width:248px;
	max-width:343px;
	background-color:#00B900;
	background-image:url(../images/logo-line-03.svg);
	background-position:16px center;
	background-repeat:no-repeat;
	background-size:38px 36px;
	border:solid 1px #ffffff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:8px 8px 8px 64px;
	margin:auto;
}
#rsv-tel a,
#rsv-line a{
	display:block;
}
#rsv-line-txt-sp{
	display:none;
}
@media only screen and (max-width: 666px) and (orientation: landscape) {
#top-headr-lead br:first-child{
	display:none;
}
.nav-contact{
	bottom:16px;
}
.nav-contact .rsv-ttl{
	display:none;
}
}
@media only screen and (max-width: 666px) {
#rsv-line-txt-sp{
	display:inline;
}
}
@media only screen and (min-width: 667px) {
.nav-contact{
	bottom:16px;
}
.nav-contact ul{
	width:82%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap:nowrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
	margin:auto;
}
#rsv-tel{
	width:calc(100% - 260px);
}
#rsv-line{
	width:248px;
}
#rsv-tel a{
	padding:12px 0 0;
}
}
@media only screen and (min-width: 768px) {
.nav-contact{
	width:100%;
	position: static;
	left: auto;
	right:auto;
	bottom:auto;
	margin:auto;

	background-color:#6E8C0B;
	padding:0 0 16px;
	display:block;
}
.rsv-ttl{
	background-color:#6E8C0B;
	position:relative;
	top:-16px;
}
.nav-contact ul{
	width:70%;
}
}
@media only screen and (min-width: 1000px) {
.nav-contact{
	width:440px;
	height:80px;
	margin:auto;
	background-color:#ffffff;
	padding:8px;
	position:absolute;
	right:0;
	top:520px;
	box-sizing:border-box;

	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap:nowrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
}
#top-header .nav-contact{
	top:724px;
}
#top-nav-contact{
	display:flex;
}
.nav-contact ul{
	width:calc(100% - 72px);
	margin:0;
}

.rsv-ttl{
	width:64px;
	height:64px;
	line-height:64px;
	font-size:16px;
	font-size:1.6rem;
	border:none;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin:0 0 16px;
	top:auto;
}
#rsv-tel{
	width:calc(100% - 80px);
	color:#6E8C0B;
	margin:0;
}
#rsv-line{
	width:72px;
}

#rsv-tel a{
	width:100%;
	height:64px;
	color:#6E8C0B;
}
#rsv-line a{
	width:72px;
	height:64px;
	font-size:12px;
	font-size:1.2rem;
	text-align:center;
	background-position: center 5px;
	background-size:35px 34px;
	border:none;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding:44px 0 0;
}
#rsv-line .line-note{
	display:none;
}
}
@media only screen and (min-width: 1500px) {
.nav-contact{
	position:absolute;
	left:calc(50% + 262px);
	right: auto;
	top:520px;
}
#top-header .nav-contact{
	top:724px;
}
}
/*---------------------------------------------------
フッター
-----------------------------------------------------*/
footer{
	width:100%;
	color:#ffffff;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.77;
	background-color:#90AA3C;
}
footer .f-info{
	padding:0 16px;
}
footer .f-info p{
	margin-bottom:16px;
}
@media only screen and (min-width: 1000px)and (max-width: 1032px) {
.f-info-inner{
	margin-left:16px;
}
}
@media only screen and (min-width: 1000px) {
footer{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
}
footer > div{
	width:50%;
}
footer .f-info{
	padding:0 100px 0 calc(50% - 568px);
}
}

/*--店名--*/
.f-info-ttl{
	font-family: "M PLUS Rounded 1c", "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, sans-serif;
	font-weight:500;
	line-height:1.4;
	text-align:center;
	background-image:url(../images/f-logo-02.svg);
	background-position:center 32px;
	background-repeat:no-repeat;
	background-size:116px 112px;
	padding-top:160px;
}
.f-info-ttl span{
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	letter-spacing:.1em;
}
@media only screen and (min-width: 768px) {
.f-info-ttl{
	min-height:96px;
	text-align:left;
	background-image: url(../images/f_logo.svg);
	background-position:left 32px;
	background-repeat:no-repeat;
	background-size:216px 62px;
	padding:40px 0 0 232px;
}
}

/*--電話番号--*/
#f-tel{
	text-align:center;
	margin:16px auto;
}
#f-tel a{
	color:#ffffff;
	font-size:30px;
	font-size:3rem;
	font-family: "M PLUS Rounded 1c", "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, sans-serif;
	font-weight:500;
	line-height:1;
}
#f-tel span{
	font-size:.7em;
	padding-right:6px;
}
@media only screen and (min-width: 768px) {
#f-tel{
	text-align:left;
}
}

/*--SNSアイコン--*/
.f-sns-icon{
	display:table;
	margin-bottom:32px;
}
.f-sns-icon li{
	width:32px;
	height:32px;
	padding-right:8px;
	display: table-cell;
}
.f-sns-icon img{
	width:100%;
	height:auto;
}

.cpl{
	width:100%;
	background-color:#4E6600;
	padding:12px 0;
}
small{
	max-width:1136px;
	width:calc(100% - 32px);
	color:#CAD1B2;
	font-size:10px;
	font-size:1rem;
	line-height:1;
	margin:auto;
	display:block;
}

/*--地図--*/
#footer-map{min-height:150px;min-width:150px;height: 540px;width: 100%;}
#footer-map .infoTitle{}
#footer-map .infoWebsite{}
#footer-map .infoEmail{}
#footer-map .infoTelephone{}
#footer-map .infoDescription{}

/*---------------------------------------------------
症状リスト
-----------------------------------------------------*/
.symptom{
	max-width:1136px;
	background-image:url(../images/pat-02.svg);
	background-size:24px 24px;
	padding:32px 0;
	margin:auto;
}
.symptom-02{
	padding:32px 0 24px;
	margin:32px 0;
}
.symptom-ttl{
	color:#F26A3D;
	line-height:1.35;
}
.symptom ul{
	max-width:1000px;
	width:calc(100% - 32px);
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
	margin:auto;
}
.symptom li{
	width:calc((100% - 8px) / 2);
	height:40px;
	line-height:40px;
	color:#FF794C;
	font-family: 'M PLUS Rounded 1c', "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, sans-serif;
	font-weight:500;
	background-color:#ffffff;
	-webkit-box-shadow: 0 1px 0 0 #ff794c;
	box-shadow: 0 1px 0 0 #ff794c;
	box-sizing:border-box;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding:0 0 0 12px;
	margin:0 0 12px;
}
.symptom li span{
	font-size:.8em;
}
@media only screen and (min-width: 375px) {
.symptom li{
	font-size:16px;
	font-size:1.6rem;
}
}
@media only screen and (min-width: 768px) {
.symptom{
	padding:64px 0;
}
.symptom-02{
	padding:40px 0 32px;
	margin:32px 0;
}
.symptom ul{
	-ms-flex-pack: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.symptom li{
	width:calc((100% - 48px) / 4);
	height:48px;
	line-height:48px;
	font-size:18px;
	font-size:1.8rem;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	padding:0 0 0 16px;
	margin:0 16px 12px 0;
}
.symptom li:nth-child(4n){
	margin:0 0 12px 0;
}
.symptom-02 li{
	width:calc((100% - 32px) / 3);
}
.symptom-02 li:nth-child(4n){
	margin:0 16px 12px 0;
}
.symptom-02 li:nth-child(3n),
.symptom-02 li:nth-child(12){
	margin:0 0 12px 0;
}
}
@media only screen and (min-width: 1000px) {
.symptom-02{
	margin:64px 0;
}
.symptom li{
	padding:0 0 0 32px;
}
}
@media only screen and (min-width: 1136px) {
.symptom{
	margin:0 auto 80px;
}
.symptom-02{
	margin:64px 0;
}
}

/*---------------------------------------------------
営業時間の表
-----------------------------------------------------*/
footer .business-hours{
	margin-bottom:8px;
}
.business-hours{
	color:#6E8C0B;
	background-color:#ffffff;
	vertical-align:middle;
	margin-bottom:8px;
}
#access-business-hours{
	background-color:#F8FAF3;
}
.business-hours th,
.business-hours td{
	text-align:center;
	padding:8px 0;
}

.business-hours th span{
	line-height: 15px;
}
#access-business-hours th,
#access-business-hours td{
	padding:20px 0;
}
#access-business-hours th[scope="col"]{
	padding:12px 0;
}
.business-hours td{
}
.business-hours tr{
	border-top:solid 1px #6E8C0B;
}
.business-hours col{
	border-left:solid 1px #6E8C0B;
}
.business-hours tr:first-child,
.business-hours col:first-child{
	border-top: none;
	border-left:none;
}

@media only screen and (min-width: 768px) {
.business-hours{
	margin-bottom:12px;
}
#top-open .business-hours th,
#top-open .business-hours td{
	padding:24px 0;
}
#top-open .business-hours th[scope="col"]{
	padding:12px 0;
}
}


/*---------------------------------------------------
LINE予約
-----------------------------------------------------*/
.contact-line{
	max-width:1136px;
	color:#ffffff;
	background-color:#00B900;
	margin:auto;
	box-sizing:border-box;
}
.contact-line > *{
	width:100%;
}
.contact-line-inner{
	max-width:1000px;
	background-image:url(../images/logo-line-03.svg);
	background-repeat:no-repeat;
	background-position:center 40px;
	background-size:93px 88px;
	padding:144px 16px 32px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
	box-sizing:border-box;
	margin:auto;
}
#line-dsc{
	width:100%;
	box-sizing:border-box;
}
.contact-line .ttl,
.contact-line .lead{
	font-family: "M PLUS Rounded 1c", "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, sans-serif;
	font-weight:700;
	text-align:center;
}
.contact-line .ttl{
	font-size:24px;
	font-size:2.4rem;
	line-height:1;
	margin-bottom:12px;
}
.contact-line .lead{
	font-size:16px;
	font-size:1.6rem;
	line-height:1.4375;
	margin-bottom:16px;
}

#line-link{
	width:100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
	margin:16px auto;
}
#line-btn{
	width:160px;
	height:160px;
	margin:0 auto 16px;
}
#line-btn a,
#line-qr{
	width:160px;
	height:160px;
	color:#ffffff;
	text-align:center;
	border:solid 1px #ffffff;
	margin-bottom:16px;
	padding-top:32px;
	box-sizing:border-box;
	display:block;
}
#line-btn a{
	font-family: "M PLUS Rounded 1c", "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, sans-serif;
	font-weight:700;
	line-height:2;
}
#line-btn span{
	font-size:64px;
	font-size:6.4rem;
}
#line-qr{
	background-color:#ffffff;
	display:none;
}
#line-id{
	width:100%;
	font-family: "M PLUS Rounded 1c", "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, sans-serif;
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	text-align:center;
	line-height:1;
}
@media only screen and (min-width: 768px) {
.contact-line{
	text-align:center;
}
}
@media only screen and (min-width: 1000px) {
.contact-line-inner{
	background-position:16px 36px;
	padding:36px 16px 36px 132px;
}
#line-dsc{
	width:calc(100% - 376px);
	text-align:left;
	padding-top:16px;
}
.contact-line .ttl,
.contact-line .lead{
	text-align:left;
}
.contact-line .ttl{
	font-size:28px;
	font-size:2.8rem;
	line-height:1;
	margin-bottom:8px;
}
.contact-line .lead{
	font-size:17px;
	font-size:1.7rem;
	line-height:1.4375;
	margin-bottom:20px;
}

#line-link{
	width:336px;
	margin:16px 0;
}
#line-btn{
	margin:0 0 16px;
}
#line-qr{
	padding:0;
	display:block;
}
}
@media only screen and (min-width: 1136px) {
.contact-line-inner{
	background-position:0 36px;
	padding:36px 0 36px 116px;
}
#line-dsc{
	width:508px;
}
}


/*======================================================================================
トップ
========================================================================================*/
/*--ヒーロー--*/
#top-header-wrap{
	position:relative;
}
#hero-txt-container{
	display:none;
	width:440px;
	height:104px;
	position:absolute;
	top:50%;
	left:calc(20% + 64px);
	transform:translate(0,-50%);
}
#hero-txt-container ul{
}
#hero-txt-01{
	width:438px;
	height:24px;
	margin-bottom:16px;
}
#hero-txt-02{
	width:438px;
	height:64px;
}
@media only screen and (min-width: 1000px) {
#hero-txt-container{
	display: inherit;
}
}
@media only screen and (min-width: 1120px) {
#hero-txt-container{
	left:364px;
}
}


/*--クーポン--*/
.bnr-container{
	text-align: center;
	max-width:1136px;
	background-image:url(../images/pat-02.svg);
	background-size:24px 24px;
	padding:32px 16px;
	margin:0 auto 32px;
}
#bnr-coupon-1000off{
	max-width:1000px;
	width:288px;
	height:260px;
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-image: url("../images/bnr_coupon_s.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	margin: auto;
}
@media only screen and (min-width: 736px) {
#bnr-coupon-1000off{
	width:100%;
	height:auto;
	padding-top: 12.8%;
	background-image: url("../images/bnr_coupon.jpg");
}
}
@media only screen and (min-width: 1000px) {
}

/*--コンセプト--*/
#top-concept{
	background-image:url(../images/hand.svg);
	background-repeat:no-repeat;
	background-position:center -40px;
	background-size:480px 420px;
	padding:64px 0 0;
}
.top-concept-wrap{
	max-width:1136px;
	margin:auto;
}
.top-concept-inner{
	width:100%;
	position:relative;
}
.top-concept-inner .inner{
	max-width:342px;
	width:calc(100% - 32px);
	margin:0 auto 32px;
	position:relative;
}
.top-concept-ttl {/*--タイトル--*/
	height:280px;
	min-height:10em;
	color:#6E8C0B;
	font-size:28px;
	font-size:2.8rem;
	line-height:1.85;
	letter-spacing:.1em;
	text-align:left;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	margin:0 auto;
	position:absolute;
	left:50%;
	transform:translate(-50%,0);
	display: inline;
}
.top-concept-txt{
	line-height:1.88;
	padding-top:280px;
}
@media only screen and (min-width: 768px) {
#top-concept{
	background-position:-72px -40px;
	padding:64px 0 0;
}
.top-concept-inner .inner{
	width:30%;
	margin:0 0 64px 16px;
	position:relative;
}
#concept-img{/*--イメージ画像--*/
width:calc(70vw - 32px);
height:100%;
background-image:url(../images/img_top_concept.jpg);
background-repeat:no-repeat;
background-position:center top;
background-size:cover;
position:absolute;
top:0;
left:calc(30vw + 32px);
}
}
@media only screen and (min-width: 1000px) {
#top-concept{
	background-position:calc(50% - 398px) top;
	background-size:480px 420px;
	padding:64px 0 0;
}
.top-concept-inner .inner{
	margin:0 0 80px 16px;
}
.top-concept-ttl {/*--タイトル--*/
	height:374px;
	padding:48px 0;
}
.top-concept-txt{
	padding-top:374px;
}

}
@media only screen and (min-width: 1136px) {
.top-concept-inner .inner{
	margin:0 0 80px 0;
}
#concept-img{/*--イメージ画像--*/
width:888px;
height:548px;
left:382px;
}
}

/*--営業時間エリア--*/
#top-open{
	background-image:url(../images/img_open.jpg);
/*	background-image: none;*/
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
	padding:42.65vw 0 32px;
/*	padding:0 0 32px;*/
	margin:auto;
}
.time{
	max-width:1136px;
	color:#ffffff;
	background-color:rgba(110,140,11,.9);
	margin:0 auto 24px;
	padding:32px 16px;
}
.time .note{
	font-weight:500;
	margin-bottom:12px;
}
@media only screen and (min-width: 768px) {
#top-open{
	padding:calc(42.65vw - 92px) 0 64px;
/*	padding:16px 0 64px;*/
}
.time{
	width:calc(100% - 32px);
	padding:40px 16px 32px;
}
}
@media only screen and (min-width: 1000px) {
#top-open{
	padding:calc(42.65vw - 150px) 0 80px;
/*	padding:32px 0 80px;*/
}
.time{
	padding:64px 16px 40px;
	margin:0 auto 32px;
}
.time-inner{
	max-width:1000px;
	margin:auto;
}
}

/*--お問い合わせ--*/
.contact{
	background-image:url(../images/pat-01.svg);
	background-size:24px 24px;
	padding:40px 16px;
	margin:0 auto 32px;
}
.contact-ttl{
	color:#4E6600;
	font-size:17px;
	font-size:1.7rem;
	font-weight:700;
	text-align:center;
	line-height:1;
	margin:0 auto 16px;
}
.contact > p{
	max-width:736px;
	margin:0 auto;
}
.contact-tel-btn a{
	max-width:384px;
	width:100%;
	height:96px;
	color:#6E8C0B;
	font-size:32px;
	font-size:3.2rem;
	line-height:.4;
	font-weight:500;
	text-align:center;
	background-color:#ffffff;
	border:solid 1px #6E8C0B;
	-webkit-border-radius: 40px;
	border-radius: 48px;
	box-sizing:border-box;
	display:block;
	margin:16px auto 32px;
	padding:24px 0 0;
}
.tel-note{
	font-size:12px;
	font-size:1.2rem;
}
@media only screen and (min-width: 568px) {
.contact > p{
	text-align:center;
}
}
@media only screen and (min-width: 768px) {
.contact{
	padding:64px 16px;
	margin:0 auto 64px;
}
.contact-ttl{
	font-size:19px;
	font-size:1.9rem;
	margin:0 auto 32px;
}
.tel-note{
	font-size:12px;
	font-size:1.2rem;
}
}
@media only screen and (min-width: 1000px) {
.contact{
	margin:0 auto 80px;
}
.contact-tel-btn a{
	margin:32px auto 56px;
}
.tel-note{
	font-size:13px;
	font-size:1.3rem;
}
}

.page-contact{/*マージン上書*/
	margin:48px auto 0;
}
@media only screen and (min-width: 768px) {
.page-contact{/*マージン上書*/
	margin:80px auto 0;
}
}
@media only screen and (min-width: 1000px) {
.page-contact{/*マージン上書*/
	margin:160px auto 0;
}
}


/*--ブログなど--*/
.sns{
	max-width:1136px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
	margin:0 auto 32px;
}
.blog-container,
.twitter,
.facebook,
.instagram {
	width:100%;
	border:solid 1px #E6E6E6;
	margin-bottom:32px;
}
.blog-container,
.instagram{
	background-color:#FAFDF4;
	padding:16px;
}
.blog-ttl{
	width:4.5em;
	color:#4E6600;
	font-size:17px;
	font-size:1.7rem;
	font-weight:700;
}
/*--お知らせ中身--*/
.blog-container .inner{/*タイトル部分*/
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap:nowrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
	margin:12px 0 18px;
}
.blog-container ul{
	border-top: 1px dotted #4E6600;
}
.blog-container li{
	color:#4E6600;
	line-height:1.5;
	border-bottom: 1px dotted #4E6600;
	padding:8px 0;
}

.blog-container li .pubdate{
	display:block;
}
.blog-container li a{
	color:#4E6600;
}
.blog-container li a:hover{
	color:#FF794C;
}


.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}
@media only screen and (min-width: 768px) {
.sns{
	margin-bottom:64px;
}
.twitter,
.facebook,
.instagram {
	width:calc((100% - 16px) / 2);
}
.blog-container li{
	padding:16px 0;
}
}
@media only screen and (min-width: 1000px) {
.sns{
	margin-bottom:128px;
}
.blog-container,
.twitter,
.facebook,
.instagram {
	width:calc((100% - 80px) / 3);
}
}


/*======================================================================================
当店のこだわり
========================================================================================*/
#concept-header{
	background-image:url(../images/hand.svg);
	background-position:center -40px;
	background-repeat:no-repeat;
	background-size:480px 420px;
	padding-top:64px;
}
#concept-container{
	min-height:474px;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:64px;
}

#concept-header .header-01{
	margin-bottom:16px;
}
#concept-header .lead{
	width:100%;
}
#concept-inner{
	position:relative;
}
#concept-inner .header-01{
	width:106px;
	height:378px;
	position:absolute;
	top:0;
	left:50%;
	transform:translate(-50%,0);
}
#concept-lead{
	padding-top:362px;
}
#concept-header dl{
	font-weight:500;
}
@media only screen and (min-width: 768px) {
#concept-header{
	min-height:474px;
	background-position:-50% -40px;
}
#concept-header .container{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap:nowrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
}
#concept-container{
	padding-bottom:128px;

	background-image:url(../concept/images/concept-img-owner.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-size:256px 304px;
}

#concept-header .container-inner:first-child{
	width:35%;
}
#concept-header .container-inner:last-child{
	width:65%;
}
#concept-inner .header-01{
	width:132px;
	height:474px;
	position: absolute;
	top:0;
	left:50%;
	transform:translate(-50%,0);
	margin:0;
}
#concept-lead{
	padding-top:0;
}

}
@media only screen and (min-width: 1000px) {
#concept-header{
	background-position:calc(50% - 398px) 0;
	padding-top:88px;
}
#concept-container{
	padding-bottom:0;
	background-image:none;
}
#concept-header .container-inner:first-child{
	width:calc(100% - 736px);
	font-size:28px;
	font-size:2.8rem;
	margin:0;
}
#concept-header .container-inner:last-child{
	width:736px;
}
#concept-lead{
	padding-bottom:96px;

	background-image:url(../concept/images/concept-img-owner.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:256px 304px;
}
#concept-header dl{
	text-align:right;
	padding:80px 256px 0 0;
}
}


/*対話から始まる〜*/



/*======================================================================================
料金
========================================================================================*/
/*手のイラスト位置調整*/
#fee-header{
	background-image:url(../images/hand.svg);
	background-position:center -40px;
	background-repeat:no-repeat;
	background-size:480px 420px;
	padding-top:64px;
	box-sizing:border-box;
}
#fee-header .container{
	margin-top:0;
	margin-bottom:0;
	padding-bottom:32px;
}
@media only screen and (min-width: 768px) {
#fee-header{
	background-position:right -40px;
}
#fee-header .container{
	padding-bottom:64px;
}
}
@media only screen and (min-width: 1000px) {
#fee-header{
	min-height:420px;
	background-position:calc(50% + 462px) 0;
	padding-top:88px;
}
#fee{
	margin-top:-120px;
}
}

/*幅上書き*/
#fee-header .container-inner{
	max-width:1000px;
	width:100%;
}

/*--料金表--*/
.fee-list{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
}
.fee-list dl{
	width:100%;
	background-color:#F8FAF3;
	border:solid 1px #A1B759;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap:nowrap;
	margin-bottom:8px;
}
.fee-list dt,
.fee-list dd{
	text-align:center;
	padding:8px 0;
}
.fee-list dt{
	width:112px;
	color:#ffffff;
	font-weight:500;
	background-color:#A1B759;
}
.fee-list dd{
	width:calc(100% - 112px);
	font-weight:700;
	border-left:solid 1px #A1B759;
}
#fee-list-ticket{
	background-color:#ffffff;
}
#fee-list-ticket dt,
#fee-list-ticket dd{
	color:inherit;
	background-color:#ffffff;
}
#fee-list-ticket dt{
	line-height:1.2;
	padding-top:12px;
}
#fee-list-ticket dd{
	width:calc((100% - 112px) / 2);
}
@media only screen and (min-width: 568px) {
.fee-list dl{
	width:calc((100% - 16px) / 2);
	margin-bottom:16px;
}
#fee-list-ticket{
	width:100%;
}
}
@media only screen and (min-width: 768px) {
.fee-list dl{
	width:calc((100% - 16px) / 2);
}
#fee-list-ticket{
	width:100%;
}
.fee-list dt,
.fee-list dd{
	padding:16px 0;
}
}


/*--クレジットカード--*/
#fee-cc{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
}
#fee-cc li{
	width:calc((100% - 16px) / 3);
	margin-bottom:8px;
}
@media only screen and (min-width: 768px) {
#fee-cc li{
	width:calc((100% - 40px) / 6);
	margin-bottom:0;
}
}


/*--割引--*/
.discount-list{
	background-color:#F8FAF3;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
	padding:16px;
}
.discount-list li{
	width:100%;
	font-family: "M PLUS Rounded 1c", "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, sans-serif;
	font-weight:500;
	text-align:center;
	padding:16px 0;
}
#discount-01{
	color:#ffffff;
	background-color:#FF794C;
}
#discount-02,
#discount-05{
	color:#FF794C;
	background-color:#ffffff;
}
.discount-list dt{
	width:7em;
	height:36px;
	line-height:36px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	border:solid 1px #ffffff;
	margin:8px auto;
}
#discount-02 dt,
#discount-05 dt{
	background-color:#FFE4DB;
}
@media only screen and (min-width: 568px) {
.discount-list li{
	width:calc((100% - 16px) / 2);
}
}
@media only screen and (min-width: 1000px) {
.discount-list{
	padding:32px;
}
.discount-list li{
	padding:24px 0 32px;
}
.discount-list dt{
	margin:16px auto 8px;
}
}

/*--予約割・期間割--*/
.fee-list-inner{
	width:100%;
}
.fee-list-inner .discount-list li{
	width: 100%;
	color: #FF794C;
	background-color: #ffffff;
}
@media only screen and (min-width: 568px) {
.fee-list-inner{
	width:calc((100% - 16px) / 2);
}
}

/*--WEB限定初回料千円OFF--*/
#note-coupon-1000off{
	font-size: .7em;
	margin: 8px 8px 0;
	display: block;
}
@media only screen and (min-width: 568px) {
#discount-list-1000off{
	width:calc((100% - 16px) / 2);
}
#discount-list-1000off li{
	width:100%;
}
}
/*--注意書き--*/
#discount-note{
	margin-top: 16px;
}

/*--予約--*/
#ask-rsv-container{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
}
.ask-rsv{
	width:100%;
	color:#ffffff;
	font-family: "M PLUS Rounded 1c", "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, sans-serif;
	font-weight:500;
	text-align:center;
	padding:20px;
	margin-bottom:8px;
}
#ask-header-01{
	margin-top:0;
}
#ask-rsv-tel{
	background-color:#6E8C0B;
}
#ask-rsv-line{
	background-color:#00B900;
}
#ask-rsv-tel a{
	color:#ffffff;
}

.ask-rsv-ttl{
	font-size:17px;
	font-size:1.7rem;
	font-weight:700;
	margin-bottom:12px;
}

#ask-rsv-line ul{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
}
#ask-rsv-line li,
#ask-rsv-line li a{
	width:160px;
	height:160px;
	margin:auto;
	display:block;
}
#ask-rsv-line-btn a{
	color:#ffffff;
	font-size:17px;
	font-size:1.7rem;
	font-weight:700;
	border:solid 1px #ffffff;
	padding:32px 0 0;
}
#ask-rsv-line-btn span{
	font-size:4em;
}

#ask-rsv-line li#ask-rsv-line-qr{
	background-color:#ffffff;
	display:none;
}
@media only screen and (min-width: 768px) {
#ask-rsv-tel{
	width:40%;
}
#ask-rsv-line{
	width:calc(60% - 16px);
}
#ask-rsv-line .inner{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
}
#ask-rsv-line p{
	width:calc(100% - 116px);
	text-align:left;
}
#ask-rsv-line ul{
	width:100px;
}
#ask-rsv-line li,
#ask-rsv-line li a{
	width:100px;
	height:100px
}
#ask-rsv-line-btn a{
	padding:16px 0 0;
}
#ask-rsv-line-btn span{
	font-size:2em;
}
}
@media only screen and (min-width: 1000px) {
#ask-rsv-container{
	margin-bottom:8px;
}
.ask-rsv-ttl{
	text-align:left;
}
#ask-rsv-line p{
	width:calc(100% - 232px);
	text-align:left;
}
#ask-rsv-line ul{
	width:216px;
}
#ask-rsv-line li,
#ask-rsv-line li a{
	margin:0;
}
#ask-rsv-line li#ask-rsv-line-qr{
	display:block;
}
}


/*--流れ--*/
#flow li{
	counter-increment:flow-num;/*数字-*/
	background-color:#6E8C0B;
	border-bottom:solid 1px #ffffff;
	margin-bottom:18px;
	position:relative;
}
#flow li:first-child{
	background-color:#6E8C0B;
}
#flow li:nth-child(2){
	background-color:#78990C;
}
#flow li:nth-child(3){
	background-color:#83A611;
}
#flow li:nth-child(4){
	background-color:#8FB31B;
}
#flow li:nth-child(5){
	background-color:#9BBF26;
}
#flow li:nth-child(6){
	background-color:#ABCC3D;
}

#flow li::after{/*三角*/
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 16px 0 16px;
	position:absolute;
	bottom:-16px;
	left:calc(50% - 16px);
}
#flow li:first-child::after{
	border-color: #6E8C0B transparent transparent transparent;
}
#flow li:nth-child(2)::after{
	border-color: #78990C transparent transparent transparent;
}
#flow li:nth-child(3)::after{
	border-color: #83A611 transparent transparent transparent;
}
#flow li:nth-child(4)::after{
	border-color: #8FB31B transparent transparent transparent;
}
#flow li:nth-child(5)::after{
	border-color: #9BBF26 transparent transparent transparent;
}
#flow li:nth-child(6)::after{
	border:none;
}

#flow dl{
	padding:8px;
	position:relative;
}
#flow dl dt::before{/*数字表示*/
	content: counter(flow-num);
	width:200px;
	color:rgba(255,255,255,.2);
	font-family: "M PLUS Rounded 1c", "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, sans-serif;
	font-size:120px;
	font-size:12rem;
	font-weight:500;
	text-align:center;
	display:inline-block;
	position:absolute;
	top:-8px;
	left:0;
}
#flow dt{
	color:#ffffff;
	font-size:17px;
	font-size:1.7rem;
	font-family: "M PLUS Rounded 1c", "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, sans-serif;
	font-weight:700;
	text-align:center;
}
#flow dd{
	background-color:#ffffff;
	padding:16px;
}
@media only screen and (min-width: 1000px) {
#flow li{
	margin-bottom:1px;
}
#flow li::before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 24px 92px 0 92px;
	border-color: #ffffff transparent transparent transparent;
	position:absolute;
	bottom:-26px;
	left:0;
	z-index:10;
}
#flow li::after{/*三角*/
	border-width:24px 92px 0 92px;
	position:absolute;
	bottom:-24px;
	left:0;
	z-index:11;
}
#flow dl{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap:nowrap;
	padding:16px 16px 16px 0;
}
#flow dt{
	width:200px;
	font-size:19px;
	font-size:1.9rem;
	padding-top:72px;
}
#flow dd{
	min-height:168px;
	width:calc(100% - 200px);
	padding:24px 16px;
}
}


/*======================================================================================
営業時間・アクセス
========================================================================================*/
#header-wrap-access{
	position:relative;
}
.header-map-container{
	display:none;
}

#header-map{
	width:80%;
	height:60vh;
	position:absolute;
	top:0;
	z-index:-1;
}
#open-time .note{
	font-weight:500;
	margin-bottom:12px;
}
@media only screen and (min-width: 1000px) {
.header-map-container{
	display:block;
}
#header-map{
	height:540px;
	left:20%;
}
}
@media only screen and (min-width: 1120px) {
#header-map{
	width:calc(100% - 300px);
}
#header-map{
	left:300px;
}

}
/*-- 2024/12/20 Instagramボタン追加 --*/
.instagram {
	height: fit-content;
	padding: 0;
}
.instagram-btn .icon {
	margin-right: 8px;
}
.instagram-btn .txt {}
.instagram-btn .btn-ttl {
	display: flex;
	align-items: center;
}
.instagram-btn {
    display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 1.5rem;
	max-width: 100%;
	width: 100%;
    height: auto;
    line-height: 1.5rem;
    color: #4E6600;
    text-align: left;
    background-color: #FAFDF4;
    margin: 0 auto;
	font-weight: 600;
	padding: 28px 16px;
}
a.instagram-btn:visited {
	color: #4E6600;
}
.sp-only {
	display: none;
}
.only-999min {
	display: none;
}
@media only screen and (max-width: 999px) {
	.instagram {
		width: 100%;
		font-size: 1.7rem;
	}
	.instagram-btn .icon {
		padding-top: 2px;
	}
	.only-999min {
		display: block;
	}
	.only-999max {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.sp-only {
		display: block;
	}
}