@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
}

body {
		line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
		display: block;
}

nav ul {
		list-style: none;
}

blockquote, q {
		quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content: "";
		content: none;
}

a {
		margin: 0;
		padding: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
}

/* change colors to suit your needs */
ins {
		background-color: #ff9;
		color: #000;
		text-decoration: none;
}

/* change colors to suit your needs */
mark {
		background-color: #ff9;
		color: #000;
		font-style: italic;
		font-weight: bold;
}

del {
		text-decoration: line-through;
}

abbr[title], dfn[title] {
		border-bottom: 1px dotted;
		cursor: help;
}

table {
		border-collapse: collapse;
		border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #cccccc;
		margin: 1em 0;
		padding: 0;
}

input, select {
		vertical-align: middle;
}

*,
*::before,
*::after {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
}

@font-face {
		font-family: "Yu Gothic";
		src: local("Yu Gothic Medium");
		font-weight: 100;
}
@font-face {
		font-family: "Yu Gothic";
		src: local("Yu Gothic Medium");
		font-weight: 200;
}
@font-face {
		font-family: "Yu Gothic";
		src: local("Yu Gothic Medium");
		font-weight: 300;
}
@font-face {
		font-family: "Yu Gothic";
		src: local("Yu Gothic Medium");
		font-weight: 400;
}
@font-face {
		font-family: "Yu Gothic";
		src: local("Yu Gothic Bold");
		font-weight: bold;
}
@font-face {
		font-family: "Helvetica Neue";
		src: local("Helvetica Neue Regular");
		font-weight: 100;
}
@font-face {
		font-family: "Helvetica Neue";
		src: local("Helvetica Neue Regular");
		font-weight: 200;
}
body {
		font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500;
		color: #343434;
}
html {
		font-size: 62.5% !important;
}

p {
		font-size: 16px;
		font-size: 1.6rem;
}

a {
		color: #343434;
		text-decoration: none;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
}
a:hover {
		cursor: pointer;
		opacity: 0.6;
}

a[href^="tel:"] {
		pointer-events: none;
}

*,
*::before,
*::after {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		line-height: 1;
}

img {
		width: auto;
}

ul, ol {
		list-style: none;
		padding: 0;
		margin: 0;
}

h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding: 0;
		font-weight: 500;
}

@-webkit-keyframes fadeIn {
		from {
				opacity: 0;
		}
		to {
				opacity: 1;
		}
}

@keyframes fadeIn {
		from {
				opacity: 0;
		}
		to {
				opacity: 1;
		}
}
/* 指定用のクラス */
.fade__in {
		/* ページ読み込み完了後、0.5秒遅らせて、1秒かけて動かす */
		-webkit-animation: fadeIn 1s ease 0.5s forwards;
		        animation: fadeIn 1s ease 0.5s forwards;
		/* アニメーションが始まる前は非表示にしておく */
		opacity: 0;
}

/* ----------------------------------------------
    下から上へ
---------------------------------------------- */
@-webkit-keyframes fadeInB {
		from {
				opacity: 0;
				-webkit-transform: translateY(20px);
				        transform: translateY(20px); /* 少し下から */
		}
		to {
				opacity: 1;
				-webkit-transform: translateY(0);
				        transform: translateY(0); /* 元の位置へ */
		}
}
@keyframes fadeInB {
		from {
				opacity: 0;
				-webkit-transform: translateY(20px);
				        transform: translateY(20px); /* 少し下から */
		}
		to {
				opacity: 1;
				-webkit-transform: translateY(0);
				        transform: translateY(0); /* 元の位置へ */
		}
}
/* 指定用のクラス */
.fade__in__b {
		/* ページ読み込み完了後、0.5秒遅らせて、1秒かけて動かす */
		-webkit-animation: fadeInB 1s ease 1s forwards;
		        animation: fadeInB 1s ease 1s forwards;
		/* アニメーションが始まる前は非表示にしておく */
		opacity: 0;
}

/* ----------------------------------------------
    タイトル + コンテンツ 
---------------------------------------------- */
/* 1. アニメーションの共通の動きを定義 */
@-webkit-keyframes setFadeIn {
		from {
				opacity: 0;
				-webkit-transform: translateY(20px);
				        transform: translateY(20px);
		}
		to {
				opacity: 1;
				-webkit-transform: translateY(0);
				        transform: translateY(0);
		}
}
@keyframes setFadeIn {
		from {
				opacity: 0;
				-webkit-transform: translateY(20px);
				        transform: translateY(20px);
		}
		to {
				opacity: 1;
				-webkit-transform: translateY(0);
				        transform: translateY(0);
		}
}
/* 2. すべての要素に共通する設定 */
.set__item {
		-webkit-animation-name: setFadeIn;
		        animation-name: setFadeIn;
		-webkit-animation-duration: 1s;
		        animation-duration: 1s; /* 1秒かけて表示 */
		-webkit-animation-timing-function: ease;
		        animation-timing-function: ease;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards; /* アニメーション後の状態をキープ */
		opacity: 0; /* 開始前は非表示 */
}

/* 3. 【重要】要素ごとに登場するタイミング（遅延）をズラす */
.delay__1st {
		-webkit-animation-delay: 0.3s;
		        animation-delay: 0.3s; /* 最初は0.3秒後にスタート */
}

.delay__2nd {
		-webkit-animation-delay: 0.8s;
		        animation-delay: 0.8s; /* 2番目は0.8秒後（0.5秒のズレ） */
}

.delay__3rd {
		-webkit-animation-delay: 1.3s;
		        animation-delay: 1.3s; /* 3番目は1.3秒後（さらに0.5秒のズレ） */
}

main {
		margin-top: 150px;
		padding-bottom: 10%;
}
@media (width <= 1250px) {
		main {
				margin-top: 130px;
				padding-bottom: 12%;
		}
}
@media screen and (max-width: 767px) {
		main {
				margin-top: 70px;
				padding-bottom: 24%;
		}
}

.sec {
		padding-top: 7%;
		padding-bottom: 7%;
}
@media screen and (max-width: 767px) {
		.sec {
				padding-top: 20%;
				padding-bottom: 20%;
		}
}

.inner {
		/*padding: 0 12%;*/
		margin: 0 auto;
		width: 100%;
		max-width: 1440px;
}
@media screen and (max-width: 1600px) {
		.inner {
				padding: 0 5%;
		}
}
.pageHeading .inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
}

.pageTitle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 18px;
		padding-top: 6%;
}
@media screen and (max-width: 767px) {
		.pageTitle {
				padding-top: 17%;
		}
}
.pageTitle__en {
		font-family: "Roboto Serif", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 64px;
		font-size: 6.4rem;
		font-weight: 400;
		letter-spacing: 0.05em;
		color: #644E43;
}
@media screen and (max-width: 767px) {
		.pageTitle__en {
				font-size: 46px;
				font-size: 4.6rem;
				line-height: 1.2;
		}
}
.pageTitle__jp {
		font-size: 26px;
		font-size: 2.6rem;
		color: #EA6726;
}
@media screen and (max-width: 767px) {
		.pageTitle__jp {
				font-size: 20px;
				font-size: 2rem;
		}
}

.breadcrumbList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 45px;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		padding-top: 4%;
		padding-bottom: 3%;
		width: 100%;
		border-bottom: 1px solid #644E43;
}
@media screen and (max-width: 767px) {
		.breadcrumbList {
				padding-top: 12%;
				padding-bottom: 5%;
				font-size: 15px;
				font-size: 1.5rem;
		}
}
.breadcrumbList__item {
		position: relative;
		color: #644E43;
}
.breadcrumbList__item::before {
		position: absolute;
		display: block;
		content: "";
		left: -30px;
		top: 55%;
		width: 15px;
		height: 1px;
		background-color: #757575;
}
.breadcrumbList__item:first-child::before {
		display: none;
}
.breadcrumbList__item:last-child::before {
		background-color: #644E43;
}
.breadcrumbList__link {
		color: #757575;
}

.read {
		margin: 0 auto;
		width: 100%;
		max-width: 1440px;
}
@media screen and (max-width: 1600px) {
		.read {
				padding: 0 5%;
		}
}
.read__inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 5%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		padding: 0;
		margin-top: 8%;
}
@media screen and (max-width: 767px) {
		.read__inner {
				margin-top: 20%;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.read__img {
		width: 50%;
}
@media screen and (max-width: 767px) {
		.read__img {
				width: 100%;
		}
}
.read__detail {
		width: 40%;
}
@media screen and (max-width: 767px) {
		.read__detail {
				width: 100%;
		}
}
.read__title {
		font-size: 32px;
		font-size: 3.2rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		line-height: 1.6;
}
@media screen and (max-width: 767px) {
		.read__title {
				margin-top: 8%;
				font-size: 26px;
				font-size: 2.6rem;
		}
}

.sec__title {
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 40px;
		font-size: 4rem;
}
@media screen and (max-width: 767px) {
		.sec__title {
				font-size: 32px;
				font-size: 3.2rem;
				line-height: 1.35;
		}
}

.sec__subtitle {
		margin-top: 4%;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 32px;
		font-size: 3.2rem;
		font-weight: 600;
		line-height: 1.6;
		color: #644E43;
}
@media screen and (max-width: 767px) {
		.sec__subtitle {
				margin-top: 6%;
				font-size: 24px;
				font-size: 2.4rem;
		}
}
.sec__subtitle__no {
		position: relative;
		top: 2px;
		display: inline-block;
		margin-right: 15px;
		font-size: 35px;
		font-size: 3.5rem;
}
@media screen and (max-width: 767px) {
		.sec__subtitle__no {
				font-size: 27px;
				font-size: 2.7rem;
		}
}

.text {
		margin-top: 3.5%;
		line-height: 2;
}
@media screen and (max-width: 1024px) {
		.text {
				margin-top: 8%;
				line-height: 1.8;
		}
}
@media screen and (max-width: 767px) {
		.text {
				margin-top: 5%;
		}
}

.text__note {
		color: #EA6726;
		font-weight: bold;
}

.bold {
		font-weight: 700;
}

.textIndent {
		line-height: 2;
		padding-left: 1em;
		text-indent: -1em;
}

.link_text {
		text-decoration: underline;
}

.link_arrow {
		position: relative;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding-right: 20px;
}
.link_arrow::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 24px;
		width: 10px;
		height: 10px;
		border-top: 2px solid #EA6726;
		border-right: 2px solid #EA6726;
		-webkit-transform: translateY(-50%) rotate(45deg);
		        transform: translateY(-50%) rotate(45deg);
}

.linkTel {
		position: relative;
		left: 18px;
		font-size: 16px;
		font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
		.linkTel {
				left: 24px;
				font-size: 24px;
				font-size: 2.4rem;
		}
}
.linkTel::before {
		position: absolute;
		left: -18px;
		top: 2px;
		display: block;
		content: "";
		width: 13px;
		height: 13px;
		background-image: url("/assets/images/icon_phone.svg");
}
@media screen and (max-width: 767px) {
		.linkTel::before {
				left: -24px;
				top: 5px;
				width: 20px;
				height: 20px;
		}
}
.linkTel_text {
		display: block;
		font-size: 12px;
		font-size: 1.2rem;
}
.btn {
		position: relative;
		display: block;
		width: 240px;
		max-width: 100%;
		height: 52px;
		margin: 0 auto;
		padding-top: 15px;
		text-align: center;
		background-color: #644E43;
		color: #fff;
		-webkit-transition: ease 0.2s;
		transition: ease 0.2s;
}
@media screen and (max-width: 767px) {
		.btn {
				width: 100%;
		}
}
.btn:hover {
		opacity: 1;
		background-color: #EA6726;
}
.btn::before {
		position: absolute;
		display: block;
		content: "";
		top: 18px;
		right: 24px;
		width: 10px;
		height: 10px;
		border-top: 2px solid #EA6726;
		border-right: 2px solid #EA6726;
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
}
.btn:hover::before {
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
}
@media screen and (max-width: 767px) {
		.btn {
				width: 100%;
		}
}
.btn__white {
		background-color: #fff;
		color: #343434;
}
.btn__white:hover {
		color: #fff;
}
.btn__white:hover::before {
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
}

.reserve_btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 300px;
		height: 60px;
		margin: 0 auto;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-weight: 700;
		background-color: #EA6726;
		color: #fff;
}
.reserve_btn:hover {
		background-color: #644E43;
		opacity: 1;
}
.reserve_btn .sp_icon {
		width: 22px;
}
.reserve_btn .reserve_title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin-left: 20px;
}
.reserve_btn .reserve_main {
		display: block;
		font-size: 18px;
		font-size: 1.8rem;
}
.reserve_btn .reserve_note {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-top: 7px;
}
.reserve_btn .reserve_sub {
		display: block;
		margin-top: -3px;
		font-size: 16px;
		font-size: 1.6rem;
}
.reserve_btn .reserve_text {
		display: block;
		font-size: 12px;
		font-size: 1.2rem;
}
.reserve_btn .reserve_line {
		display: block;
		width: 25px;
		height: 1px;
		background: #fff;
		margin: 0 12px;
}

.tel_title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}
.tel_icon {
		width: 22px;
		height: 22px;
		margin-top: 2px;
		margin-right: 6px;
}
.tel_number {
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-weight: 700;
		font-size: 26px;
		font-size: 2.6rem;
}
.tel_note {
		font-size: 14px;
		font-size: 1.4rem;
		margin-top: 10px;
}

.box {
		border: 1px solid #644E43;
		background-color: #fff;
}
.box__img {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
}
.box__detail {
		padding: 5% 5% 7%;
}
.box__title {
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 32px;
		font-size: 3.2rem;
		font-weight: 600;
		color: #644E43;
		text-align: center;
		font-size: 26px;
		font-size: 2.6rem;
}

.clm2List {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 4%;
}
@media screen and (max-width: 767px) {
		.clm2List {
				gap: 8%;
		}
}
.clm2List__item {
		width: 48%;
		margin-top: 3.8%;
}
@media screen and (max-width: 767px) {
		.clm2List__item {
				width: 100%;
				margin-top: 8%;
		}
}

