@charset "UTF-8";

/* common ---------------------------------------*/
body {
	font-family: "Zen Old Mincho", serif;
	color: #56423C;
}

.font-garamond {font-family: "Cormorant Garamond", serif;}
.font-infant {font-family: "Cormorant Infant", serif;}
.bg-pink {background: linear-gradient(to bottom right, #F9E7DD 0%, #FFF6F1 25%, #FFF7F3 75%, #F3D6C7 100%);}

.dermatology-title { 
	text-align: center;
}

.dermatology-title span { 
	display: block;
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0;
	color: #BEA69F;
	margin-bottom: 8px;
}

.dermatology-title strong{ 
	display: block;
	font-size: 32px;
	font-weight: 400;
}

.dermatology-text { 
	margin-top: 16px;
	font-size: 18px;
	text-align: center;
}

.text-underline {
	text-underline-offset:0.4em;
}

.icon-instagram {
	margin-top: 20px;
}

/* アンカーリンク ---------------------------------------*/

.anchor-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 80px;
}

.anchor-menu-title {
	background-color: #fff;
    flex-basis: calc((100% - 40px) / 3);
    max-width: calc((100% - 40px) / 3);
    /* border-bottom: 1px solid #000; */
    display: flex;
    align-items: center;
    /* justify-content: center; */
    position: relative;
	transition: background-color 0.4s ease; /* 背景色が0.4秒で変化 */
}

.anchor-menu-title a{
	display: block;
	width: 100%;
    padding: 10px 40px 10px 10px;
}
.anchor-menu-title a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background: #000;
}
.anchor-menu-title a:hover::before {
	animation: hideAndShowUnderline 0.6s forwards;
}

@keyframes hideAndShowUnderline {
	0% {
	width: 100%;
	}
	5% {
	width: 0%;
	}
	100% {
	width: 100%;
	}
}

