:root{
	--base-font: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	--sub-font: fot-tsukuardgothic-std, sans-serif;
	--base-color: #281900;
	--sub-color01: #f6ac09;
	--sub-color02: #856951;
}

*{ box-sizing: border-box; }
html { font-size: 62.5%; }
body{
	font-family: var(--base-font);
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: var(--base-color);	
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 0.08em;
	text-align: justify;
}

.c-sub-font{ font-family: var(--sub-font); font-weight: 700; }

/*** adobe使用フォント
font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: 400;
font-style: normal;

font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: 700;
font-style: normal;
***/

a{ transition: .5s; }
a:hover{ opacity: .4; }
br{ line-height: inherit; }
p{ line-height: 2; }
span, a, strong, small{ color: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; letter-spacing: inherit; }

.l-wrap{ width: 900px; margin: 0 auto; position: relative; }
.l-row{ display: flex; justify-content: space-between; }

.body-wrap{ overflow: hidden; position: relative; padding-top: 8rem; }


/* btn---------- */
.c-btn{ display: flex; align-items: center; width: 28rem; height: 5rem; font-family: var(--sub-font); font-weight: 700; color: var(--base-color); background-color: var(--sub-color01); background-image: url("../images/common/arrow.png"); background-repeat: no-repeat; background-position: center right 2.5rem; background-size: 0.55rem; border-radius: 5rem; padding: 0 2.5rem; }
.c-btn.c-btn--center{ margin-left: auto; margin-right: auto; }
.c-btn.c-btn--right{ margin-left: auto; }