.clm3List {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 3%;
}
@media screen and (max-width: 767px) {
		.clm3List {
				gap: 8%;
		}
}
.clm3List__item {
		width: 31.3333333333%;
}
@media screen and (max-width: 767px) {
		.clm3List__item {
				width: 100%;
				margin-top: 8%;
		}
}

.clm4List {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 2.5%;
}
@media screen and (max-width: 767px) {
		.clm4List {
				gap: 8%;
		}
}
.clm4List__item {
		width: 23.125%;
		margin-top: 2.5%;
}
@media screen and (max-width: 767px) {
		.clm4List__item {
				width: 100%;
				margin-top: 8%;
		}
}
.clm4List__item {
		/*@include mq_sp {
		    width: 48%;
		    margin-left: 4%;
		    margin-top: 8%;
		    &:nth-child(2n+1) {
		        margin-left: 0;
		    }
		}*/
}

.clm5List {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
}
.clm5List__item {
		width: 18.4%;
		margin-left: 2%;
}
.clm5List__item:nth-child(5n+1) {
		margin-left: 0;
}
@media screen and (max-width: 767px) {
		.clm5List__item {
				width: 48%;
				margin-left: 4%;
				margin-top: 8%;
		}
		.clm5List__item:nth-child(2n+1) {
				margin-left: 0;
		}
		.clm5List__item:nth-child(6) {
				margin-left: 4%;
		}
}

.desc {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		border: 1px solid #644E43;
}
.desc__title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding: 0 15px;
		padding-bottom: 10px;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: 700;
		color: #fff;
		background-color: #644E43;
}
@media screen and (max-width: 767px) {
		.desc__title {
				width: 100%;
				padding-top: 10px;
				padding-bottom: 15px;
		}
}
.desc__detail {
		padding: 10px 20px 24px;
		background-color: #fff;
}
.discList {
		list-style: disc;
		padding-left: 24px;
}
.discList__item {
		margin-top: 10px;
		line-height: 1.5;
}

.lineList__title {
		padding-bottom: 16px;
		border-bottom: 1px solid #644E43;
		font-size: 22px;
		font-size: 2.2rem;
		font-weight: 700;
		line-height: 1.4;
}
.lineList__detail {
		padding-top: 15px;
		line-height: 1.8;
}