.anchor-menu-title::after {
	content: "";
	position: absolute;
	top: 50%;
    width: 10px;
	height: auto;
	right: 10px;
	aspect-ratio: 1;
	background-image: url(/img/common/v.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s;
	transform: translateY(-50%);
}

.anchor-menu-title:hover {
	/* background-color: #F2F2F2; */
}

.dermatologypagecontent-wrapper + .anchor-area {
	margin-top: 80px;
}

/* icon ---------------------------------------*/
.icon-reservation {
	display: inline-block;
	width: 24px;
	height: 24px;
	-webkit-mask-image: url('../img/common/icon_reservation.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: contain;
	mask-image: url('../img/common/icon_reservation.svg');
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: 0 0;
}

.icon-arrow {position: relative;}
.icon-arrow::after {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	z-index: 1;
	width: 24px;
	height: 24px;
	-webkit-mask-image: url('../img/common/icon_arrow_right.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: contain;
	mask-image: url('../img/common/icon_arrow_right.svg');
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: 0 0;
	content: '';
	background: #56423C;
}

.icon-arrow-gotop {
	display: inline-block;
	width: 40px;
	height: 40px;
	-webkit-mask-image: url('../img/dermatology/icon_arrow_gotop.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: contain;
	mask-image: url('../img/dermatology/icon_arrow_gotop.svg');
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: 0 0;
	background: #56423C;
}


/* dermatologyheader ---------------------------------------*/
.header-inner {
	border-bottom: 1px solid #BEA69F;
}

.header-logo.dermatologyheader-logo {
	width: 245px;
	/* left: 40px; */
}

.gnav.dermatologygnav {
	align-items: unset;
	/* gap: 40px; */
	/* right: 40px; */
	top: 0;
	transform: unset;
}

.gnav-list.dermatologygnav-list {
	gap: 20px;
	height: fit-content;
	margin-top: 26px;
}

.dermatologygnav-btnlist {
	display: flex;
	align-items: center;
	gap: 10px;
}

.dermatologybtn.dermatologygnav-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	width: 160px;
	height: 48px;
	padding: 0 4px;
	line-height: 48px;
	font-size: 16px;
}

.dermatologybtn.dermatologygnav-btn .icon-tel,
.dermatologybtn.dermatologygnav-btn .icon-reservation {
	background: #fff;
}

.dermatologybtn.dermatologygnav-btn .icon-line {
	width: 24px;
	height: 24px;
}

.dermatologygnav-reservation { 
	/* background: #fff; */
	border-radius: 0 0 8px 8px;
	border: 1px solid #BEA69F;
	border-top:none;
	padding: 20px 24px 22px;
	/* padding: 30px 24px 30px; */
}

.dermatologygnav-reservation-lead { 
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 10px;
}

.dermatologybtn.dermatologygnav-reservation-btn {
	display: block;
	height: 40px;
	padding: 0 8px;
	font-size: 14px;
	line-height: 40px;
	margin-bottom: 12px;
}

.dermatologygnav-reservation-tel { 
	display: block;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	letter-spacing: 0;
}

.dermatologygnav-reservation-tel span { 
	font-size: 14px;
	margin-right: 4px;
}

/* dermatologybtn ---------------------------------------*/
.dermatologybtn {
	display: inline-block;
	max-width: 360px;
	width: 100%;
	height: 64px;
	padding: 0 16px;
	font-size: 18px;
	/* font-weight: 500; */
	line-height: 64px;
	text-align: center;
	letter-spacing: 0;
	color: #ffffff;
	background: #BEA69F;
	border-radius: 12px;
	filter: drop-shadow(0 0 10px rgba(85, 85, 85, 0.2));
}


/* dermatologykv ---------------------------------------*/
.dermatologykv { 
	position: relative;
	height: 100vh;
	background: url('../img/dermatology/kv.jpg') no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 0 20px;
}

.dermatologykv-inner {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 280px 0 0;
}

.dermatologykv-title { 
	font-size: 48px;
	font-weight: 400;
	line-height: 2;
	letter-spacing: 0.04em;
	margin-bottom: 30px;
}

.dermatologykv-text { 
	font-size: 20px;
	line-height: 2;
}

/* 複数画像切り替え---------------------------------------------- */
.slider-container {
	position: relative; /* コンテナ内でスライド位置を相対的に設定 */
	/* width: 100%; コンテナ幅を100%に
	height: 100vh; コンテナの高さを固定*/
	overflow: hidden; /*スライドがコンテナ外に出ないように非表示 */
	height: 0%;
    padding-top: min(100vh, 75%);
}

/*画像の配置*/
.slideimg {
	position: absolute; /* 位置を絶対指定で重ねて配置 */
	inset: 0; /*親要素内にフルサイズで配置*/
	opacity: 0; /* 初期状態で透明に */
	background-size: cover; /* 画像をスライド全体にカバー */
	animation: slideAnime 12s infinite; /* 1サイクル15秒を無限ループ */
}

/* スライド個別設定 */
.slideimg:nth-of-type(1) { background-image: url('../img/dermatology/kv01.jpg'); animation-delay: 0s; }
.slideimg:nth-of-type(2) { background-image: url('../img/dermatology/kv02.jpg'); animation-delay: 6s; }
/* .slideimg:nth-of-type(3) { background-image: url('../img/dermatology/kv01.jpg'); animation-delay: 16s; } */

/*タイミング設定*/
@keyframes slideAnime {
	0%, 75%, 100% { opacity: 0; } /* 非表示のタイミング */
	25%, 50% { opacity: 1; } /* 表示されるタイミング */
}

/* dermatologyrecommended ---------------------------------------*/

.dermatologyrecommended { 
	padding: 40px 20px 40px;
}

.dermatologyrecommended-list { 
	display: flex;
	flex-wrap: wrap;
	gap: 20px calc(20 / 1040 * 100%);
	margin: 24px auto 24px;
}

.dermatologyrecommended-list > li { 
	width: calc(510 / 1040 * 100%);
}

.dermatologyrecommended-list img { 
	border-radius: 12px;
}

/* dermatologyfeatures ---------------------------------------*/
.dermatologyfeatures { 
	padding: 82px 20px 80px;
}

.dermatologyfeatures-list { 
	/* margin-top: 80px; */
	margin-top: 40px;
	display: flex;
	justify-content: center;
	gap: calc(40 / 1040 * 100%);
}

.dermatologyfeatures-list > li {
	position: relative;
	width: calc(320 / 1040 * 100%);
}

.dermatologyfeatures-list-num { 
	position: absolute;
	top: -48px;
	left: 20px;
	font-size: 80px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.04em;
	color: #BEA69F;
}

.dermatologyfeatures-list-image { 
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 30px;
}

.dermatologyfeatures-list-image img { 

}

.dermatologyfeatures-list-title { 
	font-size: 22px;
	font-weight: 400;
	line-height: 1.6;
	text-align: center;
	letter-spacing: 0.04em;
	margin-bottom: 26px;
}

.dermatologyfeatures-list-text { 
	font-size: 16px;
	text-align: justify;
}


/* dermatologycta ---------------------------------------*/
.dermatologycta { 
	background: #BEA69F;
	padding: 40px 20px;
}

.dermatologycta-list { 
	display: flex;
	justify-content: center;
	align-items: center;
	gap: calc(20 / 1040 * 100%);
}

.dermatologycta-list > li {
	width: calc(500 / 1040 * 100%);
}

.dermatologybtn.dermatologycta-btn { 
	font-size: 22px;
	font-weight: 400;
	color: #56423C;
	max-width: unset;
	height: 80px;
	line-height: 80px;
	background: rgba(255, 255, 255, 0);
	filter: drop-shadow(0 4px 10px rgba(102, 88, 84, 0.2));
}

.dermatologybtn.dermatologycta-btn::before, 
.dermatologybtn.dermatologycta-btn::after { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	content: '';
}

.dermatologybtn.dermatologycta-btn::before { 
	z-index: -1;
	background: #fff;
	transition: all 0.25s ease;
}

.dermatologybtn.dermatologycta-btn::after { 
	z-index: -2;
	background: linear-gradient(to bottom right, #F9E7DD 0%, #FFF6F1 25%, #FFF7F3 75%, #F3D6C7 100%);
}

.dermatologycta-btn:hover{opacity: 1;}
.dermatologycta-btn:hover::before{opacity: 0;}

.dermatologybtn.dermatologycta-btn .icon-tel,
.dermatologybtn.dermatologycta-btn .icon-reservation { 
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	background: #56423C;
}

.dermatologybtn.dermatologycta-btn .icon-line { 
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}

.dermatologycta-btn .icon-arrow-deco {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	background: #56423C;
}


/* dermatologykv ---------------------------------------*/
.dermatologytrouble { 
	padding: 82px 20px 162px;
}

.dermatology-text.dermatologytrouble-text {
	margin-top: 24px;
}

.dermatologytrouble-list { 
	display: flex;
	flex-wrap: wrap;
	gap: 20px calc(20 / 1040 * 100%);
	margin: 48px auto 24px;
}

.dermatologytrouble-list > li { 
	width: calc(510 / 1040 * 100%);
}

.dermatologybtn.dermatologytrouble-btn { 
	display: flex;
	align-items: center;
	gap: 20px;
	max-width: unset;
	height: 100px;
	background: #fff;
	border: 1px solid #BEA69F;
	filter: unset;
	padding: 0 20px;
}

.dermatologybtn.dermatologytrouble-btn:hover { 
	background: #FFFAF7;
	opacity: 1;
}

.dermatologytrouble-btn img { 
	display: block;
}

.dermatologytrouble-list-title { 
	font-size: 24px;
	font-weight: 400;
	line-height: 100px;
	color: #56423C;
}

.dermatologytrouble-btn.icon-arrow::after {
	background: #BEA69F;
}

.dermatologytrouble-caption { 
	font-size: 14px;
	line-height: 2;
}


/* dermatologytreatment ---------------------------------------*/
.dermatologytreatment { 
	padding: 0 20px 162px;
}

.dermatologytreatment-list { 
	display: flex;
	flex-wrap: wrap;
	gap: 0 calc(20 / 1040 * 100%);
	margin: 40px auto 24px;
}

.dermatologytreatment-list > li { 
	/* width: calc(320 / 1040 * 100%); */
	width: calc(504 / 1040 * 100%);
}

.dermatologybtn.dermatologytreatment-list-btn { 
	max-width: unset;
	height: auto;
	min-height: 80px;
	text-align: left;
	background: #fff;
	border-bottom: 1px solid #BEA69F;
	filter: unset;
	padding: 0 10px;
	border-radius: unset;
	display: flex;
    align-items: center;
	padding-right: 44px;
}

.dermatologybtn.dermatologytreatment-list-btn:hover { 
	background: #FFFAF7;
	opacity: 1;
}

.dermatologytreatment-list-title { 
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 0.04em;
	color: #56423C;
}

.dermatologytreatment-list-title span {
	font-size: 14px;
}

.dermatologybtn.dermatologytreatment-list-btn.icon-arrow::after {
	background: #BEA69F;
	right: 10px;
}

.dermatologytreatment-caption { 
	font-size: 14px;
	line-height: 2;
	margin-bottom: 54px;
}

.dermatologytreatment-btn-wrapper {
	max-width: 760px;
	margin: 0 auto;
	display: flex;
	gap: 20px;
	justify-content: center;
	flex-wrap: wrap;
}

.dermatologytreatment-btn-wrapper.dermatologybtn.dermatologytreatment-btn { 
	max-width: 360px;
	margin: 0 auto;
}

.dermatologybtn.dermatologytreatment-btn { 
	filter: drop-shadow(0 4px 10px rgba(102, 88, 84, 0.2));
}

.dermatologybtn.dermatologytreatment-btn.icon-arrow::after {
	background: #fff;
}


/* dermatologyintroduction ---------------------------------------*/
.dermatologyintroduction { 
	padding: 80px 20px 80px;
}

.dermatologyintroduction-block { 
	display: flex;
	gap: calc(40 / 1040 * 100%);
	margin-top: 34px;
}

.dermatologyintroduction-image { 
	width: calc(480 / 1040 * 100%);

}

.dermatologyintroduction-image img { 

}

.dermatologyintroduction-summary { 
	margin-top: 36px;
	flex: 1;
}

.dermatologyintroduction-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start; /* ← 上揃え */
	gap: 16px;
	flex-wrap: wrap; /* ← スマホ対応 */
}

.dermatologyintroduction-nameblock {
	flex: 1;
}

.dermatologyintroduction-title { 
	font-size: 24px;
	margin-bottom: 16px;
}

.dermatologyintroduction-title span { 
	font-size: 18px;
	padding-right: 10px
}

.dermatologyintroduction-text { 
	font-size: 18px;
	line-height: 2;
	margin-bottom: 40px;
}

.dermatologyintroduction-detail { 

}

.dermatologyintroduction-detail > li { 

}

.dermatologyintroduction-detail > li + li {
	margin-top: 20px;
}

.dermatologyintroduction-detail-title { 
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
}

.dermatologyintroduction-detail-title::after { 
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: -1;
	width: 100%;
	height: 1px;
	background: #BEA69F;
	content: '';
}

.dermatologyintroduction-detail-title span { 
	font-size: 18px;
	line-height: 2;
	background: #fff;
	padding-right: 20px;
	margin-bottom: 10px;
}

.dermatologyintroduction-detail-list { 

}

.dermatologyintroduction-detail-list > li { 
	position: relative;
	font-size: 15px;
	padding-left: 22px;
}

.dermatologyintroduction-detail-list > li::before { 
	position: absolute;
	top: 0;
	left: 4px;
	font-size: 15px;
	content: '・';
}


/* dermatologyaboutus ---------------------------------------*/
.dermatologyaboutus { 
	padding: 80px 20px;
	overflow: hidden;
}

.dermatologyaboutus-block { 
	display: flex;
	gap: calc(60 / 1040 * 100%);
}

.dermatologyaboutus-summary { 
	flex: 1;
}

.dermatologyaboutus .dermatology-title { 
	text-align: left;
}

.dermatologyaboutus-lead { 
	font-size: 20px;
	font-weight: 400;
	margin: 44px auto 30px;
}

.dermatologyaboutus-text { 
	margin-top: 44px;
	font-size: 16px;
}

.dermatologyaboutus-image { 
	width: calc(calc(500 / 1040* 100%) + 50vw - 50%);
	margin-right: calc(50% - 50vw);
}

.dermatologyaboutus-image img { 
	width: 100%;
}


/* dermatologynews ---------------------------------------*/
.dermatologynews { 
	padding: 80px 20px;
}

.dermatologynews-block { 
	display: flex;
	gap: calc(80 / 1040 * 100%);
}

.dermatologynews .dermatology-title { 
	text-align: left;
	width: fit-content;
}

.dermatologynews-list { 
	flex: 1;
}

.dermatologynews-list > li { 
	display: flex;
	gap: 22px;
	border-bottom: 1px solid #DDDDDD;
	padding: 19px 0;
}

.dermatologynews-list > li:first-of-type { 
	padding: 0 0 20px;
}

.dermatologynews-list > li time { 
	font-size: 16px;
}

.dermatologynews-list-title { 
	font-size: 16px;
	overflow-wrap: break-word;
	overflow-wrap: anywhere;
}

.dermatologynews-list-title a { 
	text-decoration: underline;
	color: #BEA69F;
}

.dermatologynews-list-title a:hover { 
	text-decoration: none;
	opacity: 1;
}



/* dermatologydetail ---------------------------------------*/
.dermatologydetail { 
	padding: 80px 20px;
}

.dermatologydetail-block { 
	display: flex;
	gap: calc(40 / 1040 * 100%);

}

.dermatologydetail-summary { 
	width: 476px;
}

.dermatologydetail-title { 
	font-size: 36px;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 40px;
}

.dermatologydetail-address { 
	font-size: 20px;
	font-weight: 400;
	line-height: 1.44;
	margin-bottom: 10px;
}

.dermatologydetail-access { 
	font-size: 16px;
	line-height: 1.44;
	margin-bottom: 38px;
}

.dermatologydetail-table-title {
	font-size: 24px;
	line-height: 1.44;
	align-items: center;
    display: flex;
	margin-bottom: 20px;
}

.dermatologydetail-table-title span {
	padding-right: 20px;
    white-space: nowrap;
}

.dermatologydetail-table-title::after {
	width: 100%;
    height: 1px;
    background: #56423C;
    content: '';
}

.dermatologydetail-table { 
	margin-bottom: 20px;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #F0ECEC;
}

.dermatologydetail-table tr:not(:first-of-type) { border-top: 1px solid #F0ECEC;}
.dermatologydetail-table th:not(:first-of-type),
.dermatologydetail-table td:not(:first-of-type) {border-left: 1px solid #F0ECEC;}

.dermatologydetail-table th { 
	background: #FFFAF7;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.44;
	text-align: center;
	padding: 16px 15px;
}

.dermatologydetail-table td {
	position: relative;
	font-size: 16px;
	line-height: 1.44;
	text-align: center;
	padding: 15px 12px;
}

.dermatologydetail-table td span {
	display: block;
	font-size: 12px;
	margin-top: 2px;
}

.dermatologydetail-table td::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #56423C;
	content: '';
}

.dermatologydetail-table td.dermatologydetail-table-close::after {
	width: 12px;
	height: 2px;
}

.dermatologydetail-table td.dermatologydetail-table-open::after {
	width: 14px;
	height: 14px;
	border-radius: 50%;
}


.dermatologydetail-caption { 
	font-size: 15px;
	line-height: 1.44;
}

.dermatologydetail-map { 
	position: relative;
	padding-top: 38.46%;
	flex: 1;
	height: 0;
}

.dermatologydetail-map iframe { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* dermatologyfooter ---------------------------------------*/
.dermatologyfooter { 
	background: #BEA69F;
	padding: 98px 20px 40px;
}

.dermatologyfooter .inner { 
	position: relative;
}

.dermatologyfooter-nav { 
	display: flex;
	gap: calc(80 / 940 * 100%);
	width: calc(940 / 1040 * 100%);
	margin: 0 calc(100 / 1040 * 100%) 94px 0;
}

.dermatologyfooter-nav-list { 

}

.dermatologyfooter-nav-list > li { 

}

.dermatologyfooter-nav-list > li + li { 
	margin-top: 26px;
}

.dermatologyfooter-nav-list >li > a { 
	font-size: 16px;
	font-weight: 400;
	line-height: 1.44;
	color: #fff;
}

.dermatologyfooter-nav-list-child-wrapper {
	display: flex;
	gap: 20px;
}

.dermatologyfooter-nav-list-child {
	margin-top: 14px;
	margin-left: 10px;
}

.dermatologyfooter-nav-list-child > li { 

}

.dermatologyfooter-nav-list-child > li + li { 
	margin-top: 14px;
}

.dermatologyfooter-nav-list-child > li > a { 
	font-size: 16px;
	line-height: 1.44;
	color: #fff;
}

.gotop { 
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: calc(80 / 1040 * 100%);
	aspect-ratio: 1 / 1;
	background: #fff;
	border-radius: 50%;
}

.gotop .icon-arrow-gotop { 
	width: calc(40 / 80 * 100%);
	height: calc(40 / 80 * 100%);
}

.copyright { 
	display: block;
	font-size: 12px;
	text-align: center;
	color: #fff;
}


/* dermatologypagekv ---------------------------------------*/
.dermatologypagekv { 
	padding: 76px 20px 66px;
}

.dermatologypagekv-title span { 
	display: block;
	font-size: 20px;
	line-height: 1;
	letter-spacing: 0;
	color: #BEA69F;
	margin-bottom: 6px;
}

.dermatologypagekv-title strong { 
	display: block;
	font-size: 40px;
	font-weight: 400;
	letter-spacing: 0.04em;
}


/* dermatologypagekv ---------------------------------------*/
.dermatologypagecontent { 
	padding: 76px 20px;
}

.dermatologypagecontent-wrapper + .dermatologypagecontent-wrapper { 
	margin-top: 64px;
}

.dermatologypagecontent-title { 
	position: relative;
	font-size: 32px;
	letter-spacing: 0.04em;
	padding-bottom: 4px;
	margin-bottom: 28px;
}

.dermatologypagecontent-title::after { 
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, #56423C 0%, #56423C 120px, #BEA69F 120px, #BEA69F 100%);
	content: '';
}

.dermatologypagecontent-subtitle { 
	font-size: 24px;
	letter-spacing: 0.04em;
	margin-bottom: 6px;
}

.dermatologypagecontent-subtitle::before { 
	font-size: 24px;
	content: '◼';
	padding-right: 4px;
}

.dermatologypagecontent-subtitle-p { 
	font-size: 20px;
	letter-spacing: 0.04em;
	margin-bottom: 16px;
}

.dermatologypagecontent-subtitle-p::before { 
	font-size: 20px;
	content: '◼';
	padding-right: 4px;
}

.dermatologypagecontent-subtitle-sub {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 10px;
	letter-spacing: 0.04rem;
}

.dermatologypagecontent-text { 
	font-size: 16px;
}

.dermatologypagecontent-text + .dermatologypagecontent-subtitle { 
	margin-top: 32px;
}

.dermatologypagecontent-subtitle-sub + .dermatologypagecontent-subtitle {
	margin-top: 32px;
}

.dermatologypagecontent-subtitle + .dermatologypagecontent-subtitle-sub{ 
	margin-top: 24px;
}

.dermatologypagecontent-text + .dermatologypagecontent-subtitle-sub{ 
	margin-top: 24px;
}

.dermatologypagecontent-text + .dermatologypagecontent-textblock {
	margin-top: 20px;
}

.dermatologypagecontent-textblock + .dermatologypagecontent-subtitle { 
	margin-top: 32px;
}

.dermatologypagecontent-textblock + .dermatologypagecontent-subtitle-sub { 
	margin-top: 24px;
}

.dermatologypagecontent-text + .dermatologypagecontent-list {
	margin-top: 20px;
}

.dermatologypagecontent-list + .dermatologypagecontent-text {
	margin-top: 20px;

}

.dermatologypagecontent-list + .dermatologypagecontent-subtitle-p {
	margin-top: 20px;
}

.dermatologypagecontent-list + .dermatologypagecontent-subtitle {
	margin-top: 32px;
}

.dermatologypagecontent-list + .dermatologypagecontent-subtitle-sub {
	margin-top: 24px;
}

.dermatologypagecontent-textblock { 
	background: #FFFAF7;
	border: 1px solid #BEA69F;
	border-radius: 12px;
	padding: 18px 20px;
}

.dermatologypagecontent-textblock-list { 
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.dermatologypagecontent-textblock-list > li { 
	position: relative;
	min-width: calc(25% - calc(30px / 4));
	font-size: 18px;
	padding-left: 26px;
}

.dermatologypagecontent-textblock-list > li::before {
	position: absolute;
	top: 0;
	left: 4px;
	font-size: 18px;
	content: '・';
}

/* 表2列表示 ---------------------------------------*/

.list2 {
	display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, auto);
}

.list3 {
	display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(3, auto);
}

.list4 {
	display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(4, auto);
}

.list5 {
	display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(5, auto);
}

.list6 {
	display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(6, auto);
}

.list7 {
	display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(7, auto);
}

.list8 {
	display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(8, auto);
}

.list9 {
	display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(9, auto);
}

.list10 {
	display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(10, auto);
}

/* 表2列表示 ---------------------------------------*/

/* table03 */

#table03 {
    border:1px solid #BEA69F;
    border-collapse: separate;/*collapseから変更*/
	border-spacing: 0;
	border-radius: 6px;
	overflow: hidden;
}

#table03 td {
	background-color: #FFFAF7;
    border-right: 1px dashed #BEA69F;
	border-top: 1px dashed #BEA69F;
	text-align: center;
	padding: 10px;
}

#table03 td span {
	font-size: 13px;
	margin-top: -10px;
}

#table03 th {
	background-color: #FFFAF7;
    border-right: 1px dashed #BEA69F;
	border-top: 1px dashed #BEA69F;
	text-align: center;
	width: 20%;
	min-width: 130px;
	padding: 10px;
	height: 56px;
	font-size: 16px;
}

#table03 .table-title {
	border-top: none !important;
}