/* header---------- */
.l-header{ display: flex; justify-content: space-between; align-items: center; background-color: #fff; width: 100%; height: 8rem; padding: 0 6rem; position: fixed; top: 0; left: 0; z-index: 99; }
.l-header input{ display: none; }
.l-header__label{ display: none; }

.l-header__nav-in{ display: flex; align-items: center; }
.l-header__list{ margin-right: 2rem; }
.l-header__list-item{ display: inline-block; font-size: 1.4rem; }
.l-header__list-link{ padding: 0 0.2rem; }
.l-header__cv-link{ display: flex; align-items: center; justify-content: center; background: var(--base-color); color: #fff; }
.l-header__cv-link:not(:last-child){ margin-bottom: 2rem; }
/*.l-header__cv-link--yoyaku{ background: var(--sub-color02); font-size: 1.4rem; letter-spacing: 0.16em; }*/
.l-header__cv-link--yoyaku{ background: #61a1e9; font-size: 1.4rem; letter-spacing: 0.16em; }
.l-header__cv-link--tel{ font-size: 1.6rem; letter-spacing: 0; }

.l-header__cv-link:before{ content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; }
.l-header__cv-link--yoyaku:before{ width: 1.7rem; height: 1.5rem; background-image: url("../images/common/ico-yoyaku-wt.png"); margin-bottom: 0.6rem; }
.l-header__cv-link--tel:before{ width: 1.75rem; height: 1.7rem; background-image: url("../images/common/ico-tel-wt.png"); margin-bottom: 1rem; }
.l-header__insta { margin-right: 1rem; }

@media(min-width: 769px){
	.l-header__list-item:not(:last-child):after{ content: "｜"; color: var(--sub-color01); }
	.l-header__cv{ position: fixed; top: 10rem; right: 0; display: flex; flex-direction: column; }
	.l-header__cv-link{ width: 4rem; border-radius: 2rem 0 0 2rem;
		writing-mode: vertical-rl; -ms-writing-mode: tb-rl;
		-moz-font-feature-settings: "vkrn", "vpal"; -webkit-font-feature-settings: "vkrn", "vpal";
		font-feature-settings: "vkrn", "vpal"; -webkit-text-orientation: upright; text-orientation: upright; -ms-writing-mode: vertical-rl;}
	.l-header__cv-link--yoyaku{ height: 22rem; }
	.l-header__cv-link--tel{ height: 26rem; }
	.l-header__cv-link--num01{ -webkit-text-combine-upright: all; text-combine-upright: all; }
	.l-header__cv-link--num02{ transform: rotate(90deg) translateY(-0.2rem); margin: -0.3rem 0; }
}

/* info---------- */
.p-info__left{ flex-basis: 34rem; }
.p-info__logo{ margin-bottom: 0.5rem; }
.p-info__add{ font-size: 1.4rem; margin-bottom: 2rem; line-height: 2.2rem; }
.p-info__cv{ margin-bottom: 3rem; }
.p-info__cv-item:not(:last-child){ margin-bottom: 2rem; }
.p-info__cv-link{ display: flex; justify-content: center; align-items: center; width: 100%; height: 5rem; border-radius: 5rem; background-color: var(--base-color); color: #fff; font-size: 1.8rem; }
/*.p-info__cv-link--yoyaku{ background-color: var(--sub-color02); }*/
.p-info__cv-link--yoyaku{ background-color: #f6ac09; }
.p-info__cv-link--tel{ font-size: 2rem; }
.p-info__cv-link-img{ margin-right: 0.8rem; }
.p-info__cv-link--small{ font-size: 1.2rem; margin-right: 0.5rem; letter-spacing: 0.03em; }

.p-info__table{ width: 100%; font-size: 1.4rem; border-bottom: 1px solid #f2f2f2; margin-bottom: 1rem; }
.p-info__table-row:first-child{ background: #f2f2f2; }
.p-info__table-row:first-child .p-info__table-head:first-child{ border-radius: 3rem 0 0 3rem; }
.p-info__table-row:first-child .p-info__table-head:last-child{ border-radius: 0 3rem 3rem 0; }
.p-info__table-head{ font-weight: normal; height: 3rem; }
.p-info__table-head,
.p-info__table-data{ vertical-align: middle; text-align: center; width: 3rem; }

.p-info__table-head:first-child,
.p-info__table-data:first-child{ padding-left: 1rem; width: auto; }
.p-info__table-head:last-child,
.p-info__table-data:last-child{ padding-right: 1rem; }
.p-info__table-row:nth-child(2) > *{ padding-top: 0.5rem; }
.p-info__table-row:nth-child(3) > *{ padding-bottom: 0.5rem; }
.p-info__table-data:first-child{ text-align: right; padding-right: 1.5rem; }
.p-info__table--orange{ color: var(--sub-color01); }
.p-info__table-note{ font-size: 1.4rem; }

.p-info__right{ flex-basis: 42rem; }
.p-info__map{ margin-bottom: 1rem; }
.p-info__map-img{ width: 100%; height: auto; }
.p-info__near{ font-size: 1.6rem; padding-left: 2.5rem; background-image: url("../images/common/ico-train.png"); background-position: left center; background-repeat: no-repeat; background-size: 1.55rem; margin-bottom: 2rem; }
.p-info__near--large{ font-size: 2.8rem; line-height: 1; }


/* treatment---------- */
.c-treat-box{ margin-bottom: 6.5rem; }
.c-treat-box-item:not(:last-child){ margin-bottom: 5rem; }
.c-treat-box-link{ display: block; min-height: 16rem; padding: 2.5rem 33rem 2rem 3rem; border: 1px solid; border-radius: 2rem; position: relative; z-index: 0; overflow: hidden; background-color: #f2f2f2; }
.c-treat-box-link:before{ content: ""; width: 30rem; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 0; right: 0; }

.c-treat-box-item:nth-child(1) .c-treat-box-link:before{ background-image: url("../images/common/webp/treatment-img01.webp");  }
.no-webp .c-treat-box-item:nth-child(1) .c-treat-box-link:before{ background-image: url("../images/common/treatment-img01.jpg");  }
.c-treat-box-item:nth-child(2) .c-treat-box-link:before{ background-image: url("../images/common/webp/treatment-img02.webp");  }
.no-webp .c-treat-box-item:nth-child(2) .c-treat-box-link:before{ background-image: url("../images/common/treatment-img02.jpg");  }

.c-treat-box-tit{ font-size: 3.2rem; line-height: 1.4; margin-bottom: 0.5rem; }
.c-treat-box-tit:before{ content: ""; display: inline-block; width: 3rem; height: 3rem; background-color: var(--base-color); border-radius: 3rem; background-image: url("../images/common/arrow-wt.png"); background-repeat: no-repeat; background-position: center; background-size: 0.55rem; vertical-align: -0.4rem; margin-right: 1rem; }

.c-treat-list{ display: flex; justify-content: flex-start; flex-wrap: wrap; }
.c-treat-list-item{ flex-basis: 13rem; margin-right: calc((100% - 13rem * 6) / 5);}
.c-treat-list-item:nth-of-type(6n) { margin-right: 0; }
.c-treat-list-link{ display: block; width: 13rem; height: 13rem; border-radius: 10rem; border: 1px solid; text-align: center; line-height: 1.4; padding: 7rem 0 0; background-repeat: no-repeat; background-position: center top 1.45rem; background-size: 6.5rem; }

.c-treat-list-item:nth-child(1) .c-treat-list-link{ background-image: url("../images/common/treatment01.png"); }
.c-treat-list-item:nth-child(2) .c-treat-list-link{ background-image: url("../images/common/treatment02.png"); }
.c-treat-list-item:nth-child(3) .c-treat-list-link{ background-image: url("../images/common/treatment03.png"); }
.c-treat-list-item:nth-child(4) .c-treat-list-link{ background-image: url("../images/common/treatment04.png"); }
.c-treat-list-item:nth-child(5) .c-treat-list-link{ background-image: url("../images/common/treatment15.png"); }
.c-treat-list-item:nth-child(6) .c-treat-list-link{ background-image: url("../images/common/treatment05.png"); }
.c-treat-list-item:nth-child(7) .c-treat-list-link{ background-image: url("../images/common/treatment06.png"); }
.c-treat-list-item:nth-child(8) .c-treat-list-link{ background-image: url("../images/common/treatment07.png"); }
.c-treat-list-item:nth-child(9) .c-treat-list-link{ background-image: url("../images/common/treatment08.png"); }
.c-treat-list-item:nth-child(10) .c-treat-list-link{ background-image: url("../images/common/treatment09.png"); }
.c-treat-list-item:nth-child(11) .c-treat-list-link{ background-image: url("../images/common/treatment10.png"); }
.c-treat-list-item:nth-child(12) .c-treat-list-link{ background-image: url("../images/common/treatment11.png"); }
.c-treat-list-item:nth-child(13) .c-treat-list-link{ background-image: url("../images/common/treatment12.png"); }
.c-treat-list-item:nth-child(14) .c-treat-list-link{ background-image: url("../images/common/treatment13.png"); }
.c-treat-list-item:nth-child(15) .c-treat-list-link{ background-image: url("../images/common/treatment14.png"); }
.c-treat-list-item:nth-child(16) .c-treat-list-link{ background-image: url("../images/common/treatment02.png"); }
.c-treat-list-item:nth-child(17) .c-treat-list-link{ background-image: url("../images/common/treatment16.png"); }
@media(min-width: 769px){
	.c-treat-list-item:nth-child(n+7){ margin-top: 3rem; }
}

/* footer---------- */
.l-footer__info{ padding: 9rem 5rem 15rem; }

.l-footer__sitemap{ color: #fff; background-color: var(--base-color); background-image: url("../images/common/webp/footer-bg.webp"); background-repeat: no-repeat; background-position: center; background-size: cover; padding-bottom: 1.5rem; }

.l-footer__sitemap-wrap{ padding: 9.5rem 0 7rem; }

.l-footer__sitemap-left{ flex-basis: 34rem; }
.l-footer__sitemap .p-info__cv-link{ color: var(--base-color); background-color: #fff; }
.l-footer__sitemap .p-info__cv-link--yoyaku{ background-color: #fff; }
.l-footer__sitemap-left-txt{ font-size: 1.2rem; }

.l-footer__sitemap-right{ flex-basis: 48rem; display: flex; position: relative; }
.l-footer__sitemap-box:first-child{ margin-right: 4.5rem; }
.l-footer__sitemap-box-float{ position: absolute; right: -1.5rem; top: 0; }
.l-footer__sitemap-box-item{ font-family: var(--sub-font); font-weight: 700; font-size: 1.3rem; line-height: 2.76; }

.l-footer__sitemap-list{ height: 24rem; display: flex; flex-direction: column; flex-wrap: wrap; }
.l-footer__sitemap-list-item{ font-size: 1.2rem; line-height: 2.16; }

.l-footer__sitemap-insta{ position: absolute; right: 0; bottom: 1rem; }
.l-footer__copyright{ display: block; font-size: 1.2rem; text-align: center; }

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



@media(max-width: 768px){
	html{ font-size: 2.66vw; }
	body{ font-size: 1.4rem; }
	
	.pc{ display: none !important; }

	.body-wrap{ padding-top: 6rem; }
	.l-wrap{ width: 100%; padding-left: 2rem; padding-right: 2rem; }
	.l-row{ display: block; }
	
	.c-btn{ margin-left: auto; margin-right: auto; }
	.c-btn.c-btn--right{ margin-left: auto; margin-right: auto; }

	
	.l-header{ height: 6rem; padding: 0 2rem; position: absolute; }
	.l-header__logo-img{ width: 22.3rem; height: auto; }
	
	.l-header__label{ width: 7rem; height: 6rem; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff; border-radius: 0 0 0 2rem; text-align: center; font-family: var(--sub-font); font-weight: 700; font-size: 1rem; letter-spacing: 0.05em; line-height: 1.2; position: fixed; top: 0; right: 0; z-index: 999; }
	.l-header__label:before,
	.l-header__label--line:before,
	.l-header__label--line:after{ content: ""; display: block; width: 3rem; height: 0.1rem; background: var(--base-color); margin-bottom: 0.5rem; transition: .4s; }
	.l-header input:checked ~ .l-header__label:before{ opacity: 0; }
	.l-header input:checked ~ .l-header__label .l-header__label--line:before{ transform: rotate(45deg) translate(0,-0.1rem); }
	.l-header input:checked ~ .l-header__label .l-header__label--line:after{ transform: rotate(-45deg) translate(0.5rem,-0.4rem); }
	
	
	.l-header__nav{ display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; position: fixed; top: 0; right: 0; z-index: 99; background: #fff; opacity: 0; visibility: hidden; transition: .4s; }
	.l-header input:checked ~ .l-header__nav{ opacity: 1; visibility: visible; }
	
	.l-header__nav-in{ width: 28.5rem; display: block; text-align: center; margin: 0 auto 1.5rem; }
	.l-header__list{ margin-right: 0; margin-bottom: 0.5rem; }
	.l-header__list-item{ display: block; }
	.l-header__list-item:not(:last-child){ border-bottom: 1px solid #e6e6e6; }
	.l-header__list-link{ display: block; font-size: 1.6rem; padding: 1rem 0; }
	.l-header__add{ text-align: center; font-size: 1.2rem; margin-bottom: 1.5rem; }
	.l-header__cv-link{ width: 28.5rem; height: 5rem; font-size: 1.8rem; letter-spacing: 0.05em; border-radius: 3rem; margin-left: auto; margin-right: auto; }
	.l-header__cv-link--tel{ font-size: 2.2rem; letter-spacing: 0.03em; }
	.l-header__cv-link--yoyaku:before{ margin: 0 1rem 0 0; }
	.l-header__cv-link--tel:before{ margin: 0 1rem 0 0; }
	.l-header__insta-img{ width: 3.2rem; height: auto; }
	
	.p-info__logo{ text-align: center; }
	.p-info__logo-img{ width: 27rem; height: auto; }
	.p-info__add{ text-align: center; }
	.p-info__right{ margin-top: 4rem; }
	.p-info__near{ margin-bottom: 4rem; }
	
	.c-treat-box-item:not(:last-child) { margin-bottom: 4rem; }
	.c-treat-box-link{ padding: 19rem 2rem 2.5rem; }
	.c-treat-box-link:before{ width: 100%; height: 17rem; }
	.c-treat-box-tit{ font-size: 2.8rem; }
	
	.c-treat-box-item:nth-child(1) .c-treat-box-link:before{ background-image: url("../images/common/webp/treatment-img01-sp.webp");  }
	.no-webp .c-treat-box-item:nth-child(1) .c-treat-box-link:before{ background-image: url("../images/common/treatment-img01-sp.jpg");  }
	.c-treat-box-item:nth-child(2) .c-treat-box-link:before{ background-image: url("../images/common/webp/treatment-img02-sp.webp");  }
	.no-webp .c-treat-box-item:nth-child(2) .c-treat-box-link:before{ background-image: url("../images/common/treatment-img02-sp.jpg");  }
	
	.c-treat-list{ width: 37.5rem; transform: translateX(-2rem); padding: 0 1.5rem; }
	.c-treat-list-item{ flex-basis: 11rem; }
	.c-treat-list-item:nth-child(n+4){ margin-top: 1.5rem; }
	.c-treat-list-link{ width: 11rem; height: 11rem; padding: 6.25rem 0 0; background-position: center top 0.8rem; }
	
	.l-footer__info{ padding: 9rem 2rem; }
	.l-footer__sitemap{ background-image: url(../images/common/webp/footer-bg-sp.webp); padding-bottom: 7.5rem; }
	.l-footer__sitemap-wrap{ padding: 5rem 2rem 3rem; }
	.l-footer__sitemap-right{ display: block; }
	.l-footer__sitemap-box:first-child{ margin-right: 0; column-count: 2; column-width: 15.7rem; }
	.l-footer__sitemap-box-float{ position: static; }
	.l-footer__sitemap-box{ font-size: 1.4rem; }
	.l-footer__sitemap-box:first-child .l-footer__sitemap-box-item{ border-bottom: 1px solid var(--base-color); }
	.l-footer__sitemap-box-link{ display: block; }
	.l-footer__sitemap-list{ height: 26rem; }
	.l-footer__sitemap-list-item{ width: 15.7rem; }
	.l-footer__sitemap-list-link{ display: block; }
	.l-footer__sitemap-insta{ display: table; position: static; margin: 3rem auto 0; }
	.l-footer__sitemap-insta--img{ width: 4rem; height: auto; }
	
	.l-sp-fix{ width: 100%; display: flex; justify-content: space-between; padding: 0 0.5rem; position: fixed; left: 0; bottom: 0; z-index: 9; }
	.l-sp-fix__item{ flex-basis: 18rem; }
	.l-sp-fix__link{ display: flex; justify-content: center; align-items: center; height: 5rem; font-size: 1.6rem; background-color: var(--base-color); color: #fff; border-radius: 2rem 2rem 0 0; }
/*	.l-sp-fix__link--yoyaku{ background-color: var(--sub-color02); }*/
	.l-sp-fix__link--yoyaku{ background-color: #61a1e9; }
	.l-sp-fix__link:before{ content: ""; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; margin-right: 0.8rem; }
	.l-sp-fix__link--tel:before{  width: 1.75rem; height: 1.7rem; background-image: url("../images/common/ico-tel-wt.png"); }
	.l-sp-fix__link--yoyaku:before{  width: 2.25rem; height: 1.9rem; background-image: url("../images/common/ico-yoyaku-wt.png"); }
	.fs_small { font-size: 0.8rem; }

}