.table {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		border: 1px solid #222;
		border-bottom: none;
		text-align: left;
}
@media screen and (max-width: 767px) {
		.table {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.table_title {
		width: 40%;
		padding: 12px 20px 14px;
		border-bottom: 1px solid #222;
		background-color: #f5f5f5;
		font-weight: bold;
		line-height: 1.6;
}
@media screen and (max-width: 767px) {
		.table_title {
				width: 100%;
				padding: 15px 20px;
				border-bottom: 0;
		}
}
.table_detail {
		width: 60%;
		padding: 12px 20px;
		border-bottom: 1px solid #222;
		line-height: 1.6;
}
@media screen and (max-width: 767px) {
		.table_detail {
				width: 100%;
				padding: 15px 20px;
		}
}

.flowList__item {
		padding-bottom: 24px;
		border: 1px solid #644E43;
		background-color: #fff;
}
.flowList__title {
		position: relative;
}
.flowList__title__num {
		position: absolute;
		left: 0;
		top: 0;
		width: 70px;
		height: 72px;
		padding-left: 12px;
		padding-top: 7px;
		font-size: 24px;
		font-size: 2.4rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-weight: 700;
		color: #fff;
		background: linear-gradient(135deg, #644E43 50%, transparent 50%);
}
@media screen and (max-width: 767px) {
		.flowList__title__num {
				width: 50px;
				height: 52px;
				padding-left: 7px;
				padding-top: 5px;
		}
}
.flowList__title__text {
		display: block;
		padding: 30px 10px 0 15px;
		font-size: 24px;
		font-size: 2.4rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-weight: 700;
		text-align: center;
		line-height: 1.4;
}
@media screen and (max-width: 767px) {
		.flowList__title__text {
				padding: 24px 10px 0 15px;
		}
}
.flowList__text {
		padding: 16px 20px 0 24px;
		line-height: 1.8;
}
.flowList__btn {
		margin-top: 24px;
}
.tab {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		background-color: #fff;
		border-right: 1px solid #644E43;
}
.tab li {
		position: relative;
		cursor: pointer;
		-webkit-transition: 0.3s;
		transition: 0.3s;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		/*flex: 1;*/
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		border-top: 1px solid #644E43;
		border-left: 1px solid #644E43;
		border-bottom: 1px solid #644E43;
		width: 25%;
		height: 100px;
		padding-bottom: 3px;
		background-color: #fff;
		color: #644E43;
		font-size: 18px;
		font-size: 1.8rem;
		text-align: center;
		line-height: 1.4;
}
@media screen and (max-width: 767px) {
		.tab li {
				width: 50%;
				height: 70px;
				padding: 0 20px 0 5px;
				font-size: 13px;
				font-size: 1.3rem;
		}
		.tab li br {
				display: none;
		}
}
@media screen and (max-width: 767px) {
		.tab li:first-child {
				border-bottom: 0;
		}
}
@media screen and (max-width: 767px) {
		.tab li:last-child {
				border-top: 0;
		}
}
.tab li:hover {
		background-color: #644E43;
		color: #fff;
		opacity: 1;
}
.tab li::after {
		content: "";
		position: absolute;
		top: 40%;
		right: 10%;
		width: 12px;
		height: 12px;
		border-bottom: 3px solid #EA6726;
		border-right: 3px solid #EA6726;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
}
.tab li:hover::after {
		top: 45%;
		border-bottom: none;
		border-right: none;
		border-top: 3px solid #EA6726;
		border-left: 3px solid #EA6726;
}

.tab li.active {
		background-color: #644E43;
		color: #fff;
		opacity: 1;
}
.tab li.active::after {
		top: 45%;
		border-bottom: none;
		border-right: none;
		border-top: 3px solid #EA6726;
		border-left: 3px solid #EA6726;
}

.tab li:first-child {
		padding-right: 10px;
}

.area .area_contents {
		display: none;
}

.area .area_contents.show {
		display: block;
}

.map {
		position: relative;
		width: 100%;
		height: 0;
		padding-top: 56.25%; /* 比率を16:9に固定 */
}
.map::after {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		/*background-color: #422B1B;*/
		position: absolute;
		top: 0;
		left: 0;
		mix-blend-mode: hue;
		pointer-events: none;
}

.map_iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

/*
#loading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000000000000000;
    display: block;
    width: 100vw;
    height: 100vh;
    background: #fff;
    -webkit-transition: all 1s;
    transition: all 1s;
}
#loading.ready {
    top: -150vh;
    -webkit-transition: all 1s;
    transition: all 1s;
}
*/
.time {
		padding: 25px 40px;
		background: -webkit-gradient(linear, left top, left bottom, from(#94634B), to(#644E43));
		background: linear-gradient(180deg, #94634B 0%, #644E43 100%);
		color: #fff;
}
@media screen and (max-width: 767px) {
		.time {
				padding: 4% 4%;
		}
}
.time__note {
		margin-top: 15px;
		text-align: center;
		font-weight: 400;
}
.time__note.sp {
		display: none;
}
@media screen and (max-width: 767px) {
		.time__note {
				margin-top: 0;
				text-align: left;
				line-height: 1.6;
		}
		.time__note.sp {
				display: block;
		}
}

@media screen and (max-width: 767px) {
		.time__table {
				table-layout: fixed;
				width: 100%;
				margin-bottom: 10px;
		}
}
.time__table th {
		border-bottom: 2px solid #fff;
		font-weight: 500;
}
.time__table td {
		padding: 0 15px;
		text-align: center;
}
@media screen and (max-width: 767px) {
		.time__table td {
				padding: 0;
		}
}
.time__table__week th {
		padding: 0 15px 5px;
}
@media screen and (max-width: 767px) {
		.time__table__week th {
				padding: 0 0;
		}
}
.time__table__week th:first-child {
		padding: 5px 0 15px 15px;
		border-right: 2px solid #fff;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-weight: 700;
		font-size: 17px;
		font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
		.time__table__week th:first-child {
				width: 38%;
				border-right: none;
				font-size: 16px;
				font-size: 1.6rem;
		}
}
.time__table__week th:first-child span {
		position: relative;
}
.time__table__week th:first-child span::before {
		position: absolute;
		left: -26px;
		display: inline-block;
		content: "";
		width: 20px;
		height: 20px;
		background-image: url(/assets/images/clock.svg);
		background-size: 20px 20px;
		background-repeat: no-repeat;
}
.time__table__week th:nth-child(2) {
		padding-left: 37px;
}
@media screen and (max-width: 767px) {
		.time__table__week th:nth-child(2) {
				padding-left: 0;
		}
}
@media screen and (max-width: 767px) {
		.time__table__week th:last-child {
				display: none;
		}
}
.time__table__row01 th, .time__table__row02 th {
		border-right: 2px solid #fff;
		border-bottom: none;
}
@media screen and (max-width: 767px) {
		.time__table__row01 th, .time__table__row02 th {
				border-right: none;
				padding-right: 3%;
		}
}
.time__table__row01 th {
		padding: 20px 25px 18px;
}
@media screen and (max-width: 767px) {
		.time__table__row01 th {
				padding: 4% 0 4%;
		}
}
.time__table__row02 th {
		padding: 0 25px 15px;
}
@media screen and (max-width: 767px) {
		.time__table__row02 th {
				padding: 0 0 4%;
		}
}
.time__table__row01 td:first-of-type, .time__table__row02 td:first-of-type {
		padding-left: 35px;
}
@media screen and (max-width: 767px) {
		.time__table__row01 td:first-of-type, .time__table__row02 td:first-of-type {
				padding-left: 0;
		}
}
@media screen and (max-width: 767px) {
		.time__table td:last-child {
				display: none;
		}
}

.imgSet {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 5%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		margin-top: 5%;
}
@media screen and (max-width: 767px) {
		.imgSet {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				gap: 8%;
				margin-top: 10%;
		}
}
.imgSet__img {
		width: 50%;
}
@media screen and (max-width: 767px) {
		.imgSet__img {
				width: 100%;
		}
}
.imgSet__detail {
		width: 40%;
}
@media screen and (max-width: 767px) {
		.imgSet__detail {
				width: 100%;
				margin-top: 3%;
		}
}
.imgSet__title {
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 600;
		line-height: 1.6;
		color: #644E43;
}
@media screen and (max-width: 767px) {
		.imgSet__title {
				margin-top: 3%;
		}
}

.imgSet.reverse {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 7%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
		.imgSet.reverse {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				margin-top: 10%;
		}
}

.imgSet.reverse .imgSet__img {
		margin-right: 3%;
}
@media screen and (max-width: 767px) {
		.imgSet.reverse .imgSet__img {
				margin-right: 0;
		}
}

.medicalInformation {
		background-color: rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 767px) {
		.medicalInformation {
				margin-bottom: 10%;
		}
}

.medicalList {
		margin-top: 1%;
}
@media screen and (max-width: 767px) {
		.medicalList {
				margin-top: 2%;
		}
}
.medicalList__item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin-top: 3%;
		padding: 2% 3% 3%;
		text-align: center;
		color: #fff;
		background-color: #644E43;
}
@media screen and (max-width: 767px) {
		.medicalList__item {
				margin-top: 8%;
				padding: 5% 6% 5%;
		}
}
.medicalList__icon.icon01 {
		margin-top: 10px;
}
.medicalList__icon.icon02 {
		margin-left: 20px;
		margin-top: 12px;
}
.medicalList__icon.icon03 {
		margin-left: 12px;
		margin-top: 22px;
}
.medicalList__icon.icon04 {
		margin-top: 12px;
}
.medicalList__icon.icon05 {
		margin-top: 28px;
}
.medicalList__icon.icon06 {
		margin-top: 18px;
}
.medicalList__title {
		margin-top: 20px;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-weight: 700;
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1.4;
}
.medicalList__title.title05 {
		margin-top: 35px;
}
.medicalList__title.title06 {
		margin-top: 25px;
}
.medicalList__text {
		margin-top: 15px;
		margin-bottom: 30px;
		line-height: 2;
}
.medicalList .btn {
		margin-top: auto;
		color: #644E43;
}
.medicalList .btn:hover {
		color: #fff;
}
.medical {
		padding-bottom: 0;
}
.medical .medicalInformation {
		margin-top: 8%;
		padding-bottom: 10%;
}
@media screen and (max-width: 767px) {
		.medical .medicalInformation {
				margin-bottom: 0;
				padding-bottom: 20%;
		}
}

.medicalRead {
		padding-top: 80px;
}

.medicalRead__title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 30px;
}
@media screen and (max-width: 767px) {
		.medicalRead__title {
				-ms-flex-wrap: nowrap;
				    flex-wrap: nowrap;
				gap: 10px;
		}
}
.medicalRead__title__icon {
		width: 80px;
}
.medicalRead__title__icon.icon02 {
		width: 75px;
}
@media screen and (max-width: 767px) {
		.medicalRead__title__icon.icon02 {
				width: 60px;
		}
}
.medicalRead__title__icon.icon04 {
		width: 90px;
}
@media screen and (max-width: 767px) {
		.medicalRead__title__icon.icon04 {
				width: 66px;
		}
}
.medicalRead__title__icon.icon05 {
		width: 90px;
}
.medicalRead__title__text {
		font-size: 32px;
		font-size: 3.2rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		line-height: 1.6;
		text-align: center;
}
@media screen and (max-width: 767px) {
		.medicalRead__title__text {
				font-size: 20px;
				font-size: 2rem;
		}
}

.medicalRead__title__note {
		text-align: center;
}
.medicalRead__title__note .text {
		display: inline-block;
		background-color: #EA6726;
		color: #fff;
		font-weight: bold;
		font-size: 20px;
		font-size: 2rem;
		padding: 5px 5%;
		margin-top: 18px;
}

.medicalRead__detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 5%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		margin-top: 5%;
}
@media screen and (max-width: 767px) {
		.medicalRead__detail {
				display: block;
				margin-top: 10%;
		}
}
.medicalRead__detail__img {
		width: 50%;
}
@media screen and (max-width: 767px) {
		.medicalRead__detail__img {
				width: 100%;
		}
}
.medicalRead__detail__text {
		width: 45%;
}
@media screen and (max-width: 767px) {
		.medicalRead__detail__text {
				width: 100%;
				margin-top: 10%;
		}
}

.fullscreen__bg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: -1;
		background-color: #FBF5E9;
		background-image: url(/assets/images/bg.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
}

.header {
		position: fixed;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 150px;
		background-color: #FBF5E9;
		background-image: url(/assets/images/bg.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		-webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
}
@media (width <= 1250px) {
		.header {
				height: 130px;
		}
}
@media screen and (max-width: 767px) {
		.header {
				height: 70px;
		}
}

.header__top {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}

.header_title {
		margin-left: 2%;
		margin-top: 20px;
}
.header_title img {
		width: 260px;
}
@media (width <= 1250px) {
		.header_title {
				margin-top: 14px;
		}
		.header_title img {
				width: 200px;
		}
}

.header_catch {
		margin-left: 2%;
		margin-top: 20px;
		font-size: 11px;
		font-size: 1.1rem;
		color: #757575;
		line-height: 1.5;
}
@media (width <= 1250px) {
		.header_catch {
				margin-top: 13px;
				font-size: 10px;
				font-size: 1rem;
		}
}
@media screen and (max-width: 1070px) {
		.header_catch {
				display: none;
		}
}
@media screen and (max-width: 767px) {
		.header_catch {
				display: none;
		}
}

.header_tel {
		-ms-flex-item-align: center;
		    -ms-grid-row-align: center;
		    align-self: center;
		margin-left: auto;
		margin-right: 2%;
}
@media (width <= 1250px) {
		.header_tel {
				margin-right: 1%;
		}
}
@media screen and (max-width: 767px) {
		.header_tel {
				display: none;
		}
}
@media (width <= 1250px) {
		.header_tel .tel_number {
				font-size: 24px;
				font-size: 2.4rem;
		}
}
@media (width <= 1250px) {
		.header_tel .tel_note {
				font-size: 12px;
				font-size: 1.2rem;
		}
}
.header_reserve_btn {
		width: 360px;
		height: 90px;
		margin: 0;
}
@media (width <= 1250px) {
		.header_reserve_btn {
				width: 280px;
				height: 70px;
		}
}
@media screen and (max-width: 767px) {
		.header_reserve_btn {
				width: 72px;
				height: 70px;
				margin-left: auto;
		}
}
.header_reserve_btn .sp_icon {
		width: 26px;
		margin-right: 10px;
}
@media screen and (max-width: 767px) {
		.header_reserve_btn .sp_icon {
				display: none;
		}
}
.header_reserve_btn .reserve_title {
		margin-left: 10px;
}
@media (width <= 1250px) {
		.header_reserve_btn .reserve_title {
				margin-left: 0;
		}
}
.header_reserve_btn .reserve_main {
		font-size: 24px;
		font-size: 2.4rem;
}
@media (width <= 1250px) {
		.header_reserve_btn .reserve_main {
				font-size: 20px;
				font-size: 2rem;
		}
}
@media screen and (max-width: 767px) {
		.header_reserve_btn .reserve_main {
				text-align: center;
		}
		.header_reserve_btn .reserve_main .en {
				position: relative;
				top: 2px;
				display: block;
				font-size: 20px;
				font-size: 2rem;
		}
		.header_reserve_btn .reserve_main .jp {
				font-size: 18px;
				font-size: 1.8rem;
		}
		.header_reserve_btn .reserve_main .here {
				display: none;
		}
}
.header_reserve_btn .reserve_sub {
		font-size: 18px;
		font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
		.header_reserve_btn .reserve_sub {
				position: relative;
				top: 1px;
				font-size: 11px;
				font-size: 1.1rem;
		}
}
.header_reserve_btn .reserve_text {
		font-size: 14px;
		font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
		.header_reserve_btn .reserve_text {
				font-size: 11px;
				font-size: 1.1rem;
		}
}
@media screen and (max-width: 767px) {
		.header_reserve_btn .reserve_line {
				display: none;
		}
}

.hamburger {
		display: none;
}
@media screen and (max-width: 767px) {
		.hamburger {
				display: block;
				position: relative;
				z-index: 10;
				width: 70px;
				height: 70px;
				border: none;
				background-color: #644E43;
		}
}

.hamburger.-active .hamburger__line {
		background-color: transparent;
}

.hamburger.-active .hamburger__line::before {
		top: 0;
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
}

.hamburger.-active .hamburger__line::after {
		top: 0;
		-webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg);
}

.hamburger.-active .hamburger__text::before {
		content: "Close";
}

.hamburger__line {
		display: block;
		height: 1px;
		position: absolute;
		top: 23px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		width: 28px;
		background-color: #fff;
		-webkit-transition: 0.3s;
		transition: 0.3s;
}

.hamburger__line::before,
.hamburger__line::after {
		content: "";
		display: block;
		height: 100%;
		position: absolute;
		width: 100%;
		background-color: #fff;
		-webkit-transition: inherit;
		transition: inherit;
}

.hamburger__line:before {
		top: -8px;
}

.hamburger__line:after {
		top: 8px;
}

.hamburger__text {
		position: absolute;
		bottom: 10px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		width: 100%;
}

.hamburger__text::before {
		content: "Menu";
		text-align: center;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-weight: 700;
		color: #fff;
}

.gnavList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
@media screen and (max-width: 767px) {
		.gnavList {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.gnavList__item {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		border-right: 1px solid rgba(255, 255, 255, 0.25);
		font-family: "Roboto Serif", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 17px;
		font-size: 1.7rem;
}
@media (width <= 1250px) {
		.gnavList__item {
				font-size: 15px;
				font-size: 1.5rem;
		}
}
.gnavList__item:last-child {
		border-right: none;
}
.gnavList a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		height: 60px;
		padding-bottom: 3px;
		background-color: #644E43;
		color: #fff;
}
.gnavList a:hover {
		background-color: #EA6726;
		opacity: 1;
		/* タブレット横向き・大型タッチデバイス向け */
}
@media (width >= 1025px) and (pointer: coarse) {
		.gnavList a:hover {
				background-color: #644E43;
		}
}
@media (width <= 1024px) {
		.gnavList a:hover {
				background-color: #644E43;
		}
}

.gnavSub {
		position: absolute;
		visibility: hidden;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		width: 100%;
}
.gnavSub__item {
		width: 33.3333333333%;
		border-left: 1px solid #fff;
		border-top: 1px solid #fff;
}
.gnavSub__item:nth-child(1) {
		border-left: none;
}
.gnavSub__item:nth-child(4) {
		border-left: none;
}
.gnavSub a {
		height: 120px;
		padding: 1% 0;
}
.gnavSub__icon {
		width: 80px;
}
.gnavSub__icon.icon02 {
		width: 60px;
}
.gnavSub__icon.icon03 {
		width: 75px;
}
.gnavSub__icon.icon04 {
		width: 65px;
}
.gnavSub__icon.icon05 {
		width: 70px;
}
.gnavSub__icon.icon06 {
		width: 65px;
}
.gnavSub__title {
		margin-left: 5%;
		font-family: "Roboto Serif", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 20px;
		font-size: 2rem;
		line-height: 1.4;
}

/* 親メニューにホバーしたらサブメニューを表示 */
.gnavList__item.medical:hover > .gnavSub {
		visibility: visible;
		z-index: 10;
		/* タブレット横向き・大型タッチデバイス向け */
}
@media (width >= 1025px) and (pointer: coarse) {
		.gnavList__item.medical:hover > .gnavSub {
				visibility: hidden;
		}
}
@media (width <= 1024px) {
		.gnavList__item.medical:hover > .gnavSub {
				visibility: hidden;
		}
}

@media screen and (max-width: 767px) {
		.header__nav-area {
				position: fixed;
				top: 0;
				left: -100%;
				z-index: 10;
				height: 100vh;
				width: calc(100% - 70px);
				visibility: hidden;
				padding-top: 60px;
				-webkit-transition: 0.4s;
				transition: 0.4s;
				background-color: #644E43;
		}
}

.header__nav-area.-active {
		left: 0;
		visibility: visible;
}

.global-navigation__link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		color: #172e59;
		font-weight: 900;
		-webkit-transition: color 0.4s;
		transition: color 0.4s;
		font-size: 0.875rem;
}

.global-navigation__link.-accordion {
		position: relative;
		background: none;
		border: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		width: 100%;
		padding: 0;
}

.global-navigation__link.-accordion::after {
		content: "";
		display: block;
		height: 12px;
		position: absolute;
		top: 50%;
		right: 5px;
		width: 2px;
		background-color: #ed3242;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		-webkit-transition: -webkit-transform 0.4s;
		transition: -webkit-transform 0.4s;
		transition: transform 0.4s;
		transition: transform 0.4s, -webkit-transform 0.4s;
}

.global-navigation__link.-accordion::before {
		content: "";
		display: block;
		height: 2px;
		position: absolute;
		top: 50%;
		right: 0;
		width: 12px;
		background-color: #ed3242;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
}

.global-navigation__link.-active::after {
		-webkit-transform: translateY(-50%) rotate(-90deg);
		        transform: translateY(-50%) rotate(-90deg);
}

.accordion {
		height: 0;
		overflow: hidden;
		visibility: hidden;
		-webkit-transition: 0.4s;
		transition: 0.4s;
}

.accordion.-active {
		height: auto;
		padding-top: 30px;
		visibility: visible;
}

.accordion__list li {
		font-size: 0.75rem;
}

.accordion__list li + li {
		margin-top: 21px;
}

.accordion__link {
		color: #172e59;
}

.footer {
		border-top: 1px solid #644E43;
}

.footer__top {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
		.footer__top {
				-webkit-box-orient: vertical;
				-webkit-box-direction: reverse;
				    -ms-flex-direction: column-reverse;
				        flex-direction: column-reverse;
		}
}

.footer__info {
		width: 50%;
		padding-left: 5%;
		padding-right: 4%;
}
@media screen and (max-width: 767px) {
		.footer__info {
				width: 100%;
				padding-right: 5%;
		}
}

.footer__title {
		display: block;
		margin-top: 10%;
}
.footer__title img {
		width: 300px;
}
@media screen and (max-width: 767px) {
		.footer__title {
				text-align: center;
		}
		.footer__title img {
				width: 240px;
		}
}

.footer__info__detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		margin-top: 4%;
}
@media (width <= 1250px) {
		.footer__info__detail {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
@media screen and (max-width: 767px) {
		.footer__info__detail {
				margin-top: 6%;
				text-align: center;
		}
}

.footer__address__text {
		line-height: 1.8;
}
.footer__address__note {
		margin-top: 10px;
		font-weight: 700;
}
.doctors__file {
		margin-top: 1%;
		width: 220px;
}
@media (width <= 1250px) {
		.doctors__file {
				margin-top: 5%;
		}
}
@media screen and (max-width: 767px) {
		.doctors__file {
				margin: 0 auto;
				margin-top: 12%;
		}
}
.doctors__file img {
		width: 100%;
}
.footer_tel {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 15px;
		margin-top: 4%;
}
@media (width <= 1250px) {
		.footer_tel {
				margin-top: 6%;
		}
}
@media screen and (max-width: 767px) {
		.footer_tel {
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				margin-top: 12%;
		}
}
.footer_tel .tel_note {
		margin-top: 7px;
}
@media screen and (max-width: 767px) {
		.footer_tel .tel_note {
				margin-top: 0;
		}
}

.footer__time {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-top: 5%;
		padding: 3%;
}
@media (width <= 1250px) {
		.footer__time {
				margin-top: 8%;
				padding: 2% 3% 3%;
		}
}
@media screen and (max-width: 767px) {
		.footer__time {
				margin-top: 12%;
				padding: 4%;
		}
}
@media (width <= 1250px) {
		.footer__time .time__table {
				width: 100%;
		}
}
.footer__time .time__table__week th {
		padding: 0 0.5% 2%;
}
@media (width <= 1250px) {
		.footer__time .time__table__week th {
				padding: 0 0 2%;
				width: 8.75%;
		}
}
.footer__time .time__table__week th:first-child {
		padding: 2% 0 3%;
		width: 140px;
		font-size: 17px;
		font-size: 1.7rem;
}
@media (width <= 1250px) {
		.footer__time .time__table__week th:first-child {
				width: 30%;
		}
}
@media screen and (max-width: 767px) {
		.footer__time .time__table__week th:first-child {
				border-right: 0;
				font-size: 16px;
				font-size: 1.6rem;
		}
}
.footer__time .time__table__week th:nth-child(2) {
		padding-left: 5%;
}
@media (width <= 1250px) {
		.footer__time .time__table__week th:nth-child(2) {
				width: 12%;
		}
}
.footer__time .time__table__row01 th {
		padding: 3.5% 0 3%;
}
.footer__time .time__table__row02 th {
		padding: 0 0 3%;
}
@media (width <= 1250px) {
		.footer__time .time__table td {
				padding: 0;
		}
}
@media (width <= 1250px) {
		.footer__time .time__table__row01 td:first-of-type, .footer__time .time__table__row02 td:first-of-type {
				padding-left: 5%;
		}
}

.footer_reserve_btn {
		margin-top: 4%;
		width: 100%;
		height: 90px;
}
@media screen and (max-width: 767px) {
		.footer_reserve_btn {
				margin-top: 8%;
		}
}
.footer_reserve_btn .sp_icon {
		width: 26px;
}
.footer_reserve_btn .reserve_main {
		font-size: 24px;
		font-size: 2.4rem;
}
.footer_reserve_btn .reserve_sub {
		font-size: 18px;
		font-size: 1.8rem;
}
.footer_reserve_btn .reserve_text {
		font-size: 14px;
		font-size: 1.4rem;
}
.footer__map {
		position: relative;
		width: 50%;
		padding-top: 50%;
		overflow: hidden;
}
@media screen and (max-width: 767px) {
		.footer__map {
				width: 100%;
				padding-top: 100%;
		}
}
.footer__map iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
}

.footer__bottom {
		margin-top: 5%;
}
@media screen and (max-width: 767px) {
		.footer__bottom {
				margin-top: 15%;
		}
}

.footerNav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 7%;
}
@media (width <= 1250px) {
		.footerNav {
				gap: 5%;
		}
}
@media screen and (max-width: 767px) {
		.footerNav {
				gap: 0;
		}
}

@media screen and (max-width: 767px) {
		.navList {
				width: 50%;
		}
}
.navList__item {
		margin-top: 36px;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: 700;
}
@media (width <= 1250px) {
		.navList__item {
				margin-top: 30px;
				font-size: 16px;
				font-size: 1.6rem;
		}
}
.navList__link {
		position: relative;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding-left: 25px;
}
.navList__link::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 12px;
		height: 12px;
		border-top: 2px solid #EA6726;
		border-right: 2px solid #EA6726;
		-webkit-transform: translateY(-50%) rotate(45deg);
		        transform: translateY(-50%) rotate(45deg);
}
.navList.wide {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 5%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
}
@media screen and (max-width: 767px) {
		.navList.wide {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				gap: 0;
		}
}

.navList.medical {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		margin-top: 3%;
		border: 1px solid #644E43;
		padding: 1% 4%;
		background-color: #fff;
}
@media (width <= 1250px) {
		.navList.medical {
				padding: 1% 3%;
		}
}
@media screen and (max-width: 767px) {
		.navList.medical {
				margin-top: 8%;
				padding: 2% 6% 0;
				width: 100%;
		}
}
.navList.medical .navList__row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		width: 100%;
		border-bottom: 1px solid #BCBCBC;
		padding-bottom: 24px;
		margin-top: 20px;
}
@media (width <= 1250px) {
		.navList.medical .navList__row {
				padding-bottom: 20px;
				margin-top: 15px;
		}
}
@media screen and (max-width: 767px) {
		.navList.medical .navList__row {
				border-bottom: 0;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				padding-bottom: 0;
				margin-top: 0;
		}
}
.navList.medical .navList__row:last-child {
		border-bottom: none;
}
.navList.medical .navList__item {
		margin-top: 0;
		padding-right: 40px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500;
}
@media screen and (max-width: 767px) {
		.navList.medical .navList__item {
				border-bottom: 1px solid #BCBCBC;
		}
}
@media screen and (max-width: 767px) {
		.navList.medical .navList__item.last {
				border-bottom: none;
		}
}
.navList.medical .navList__link {
		padding-left: 18px;
		line-height: 1.4;
}
@media screen and (max-width: 767px) {
		.navList.medical .navList__link {
				padding: 12px 0 15px 18px;
		}
}
.navList.medical .navList__link::after {
		width: 8px;
		height: 8px;
		border-top: 2px solid #644E43;
		border-right: 2px solid #644E43;
}
.navList.medical .navList__row:nth-of-type(2) .navList__item:nth-of-type(2) {
		width: 70%;
}
@media screen and (max-width: 767px) {
		.navList.medical .navList__row:nth-of-type(2) .navList__item:nth-of-type(2) {
				width: 100%;
		}
}