#table03 .head {
	background-color: #BEA69F;
	color: #fff;
	border-right:1px dashed #fff;
	border-bottom: 0;
}

#table03 .table-detail {
	text-align: left
}

#table03 .table-detail strong{
	font-size: 20px;
	font-weight: 600;
}

#table03 .col-price {
    width: 10%;
    min-width: 100px;
	line-height: 1.6;
}

#table03 .col-price strong{
	font-size: 20px;
	font-weight: 600;
}

#table03 .table-t-last {
	border-right: none;
}

/* table03 */

.dermatologypagecontent-list > li { 
	position: relative;
	font-size: 16px;
	letter-spacing: 0.04em;
	padding-left: 16px;
}

.dermatologypagecontent-list > li::before { 
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px;
	content: '・';
}


/* small pc */
@media screen and (min-width: 768px) and (max-width: 1300px){
	.header-logo.dermatologyheader-logo {
		left: 10px;
		width: 160px;
	}

	.gnav.dermatologygnav {
		gap: 14px;
		right: 10px;
	}

	.gnav-list.dermatologygnav-list {
		gap: 12px;
	}
	
	.gnav-list.dermatologygnav-list > li > a {
		font-size: 12px;
	}
	
	.dermatologybtn.dermatologygnav-btn {
		width: fit-content;
		font-size: 12px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1000px){
	.header-logo.dermatologyheader-logo {
		width: 120px;
	}

	.gnav.dermatologygnav {
		gap: 10px;
	}
	
	.gnav-list.dermatologygnav-list {
        gap: 8px;
    }

	.gnav-list.dermatologygnav-list > li > a {
		font-size: 10px;
	}

	.dermatologyfooter-nav {
		gap: calc(50 / 940* 100%);
	}

	.dermatologyfooter-nav-list >li > a {
		font-size: 14px;
	}

	.dermatologyfooter-nav-list-child > li > a {
		font-size: 13px;
	}

	.dermatologygnav-reservation { 
		padding: 14px 10px 14px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.dermatologygnav-reservation-lead { 
		display: none;
	}
	
	.dermatologybtn.dermatologygnav-reservation-btn {
		max-width: 120px;
		font-size: 14px;
		margin-bottom: 14px;
	}

	.dermatologybtn.dermatologygnav-reservation-btn span {
		display: none;
	}

	.dermatologygnav-reservation-tel { 
		font-size: 13px;
	}
	
	.dermatologygnav-reservation-tel span { 
		font-size: 12px;
	}
}

@media screen and (min-width: 768px) and (max-width: 900px){
	.dermatologykv-title {
		font-size: 38px;
	}

	.dermatologykv-text {
		font-size: 18px;
	}

	.dermatologytrouble-list-title {
		font-size: 20px;
	}

	.dermatologytreatment-list-title {
		font-size: 14px;
		line-height: 1.6;
		max-width: 320px;
	}
}


@media screen and (max-width: 767px) {

	/* common ---------------------------------------*/
	.dermatology-title { 
		text-align: center;
	}

	.dermatology-title span { 
		font-size: 16px;
		margin-bottom: 8px;
	}

	.dermatology-title strong{ 
		font-size: 24px;
		font-weight: 600;
	}

	.dermatology-text { 
		margin-top: 20px;
		font-size: 16px;
		text-align: left;
	}

	.icon-instagram {
		width: 40px;
		height: 40px;
	}

		/* アンカーリンク */

		.anchor-menu {
			display: block;
			margin-bottom: 64px;
		}
	
		.anchor-menu-title {
			width: 100%;
			max-width: none;
		}
	
		.anchor-menu-title a{
			display: block;
			width: 100%;
			padding: 20px 40px 20px 10px;
		}
	
		.anchor-menu-title::after {
			content: "";
			position: absolute;
			top: 50%;
			width: 10px;
			height: auto;
			right: 10px;
			aspect-ratio: 1;
			background-image: url(/img/common/v.svg);
			background-position: center;
			background-size: contain;
			background-repeat: no-repeat;
			transition: 0.3s;
			transform: translateY(-50%);
		}
	
		.dermatologypagecontent-wrapper + .anchor-area {
			margin-top: 64px;
		}

	/* dermatologyheader ---------------------------------------*/
	.header-logo.dermatologyheader-logo {
		width: 171px;
		left: 20px;
	}

	/* dermatologyheader ---------------------------------------*/
	.dermatologyheader #openmenu{background: #BEA69F;}
	/* .gnav.dermatologygnav {background: #BEA69F;} */
	/* .gnav-list.dermatologygnav-list > li + li {margin-top: 26px;} */

	.gnav.dermatologygnav {
		top: 60px;
		right: 0;
		background: #BEA69F;
		transform: translate3d(100%, 0, 0);
	}
	.gnav-list.dermatologygnav-list {
		margin-top: unset;
	}

	.gnav-list.dermatologygnav-list > li,
	.gnav-list.dermatologygnav-list > li > a,
	.gnav-list.dermatologygnav-list .gnav-sublist > li > a { color: #fff;}
	.gnav-list.dermatologygnav-list .gnav-sublist > li > a:before {background: #fff;}
	.gnav-list.dermatologygnav-list > li + li {margin-top: 32px;}
	.gnav-list.dermatologygnav-list .gnav-sublist { padding: 20px 6px 0;}
	.gnav-list.dermatologygnav-list .gnav-sublist > li + li {margin-top: 18px;}


	/* dermatologybtn ---------------------------------------*/
	.dermatologybtn {
		display: inline-block;
		max-width: 360px;
		width: 100%;
		height: 64px;
		padding: 0 16px;
		font-size: 16px;
		font-weight: 400;
		line-height: 64px;
		text-align: center;
		letter-spacing: 0;
		color: #ffffff;
		background: #BEA69F;
		border-radius: 12px;
		filter: drop-shadow(0 0 10px rgba(85, 85, 85, 0.2));
	}


	/* dermatologykv ---------------------------------------*/
	.dermatologykv { 
		width: 100%;
		height: unset;
		aspect-ratio: 375 / 667;
		background: url('../img/dermatology/kv_sp.jpg') no-repeat;
		background-size: contain;
	}

	.dermatologykv-inner {
		padding: 30% 0 0;
	}

	.dermatologykv-title { 
		font-size: 24px;
		line-height: 1.6;
		margin-bottom: 20px;
	}

	.dermatologykv-text { 
		font-size: 16px;
		line-height: 1.8;
	}

	/* 複数画像切り替え---------------------------------------------- */
	.slider-container {
		overflow: hidden;
		width: 100%;
        height: unset;
        aspect-ratio: 375 / 667;
	}

	/* スライド個別設定 */
	.slideimg:nth-of-type(1) { background-image: url('../img/dermatology/kv01_sp.jpg'); animation-delay: 0s; }
	.slideimg:nth-of-type(2) { background-image: url('../img/dermatology/kv02_sp.jpg'); animation-delay: 6s; }
	/* .slideimg:nth-of-type(3) { background-image: url('../img/dermatology/kv01.jpg'); animation-delay: 16s; } */

	/* dermatologyrecommended ---------------------------------------*/
	.dermatologyrecommended { 
		padding: 28px 20px 28px;
	}

	.dermatologyrecommended-list { 
		display: block;
		margin: 20px auto 20px;
	}

	.dermatologyrecommended-list li {
		display: flex;
		justify-content: center;
	}

	.dermatologyrecommended-list > li { 
		width: 100%;
	}

	.dermatologyrecommended-list > li + li { 
		margin-top: 10px;
	}

	/* dermatologyfeatures ---------------------------------------*/
	.dermatologyfeatures { 
		padding: 66px 20px;
	}

	.dermatologyfeatures-list { 
		/* margin-top: 56px; */
		margin-top: 32px;
		display: block;
	}

	.dermatologyfeatures-list > li {
		width: 100%;
	}

	.dermatologyfeatures-list > li + li {
		margin-top: 56px;
	}

	.dermatologyfeatures-list-num { 
		top: -32px;
		left: 20px;
		font-size: 64px;
	}

	.dermatologyfeatures-list-image { 
		margin-bottom: 22px;
	}

	.dermatologyfeatures-list-image img { 
		width: 100%;
	}

	.dermatologyfeatures-list-title { 
		font-size: 20px;
		margin-bottom: 14px;
	}

	.dermatologyfeatures-list-text { 
	}


	/* dermatologycta ---------------------------------------*/
	.dermatologycta { 
		padding: 40px 20px;
	}

	.dermatologycta-list { 
		display: block;
	}

	.dermatologycta-list > li {
		width: 100%;
	}

	.dermatologycta-list > li + li {
		margin-top: 20px;
	}

	.dermatologybtn.dermatologycta-btn { 
		font-size: 22px;
		height: 64px;
		line-height: 64px;
	}

	.dermatologybtn.dermatologycta-btn .icon-tel,
	.dermatologybtn.dermatologycta-btn .icon-reservation,
	.dermatologybtn.dermatologycta-btn .icon-line { 
		left: 20px;
	}

	.dermatologycta-btn .icon-arrow-deco {
		right: 20px;
	}


	/* dermatologykv ---------------------------------------*/
	.dermatologytrouble { 
		padding: 64px 20px 128px;
	}

	.dermatology-text.dermatologytrouble-text {
		margin-top: 20px;
	}

	.dermatologytrouble-list { 
		display: block;
		margin: 32px auto 26px;
	}

	.dermatologytrouble-list > li { 
		width: 100%;
	}

	.dermatologytrouble-list > li + li { 
		margin-top: 20px;
	}

	.dermatologybtn.dermatologytrouble-btn { 
		gap: 10px;
		height: 80px;
		padding: 0 10px;
	}

	.dermatologytrouble-btn img { 
		display: block;
		width: 40px;
		height: 40px;
	}

	.dermatologytrouble-list-title { 
		font-size: 20px;
		line-height: 80px;
	}

	.dermatologytrouble-btn.icon-arrow::after {
		right: 10px;
	}

	.dermatologytrouble-caption { 
		line-height: 1.8;
	}


	/* dermatologytreatment ---------------------------------------*/
	.dermatologytreatment { 
		padding: 0 20px 130px;
	}

	.dermatologytreatment-list { 
		display: block;
		margin: 34px auto 24px;
	}

	.dermatologytreatment-list > li { 
		width: 100%;
	}

	.dermatologybtn.dermatologytreatment-list-btn { 
		padding: 0 10px;
	}

	.dermatologytreatment-list-title { 
		font-size: 16px;
		line-height: 1.6;
		max-width: 280px;
	}

	.dermatologybtn.dermatologytreatment-list-btn.icon-arrow::after {
		right: 10px;
	}

	.dermatologytreatment-caption { 
		font-size: 14px;
		line-height: 1.8;
		margin-bottom: 54px;
	}

	.dermatologytreatment-btn-wrapper { 
		max-width: 360px;
		margin: 0 auto;
	}


	/* dermatologyintroduction ---------------------------------------*/
	.dermatologyintroduction { 
		padding: 64px 20px 64px;
	}

	.dermatologyintroduction-block { 
		display: block;
		margin-top: 28px;
	}

	.dermatologyintroduction-image { 
		width: 100%;
	}

	.dermatologyintroduction-image img { 
		width: 100%;
	}

	.dermatologyintroduction-summary { 
		margin-top: 20px;
		width: 100%;
	}

	.dermatologyintroduction-title { 
		font-size: 20px;
		margin-bottom: 8px;
	}

	.dermatologyintroduction-title span { 
		font-size: 16px;
	}

	.dermatologyintroduction-text { 
		font-size: 16px;
		line-height: 1.8;
		margin-bottom: 18px;
	}

	.dermatologyintroduction-detail > li + li {
		margin-top: 8px;
	}

	.dermatologyintroduction-detail-title { 
		margin-bottom: 8px;
	}


	.dermatologyintroduction-detail-title span { 
		font-size: 18px;
		padding-right: 20px;
		margin-bottom: 10px;
	}

	.dermatologyintroduction-detail-list { 

	}

	.dermatologyintroduction-detail-list > li { 
		padding-left: 22px;
	}

	.dermatologyintroduction-detail-list > li::before { 
		left: 4px;
	}


	/* dermatologyaboutus ---------------------------------------*/
	.dermatologyaboutus { 
		padding: 66px 20px 64px;
	}

	.dermatologyaboutus-block { 
		display: block;
	}

	.dermatologyaboutus-summary { 
		width: 100%;
	}

	.dermatologyaboutus .dermatology-title { 
		text-align: center;
	}

	.dermatologyaboutus-lead { 
		margin: 28px auto 20px;
	}

	.dermatologyaboutus-text { 
		margin-bottom: 34px;
	}

	.dermatologyaboutus-image { 
		width: 100%;
		margin: 0 auto;
	}


	/* dermatologynews ---------------------------------------*/
	.dermatologynews { 
		padding: 66px 20px 62px;
	}

	.dermatologynews-block { 
		display: block;
	}

	.dermatologynews .dermatology-title { 
		text-align: center;
		width: 100%;
	}

	.dermatologynews-list { 
		width: 100%;
		margin-top: 28px;
	}

	.dermatologynews-list > li { 
		display: block;
		padding: 20px 0;
	}

	.dermatologynews-list > li time { 
		display: block;
		margin-bottom: 10px;
	}


	/* dermatologydetail ---------------------------------------*/
	.dermatologydetail { 
		padding: 64px 20px;
	}

	.dermatologydetail-block { 
		display: block;
	}

	.dermatologydetail-summary { 
		width: 100%;
		margin-bottom: 32px;
	}

	.dermatologydetail-title { 
		font-size: 36px;
		text-align: center;
		margin-bottom: 30px;
	}

	.dermatologydetail-address { 
		font-size: 18px;
		text-align: center;
		margin-bottom: 10px;
	}

	.dermatologydetail-access { 
		text-align: center;
		margin-bottom: 30px;
	}

	.dermatologydetail-table-title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.dermatologydetail-table { 
		margin-bottom: 10px;
		border-radius: 8px;
	}

	.dermatologydetail-table th { 
		font-size: 11px;
		padding: 12px 10px;
	}

	.dermatologydetail-table td {
		font-size: 11px;
		padding: 10px 3px;
	}

	.dermatologydetail-table td span {
		font-size: 9px;
		margin-top: 2px;
	}

	.dermatologydetail-table td.dermatologydetail-table-close::after {
		width: 9px;
		height: 1.5px;
	}

	.dermatologydetail-table td.dermatologydetail-table-open::after {
		width: 10px;
		height: 10px;
	}


	.dermatologydetail-caption { 
		font-size: 14px;
	}

	.dermatologydetail-map { 
		padding-top: 76.33%;
		width: 100%;
	}


	/* dermatologyfooter ---------------------------------------*/
	.dermatologyfooter { 
		padding: 60px 20px 86px;
	}

	.dermatologyfooter-nav { 
		display: block;
		width: 100%;
		margin: 0 auto 56px;
	}

	.dermatologyfooter-nav-list + .dermatologyfooter-nav-list { 
		margin-top: 26px;
	}

	.dermatologyfooter-nav-list > li { 

	}

	.dermatologyfooter-nav-list > li + li { 
		margin-top: 14px;
	}


	.dermatologyfooter-nav-list-child-wrapper {
		display: block;
	}

	.dermatologyfooter-nav-list-child { 
		margin-top: 12px;
	}

	.dermatologyfooter-nav-list-child > li + li { 
		margin-top: 11px;
	}

	.dermatologyfooter-nav-list-child > li > a { 
		font-size: 14px;
	}

	.dermatologyfooter-nav-list-child + .dermatologyfooter-nav-list-child { 
		margin-top: 14px;
	}

	.gotop { 
		top: 0;
		right: 0;
		width: 60px;
	}

	.gotop .icon-arrow-gotop { 
		width: 30px;
		height: 30px;
	}


	/* dermatologyfixedbtn ---------------------------------------*/
	.dermatologyfixedbtn {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 1000;
	}

	.dermatologyfixedbtn-block {
		display: flex;
		align-items: center;
		position: relative;
		border-top: 1px solid #fff;
	}

	/* .dermatologyfixedbtn-block::after {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
		width: 1px;
		height: 100%;
		background: #fff;
		content: '';
	} */

	.dermatologyfixedbtn-btn {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		/* width: 50%; */
		width: 100%;
		height: 56px;
		padding: 14px 6px;
		background: #56423C;
		font-size: 16px;
		font-weight: 400;
		text-align: center;
		letter-spacing: 0;
		color: #fff;
		border-right: 1px solid #fff;
	}

	.dermatologyfixedbtn-btn:last-child {
		border-right: none;
	}

	.dermatologyfixedbtn-btn .icon-tel,
	.dermatologyfixedbtn-btn .icon-reservation {
		width: 20px;
		height: 20px;
		background: #fff;
	}

	.dermatologyfixedbtn-btn .icon-line {
		width: 20px;
		height: 20px;
	}


	/* dermatologypagekv ---------------------------------------*/
	.dermatologypagekv { 
		padding: 68px 20px 60px;
	}

	.dermatologypagekv-title span { 
		font-size: 16px;
		margin-bottom: 6px;
	}

	.dermatologypagekv-title strong{ 
		font-size: 28px;
		font-weight: 600;
	}


	/* dermatologypagekv ---------------------------------------*/
	.dermatologypagecontent { 
		padding: 64px 20px;
	}

	.dermatologypagecontent-wrapper + .dermatologypagecontent-wrapper { 
		margin-top: 64px;
	}

	.dermatologypagecontent-title { 
		font-size: 24px;
		line-height: 1.5;
		padding-bottom: 10px;
		margin-bottom: 32px;
	}

	.dermatologypagecontent-title::after { 
		background: linear-gradient(90deg, #56423C 0%, #56423C 80px, #BEA69F 80px, #BEA69F 100%);
	}

	.dermatologypagecontent-subtitle { 
		font-size: 20px;
		line-height: 1.5;
		margin-bottom: 10px;
	}

	.dermatologypagecontent-subtitle-p { 
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 20px;
	}

	.dermatologypagecontent-subtitle-p::before { 
		font-size: 18px;
		content: '◼';
		padding-right: 4px;
	}

	.dermatologypagecontent-subtitle-sub {
		font-size: 18px;
	}

	.dermatologypagecontent-text { 
		font-size: 16px;
	}

	.dermatologypagecontent-text + .dermatologypagecontent-subtitle{ 
		margin-top: 32px;
	}

	.dermatologypagecontent-subtitle + .dermatologypagecontent-subtitle-sub { 
		margin-top: 20px;
	}
	
	.dermatologypagecontent-text + .dermatologypagecontent-subtitle-sub { 
		margin-top: 28px;
	}
	
	.dermatologypagecontent-textblock { 
		padding: 20px;
	}

	.dermatologypagecontent-textblock-list { 
		display: block;
	}

	.dermatologypagecontent-textblock-list > li { 
		min-width: unset;
		padding-left: 26px;
	}

	.dermatologypagecontent-textblock-list > li + li { 
		margin-top: 10px;
	}

	.dermatologypagecontent-textblock-list > li::before {
		left: 4px;
	}

	.list2,.list3,.list4,.list5,.list6,.list7,.list8,.list9,.list10 {
		display: block;
	}

	/* #table03 {
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
	} */

	#table03 {
		border: none;
		border-radius: 0;
		overflow: visible;
	}

	#table03 tr {
		border: 1px solid #BEA69F; /* 1行ごとのカードに枠線が残るようにする場合 */
		border-radius: 6px;
		margin-bottom: 1em;
	}

	#table03 thead {
		display: none;
	}

	#table03,
	#table03 tbody,
	#table03 tr,
	#table03 th,
	#table03 td {
		display: block;
		width: 100%;
	}

	#table03 tr {
		margin-bottom: 1em;
		border: 1px solid #BEA69F;
		border-radius: 6px;
		overflow: hidden;
		background: #FFFAF7;
	}

	#table03 th {
		background-color: #BEA69F !important;
		color: #fff;
		vertical-align: middle;
		display: flex;
		align-items: center;
		height: auto;
		min-height: 56px; /* 高さ調整 */
		padding: 8px 10px 8px;
		justify-content: space-around;
		flex-direction: column;
		font-size: 14px;
	}

	#table03 .fixed {
		text-align: center;
	}

	#table03 .table-detail strong{
		font-size: 18px !important;
		font-weight: 600;
	}

	#table03 .col-price {
		width: 100% !important;
		min-width: auto !important;
	}

	#table03 .col-price strong{
		font-size: 18px !important;
		font-weight: 600;
	}

	#table03 td {
		text-align: left;
		padding-left: 32%;
		position: relative;
		border: none;
		border-bottom: 1px dashed #BEA69F;
		background: #FFFAF7;
		font-size: 14px;
	}

	#table03 td::before {
		content: attr(data-label);
		position: absolute;
		left: 10px;
		top: 10px;
		font-weight: bold;
		color: #BEA69F;
		white-space: nowrap;
	}

	#table03 td:last-child {
		border-bottom: none;
	}
}