.copyright {
		text-align: center;
		font-size: 13px;
		font-size: 1.3rem;
		color: #757575;
		padding: 120px 0 40px;
}
@media screen and (max-width: 767px) {
		.copyright {
				padding: 15% 5% 6%;
				line-height: 1.4;
		}
}

.top__title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 12px;
}
.top__title__en {
		font-family: "Roboto Serif", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 48px;
		font-size: 4.8rem;
		font-weight: 300;
		letter-spacing: 0.05em;
		color: #644E43;
}
@media screen and (max-width: 767px) {
		.top__title__en {
				font-size: 42px;
				font-size: 4.2rem;
				line-height: 1.2;
		}
}
.top__title__jp {
		font-size: 20px;
		font-size: 2rem;
		color: #EA6726;
}
.topMv {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		width: 100%;
		height: calc(100vh - 150px - 64px);
		padding-left: 2.2%;
		padding-bottom: 5%;
		background-image: url("/assets/images/top/mv_pc.jpg");
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
}
@media (width <= 1250px) {
		.topMv {
				height: calc(100vh - 130px - 64px);
		}
}
@media screen and (max-width: 767px) {
		.topMv {
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
				height: 650px;
				padding-left: 5%;
				padding-right: 5%;
				background-image: url("/assets/images/top/mv_sp.jpg");
				background-position: left center;
		}
}

.topMv__catch {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 2%;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 100%;
}
@media screen and (max-width: 767px) {
		.topMv__catch {
				-webkit-box-orient: vertical;
				-webkit-box-direction: reverse;
				    -ms-flex-direction: column-reverse;
				        flex-direction: column-reverse;
				gap: 0;
				padding-top: 15px;
		}
}
.topMv__catch__img {
		position: absolute;
		right: 2%;
		top: 5%;
}
@media screen and (max-width: 767px) {
		.topMv__catch__img {
				-ms-flex-item-align: start;
				    align-self: flex-start;
				position: relative;
				right: 0;
				width: 135px;
				margin-top: 8%;
		}
}
.topMv__catch__text h1 {
		margin-top: -40px;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 40px;
		font-size: 4rem;
		font-weight: 400;
		letter-spacing: 2px;
		color: #343434;
		line-height: 1.5;
}
@media screen and (max-width: 767px) {
		.topMv__catch__text h1 {
				margin-top: 5%;
				font-size: 27px;
				font-size: 2.7rem;
				letter-spacing: 1px;
				line-height: 1.4;
		}
}
.topMv__catch__text p {
		line-height: 2;
		margin-top: 16px;
		font-weight: 400;
}
@media screen and (max-width: 767px) {
		.topMv__catch__text p {
				margin-top: 12px;
				line-height: 1.8;
		}
		.topMv__catch__text p br {
				display: none;
		}
}

.topMv__time {
		position: absolute;
		right: 30px;
		bottom: 30px;
		width: 600px;
		height: 200px;
}
@media screen and (max-width: 767px) {
		.topMv__time {
				position: static;
				right: 0;
				bottom: 0;
				width: 100%;
				height: auto;
				margin-top: 20px;
		}
}

.topInfo__wrap {
		max-width: 100%;
		padding: 0;
}
@media screen and (max-width: 767px) {
		.topInfo__wrap {
				display: block;
				padding: 0 5%;
		}
}

.topInfo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		height: 64px;
		border: 1px solid #644E43;
}
@media screen and (max-width: 767px) {
		.topInfo {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				height: auto;
				margin-top: 40px;
		}
}

.topInfo__title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 15px;
		width: 300px;
		color: #fff;
		background-color: #644E43;
}
@media (width <= 1250px) {
		.topInfo__title {
				gap: 5px;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				width: 150px;
		}
}
@media screen and (max-width: 767px) {
		.topInfo__title {
				-webkit-box-pack: start;
				    -ms-flex-pack: start;
				        justify-content: flex-start;
				width: 100%;
				padding: 15px 0 15px 20px;
		}
}
.topInfo__title__en {
		font-family: "Roboto Serif", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 20px;
		font-size: 2rem;
		font-weight: 400;
		letter-spacing: 0.05em;
}
@media (width <= 1250px) {
		.topInfo__title__en {
				font-size: 18px;
				font-size: 1.8rem;
		}
}
.topInfo__title__jp {
		font-size: 14px;
		font-size: 1.4rem;
}
@media (width <= 1250px) {
		.topInfo__title__jp {
				font-size: 12px;
				font-size: 1.2rem;
		}
}
.topInfo__link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 40px;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		-ms-flex-item-align: stretch;
		    -ms-grid-row-align: stretch;
		    align-self: stretch;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		padding-left: 60px;
		background-color: #fff;
}
@media (width <= 1250px) {
		.topInfo__link {
				gap: 15px;
				padding-left: 30px;
		}
}
.topInfo__link:hover {
		opacity: 1;
		color: #fff;
		background-color: #EA6726;
}
@media screen and (max-width: 767px) {
		.topInfo__link {
				-ms-flex-item-align: start;
				    align-self: flex-start;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
				gap: 0;
				padding: 20px;
				width: 100%;
		}
}
.topInfo__link__date {
		margin-top: -3px;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: 600;
}
@media screen and (max-width: 767px) {
		.topInfo__link__date {
				margin-top: 0;
		}
}
.topInfo__link__text {
		margin-top: -2px;
}
@media screen and (max-width: 767px) {
		.topInfo__link__text {
				margin-top: 10px;
		}
}

.topInfo__more {
		-ms-flex-item-align: stretch;
		    -ms-grid-row-align: stretch;
		    align-self: stretch;
		margin-left: auto;
		padding-left: 40px;
		width: 205px;
		border-left: 1px solid #644E43;
		background-color: #fff;
}
@media (width <= 1250px) {
		.topInfo__more {
				padding-left: 24px;
				width: 150px;
		}
}
@media screen and (max-width: 767px) {
		.topInfo__more {
				-ms-flex-item-align: center;
				    -ms-grid-row-align: center;
				    align-self: center;
				margin-left: 0;
				padding-left: 0;
				padding: 20px;
				width: 100%;
				border-left: none;
				border-top: 1px solid #644E43;
				display: block;
				text-align: center;
		}
}
@media (width <= 1250px) {
		.topInfo__more::after {
				right: 10px;
		}
}
.topInfo__more:hover {
		opacity: 1;
		color: #fff;
		background-color: #EA6726;
}
.topInfo__more:hover.link_arrow:after {
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
}
.topPoint {
		text-align: center;
}
.topPoint__title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 20px;
		margin-bottom: 2%;
}
@media screen and (max-width: 767px) {
		.topPoint__title {
				gap: 7px;
				margin-bottom: 6%;
		}
}
.topPoint__title__img {
		width: 366px;
}
@media screen and (max-width: 767px) {
		.topPoint__title__img {
				width: 85%;
		}
}
.topPoint__title__text {
		font-family: "Roboto Serif", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-weight: 300;
		font-size: 32px;
		font-size: 3.2rem;
		color: #644E43;
}
@media screen and (max-width: 767px) {
		.topPoint__title__text {
				font-size: 24px;
				font-size: 2.4rem;
		}
}
.topPoint__title__num {
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-weight: 500;
		font-size: 42px;
		font-size: 4.2rem;
}
@media screen and (max-width: 767px) {
		.topPoint__title__num {
				font-size: 36px;
				font-size: 3.6rem;
		}
}

.topPoint__list__item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
}
.topPoint__list .box {
		position: relative;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
}
.topPoint__list .box__detail {
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		padding: 3% 5% 4%;
}
.topPoint__list__num {
		position: absolute;
		left: 24px;
		top: -30px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding-top: 30px;
		width: 106px;
		height: 130px;
		background-image: url("/assets/images/teeth.svg");
		background-size: 106px 130px;
		background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
		.topPoint__list__num {
				left: 15px;
				top: -15px;
				padding-top: 14px;
				width: 60px;
				height: 74px;
				background-size: 60px 74px;
		}
}
.topPoint__list__num span {
		font-family: "Roboto Serif", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 22px;
		font-size: 2.2rem;
		font-weight: 300;
		color: #644E43;
}
@media screen and (max-width: 767px) {
		.topPoint__list__num span {
				font-size: 14px;
				font-size: 1.4rem;
		}
}
.topPoint__list__num .big {
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 700;
}
@media screen and (max-width: 767px) {
		.topPoint__list__num .big {
				font-size: 16px;
				font-size: 1.6rem;
		}
}
.topPoint__list__text {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 2;
}
@media screen and (max-width: 767px) {
		.topPoint__list__text {
				font-size: 16px;
				font-size: 1.6rem;
		}
}
.topPoint__list__text.text02 {
		margin-top: 3px;
}
@media screen and (max-width: 767px) {
		.topPoint__list__text.text02 {
				margin-top: 0;
		}
}
@media screen and (max-width: 767px) {
		.topPoint__list__text.text03 {
				line-height: 1.6;
		}
}
.topPoint__list__text.text04 {
		margin-top: 15px;
}
@media screen and (max-width: 767px) {
		.topPoint__list__text.text04 {
				margin-top: 5px;
				line-height: 1.6;
		}
}
.topPoint__list__text span {
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 700;
		color: #EA6726;
}
@media screen and (max-width: 767px) {
		.topPoint__list__text span {
				font-size: 18px;
				font-size: 1.8rem;
		}
}
.topPoint__list__text .big {
		font-size: 36px;
		font-size: 3.6rem;
}
@media screen and (max-width: 767px) {
		.topPoint__list__text .big {
				font-size: 24px;
				font-size: 2.4rem;
		}
}

@media screen and (max-width: 767px) {
		.top .medicalInformation {
				margin-bottom: 0;
		}
}

.topFlow {
		padding-top: 7%;
}
@media screen and (max-width: 767px) {
		.topFlow {
				padding-top: 20%;
		}
}

.topFlow__title {
		margin-bottom: 2.5%;
		text-align: center;
}
@media screen and (max-width: 767px) {
		.topFlow__title {
				margin-bottom: 10%;
		}
}

.topFlow .flowList__item:first-child {
		width: 48.75%;
}
@media screen and (max-width: 767px) {
		.topFlow .flowList__item:first-child {
				width: 100%;
		}
}
@media (width <= 1250px) {
		.topFlow .flowList__title__text {
				font-size: 20px;
				font-size: 2rem;
		}
}
.topFlow .flowList__item .br {
		display: none;
}
@media (width <= 1250px) {
		.topFlow .flowList__item .br {
				display: block;
		}
}
@media screen and (max-width: 767px) {
		.topFlow .flowList__item .br {
				display: none;
		}
}

.topConcept {
		padding: 13% 0 10%;
		background-image: url("/assets/images/top/concept_pc.png");
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100% auto;
}
@media screen and (max-width: 767px) {
		.topConcept {
				padding: 30% 0 20%;
				background-image: url("/assets/images/top/concept_sp.png");
		}
}

.topConcept__title {
		text-align: center;
}
.topConcept__contents {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 7%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		margin-top: 5%;
}
@media screen and (max-width: 1070px) {
		.topConcept__contents {
				gap: 5%;
		}
}
@media screen and (max-width: 767px) {
		.topConcept__contents {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				margin-top: 15%;
		}
}
.topConcept__contents__img {
		margin-left: 4%;
		width: 37.5%;
}
@media screen and (max-width: 1070px) {
		.topConcept__contents__img {
				margin-left: 0;
		}
}
@media screen and (max-width: 767px) {
		.topConcept__contents__img {
				margin-left: 0;
				width: 100%;
		}
}
.topConcept__contents__block {
		width: 50%;
}
@media screen and (max-width: 1070px) {
		.topConcept__contents__block {
				width: 57%;
		}
}
@media screen and (max-width: 767px) {
		.topConcept__contents__block {
				width: 100%;
		}
		.topConcept__contents__block .text {
				margin-top: 8%;
		}
		.topConcept__contents__block .text br {
				display: none;
		}
}
.topConcept__contents__title {
		font-size: 28px;
		font-size: 2.8rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-weight: 400;
		letter-spacing: 1.4px;
		line-height: 1.7;
}
@media screen and (max-width: 767px) {
		.topConcept__contents__title {
				margin-top: 10%;
				font-size: 5.6vw;
		}
}

.topConcept__flow {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 4%;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		margin-top: 6%;
}
@media screen and (max-width: 767px) {
		.topConcept__flow {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				margin-top: 20%;
		}
}
.topConcept__flow__block {
		width: 48%;
		margin-top: 40px;
		text-align: center;
}
@media screen and (max-width: 767px) {
		.topConcept__flow__block {
				width: 100%;
				margin-top: 0;
		}
}
.topConcept__flow__title {
		font-size: 24px;
		font-size: 2.4rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-weight: 700;
}
@media screen and (max-width: 767px) {
		.topConcept__flow__text br {
				display: none;
		}
}
.topConcept__flow__btn {
		margin-top: 4%;
}
@media screen and (max-width: 767px) {
		.topConcept__flow__btn {
				margin-top: 8%;
		}
}