/*ーーーーーーーーーーー　キャンペーンバナー　ーーーーーーーーーーー*/
.campaign_b_img {
	width: 100%;
	margin: 0 auto 30px;
	max-width: 550px;
}
.campaign_b_list { margin-bottom: 40px;}
.campaign_b_list li {
	margin-bottom: 10px;
}
.campaign_b_list li:last-child { margin-bottom: 0;}
.campaign_b_list li img { width: 100%; height: auto;}


@media screen and (min-width: 1025px) {
.campaign_b_list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 80px;
}
.campaign_b_list li {
	width: 30%;
	margin: 0 1.6% 30px;
	}
}




/*ーーーーーーーーーーー　価格テーブル　ーーーーーーーーーーー*/
.mb_30 { margin-bottom: 30px !important; }
.tbl_pt01 {
	width: 100%;
    border-collapse: separate;/*collapseから変更*/
	border-spacing: 0;
	border-radius: 6px;
	overflow: hidden;
	border: #BEA69F solid 1px;
}
.tbl_pt01 th,
.tbl_pt01 td {
    border-left: 1px dashed #BEA69F;
	border-bottom: 1px dashed #BEA69F;
	box-sizing: border-box;
	padding: 15px 15px;
}
.tbl_pt01 th {
	background-color: #FFFAF7;
	font-size: 16px;
	text-align: left;
	line-height: 1.4;
}
.tbl_pt01 th span { font-size: 13px;}
.tbl_pt01 td {
	background-color: #FFFAF7;
	text-align: center;
	line-height: 1.4;
}
.tbl_pt01 thead th {
  background: #BEA69F;
  color: #FFF;
  text-align: center;
	border-right:1px dashed #fff;
	border-bottom: 0;
}
.tbl_pt01 thead th:last-child { border-right: none;}


.tbl_pt01 tbody th { border-left: none;}
.tbl_pt01 .col_b,
.tbl_pt02 .col_b{ border-bottom: none !important;}



.tbl_pt02 {
  width: 100%;
  border: #BEA69F solid 1px;
  table-layout: fixed;
    border-collapse: separate;/*collapseから変更*/
	border-spacing: 0;
	border-radius: 6px;
	overflow: hidden;
}
.tbl_pt02 th,
.tbl_pt02 td {
  padding: 15px 15px;
	
}

.tbl_pt02 th {
  background: #BEA69F;
  color: #FFF;
	border-bottom:1px dashed #fff;
}
.tbl_pt02 td {
	background-color: #FFFAF7;
	text-align: center;
	line-height: 1.4;
	border-bottom: 1px dashed #BEA69F;
}


.tbl_pt01 span,
.tbl_pt02 span { font-size: 13px;}


.tbl_pt02 .col_menu {
	background-color: #FFFAF7;
	line-height: 1.4;
	border-bottom: 1px dashed #BEA69F;
	border-right: 1px dashed #BEA69F;
	color: #56423C;
}
.col_r { border-right: 1px dashed #BEA69F;}


.wp10 { width:10% !important;}
.wp15 { width:15% !important;}
.wp20 { width:20% !important;}
.wp25 { width:25% !important;}
  .wp30 {
    width:30% !important;
  }


.scroll {
  overflow-x: auto;
}
.scroll::-webkit-scrollbar {
  height: 5px;
}
.scroll::-webkit-scrollbar-track {
  background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}
.scroll table {
  min-width: 900px;
}

@media screen and (min-width: 600px) {
  .scroll table {
    min-width: unset;
  }


  .scroll {
    overflow: hidden;
  }
}