.topConcept__movie {
		width: 42%;
}
@media screen and (max-width: 767px) {
		.topConcept__movie {
				width: 100%;
				margin-top: 15%;
		}
}
.topConcept__movie .js-modal-btn {
		position: relative;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		cursor: pointer;
}
.topConcept__movie .js-modal-btn:hover {
		opacity: 0.7;
}
.topConcept__movie .js-modal-btn:hover .topConcept__movie__arrow {
		opacity: 1;
		background-color: #644E43;
}
.topConcept__movie__img {
		width: 100%;
}
.topConcept__movie__arrow {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: 60px;
		height: 60px;
		background-color: #EA6726;
		border-radius: 50%;
		-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
		-webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
		transition: background-color 0.3s, -webkit-transform 0.3s;
		transition: background-color 0.3s, transform 0.3s;
		transition: background-color 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.topConcept__movie__arrow::after {
		content: "";
		position: absolute;
		top: 50%;
		left: calc(50% + 2px);
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 0 10px 16px;
		border-color: transparent transparent transparent #fff;
}
.topConcept__movie__text {
		position: absolute;
		left: 10px;
		bottom: 5px;
		font-size: 60px;
		font-size: 6rem;
		font-family: "Roboto Serif", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-weight: 300;
		color: #fff;
}
@media screen and (max-width: 767px) {
		.topConcept__movie__text {
				font-size: 42px;
				font-size: 4.2rem;
		}
}
.topConcept__movie__note {
		margin-top: 16px;
		font-size: 14px;
		font-size: 1.4rem;
		text-align: right;
}
.topLinks__list__item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
.topLinks__list .box {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
}
.topLinks__list .box__detail {
		padding: 7%;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
}
.topLinks__list__title {
		text-align: center;
}
.topLinks__list__title__en {
		font-size: 32px;
		font-size: 3.2rem;
}
.topLinks__list__title__jp {
		margin-top: -2px;
		font-size: 18px;
		font-size: 1.8rem;
}
.topLinks__list__text {
		margin-top: 24px;
		margin-bottom: 30px;
}
.topLinks__list__btn {
		margin-top: auto;
}
.medical_index .medicalInformation {
		margin-top: 0;
		background-color: transparent;
		padding-top: 5%;
}
@media screen and (max-width: 767px) {
		.medical_index .medicalInformation {
				padding-top: 20%;
		}
}
.medical_index .top__title {
		display: none;
}
.medical_index .text {
		margin-top: 0;
}

.prdFlow {
		padding-top: 9%;
}
@media screen and (max-width: 767px) {
		.prdFlow {
				padding-top: 26%;
		}
}

.prdFlow .flowList {
		margin-top: 5%;
}
@media screen and (max-width: 767px) {
		.prdFlow .flowList {
				margin-top: 12%;
		}
}
.prdFlow .flowList__item {
		width: 100%;
		padding-bottom: 0;
}
.prdFlow .flowList__item:not(:first-child) {
		margin-top: 3%;
}
@media screen and (max-width: 767px) {
		.prdFlow .flowList__item:not(:first-child) {
				margin-top: 8%;
		}
}
.prdFlow .flowList__title__num {
		padding-top: 10px;
}
@media screen and (max-width: 767px) {
		.prdFlow .flowList__title__num {
				width: 70px;
				height: 72px;
				padding-left: 14px;
				padding-top: 12px;
		}
}
.prdFlow .flowList__title__text {
		color: #644E43;
		font-size: 32px;
		font-size: 3.2rem;
		text-align: left;
		font-weight: 600;
		padding: 0;
}
@media screen and (max-width: 767px) {
		.prdFlow .flowList__title__text {
				font-size: 26px;
				font-size: 2.6rem;
		}
}
.prdFlow .flowList__content {
		padding: 60px 50px 50px 50px;
		gap: 4%;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
		.prdFlow .flowList__content {
				padding: 10% 8%;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
		}
}
.prdFlow .flowList__content__item:first-child {
		width: 40%;
}
@media screen and (max-width: 767px) {
		.prdFlow .flowList__content__item:first-child {
				width: 100%;
		}
}
.prdFlow .flowList__content__item:not(:first-child) {
		margin-left: auto;
		text-align: right;
}
.prdFlow .flowList__content .prdFlow__img {
		width: 100%;
		margin-left: auto;
}
.prdFlow .flowList__text {
		padding: 16px 0 0;
}
@media screen and (max-width: 767px) {
		.prdFlow .flowList__text {
				padding: 8% 0 3%;
		}
}

.prdOption {
		padding: 0 0 2%;
}
@media screen and (max-width: 767px) {
		.prdOption {
				padding: 0 0 18%;
		}
}

.optionList__item {
		margin-top: 4.5%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
@media screen and (max-width: 767px) {
		.optionList__item {
				margin-top: 8%;
		}
}
@media screen and (max-width: 767px) {
		.optionList__item:first-child {
				margin-top: 12%;
		}
}
.optionList .box__detail {
		padding: 5% 5% 9%;
}
.optionList .box__detail .box__title {
		line-height: 1.5;
}

.cariesStages .sec__subtitle {
		margin-top: 3%;
}
@media screen and (max-width: 767px) {
		.cariesStages .sec__subtitle {
				margin-top: 8%;
		}
}
.cariesStages .sec__read {
		margin-top: 2%;
}
@media screen and (max-width: 767px) {
		.cariesStages .sec__read {
				margin-top: 4%;
		}
}
.cariesStages .csList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-top: 8%;
}
@media screen and (max-width: 767px) {
		.cariesStages .csList {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.cariesStages .csList__item {
		background-color: #fff;
		border-top: 1px solid #644E43;
		border-right: 1px solid #644E43;
		border-bottom: 1px solid #644E43;
		width: 20%;
}
@media screen and (max-width: 767px) {
		.cariesStages .csList__item {
				width: 100%;
				border-left: 1px solid #644E43;
		}
}
.cariesStages .csList__item:first-of-type {
		border-left: 1px solid #644E43;
}
.cariesStages .csList__item:nth-of-type(1) .csList__title {
		background-color: #EA6726;
}
.cariesStages .csList__item:nth-of-type(2) .csList__title {
		background-color: #D1622C;
}
.cariesStages .csList__item:nth-of-type(3) .csList__title {
		background-color: #A85B34;
}
.cariesStages .csList__item:nth-of-type(4) .csList__title {
		background-color: #89553B;
}
.cariesStages .csList__item:nth-of-type(5) .csList__title {
		background-color: #644E43;
}
.cariesStages .csList__title {
		color: #fff;
		text-align: center;
		font-size: 24px;
		font-size: 2.4rem;
		padding: 4% 0;
}
.cariesStages .csList__title span {
		display: block;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.6;
}
.cariesStages .csList__img__wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		min-height: 230px;
}
@media screen and (min-width: 1367px) {
		.cariesStages .csList__img__wrap {
				min-height: 270px;
		}
}
@media screen and (max-width: 1070px) {
		.cariesStages .csList__img__wrap {
				min-height: 170px;
		}
}
@media screen and (max-width: 767px) {
		.cariesStages .csList__img__wrap {
				min-height: auto;
		}
}
.cariesStages .csList__img {
		width: 100%;
		padding: 12% 7% 0;
		display: block;
}
@media screen and (max-width: 767px) {
		.cariesStages .csList__img {
				width: 80%;
				margin: 0 auto;
		}
}
.cariesStages .csList__text {
		padding: 5% 5% 10%;
}
@media screen and (max-width: 767px) {
		.cariesStages .csList__text {
				padding: 20px 15px 25px 20px;
		}
}

@media screen and (max-width: 767px) {
		.cavityPoint .imgSet {
				-webkit-box-orient: vertical;
				-webkit-box-direction: reverse;
				    -ms-flex-direction: column-reverse;
				        flex-direction: column-reverse;
		}
}
@media screen and (max-width: 767px) {
		.cavityPoint .imgSet__img {
				margin-top: 6%;
		}
}
.cavityPoint .imgSet__img img {
		width: 100%;
}
.cavityPoint .imgSet__img img:first-child {
		margin-bottom: 11%;
}
@media screen and (max-width: 767px) {
		.cavityPoint .imgSet__img img:first-child {
				margin-bottom: 6%;
		}
}
.cavityPoint .flowList__item {
		padding: 3% 8% 10%;
}
.cavityPoint .flowList__item:not(:first-child) {
		margin-top: 9%;
}
@media screen and (max-width: 767px) {
		.cavityPoint .flowList__item:not(:first-child) {
				margin-top: 5%;
		}
}

.prosthoTypes {
		padding-bottom: 0;
}
@media screen and (max-width: 767px) {
		.prosthoTypes {
				padding-bottom: 12%;
		}
}
.prosthoTypes .sec__subtitle {
		margin-top: 3%;
}
@media screen and (max-width: 767px) {
		.prosthoTypes .sec__subtitle {
				margin-top: 6%;
		}
}
.prosthoTypes__detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 5%;
		margin-top: 3%;
		margin-bottom: 5%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
@media screen and (max-width: 767px) {
		.prosthoTypes__detail {
				margin-top: 6%;
				margin-bottom: 10%;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.prosthoTypes__detail__img {
		width: 48%;
}
@media screen and (max-width: 767px) {
		.prosthoTypes__detail__img {
				width: 100%;
		}
}
.prosthoTypes__detail__text {
		width: 47%;
}
@media screen and (max-width: 767px) {
		.prosthoTypes__detail__text {
				width: 100%;
				margin-top: 5%;
		}
}
.prosthoTypes__box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 5%;
		border: solid 1px #644E43;
}
@media screen and (max-width: 767px) {
		.prosthoTypes__box {
				margin-top: 8%;
		}
}
.prosthoTypes__box__item:first-child {
		background-color: #644E43;
		color: #fff;
		font-size: 18px;
		font-size: 1.8rem;
		width: 14%;
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-top: 0;
}
.prosthoTypes__box__item:not(:first-child) {
		background-color: #fff;
		padding: 20px 24px 27px;
		margin-top: 0;
		width: 86%;
}
.whitening__title {
		font-size: 50px;
		font-size: 5rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		line-height: 1.6;
		text-align: center;
}
.whitening__title br {
		display: none;
}
@media screen and (max-width: 767px) {
		.whitening__title {
				font-size: 40px;
				font-size: 4rem;
				line-height: 1.25;
		}
		.whitening__title br {
				display: block;
		}
}
.whitening__detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 5%;
		margin-top: 4%;
		margin-bottom: 7%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
@media screen and (max-width: 767px) {
		.whitening__detail {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				margin-top: 10%;
				margin-bottom: 8%;
		}
}
.whitening__detail__img {
		width: 50%;
}
@media screen and (max-width: 767px) {
		.whitening__detail__img {
				width: 100%;
		}
}
.whitening__detail__text {
		width: 45%;
}
@media screen and (max-width: 767px) {
		.whitening__detail__text {
				width: 100%;
				margin-top: 4%;
		}
}
.whitening__box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 5%;
		border: solid 1px #644E43;
}
@media screen and (max-width: 767px) {
		.whitening__box {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				margin-top: 10%;
		}
}
.whitening__box__item:first-child {
		background-color: #644E43;
		color: #fff;
		font-size: 18px;
		font-size: 1.8rem;
		width: 22%;
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-top: 0;
}
@media screen and (max-width: 767px) {
		.whitening__box__item:first-child {
				width: 100%;
				padding: 5px 0 10px;
		}
		.whitening__box__item:first-child br {
				display: none;
		}
}
.whitening__box__item:not(:first-child) {
		background-color: #fff;
		padding: 20px 24px 27px;
		margin-top: 0;
		width: 78%;
}
@media screen and (max-width: 767px) {
		.whitening__box__item:not(:first-child) {
				width: 100%;
		}
}
.whitening .sec__title {
		margin-bottom: 4%;
}
@media screen and (max-width: 767px) {
		.whitening .sec__title {
				margin-top: 10%;
				margin-bottom: 5%;
		}
}
.whitening .clm4List__item {
		margin-top: 0;
}
@media screen and (max-width: 767px) {
		.whitening .flowList__item {
				margin-top: 4%;
		}
}

.hwFlow .text__note {
		margin-top: 2%;
}

.whitening__hr {
		margin-top: 10%;
		border-top: 1px solid #644E43;
}
@media screen and (max-width: 767px) {
		.whitening__hr {
				margin-top: 20%;
				margin-bottom: 0;
		}
}

.homeWhitening {
		padding-bottom: 0;
}
@media screen and (max-width: 767px) {
		.homeWhitening {
				padding-bottom: 15%;
		}
}

.hwFlow {
		padding-bottom: 7%;
}
.whitening__method .whitening__box {
		margin-top: 3%;
}
@media screen and (max-width: 767px) {
		.whitening__method .whitening__box {
				margin-top: 8%;
		}
}
.whitening__method .whitening__box__wrap {
		background-color: #fff;
		width: 100%;
		padding: 0 40px;
}
@media screen and (max-width: 767px) {
		.whitening__method .whitening__box__wrap {
				padding: 0 20px;
		}
}
.whitening__method .whitening__box__item:first-child {
		width: 11%;
}
@media screen and (max-width: 767px) {
		.whitening__method .whitening__box__item:first-child {
				width: 100%;
		}
}
.whitening__method .whitening__box__item:not(first-child) {
		width: 89%;
}
@media screen and (max-width: 767px) {
		.whitening__method .whitening__box__item:not(first-child) {
				width: 100%;
		}
}
.whitening__method .method {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 2.5% 0;
}
@media screen and (max-width: 767px) {
		.whitening__method .method {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				padding: 5% 0 8%;
		}
}
.whitening__method .method:not(:first-child) {
		border-top: solid 1px #644E43;
}
.whitening__method .method__title {
		font-size: 24px;
		font-size: 2.4rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-weight: bold;
		color: #644E43;
		line-height: 1.4;
		width: 18%;
}
@media screen and (max-width: 767px) {
		.whitening__method .method__title {
				width: 100%;
				font-size: 20px;
				font-size: 2rem;
		}
		.whitening__method .method__title br {
				display: none;
		}
}
.whitening__method .method__text {
		margin-top: 5px;
		line-height: 1.8;
}

.pdFlow {
		padding-top: 7%;
}
@media screen and (max-width: 767px) {
		.pdFlow {
				padding-top: 20%;
		}
}

.pdFlow .flowList {
		margin-top: 1.5%;
}
@media screen and (max-width: 767px) {
		.pdFlow .flowList {
				margin-top: 2%;
		}
}
.pdFlow .flowList__item {
		margin-top: 3%;
}
@media screen and (max-width: 767px) {
		.pdFlow .flowList__item {
				margin-top: 6%;
		}
}
.pdFlow .flowList__item:first-child, .pdFlow .flowList__item:nth-child(2) {
		width: 48.5%;
}
@media screen and (max-width: 767px) {
		.pdFlow .flowList__item:first-child, .pdFlow .flowList__item:nth-child(2) {
				width: 100%;
		}
}

.topFlow__title {
		margin-bottom: 2.5%;
		text-align: center;
}
@media screen and (max-width: 767px) {
		.topFlow__title {
				margin-bottom: 10%;
		}
}

@media screen and (max-width: 767px) {
		.treatmentList {
				margin-top: 2%;
		}
}
.treatmentList__item {
		margin-top: 4.5%;
}
@media screen and (max-width: 767px) {
		.treatmentList__item {
				margin-top: 6%;
		}
}

@media screen and (max-width: 767px) {
		.pdHealthcheck {
				padding-bottom: 15%;
		}
}
.pdHealthcheck .subtitle {
		margin-top: 6%;
		font-size: 20px;
		font-size: 2rem;
		font-weight: 600;
		text-align: center;
		line-height: 1.4;
}
.pdHealthcheck .btn {
		width: 280px;
		margin-top: 24px;
}
@media screen and (max-width: 767px) {
		.sleep .pageTitle__jp {
				margin-top: -2px;
				line-height: 1.4;
		}
}

@media screen and (max-width: 767px) {
		.sleep .breadcrumbList {
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
}

@media screen and (max-width: 767px) {
		.sleep .breadcrumbList__item:last-child {
				width: 140px;
				line-height: 1.3;
		}
}

@media screen and (max-width: 767px) {
		.sleep .medicalRead__title__text br {
				display: none;
		}
}

@media screen and (max-width: 767px) {
		.sleep .medicalRead__title__note .text {
				font-size: 18px;
				font-size: 1.8rem;
		}
}

.SleepSplintRisk__detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 5%;
		margin-top: 2%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
@media screen and (max-width: 767px) {
		.SleepSplintRisk__detail {
				-webkit-box-orient: vertical;
				-webkit-box-direction: reverse;
				    -ms-flex-direction: column-reverse;
				        flex-direction: column-reverse;
				margin-top: 8%;
		}
}
.SleepSplintRisk__detail__img {
		width: 50%;
}
@media screen and (max-width: 767px) {
		.SleepSplintRisk__detail__img {
				width: 100%;
		}
}
.SleepSplintRisk__detail__text {
		width: 45%;
}
@media screen and (max-width: 767px) {
		.SleepSplintRisk__detail__text {
				width: 100%;
				margin-top: 4%;
		}
}

@media screen and (max-width: 767px) {
		.SleepSplintFlow {
				padding-bottom: 15%;
		}
}
.SleepSplintFlow .flowList {
		margin-top: 5%;
}
@media screen and (max-width: 767px) {
		.SleepSplintFlow .flowList {
				margin-top: 8%;
		}
}
.SleepSplintFlow .flowList__item {
		width: 100%;
		padding-bottom: 0;
}
.SleepSplintFlow .flowList__item:not(:first-child) {
		margin-top: 4%;
}
.SleepSplintFlow .flowList__title__text {
		color: #644E43;
		font-size: 32px;
		font-size: 3.2rem;
		text-align: left;
		font-weight: 600;
		padding: 0;
}
@media screen and (max-width: 767px) {
		.SleepSplintFlow .flowList__title__text {
				font-size: 26px;
				font-size: 2.6rem;
		}
}
.SleepSplintFlow .flowList__content {
		padding: 60px 50px 50px 50px;
		gap: 4%;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
		.SleepSplintFlow .flowList__content {
				padding: 7%;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
		}
}
.SleepSplintFlow .flowList__content__item:first-child {
		width: 40%;
}
@media screen and (max-width: 767px) {
		.SleepSplintFlow .flowList__content__item:first-child {
				width: 100%;
		}
}
.SleepSplintFlow .flowList__content__item:not(:first-child) {
		margin-left: auto;
		text-align: right;
}
.SleepSplintFlow .flowList__content .SleepSplintFlow__img {
		width: 100%;
		margin-left: auto;
}
.SleepSplintFlow .flowList__text {
		padding: 16px 0 0 0;
}
.SleepSplintFlow .imgSet__title {
		margin-top: 49px;
}
@media screen and (max-width: 767px) {
		.SleepSplintFlow .imgSet__title {
				margin-top: 12%;
		}
}
.SleepSplintFlow .text {
		margin-top: 1.5%;
}
@media screen and (max-width: 767px) {
		.SleepSplintFlow .text {
				margin-top: 5%;
		}
}

.pageTitle__jp .textBrown {
		color: #644E43;
}

@media screen and (max-width: 767px) {
		.orthodontics .pageTitle__jp {
				margin-top: -2px;
				line-height: 1.4;
		}
}

@media screen and (max-width: 767px) {
		.orthodontics .breadcrumbList {
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
}

@media screen and (max-width: 767px) {
		.orthodontics .breadcrumbList__item:last-child {
				width: 140px;
				line-height: 1.3;
		}
}

.orthodonticsMenu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		background-color: #fff;
		margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
		.orthodonticsMenu {
				margin-bottom: 0;
		}
}
.orthodonticsMenu__item {
		width: 25%;
		border-top: 1px solid #644E43;
		border-left: 1px solid #644E43;
		border-bottom: 1px solid #644E43;
}
@media screen and (max-width: 767px) {
		.orthodonticsMenu__item {
				width: 50%;
		}
}
@media screen and (max-width: 767px) {
		.orthodonticsMenu__item:first-child {
				border-bottom: 0;
		}
}
@media screen and (max-width: 767px) {
		.orthodonticsMenu__item:nth-child(2) {
				border-right: 1px solid #644E43;
				border-bottom: 0;
		}
}
.orthodonticsMenu__item:last-child {
		border-right: 1px solid #644E43;
}
.orthodonticsMenu a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		height: 80px;
		padding-bottom: 3px;
		background-color: #fff;
		color: #644E43;
		font-size: 18px;
		font-size: 1.8rem;
		position: relative;
}
@media screen and (max-width: 767px) {
		.orthodonticsMenu a {
				height: 70px;
				padding-right: 5px;
				font-size: 14px;
				font-size: 1.4rem;
		}
}
.orthodonticsMenu a:hover {
		background-color: #644E43;
		color: #fff;
		opacity: 1;
}
.orthodonticsMenu a::after {
		content: "";
		position: absolute;
		top: 40%;
		right: 10%;
		width: 12px;
		height: 12px;
		border-bottom: 3px solid #EA6726;
		border-right: 3px solid #EA6726;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
}
.orthodonticsMenu a:hover::after {
		top: 45%;
		border-bottom: none;
		border-right: none;
		border-top: 3px solid #EA6726;
		border-left: 3px solid #EA6726;
}
.orthodonticsMenu .active {
		background-color: #644E43;
		color: #fff;
		opacity: 1;
}
.orthodonticsMenu .active::after {
		top: 45%;
		border-bottom: none;
		border-right: none;
		border-top: 3px solid #EA6726;
		border-left: 3px solid #EA6726;
}

.dIbox {
		margin-top: 4%;
		background-color: #fff;
		border: 1px solid #644E43;
		max-width: 1040px;
}
@media screen and (max-width: 767px) {
		.dIbox {
				margin-top: 8%;
		}
}
.dIbox__content {
		padding: 36px 40px 39px;
		gap: 2%;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
		.dIbox__content {
				padding: 7%;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
		}
}
.dIbox__content__item:first-child {
		width: 100%;
		margin-top: 0;
}
@media screen and (max-width: 767px) {
		.dIbox__content__item:first-child {
				width: 100%;
		}
}
.dIbox__content__item:not(:first-child) {
		text-align: center;
		margin-top: 0;
}
.dIbox__title__text {
		color: #644E43;
		font-size: 28px;
		font-size: 2.8rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		text-align: left;
		font-weight: 600;
		line-height: 1.6;
		padding: 0;
}
@media screen and (max-width: 767px) {
		.dIbox__title__text {
				font-size: 22px;
				font-size: 2.2rem;
		}
}
.dIbox__img {
		width: 100%;
		max-width: 236px;
}
@media screen and (max-width: 767px) {
		.dIbox__img {
				margin-top: 8%;
				max-width: 200px;
		}
}
.dIbox__img__caption {
		font-size: 18px;
		font-size: 1.8rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-weight: bold;
		text-align: center;
		line-height: 2;
		margin-top: 19px;
}
@media screen and (max-width: 767px) {
		.dIbox__img__caption {
				margin-top: 12px;
		}
}
.dIbox__img__caption span {
		font-size: 22px;
		font-size: 2.2rem;
		display: block;
}
.symptoms__detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 5%;
		margin-top: 2%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
@media screen and (max-width: 767px) {
		.symptoms__detail {
				-webkit-box-orient: vertical;
				-webkit-box-direction: reverse;
				    -ms-flex-direction: column-reverse;
				        flex-direction: column-reverse;
				margin-top: 8%;
		}
}
.symptoms__detail__img {
		width: 50%;
}
@media screen and (max-width: 767px) {
		.symptoms__detail__img {
				width: 100%;
		}
}
.symptoms__detail__text {
		width: 45%;
}
@media screen and (max-width: 767px) {
		.symptoms__detail__text {
				width: 100%;
				margin-top: 4%;
		}
}

.symptoms__box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 5%;
		border: solid 1px #644E43;
}
@media screen and (max-width: 767px) {
		.symptoms__box {
				margin-top: 8%;
		}
}
.symptoms__box__item:first-child {
		background-color: #644E43;
		color: #fff;
		font-size: 18px;
		font-size: 1.8rem;
		width: 18%;
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}
.symptoms__box__item:not(first-child) {
		background-color: #fff;
		padding: 20px 24px 27px;
		margin-top: 0;
		width: 82%;
}
.toothType {
		padding-bottom: 2%;
}
@media screen and (max-width: 767px) {
		.toothTypeList {
				margin-top: 2%;
		}
}
.toothTypeList__item {
		margin-top: 3%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
@media screen and (max-width: 767px) {
		.toothTypeList__item {
				margin-top: 6%;
		}
}
.toothTypeList .box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		height: 100%;
}
.toothTypeList .box__detail {
		padding: 5% 8% 9%;
}
.toothTypeList .box__title {
		line-height: 1.5;
}
.orthodonticsFlow {
		padding-top: 7%;
}
@media screen and (max-width: 767px) {
		.orthodonticsFlow {
				padding-top: 20%;
		}
}
.orthodonticsFlow .flowList {
		margin-top: 1.5%;
}
@media screen and (max-width: 767px) {
		.orthodonticsFlow .flowList {
				margin-top: 2%;
		}
}
.orthodonticsFlow .flowList__item {
		margin-top: 3%;
}
@media screen and (max-width: 767px) {
		.orthodonticsFlow .flowList__item {
				margin-top: 6%;
		}
}

.abList__title {
		font-size: 32px;
		font-size: 3.2rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		color: #644E43;
		margin: 4% 0 3%;
		line-height: 2;
}
.abList__title__note {
		font-size: 26px;
		font-size: 2.6rem;
		margin-left: 1%;
}
.abList__title .patientType {
		font-size: 22px;
		font-size: 2.2rem;
		font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
		font-weight: bold;
		background-color: #644E43;
		color: #fff;
		padding: 7px 24px 9px;
		margin-right: 30px;
}
.abList__item__box {
		max-width: 840px;
		margin-top: 3%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		border: solid 1px #644E43;
		background-color: #fff;
}
.abList .box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		height: 100%;
}
.abList .box__detail {
		padding: 6% 5% 5%;
}
.abList .box__title {
		line-height: 1.5;
}
.abList__item__clm3 .clm3List__item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
.orthoAgeDiff {
		margin-top: 2%;
}
.orthoAgeDiff__box {
		margin-top: 6%;
		border: solid 1px #644E43;
}
@media screen and (max-width: 767px) {
		.orthoAgeDiff__box {
				margin-top: 8%;
		}
}
.orthoAgeDiff__box__item:first-child {
		background-color: #644E43;
		color: #fff;
		font-size: 18px;
		font-size: 1.8rem;
		text-align: center;
		padding: 1%;
}
@media screen and (max-width: 767px) {
		.orthoAgeDiff__box__item:first-child {
				padding: 5px 0 10px;
		}
}
.orthoAgeDiff__box__item:not(first-child) {
		background-color: #fff;
		padding: 4% 5% 6%;
		margin-top: 0;
}
.orthoAgeDiff .sec__subtitle {
		margin-top: 5%;
}
@media screen and (max-width: 767px) {
		.orthoAgeDiff .sec__subtitle {
				margin-top: 10%;
		}
}

.MediaObject__detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		gap: 5%;
		margin-top: 4%;
}
@media screen and (max-width: 767px) {
		.MediaObject__detail {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				margin-top: 8%;
		}
}
.MediaObject__detail__img {
		width: 50%;
}
@media screen and (max-width: 767px) {
		.MediaObject__detail__img {
				width: 100%;
		}
}
.MediaObject__detail__text {
		width: 45%;
}
@media screen and (max-width: 767px) {
		.MediaObject__detail__text {
				width: 100%;
				margin-top: 3%;
		}
}

.duringOrthdontics {
		padding-bottom: 0;
}
@media screen and (max-width: 767px) {
		.duringOrthdontics {
				padding-bottom: 15%;
		}
}
.duringOrthdontics .MediaObject__detail {
		margin-top: 5%;
}
@media screen and (max-width: 767px) {
		.duringOrthdontics .MediaObject__detail {
				margin-top: 8%;
		}
}

@media screen and (max-width: 767px) {
		.periodontal .pageTitle__jp {
				margin-top: -2px;
				line-height: 1.4;
		}
}

@media screen and (max-width: 767px) {
		.periodontal .breadcrumbList {
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
}

@media screen and (max-width: 767px) {
		.periodontal .breadcrumbList__item:last-child {
				width: 140px;
				line-height: 1.3;
		}
}

.periodontalFlow .flowList {
		margin-top: 5%;
}
@media screen and (max-width: 767px) {
		.periodontalFlow .flowList {
				margin-top: 8%;
		}
}
.periodontalFlow .flowList__item {
		width: 100%;
		padding-bottom: 0;
}
.periodontalFlow .flowList__item:not(:first-child) {
		margin-top: 3%;
}
@media screen and (max-width: 767px) {
		.periodontalFlow .flowList__item:not(:first-child) {
				margin-top: 6%;
		}
}
.periodontalFlow .flowList__title__text {
		color: #644E43;
		font-size: 32px;
		font-size: 3.2rem;
		text-align: left;
		font-weight: 600;
		padding: 0;
}
@media screen and (max-width: 767px) {
		.periodontalFlow .flowList__title__text {
				font-size: 26px;
				font-size: 2.6rem;
		}
}
.periodontalFlow .flowList__content {
		padding: 60px 50px 50px 50px;
		gap: 4%;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
		.periodontalFlow .flowList__content {
				padding: 7%;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
		}
}
.periodontalFlow .flowList__content__item:first-child {
		width: 40%;
}
@media screen and (max-width: 767px) {
		.periodontalFlow .flowList__content__item:first-child {
				width: 100%;
		}
}
.periodontalFlow .flowList__content__item:not(:first-child) {
		margin-left: auto;
		text-align: right;
}
.periodontalFlow .flowList__content .prdFlow__img {
		width: 100%;
		margin-left: auto;
}
.periodontalFlow .flowList__text {
		padding: 16px 0 0;
}

.periodontalExam {
		padding-bottom: 0;
}

.peList .box {
		height: 100%;
}

@media screen and (max-width: 767px) {
		.gumCare.sec02 {
				padding-bottom: 15%;
		}
}
.gumCare__detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 5%;
		margin-top: 2%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
@media screen and (max-width: 767px) {
		.gumCare__detail {
				margin-top: 8%;
		}
}
.gumCare__detail__img {
		width: 50%;
}
@media screen and (max-width: 767px) {
		.gumCare__detail__img {
				width: 100%;
		}
}
.gumCare__detail__text {
		width: 45%;
}
@media screen and (max-width: 767px) {
		.gumCare__detail__text {
				width: 100%;
				margin-top: 4%;
		}
}
.gumCare__detail.reverse {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
}
.gumCare__subtitle {
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-weight: bold;
		color: #644E43;
		font-size: 32px;
		font-size: 3.2rem;
		letter-spacing: -0.05em;
		margin-top: 5%;
}
@media screen and (max-width: 767px) {
		.gumCare__subtitle {
				margin-top: 10%;
				font-size: 26px;
				font-size: 2.6rem;
				letter-spacing: 0em;
				line-height: 1.4;
		}
}

@media screen and (max-width: 767px) {
		.gumCareList__item {
				margin-top: 6%;
		}
}
.gumCareList .box {
		height: 100%;
}
.gumCareList .box__title {
		font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
		color: #343434;
		font-size: 22px;
		font-size: 2.2rem;
		text-align: left;
		padding-bottom: 17px;
		position: relative;
}
@media screen and (max-width: 767px) {
		.gumCareList .box__title {
				font-size: 20px;
				font-size: 2rem;
				line-height: 1.4;
		}
}
.gumCareList .box__title::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #343434;
}
.gumCareList .box__detail .text {
		margin-top: 12px;
}

@media screen and (max-width: 767px) {
		.dentures .pageTitle__jp {
				margin-top: -2px;
				line-height: 1.4;
		}
}

@media screen and (max-width: 767px) {
		.dentures .breadcrumbList {
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
}

@media screen and (max-width: 767px) {
		.dentures .breadcrumbList__item:last-child {
				width: 140px;
				line-height: 1.3;
		}
}

.dw {
		padding-bottom: 0;
}
.dw__detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 5%;
		margin-top: 2%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
@media screen and (max-width: 767px) {
		.dw__detail {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				margin-top: 8%;
		}
}
.dw__detail__img {
		width: 50%;
}
@media screen and (max-width: 767px) {
		.dw__detail__img {
				width: 100%;
		}
}
.dw__detail__text {
		width: 45%;
}
@media screen and (max-width: 767px) {
		.dw__detail__text {
				width: 100%;
				margin-top: 4%;
		}
}
.dw__detail.reverse {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
		.dentureTypes {
				padding-bottom: 15%;
		}
}

.dtList .box {
		height: 100%;
}
@media screen and (max-width: 767px) {
		.dtList .box__title {
				line-height: 1.4;
		}
}

@media screen and (max-width: 767px) {
		.implant .pageTitle__jp {
				margin-top: -2px;
				line-height: 1.4;
		}
}

@media screen and (max-width: 767px) {
		.implant .breadcrumbList {
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
}

@media screen and (max-width: 767px) {
		.implant .breadcrumbList__item:last-child {
				width: 140px;
				line-height: 1.3;
		}
}

.orthodonticsMenu.imprlant {
		margin-bottom: 67px;
}

.implantCostMaintenance {
		margin-top: 6%;
}
@media screen and (max-width: 767px) {
		.implantCostMaintenance {
				margin-top: 12%;
		}
}

.icm__title {
		text-align: left;
}
.icm__title:not(:first-child) {
		margin-top: 6%;
}
@media screen and (max-width: 767px) {
		.icm__title:not(:first-child) {
				margin-top: 12%;
		}
}
.icm__detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 5%;
		margin-top: 2%;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
}
@media screen and (max-width: 767px) {
		.icm__detail {
				margin-top: 8%;
		}
}
.icm__detail__img {
		width: 50%;
}
@media screen and (max-width: 767px) {
		.icm__detail__img {
				width: 100%;
				margin-top: 8%;
		}
}
.icm__detail__text {
		width: 45%;
}
@media screen and (max-width: 767px) {
		.icm__detail__text {
				width: 100%;
		}
}

.irList__item {
		position: relative;
		margin-top: 5%;
}
@media screen and (max-width: 767px) {
		.irList__item {
				margin-top: 10%;
		}
}
.irList__icon__wrap {
		position: absolute;
		top: -6%;
		left: 3%;
		background: url("/assets/images/teeth.svg") no-repeat;
		background-size: contain;
		width: 106px;
		height: 130px;
		display: -ms-grid;
		display: grid;
		place-items: center;
}
@media screen and (max-width: 767px) {
		.irList__icon__wrap {
				left: 15px;
				top: -15px;
				padding-top: 14px;
				width: 60px;
				height: 74px;
				background-size: 60px 74px;
		}
}
.irList__icon {
		font-size: 22px;
		font-size: 2.2rem;
		font-family: "Roboto Serif", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		color: #644E43;
		text-align: center;
		padding-bottom: 25px;
}
@media screen and (max-width: 767px) {
		.irList__icon {
				font-size: 14px;
				font-size: 1.4rem;
		}
}
.irList__icon span {
		font-size: 24px;
		font-size: 2.4rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		display: block;
		font-weight: 700;
}
@media screen and (max-width: 767px) {
		.irList__icon span {
				font-size: 16px;
				font-size: 1.6rem;
		}
}
.irList .box {
		height: 100%;
}
@media screen and (max-width: 767px) {
		.irList .box__title {
				line-height: 1.4;
		}
}

@media screen and (max-width: 767px) {
		.implantTreatment {
				padding-bottom: 15%;
		}
}

.imt {
		padding-bottom: 0;
}
.imt__detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 5%;
		margin-top: 4%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
@media screen and (max-width: 767px) {
		.imt__detail {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				margin-top: 8%;
		}
}
.imt__detail__img {
		width: 50%;
}
@media screen and (max-width: 767px) {
		.imt__detail__img {
				width: 100%;
		}
}
.imt__detail__text {
		width: 45%;
}
@media screen and (max-width: 767px) {
		.imt__detail__text {
				width: 100%;
				margin-top: 4%;
		}
}

.flow {
		padding-bottom: 0;
}
.flow .medicalInformation {
		margin-bottom: 0;
}

.flowDetail .flowList {
		margin-top: 1.5%;
}
@media screen and (max-width: 767px) {
		.flowDetail .flowList {
				margin-top: 5%;
		}
}
.flowDetail .flowList__item {
		margin-top: 3%;
}
@media screen and (max-width: 767px) {
		.flowDetail .flowList__item {
				margin-top: 8%;
		}
}
.flowDetail .flowList__item:first-child {
		width: 44%;
}
@media screen and (max-width: 767px) {
		.flowDetail .flowList__item:first-child {
				width: 100%;
		}
}
.flowDetail .flowList__item:nth-child(2), .flowDetail .flowList__item:nth-child(3) {
		width: 25%;
}
@media screen and (max-width: 767px) {
		.flowDetail .flowList__item:nth-child(2), .flowDetail .flowList__item:nth-child(3) {
				width: 100%;
		}
}
.flowDetail .flowList__item:nth-child(4) {
		width: 100%;
}
@media screen and (max-width: 767px) {
		.flowDetail .flowList__btn {
				width: calc(100% - 40px);
				margin-left: 20px;
				margin-right: 20px;
		}
}

.inspection .flowList__text {
		text-align: center;
}
.inspectionList {
		padding: 0 20px;
		margin-top: 3%;
}
.inspectionList__title {
		margin-top: 4%;
		padding-bottom: 20px;
		border-bottom: 1px solid #644E43;
		font-size: 20px;
		font-size: 2rem;
		font-weight: 700;
}
@media screen and (max-width: 767px) {
		.inspectionList__title {
				margin-top: 12%;
				padding-bottom: 16px;
		}
}
.inspectionList__detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 4%;
}
@media screen and (max-width: 767px) {
		.inspectionList__detail {
				-webkit-box-orient: vertical;
				-webkit-box-direction: reverse;
				    -ms-flex-direction: column-reverse;
				        flex-direction: column-reverse;
		}
}
.inspectionList__text {
		width: 41%;
}
@media screen and (max-width: 767px) {
		.inspectionList__text {
				width: 100%;
		}
}
.inspectionList__img {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 4%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		width: 55%;
		margin-top: 2.5%;
}
@media screen and (max-width: 767px) {
		.inspectionList__img {
				width: 100%;
				margin-top: 6%;
		}
}
.inspectionList__img img {
		width: 48%;
}
.inspectionList .desc {
		margin-top: 5%;
}
@media screen and (max-width: 767px) {
		.inspectionList .desc {
				margin-top: 8%;
		}
}

.hospital {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 5%;
		max-width: 850px;
		margin: 0 auto;
}
@media screen and (max-width: 767px) {
		.hospital {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.hospital__detail {
		width: 40%;
		padding: 4% 0 0 4%;
}
@media screen and (max-width: 767px) {
		.hospital__detail {
				width: 100%;
				padding: 24px 0 24px 20px;
		}
}
.hospital__title {
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-weight: 700;
		font-size: 28px;
		font-size: 2.8rem;
		line-height: 1.4;
}
.hospital__img {
		width: 55%;
}
@media screen and (max-width: 767px) {
		.hospital__img {
				width: 100%;
		}
}

.hospitalList__item {
		margin-top: 15px;
		line-height: 1.4;
}
.clinicRead {
		margin-top: 6%;
}
.clinicRead .orthodonticsMenu {
		margin-bottom: 0;
}

.clinic .imgSet.reverse {
		margin-top: 6%;
}
@media screen and (max-width: 767px) {
		.clinic .imgSet.reverse {
				margin-top: 10%;
		}
}

.clinic .box {
		margin-top: 30px;
		padding: 20px 20px 30px;
}
@media screen and (max-width: 767px) {
		.clinic .box {
				margin-top: 5%;
		}
}
.clinic .box .text {
		margin-top: 0;
}
.clinic .box .text__btm {
		margin-top: 15px;
}
.clinic .sec__subtitle .small {
		font-size: 28px;
		font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
		.clinic .sec__subtitle .small {
				font-size: 24px;
				font-size: 2.4rem;
		}
}

@media (width <= 1250px) {
		.clinic .sec__subtitle.no5 br {
				display: none;
		}
}

@media screen and (max-width: 767px) {
		.clinicSec .clm2List__item {
				margin-top: 2%;
		}
}

.overviewList {
		width: 100%;
		max-width: 960px;
		margin-top: 5%;
}
@media screen and (max-width: 767px) {
		.overviewList {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.overviewList__title {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		width: 200px;
		padding: 30px 0 32px 30px;
		border-top: 1px solid #fff;
}
@media screen and (max-width: 767px) {
		.overviewList__title {
				width: 100%;
				padding: 20px 0 22px 20px;
		}
}
.overviewList__title:first-of-type {
		border-top: 0;
}
.overviewList__detail {
		width: calc(100% - 200px);
		padding: 27px 0 32px 30px;
		border-top: 1px solid #644E43;
		line-height: 1.8;
}
@media screen and (max-width: 767px) {
		.overviewList__detail {
				width: 100%;
				padding: 20px 15px 22px 20px;
		}
}
.overviewList__detail:first-of-type {
		border-top: 0;
}

.overview_subTitle {
		margin-top: 20px;
		font-weight: 700;
}
.history {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		width: 420px;
		margin-top: 8px;
}
@media screen and (max-width: 767px) {
		.history {
				width: 100%;
		}
}
.history__title {
		width: 100px;
		line-height: 1.8;
}
.history__detail {
		width: calc(100% - 100px);
		line-height: 1.8;
}
.affiliation {
		margin-top: 8px;
}
.affiliation li {
		line-height: 1.8;
}

.clinic .footer__map {
		margin-top: 5%;
		width: 100%;
		padding-top: 600px;
		height: 600px;
}
@media screen and (max-width: 767px) {
		.clinic .footer__map {
				margin-top: 10%;
				padding-top: 300px;
				height: 300px;
		}
}
.clinic .footer__map iframe {
		height: 600px;
}
@media screen and (max-width: 767px) {
		.clinic .footer__map iframe {
				height: 300px;
		}
}

.accessText {
		margin-top: 15px;
		font-weight: 700;
}

.clinic .time {
		margin-top: 5%;
		max-width: 960px;
}
@media screen and (max-width: 767px) {
		.clinic .time {
				margin-top: 10%;
		}
}

@media screen and (max-width: 767px) {
		.clinic .time__table {
				margin-bottom: 0;
		}
}
.clinic .time__table__week th {
		padding: 0 28px 20px;
		font-size: 24px;
		font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
		.clinic .time__table__week th {
				padding: 0;
				font-size: 16px;
				font-size: 1.6rem;
		}
}
.clinic .time__table__week th:first-child {
		font-size: 27px;
		font-size: 2.7rem;
}
@media screen and (max-width: 767px) {
		.clinic .time__table__week th:first-child {
				padding: 5px 0 15px;
				font-size: 16px;
				font-size: 1.6rem;
		}
}
.clinic .time__table__week th:nth-child(2) {
		padding-left: 60px;
}
@media screen and (max-width: 767px) {
		.clinic .time__table__week th:nth-child(2) {
				padding: 0;
				font-size: 16px;
				font-size: 1.6rem;
		}
}
.clinic .time__table__row01 th {
		padding: 30px 40px 24px;
		font-size: 24px;
		font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
		.clinic .time__table__row01 th {
				padding: 4% 0 4%;
				font-size: 16px;
				font-size: 1.6rem;
		}
}
.clinic .time__table__row02 th {
		font-size: 24px;
		font-size: 2.4rem;
		padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
		.clinic .time__table__row02 th {
				font-size: 16px;
				font-size: 1.6rem;
		}
}
.clinic .time__table td {
		font-size: 24px;
		font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
		.clinic .time__table td {
				font-size: 16px;
				font-size: 1.6rem;
		}
}
.clinic .time__table__row01 td:first-of-type, .clinic .time__table__row02 td:first-of-type {
		padding-left: 42px;
}
@media screen and (max-width: 767px) {
		.clinic .time__table__row01 td:first-of-type, .clinic .time__table__row02 td:first-of-type {
				padding: 0;
		}
}

.clinic .reserve_btn {
		max-width: 960px;
		margin: 30px 0 0;
}
.faqList {
		padding: 2.5% 4% 3%;
}
@media screen and (max-width: 767px) {
		.faqList {
				padding: 20px 20px 20px;
		}
}
.faqList__title {
		padding-bottom: 20px;
		border-bottom: 1px solid #644E43;
		font-size: 24px;
		font-size: 2.4rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		line-height: 1.4;
}
@media screen and (max-width: 767px) {
		.faqList__title {
				font-size: 20px;
				font-size: 2rem;
		}
}
.faqList__q {
		padding-right: 30px;
		font-size: 30px;
		font-size: 3rem;
		font-family: "Roboto Serif", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		color: #EA6726;
}
@media screen and (max-width: 767px) {
		.faqList__q {
				padding-right: 10px;
				font-size: 24px;
				font-size: 2.4rem;
		}
}
.faqList__detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-top: 24px;
		line-height: 2;
}
@media screen and (max-width: 767px) {
		.faqList__detail {
				padding-top: 18px;
		}
}
.faqList__a {
		margin-top: 5px;
		padding-right: 30px;
		font-size: 30px;
		font-size: 3rem;
		font-family: "Roboto Serif", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		color: #EA6726;
}
@media screen and (max-width: 767px) {
		.faqList__a {
				margin-top: 5px;
				padding-right: 10px;
				font-size: 24px;
				font-size: 2.4rem;
		}
}
.faqList p {
		line-height: 2;
}
.faqList__sub {
		margin-top: 24px;
		font-size: 20px;
		font-size: 2rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-weight: 700;
		color: #644E43;
		line-height: 1.6;
}
.faqList:not(:last-child) {
		margin-bottom: 4%;
}
.treatmentRead .read__inner {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
}
.treatmentRead .read__img {
		width: 50%;
}
@media screen and (max-width: 767px) {
		.treatmentRead .read__img {
				width: 100%;
		}
}
.treatmentRead .read__detail {
		width: 45%;
}
@media screen and (max-width: 767px) {
		.treatmentRead .read__detail {
				width: 100%;
		}
}
@media screen and (max-width: 767px) {
		.treatmentRead .read__title br {
				display: none;
		}
}

.sterilePoint .sec__title {
		margin-bottom: 1.5%;
}
.sterilePoint .spList__item {
		position: relative;
		margin-top: 5%;
}
@media screen and (max-width: 767px) {
		.sterilePoint .spList__item {
				margin-top: 8%;
		}
}
.sterilePoint .spList__icon__wrap {
		position: absolute;
		top: -6%;
		left: 3%;
		background: url("/assets/images/teeth.svg") no-repeat;
		background-size: contain;
		width: 106px;
		height: 130px;
		display: -ms-grid;
		display: grid;
		place-items: center;
}
@media screen and (max-width: 767px) {
		.sterilePoint .spList__icon__wrap {
				left: 15px;
				top: -15px;
				padding-top: 14px;
				width: 60px;
				height: 74px;
				background-size: 60px 74px;
		}
}
.sterilePoint .spList__icon {
		font-size: 22px;
		font-size: 2.2rem;
		font-family: "Roboto Serif", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		color: #644E43;
		text-align: center;
		padding-bottom: 25px;
}
@media screen and (max-width: 767px) {
		.sterilePoint .spList__icon {
				font-size: 14px;
				font-size: 1.4rem;
		}
}
.sterilePoint .spList__icon span {
		font-size: 24px;
		font-size: 2.4rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		display: block;
}
@media screen and (max-width: 767px) {
		.sterilePoint .spList__icon span {
				font-size: 16px;
				font-size: 1.6rem;
		}
}
.sterilePoint .spList .box {
		height: 100%;
}
.sterilePoint .spList .box__title {
		line-height: 1.4;
}
@media screen and (max-width: 767px) {
		.sterilePoint .spList .box__title br {
				display: none;
		}
}

.autoclave__detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 5%;
		margin-top: 2%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
@media screen and (max-width: 767px) {
		.autoclave__detail {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.autoclave__detail__img {
		margin-top: 2%;
		width: 50%;
}
@media screen and (max-width: 767px) {
		.autoclave__detail__img {
				margin-top: 8%;
				width: 100%;
		}
}
.autoclave__detail__text {
		width: 45%;
}
@media screen and (max-width: 767px) {
		.autoclave__detail__text {
				width: 100%;
				margin-top: 4%;
		}
}
.autoclave__box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 5%;
		border: solid 1px #644E43;
}
@media screen and (max-width: 767px) {
		.autoclave__box {
				margin-top: 8%;
		}
}
.autoclave__box__item:first-child {
		background-color: #644E43;
		color: #fff;
		font-size: 18px;
		font-size: 1.8rem;
		width: 18%;
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}
.autoclave__box__item:not(first-child) {
		background-color: #fff;
		padding: 20px 24px 27px;
		margin-top: 0;
		width: 82%;
}

.infoWrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 4%;
}
@media screen and (max-width: 767px) {
		.infoWrap {
				display: block;
		}
}

.infoBox {
		margin-top: 7%;
		padding: 2% 5% 2.5%;
		width: 100%;
}
@media screen and (max-width: 767px) {
		.infoBox {
				margin-top: 20%;
		}
}

.infoListBox {
		width: 75%;
}
@media screen and (max-width: 767px) {
		.infoListBox {
				width: 100%;
		}
}

.infoList__item {
		padding: 2.5% 0 3%;
		border-bottom: 1px solid #644E43;
}
@media screen and (max-width: 767px) {
		.infoList__item {
				padding: 0;
		}
}
.infoList__item:last-child {
		border-bottom: 0;
}
.infoList__link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
		.infoList__link {
				display: block;
				padding: 20px 0 24px;
		}
}
.infoList__date {
		position: relative;
		top: -2px;
		width: 150px;
		font-size: 20px;
		font-size: 2rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		line-height: 1.6;
}
@media screen and (max-width: 767px) {
		.infoList__date {
				font-size: 18px;
				font-size: 1.8rem;
		}
}
.infoList__title {
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: 600;
		line-height: 1.6;
}
@media screen and (max-width: 767px) {
		.infoList__title {
				font-size: 16px;
				font-size: 1.6rem;
		}
}

.infoArchive {
		margin-top: 7%;
		width: 21%;
}
@media screen and (max-width: 767px) {
		.infoArchive {
				margin-top: 20%;
				width: 100%;
		}
}

.archiveList__item {
		background-color: #644E43;
		width: 100%;
		text-align: center;
}
.archiveList__item:not(:first-child) {
		margin-top: 7%;
}
@media screen and (max-width: 767px) {
		.archiveList__item:not(:first-child) {
				margin-top: 4%;
		}
}
.archiveList__link {
		color: #fff;
		display: block;
		padding: 7% 0 7.5%;
		line-height: 1.6;
}
@media screen and (max-width: 767px) {
		.archiveList__link {
				padding: 4% 0 4.5%;
		}
}

.infoDetail .pageTitle__en {
		font-size: 52px;
		font-size: 5.2rem;
}
@media screen and (max-width: 767px) {
		.infoDetail .pageTitle__en {
				font-size: 36px;
				font-size: 3.6rem;
				line-height: 1.3;
		}
}

@media screen and (max-width: 767px) {
		.infoDetail .breadcrumbList {
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
}

@media screen and (max-width: 767px) {
		.infoDetail .breadcrumbList__item:last-child {
				width: 140px;
				line-height: 1.3;
		}
}

.infoDetail .pageTitle__date {
		font-size: 24px;
		font-size: 2.4rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		color: #644E43;
}
@media screen and (max-width: 767px) {
		.infoDetail .pageTitle__date {
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				font-size: 20px;
				font-size: 2rem;
		}
}
.infoDetail .infoBox {
		padding: 2% 5% 4%;
}
@media screen and (max-width: 767px) {
		.infoDetail .infoBox {
				padding: 10px 20px 30px;
		}
}
.infoDetail p {
		line-height: 1.8;
}
@media screen and (max-width: 767px) {
		.infoDetail p {
				margin-top: 5%;
		}
}
.infoDetail .btn {
		margin-top: 6%;
		padding-left: 10px;
}
@media screen and (max-width: 767px) {
		.infoDetail .btn {
				margin-top: 10%;
		}
}
.infoDetail .btn::before {
		left: 24px;
		top: 20px;
		-webkit-transform: rotate(227deg);
		        transform: rotate(227deg);
}
.info__read {
		margin-top: 2%;
}
.info__catch {
		margin-top: 2%;
		font-size: 24px;
		font-size: 2.4rem;
		font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		color: #644E43;
}
.info__text {
		margin-top: 2%;
}