@charset "utf-8";

:root {
	/* common */
	--vw: 1vw;
	--inner-padding: 8rem;
	--max-width01: 120rem;
	--max-width02: 115rem;
	--max-width03: 120rem;
	--max-width04: 130rem;
	--max-width05: 142rem;
	--inner-width01: calc(var(--max-width01) + var(--inner-padding) * 2);
	--inner-width02: calc(var(--max-width02) + var(--inner-padding) * 2);
	--inner-width03: calc(var(--max-width03) + var(--inner-padding) * 2);
	--inner-width04: calc(var(--max-width04) + var(--inner-padding) * 2);
	--inner-width05: calc(var(--max-width05) + var(--inner-padding) * 2);
	--over-margin01: min(calc((-1 * var(--vw) * 100 + var(--max-width01)) / 2),
			calc(-1 * var(--inner-padding)));
	--over-margin02: min(calc((-1 * var(--vw) * 100 + var(--max-width02)) / 2),
			calc(-1 * var(--inner-padding)));
	--over-margin03: min(calc((-1 * var(--vw) * 100 + var(--max-width03)) / 2),
			calc(-1 * var(--inner-padding)));
	--over-margin04: min(calc((-1 * var(--vw) * 100 + var(--max-width04)) / 2),
			calc(-1 * var(--inner-padding)));
	--over-margin05: min(calc((-1 * var(--vw) * 100 + var(--max-width05)) / 2),
			calc(-1 * var(--inner-padding)));
	--hover-opacity: 0.6;
	/* under */
	--under-table-first-width: 33rem;
	--default-font-size: 1.7rem;
}

.sp {
	display: none !important;
}

:where(#tinymce),
:where(.underpage) {
	--under-box-mt: 3rem;
	--under-paragraph-mt: 1.5rem;
	--under-btn-mt: 3.4rem;
}

body {
	min-width: var(--tb-breakpoint);
	overflow-x: clip;
}

a {
	transition: opacity var(--default-transition);
}

a:where(:hover) {
	opacity: var(--hover-opacity);
}

a *,
a *:before,
a *:after {
	transition: var(--default-transition);
}

.pointer_none_pc {
	pointer-events: none;
}

#wrapper {
	overflow: clip;
}

.inner {
	max-width: var(--inner-width01);
	margin-left: auto;
	margin-right: auto;
}

:where(.l_under_content) img {
	display: inline;
}

.p_pointer_none_pctb {
	pointer-events: none !important;
}

.img_round_big_pc {
	border-radius: 1.6rem;
}

/*++++++++++++++++++++++++++++
m_img
++++++++++++++++++++++++++++*/
.m_img500 {
	max-width: 500px;
}

.m_img600 {
	max-width: 600px;
}

.m_img700 {
	max-width: 700px;
}

.m_img800 {
	max-width: 800px;
}

.m_img900 {
	max-width: 900px;
}

.m_img1000 {
	max-width: 1000px;
}

.m_img_center {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	width: fit-content;
}

/*++++++++++++++++++++++++++++
m_btn01
++++++++++++++++++++++++++++*/
.m_btn01 {
	--icon-size: 1rem;
	--circle-size: 3.2rem;
	--icon-right: 1.1rem;
	font-size: 1.7rem;
	padding: 1rem 5rem 1rem 2.3rem;
	min-width: 26rem;
	min-height: 5.6rem;
	isolation: isolate;
	overflow: hidden;

	&:after {
		border-radius: 0.5rem;
	}

	em {
		&:before {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: -1;
			transform: translateX(-100%);
			background: #2F333B;
		}
	}

	&:hover {
		opacity: 1;
		--icon-color: var(--brown_02);
		--circle-color: var(--white);
		color: #fff;

		em {
			&:before {
				transform: translateX(0%);
			}
		}

		&:before {
			animation: arrowMaskAnime 0.3s linear 0s 1 both;
		}
	}
}

.m_btn01:after {
	opacity: 1;
}

:where(.l_under_content) .m_btn01 {
	margin-top: 4.2rem;
}

.m_btn02 {
	height: 6.2rem;
	overflow: hidden;
	isolation: isolate;

	.txt01 {
		font-size: 1.9rem;
		padding-left: 4.2rem;
		padding-bottom: 0.3rem;
	}

	&:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		transform: translateX(-100%);
		background: #A89B87;
	}

	&.line {
		&:after {
			background: #70A076;
		}
	}

	&:hover {
		opacity: 1;

		&:after {
			transform: translateX(0%);
		}
	}
}

.m_btn04 {
	--icon-size: 2.2rem;
	--arrow-size: 0.8rem;
	--circle-right: 1.8rem;
	--circle-size: 3.4rem;
	--circle-color: #9B908C;
	background: #57524B;
	color: var(--white);
	height: 9.4rem;
	padding-right: 2.5rem;
	border-radius: 0.5rem;

	.txt01 {
		letter-spacing: 0.08em;
		line-height: 1;
		font-size: 1.8rem;
		padding-left: 4.4rem;

		&:before {}
	}

	&.interview {}

	&:hover {
		opacity: 1;
		--icon-color: var(--main_txt);
		--arrow-color: var(--white);
		--circle-color: var(--beiju_02);
		background: #FBF7F1CC;

		.txt01 {
			color: var(--main_txt);
		}

		em {
			&:before {
				transform: translateX(0%);
			}
		}

		&:before {
			animation: arrowMaskAnime 0.3s linear 0s 1 both;
		}
	}

	&.line {
		&:hover {
			--circle-color: #6A8F6E;
			background: #FBF7F1CC;
		}
	}
}

/*++++++++++++++++++++++++++++
p_table
++++++++++++++++++++++++++++*/
:where(.l_under_content) table:where(:not(.no_default)) {
	&.p_table_th20_pc thead th:first-of-type {
		width: 20% !important;
	}

	&.p_table_th30_pc thead th:first-of-type {
		width: 30% !important;
	}

	&.p_table_th40_pc thead th:first-of-type {
		width: 40% !important;
	}

	&.p_table_th50_pc thead th:first-of-type {
		width: 50% !important;
	}
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
module
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*++++++++++++++++++++++++++++
m_toc
++++++++++++++++++++++++++++*/
.m_toc {
	padding: 4rem 0 4.8rem;
	margin-top: 5rem;
	margin: 5rem -5rem 0;
}

.m_toc:before {
	left: var(--over-margin01);
	width: calc(100% - var(--over-margin01) * 2);
}

.m_toc_list {
	--gap-col: 2.4rem;
	--gap-row: 1.4rem;
	--col: 2;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: var(--gap-row) var(--gap-col);
	margin: 0;
	border-color: rgba(225, 212, 204, 0.4);
}

.m_toc_list li {
	width: auto;
}

.m_toc_list a {
	--arrow-size: 0.8rem;
	--circle-right: 1.2rem;
	--circle-size: 1.8rem;
	padding: 1.1rem 4rem 1.1rem 0.8rem;
	font-size: 1.6rem;
	min-height: 6.6rem;
	display: flex;
	align-items: center;
	min-width: 28.2rem;

	&:hover {
		opacity: 1;
		--arrow-color: #fff;
		--circle-color: var(--beiju_01);
		color: var(--beiju_02);
		border-color: var(--beiju_01);

		&:before {
			mask-position: 66% 50%;
		}
	}
}

/*++++++++++++++++++++++++++++
m_checklist
++++++++++++++++++++++++++++*/
.m_checklist {
	--gap-col: 1rem;
	--gap-row: 1rem;
	margin-top: var(--under-paragraph-mt);
}

.m_checklist li {
	padding: 0rem 0rem 0rem 3.5rem;
}

.m_checklist li:before {
	top: 0.5rem;
	left: 0rem;
	width: 2.3rem;
}

/*++++++++++++++++++++++++++++
m_catch
++++++++++++++++++++++++++++*/
.m_catch {
	margin-top: 3rem;
	font-size: 2rem;
}

/*++++++++++++++++++++++++++++
m_timetable
++++++++++++++++++++++++++++*/
.m_timetable {
	--col-size: 10.6%;
}

.m_timetable :is(td, th) {
	font-size: 1.6rem;
	letter-spacing: 0;
	text-align: center;
	padding: 1.2rem 0 1.1rem;
	/* line-height: 1.45; */
}

.m_timetable thead th {
	width: var(--col-size);
	padding: 1.2rem 0;
}

.m_timetable tbody th {
	padding: 1rem 0 1rem;
	line-height: 1;
}

.m_timetable tbody td {
	font-size: 1.4rem;
}

.m_timetable_hosoku {
	font-size: 1.4rem;
}

.m_table_hosoku {
	font-size: 1.6rem;
	margin-top: 1.7rem;
}

/*++++++++++++++++++++++++++++
m_col
++++++++++++++++++++++++++++*/
.m_col_mtl_sp,
.m_col {
	--gap-col: 4.8rem;
	--gap-row: 4.8rem;
	--col: 1;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-row) var(--gap-col);
	flex-direction: row;
	margin-top: 5rem;
}

.m_col_narrow_pc {
	--gap-col: 2.8rem;
	--gap-row: 2.8rem;
}

.m_col02 {
	--col: 2;
}

.m_col03 {
	--col: 3;
}

.m_col_item {
	width: calc(100% / var(--col) - var(--gap-col) * (var(--col) - 1) / var(--col));
}

.m_col_no_gutter {
	--gap-col: 0px;
	--gap-row: 0px;
}

:where(.l_under_content) .m_col h3:where(:not(.no_default)) {
	margin-bottom: 3.5rem;
}

.m_col_reverse_sp {
	flex-direction: row;
}

/*++++++++++++++++++++++++++++
m_faq
++++++++++++++++++++++++++++*/
.m_faq {
	margin-left: auto;
	margin-right: auto;
}

.m_faq+.m_faq {
	margin-top: 4rem;
}

.m_faq_head {
	--icon-right: 2.8rem;
}

.m_faq_head::before,
.m_faq_head::after {
	transition: var(--default-transition);
}

.m_faq_ttl {
	padding: 1.9rem 7rem 1.9rem 7.9rem;
	font-size: 2rem;
	transition: var(--default-transition);
}

.m_faq_ttl:before {
	font-size: 3rem;
	left: 3rem;
	transition: var(--default-transition);
}

.m_faq_ttl:after {
	width: 7rem;
	height: 3.6rem;
}

.m_faq_body {
	padding: 2rem 7rem 0 8.3rem;

	&:before {
		font-size: 3rem;
		padding-bottom: 0;
		top: 2.1rem;
		left: 3rem;
		font-weight: 600;
	}
}

.m_faq_body .m_btn01 {
	margin-top: 2rem;
}

/*++++++++++++++++++++++++++++
m_kakomi
++++++++++++++++++++++++++++*/
.m_kakomi {
	padding: 4.6rem 5rem;
	margin: 7rem 0 0;
}

.m_kakomi .m_kakomi {
	padding: 3rem 4rem;
	margin-top: 4rem;
}

:is(.m_kakomi, .m_kakomi_col)+ :is(.m_kakomi, .m_kakomi_col) {
	margin-top: 4rem;
}

.m_kakomi_col .m_kakomi:first-child {
	margin-top: 0;
}

.m_kakomi_col {
	display: flex;
}

.m_kakomi_col {
	--gap-col: 2.4rem;
	--gap-row: 2.4rem;
	--col: 2;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-row) var(--gap-col);
}

.m_kakomi_col .m_kakomi {
	width: calc(100% / var(--col) - var(--gap-col) * (var(--col) - 1) / var(--col));
	margin-top: 0;
}

/*++++++++++++++++++++++++++++
m_waku
++++++++++++++++++++++++++++*/
.m_waku {
	padding: 4.5rem 4.9rem;
	margin: 6rem 0 0;
}

.m_waku .m_kakomi {
	padding: 3rem 4rem;
	margin-top: 4rem;
}

.m_waku+.m_waku {
	margin-top: 4rem;
}

/*++++++++++++++++++++++++++++
m_imgbox
++++++++++++++++++++++++++++*/
.m_imgbox {
	display: flex;
	flex-direction: row-reverse;
	gap: 6rem;
}

.m_imgbox_reverse {
	flex-direction: row;
}

.m_imgbox_head {
	margin-bottom: 0;
	max-width: 40.5rem;
	width: 40%;
	margin-top: 0;
	position: relative;
	top: 0.6rem;
}

.m_imgbox_mini .m_imgbox_head {
	max-width: none;
	width: auto;
}

.m_imgbox_head img {
	margin-left: auto;
	margin-right: 0;
}

.m_imgbox_reverse .m_imgbox_head {
	margin-right: var(--gutter);
	margin-left: 0;
}

.m_imgbox_body {
	flex: 1;
	overflow: hidden;
}

.m_imgbox_body .m_btn01 {
	margin: 0;
}

.m_imgbox_around {
	display: block;
}

.m_imgbox_around::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	font-size: 0;
	visibility: hidden;
}

.m_imgbox_around .m_imgbox_head {
	float: right;
}

.m_imgbox_around.m_imgbox_reverse .m_imgbox_head {
	float: left;
}

.m_imgbox .m_imgbox_img+.m_imgbox_img {
	margin-top: 1rem;
}

/*++++++++++++++++++++++++++++
m_btn_wrap
++++++++++++++++++++++++++++*/
.m_btn_wrap {
	margin-top: 3rem;
}

.m_btn_wrap {
	--gap-col: 1.4rem;
	--gap-row: 1.4rem;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-row) var(--gap-col);
	/* justify-content: center; */
	flex-direction: row;
	/* justify-content: center; */
}

.m_btn_wrap.m_btn_wrap_c {
	justify-content: center;
}

.m_btn_wrap .m_btn01 {
	margin: 0;
	min-width: 26rem;
	--btn-height: 6rem;
}

/*++++++++++++++++++++++++++++
m_feature
++++++++++++++++++++++++++++*/
.m_feature {
	margin-top: 0;
}

.single .m_feature {
	margin-left: 0 !important;
	width: 100% !important;
}

.m_feature_item {
	--padding-side: 6.4rem;
	padding: 4.8rem var(--padding-side) 5.6rem;
	gap: 4.8rem;
	/* border-radius: 0.8rem; */
}

.m_feature_item:before,
.m_feature_item:after {
	width: 1.2rem;
}

.m_feature_item+.m_feature_item {
	margin-top: 12rem;
}

.m_feature_ttl {
	font-size: 2.4rem;
	margin-bottom: 2.7rem;
	padding-bottom: 1.7rem;
}

.m_feature_ttl:before {
	font-size: 4rem;
	margin-bottom: 1.6rem;
}

.m_feature_ttl:after {
	top: 1.8rem;
	left: calc(-1 * var(--padding-side));
	width: calc(var(--padding-side) - 2.4rem);
}

.m_feature_content>.m_kakomi {
	margin-top: 4.5rem;
}

.m_feature_item:has(.m_feature_img) {
	flex-direction: row;
}

.m_feature_item:has(.m_feature_img) .m_feature_img {
	max-width: 45.2rem;
	padding-top: 5.6rem;
	width: 45%;
}

.m_feature_item:has(.m_feature_img) .m_feature_content {
	flex: 1;
}

.m_feature_item .m_feature_content> :is(.m_kakomi, .m_kakomi_col)+ :is(.m_kakomi, .m_kakomi_col) {
	margin-top: 4.8rem;
}

/*++++++++++++++++++++++++++++
m_flow
++++++++++++++++++++++++++++*/
.m_flow {
	--item-gap: 3rem;
	margin-top: 4rem;

	.m_flow_item {}

	.m_flow_item:nth-of-type(n + 2) {
		margin-top: var(--item-gap);
	}

	.m_flow_content {
		width: 100%;
	}

	.m_flow_ttl_wrap {}

	.m_flow_ttl {
		font-size: 2.2rem;
		min-height: 9rem;
		padding-left: 12rem;
		margin-bottom: 3rem;

		&:before {
			font-size: 3.2rem;
			width: 9rem;
		}
	}

	.m_flow_item_body {
		padding: 4.2rem 4rem;
		width: calc(100% - 12rem);

		&:before {
			left: -7.6rem;
		}
	}

	.m_flow_sub_ttl {
		font-size: 2rem;
		margin-bottom: 2.4rem;
	}

	.m_kakomi {
		margin-top: 6rem;
		padding: 3rem 4rem;
	}

	.m_imgbox {
		flex-direction: row-reverse;
		gap: 6rem;
	}

	.m_flow_content>.m_kakomi {
		margin-top: 2rem;
	}

	.m_flow_content .m_kakomi+.m_kakomi_col {
		margin-top: 2rem;
	}
}

/*++++++++++++++++++++++++++++
m_numbox
++++++++++++++++++++++++++++*/
.m_numbox {
	gap: 3.2rem;

	.m_numbox_item {
		padding: 4.6rem 5rem;
	}

	.m_numbox_ttl {
		font-size: 2.2rem;
		min-height: 9rem;
		padding-left: 12rem;
		margin-bottom: 2.6rem;

		&:before {
			font-size: 3.2rem;
			width: 9rem;
		}
	}

	.m_kakomi {
		margin-top: 6rem;
		padding: 3rem 4rem;
	}
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
layout
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*++++++++++++++++++++++++++++
l_archive_page
++++++++++++++++++++++++++++*/
.l_archive_page {
	padding: 10rem 0 20rem;
}

.l_single_ttl {
	margin-top: 9rem;
}

.l_single_block,
.l_archive_block {
	display: flex;
	gap: 6rem;
}

.l_single_block .l_under_content,
.l_archive_main {
	flex: 1;
	overflow: hidden;
}

.l_side {
	margin-top: 0;
	width: 25rem;
}

.single .l_side {
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.l_single_block {
	padding-bottom: 16rem;
}

/*++++++++++++++++++++++++++++
l_news
++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++
l_news
++++++++++++++++++++++++++++*/
.l_news_list {
	display: flex;
	flex-direction: column;
}

.l_news_item:first-of-type {
	border-top: 0;
}

.l_news_item {
	transition: 0.3s;

	&:hover {
		border-color: var(--brown_02);
	}
}

.l_news_item_inner {
	padding: 2.2rem 0 2.1rem;
	flex-direction: row;
	gap: 1.6rem;
	align-items: center;

	&:hover {
		opacity: 1;
		border-color: var(--brown_02);

		.l_news_item_ttl {
			color: var(--brown_02);
		}

		.l_news_item_cat {
			background: var(--beiju_02);
		}
	}
}

.l_news_item:first-of-type {
	.l_news_item_inner {
		padding-top: 2rem;
	}
}

.l_news_item_head {
	display: flex;
	align-items: center;
}

.l_news_item_date {
	font-size: 1.6rem;
	/* min-width: 9.4rem; */
	margin-right: 1.6rem;
	padding-left: 1.1rem;
}

.l_news_item_cat {
	font-size: 1.4rem;
	padding: 0.2rem 1.2rem 0.2rem;
	min-height: 2.2rem;
	min-width: 8.8rem;
	text-align: center;
	justify-content: center;
}

.l_news_item_body {
	overflow: hidden;
	flex: 1;
}

.l_news_item_ttl {
	font-size: 1.6rem;
}

/*++++++++++++++++++++++++++++
l_under_mv
++++++++++++++++++++++++++++*/
.l_under_mv {
	margin-bottom: 0;
	margin-top: 0;
}

.l_under_mv_inner {
	min-height: 48rem;
	padding: 0 var(--inner-padding);
	max-width: calc(149rem + var(--inner-padding) * 2);
	margin: 0 auto;
	position: relative;
}

.l_under_mv_img {
	width: max(100%, 100vw);
	right: auto;
	left: 50%;
	transform: translateX(-50%);
}

.l_under_mv_img img {
	object-position: center;
}

.l_under_mv_ttl {
	border-radius: 0;
	padding: 5rem 0 0rem;
	margin: 0;
	width: 100%;
	z-index: 5;
}

.l_under_mv_ttl .ja {
	font-size: 3.3rem;
}

.l_under_mv_ttl .en {
	font-size: 2.6rem;
	margin-top: 1.4rem;
}

/*++++++++++++++++++++++++++++
l_footer
++++++++++++++++++++++++++++*/
.l_footer {
	background: var(--bg_01);
}

.l_footer .inner {
	max-width: var(--inner-width03);
}

.l_footer_top {
	padding: 10rem 0 6rem;
	background: url(../images/footer_bg.png) right bottom / 100% no-repeat;
}

.l_footer .inner {}

.l_footer_block {
	display: flex;
	gap: 9rem;
	padding: 0 8rem;
}

.l_footer_head {
	width: 44rem;
}

.l_footer_logo {
	width: 44rem;
}

.l_footer_address {
	margin-top: 3rem;

	.txt {
		font-size: 1.6rem;
		margin-top: 0;
	}

	p+p {
		margin-top: 0.6rem;
	}
}

.m_map_link {
	position: relative;
}

.m_map_link {
	--icon-size: 1.5rem;
	font-size: 1.4rem;
	padding: 0.2rem 0 0.2rem 2rem;
}

.l_footer_tel {
	margin-top: 0.9rem;
	font-size: 1.6rem;
	gap: 1rem;

	.tel_link a,
	.tel_link {
		font-size: 2.3rem;
	}
}

.l_footer_subject {
	gap: 1.4rem;
	margin-top: 1.6rem;
	flex-direction: row;

	dt {
		padding: 0.2rem 1rem 0.2rem 1rem;
		font-size: 1.6rem;
		line-height: 1.8;
	}

	dd {
		font-size: 1.6rem;
	}
}

.l_footer_time {
	padding: 0;
	margin-top: 3rem;
}

.l_footer_body {
	flex: 1;
}

.l_footer_map {
	margin: 0;
}

.l_footer_btns {
	gap: 0.8rem;
	margin: 4rem 0 0;
}

.l_footer_bnrs02 {
	width: 52.8rem;
	margin: 6rem auto 0;
	gap: 3.8rem;
}

.l_footer_bottom {
	padding: 4rem 4rem 0;
}

.l_footer_bnrs {
	gap: 1.4rem;
	padding: 0;
	width: 32.2rem;
	margin: 0 auto;
}

.l_footer small {
	font-size: 1.2rem;
	margin-top: 3rem;
	padding: 1.6rem 0 1.7rem;
	border-top: 1px solid var(--brown_03);
}

/* underpage */
/* l_under_content */
.l_under_content {
	padding: 0 5rem;
}

.inner:has(.l_under_content) {
	padding: 0 var(--inner-padding);
}

.m_table_scroll {
	&+.m_table_scroll {
		margin-top: 5rem;
	}
}

:where(.l_under_content) {

	table+.m_table_scroll,
	table+table {
		margin-top: 5rem;
	}

	&>.m_toc:first-child {
		margin-top: 0;
	}

	.alignright {
		margin: 1.6rem 0 1rem 5rem;
		float: right;
		height: auto;
		width: auto;
		max-width: 36rem;
		display: block;
	}

	.alignleft {
		margin: 1.6rem 5rem 1rem 0;
		float: left;
		height: auto;
		width: auto;
		max-width: 36rem;
		display: block;
	}

	.aligncenter {
		margin: 0 auto 1em;
		width: auto;
		max-width: 100%;
		display: block;
	}

	.alignnone {
		width: auto;
		max-width: 100%;
	}

	&>section:where(:not(.no_default)) {
		padding: 10rem 0 12rem;
	}

	&>section:last-of-type {
		padding-bottom: 12rem;
	}

	&>section:where(:not(.no_default)) {
		left: 0;
		width: 100%;
	}

	&>section:before {
		width: max(var(--tb-breakpoint), calc(100* var(--vw)));
	}
}

.u_bnr {
	max-width: 47.7rem;
	margin: 3rem auto;
	display: block;
}

/* title */
:where(.l_under_content) h2:where(:not(.no_default)) {
	font-size: 3.2rem;
	padding: 5.3rem 0 0;
	margin: 10rem 0 8rem;
}

:where(.l_under_content) h3:where(:not(.no_default)) {
	font-size: 2.2rem;
	margin-bottom: 3.2rem;
	margin-top: 12rem;
	padding: 1.6rem 0;
}

.m_kakomi_ttl,
:where(.l_under_content) h4:where(:not(.no_default)) {
	font-size: 1.8rem;
	padding: 0 0 1.5rem 0.2rem;
	margin: 4.5rem 0 2.6rem;
}

:where(.l_under_content) h5:where(:not(.no_default)) {
	font-size: 1.8rem;
	padding-bottom: 0;
	margin-bottom: 2rem;
	margin-top: 4rem;
	padding: 0.7rem 2rem;
}

:where(.l_under_content) .m_hosoku_ttl {
	padding: 0 0 0 1.6rem;
	font-size: 1.8rem;
	letter-spacing: 0.08em;
	margin: 3rem 0 1.8rem;

	+p {
		margin: 0;
	}

	&:before {
		top: 0.9rem;
		left: 0;
		width: 1rem;
	}
}

/* ul */
:where(.l_under_content) ul:where(:not(.no_default, .m_toc_list)) {
	--gap-col: 2.4rem;
	--gap-row: 1.2rem;
	--col: 1;

	li {
		padding-left: 2rem;
		font-size: 1.7rem;
	}

	li:before {
		width: 0.8rem;
		left: 0rem;
		top: 1rem;
	}

	&.m_list_long {
		--gap-row: 5rem;
	}
}

.p_list_col02_pc {
	--col: 2;
}

.p_list_col03_pc {
	--col: 3;
}

.p_list_col04_pc {
	--col: 4;
}

/* ol */
:where(.l_under_content) ol:where(:not(.no_default)) {
	--gap-col: 3rem;
	--gap-row: 2rem;

	li {
		padding: 1.6rem 1.6rem 1.6rem 6.1rem;
		font-size: 1.7rem;
	}

	li:before {
		top: 2rem;
		left: 1.6rem;
		font-size: 2.3rem;
		padding-left: 0;
	}
}

/*++++++++++++++++++++++++++++
m_btn_list
++++++++++++++++++++++++++++*/
.m_btn_list {
	--gap-col: 2rem;
	--gap-row: 2rem;

	li {
		padding: 1.8rem 1.8rem 1.8rem 3.6rem;
		font-size: 1.7rem;
	}

	li:before {
		top: 2.85rem;
		left: 1.6rem;
		z-index: 5;
		width: 0.8rem;
	}

	a {
		text-decoration: none;
		letter-spacing: 0.04em;
	}
}

/* other */
:where(.l_under_content) .m_img_center+p {
	margin-top: 3rem;
}

.tdl_pc {
	td {
		text-align: left !important;
	}
}

/* table */
:where(.l_under_content) table:where(:not(.no_default)) {
	margin-top: 3rem;
	table-layout: fixed;
	margin-left: auto;
	margin-right: auto;
	width: 100%;

	tbody tr:not(:has(*:nth-child(n + 3))) th,
	thead:not(:has(*:nth-child(n + 3))) th {
		&:first-of-type {
			width: 18.8%;
		}
	}

	&.m_table_price {

		tbody th,
		thead th {
			width: 103% !important;
		}

		tbody td {
			text-align: right;
		}
	}

	:is(th, td) {
		padding: 1.6rem 2.4rem 1.6rem;
		width: 33.33333%;
		font-size: 1.7rem;
	}

	thead {
		th {
			padding: 1.3rem 1rem;
			text-align: center;
		}
	}

	tbody {
		:is(th, td) {
			padding: 1.8rem 2.4rem 1.6rem;
		}

		th {
			padding-left: 2.6rem;
			padding-right: 2.6rem;
		}
	}
}

/*++++++++++++++++++++++++++++
m_table02
++++++++++++++++++++++++++++*/
.m_table02 {
	:is(th, td) {
		padding: 1.3rem 2rem 1.3rem;
		width: 33.33333%;
	}

	thead {
		th {
			padding: 1.3rem 1rem;
		}
	}

	tbody {
		:is(th, td) {
			padding: 1.8rem 2.4rem 1.6rem;
		}

		th {
			padding-left: 2.2rem;
			padding-right: 2.2rem;
		}

		td em {
			font-size: 3.2rem;
			top: -0.1em;
		}
	}

	.m_table02_box_ttl {
		--item-gap: 4rem;
		font-size: 2rem;
		padding: 1.2rem 1.5rem;
		margin-bottom: 1.2rem;
	}
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
wp-pagenavi
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.wp-pagenavi {
	margin-top: 8rem;
	font-size: 1.8rem;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	width: 4rem;
	height: 4rem;
}

.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .nextpostslink:before {
	width: 0.8rem;
	height: 0.8rem;
}

.wp-pagenavi :is(.extend, .last, .first, .current, .page) {
	width: 4rem;
	height: 4rem;
}

.wp-pagenavi :is(.previouspostslink, .nextpostslink, .last, .first, .current, .page) {
	margin: 0 0.5rem;
	padding-top: 0em;
}

.wp-pagenavi .extend {
	margin: 0 -0.7rem;
}

/* breadcrumbs */
.l_under_breadcrumb {
	padding: 1.3rem 0 1.3rem;
}

.breadcrumbs {
	padding: 0;
	margin: 0;
	width: 100%;
	display: flex;
}

.breadcrumbs :is(span, a) {
	text-decoration: none;
	font-size: 1.4rem;
	position: relative;
}

.breadcrumbs a {
	&:hover {
		opacity: 1;
		color: var(--beiju_02);
	}
}

.breadcrumbs>span:after {
	top: -0.6rem;
}

.breadcrumbs>span {
	padding-right: 1rem;
}

/*++++++++++++++++++++++++++++
l_pagetop
++++++++++++++++++++++++++++*/
.l_pagetop {
	position: fixed;
	z-index: 99;
	bottom: 3rem;
	right: 3rem;
	width: 6.4rem;
	transition: var(--default-transition);

	&:before {
		content: '';
		display: block;
		position: absolute;
		top: 1.4rem;
		left: 50%;
		width: 1.6rem;
		transform: translateX(-50%);
		aspect-ratio: 16/17;
		z-index: 10;
		background: url(../images/pagetop_pc_arrow.svg);
		transition: 0.3s ease-out;
	}

	img {
		position: relative;
		z-index: 1;
		transition: 0.3s ease-out;
	}

	&:hover {
		opacity: 0.85;

		&:before {
			top: 1rem;
		}
	}
}

/*++++++++++++++++++++++++++++
m_slider
++++++++++++++++++++++++++++*/
.m_slider {
	--img-size: 90rem;
	--btn-position: calc(-25vw + 22.5rem);
	--btn-size: 7rem;
	--ratio-w: 700;
	--ratio-h: 530;
	padding: 0;
	margin: 3rem auto 0;
	width: min(72.5rem, 100%);
}

.m_slider .slick-list {
	z-index: 1;
}

.m_slider_main {
	margin: 0 auto;
	position: relative;
}

.m_slider_main .slick-list {
	overflow: visible;
}

.m_slider_main .m_slider_item {
	position: relative;
	margin: 0 1.3rem;
}

.m_slider_main figure {
	position: relative;
	z-index: 1;
}

.m_slider_main figure img {
	width: 100%;
	aspect-ratio: var(--ratio);
}

.m_slider_desc {
	padding: 0.8rem 1.8rem;
	margin: 0;
}

.m_slider_desc_ttl {
	font-size: 1.6rem;
}

.m_slider_desc_txt {
	font-size: 1.6rem;
}

.m_slider_navs {
	margin-top: 2.8rem;
	padding: 0 0.5rem;
	gap: 3rem;
	transform: translateX(-50%);
	width: 110rem;
	left: 50%;
	position: relative;
}

.m_slider_arrows {
	gap: 1.5rem;
}

.m_slider .slick-arrow {
	--circle-size: 5.6rem;
	position: relative;
	transition: var(--default-transition);
	cursor: pointer;

	&:before {
		transition: var(--default-transition);
	}

	&:hover {
		background: #D3CBC9;

		&:before {
			-webkit-mask-position: 66% 50%;
			mask-position: 66% 50%;
		}
	}
}

.m_slider .slick-dots {
	gap: 1.6rem;
}

.m_slider .slick-dots li {
	width: 0.8rem;
}

/*++++++++++++++++++++++++++++
m_imgslider
++++++++++++++++++++++++++++*/
.m_imgslider {
	width: max(100vw, var(--tb-breakpoint));
}

.m_imgslider figure {
	width: 54rem;
}

/*++++++++++++++++++++++++++++
m_blog
++++++++++++++++++++++++++++*/
.m_blog {
	.m_blog_inner {
		opacity: 1;

		&:hover {
			.m_blog_body {
				background: #F7F3E6;
			}

			img {
				scale: 1.1;
			}

			.m_blog_btn {
				--icon-color: var(--beiju_02);
				--circle-color: var(--brown_02);
				color: var(--brown_02);

				&:before {
					animation: arrowMaskAnime 0.3s linear 0s 1 both;
				}
			}
		}
	}

	.m_blog_img {}

	.m_blog_body {
		padding: 2rem 1.8rem 5.5rem;
	}

	.m_blog_date {
		font-size: 1.4rem;
	}

	.m_blog_ttl {
		margin-top: 1rem;
		font-size: 1.6rem;
	}

	.m_blog_btn {
		bottom: 1.5rem;
		right: 1.8rem;
		width: fit-content;
		padding-right: 3rem;
		height: 2rem;
		font-size: 1.7rem;
		padding-bottom: 0.3rem;
	}
}

/*++++++++++++++++++++++++++++
ドクターページ
++++++++++++++++++++++++++++*/
.lu_greeting_section {
	padding: 0 0 10rem;
	position: relative;
	isolation: isolate;

	&:before {
		display: none;
	}

	&:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		width: 100vw;
		transform: translateX(-50%);
		height: 100%;
		background: var(--bg_01);
		z-index: -1;
	}
}

.lu_greeting {
	padding: 18.5rem 0 0;
	margin: 0 -5rem;
	display: flex;

	&:before {
		left: calc(var(--over-margin01));
		width: calc(23rem - var(--over-margin01));
		aspect-ratio: 1180/2806;
		background: url(../images/under/greeting_bg01.png) center / cover no-repeat;
	}

	&:after {
		top: auto;
		bottom: -2rem;
		right: calc(var(--over-margin01) - 5rem);
		width: calc(11.9rem - var(--over-margin01) + 5rem);
		aspect-ratio: 958/926;
		background: url(../images/under/greeting_bg02.png) center / cover no-repeat;
	}

	.lu_greeting_block {}

	.lu_greeting_head {
		position: relative;
		flex: 1;
	}

	.lu_greeting_img01 {
		width: 41.8rem;
		margin: 0 0 0 5.8rem;
	}

	.lu_greeting_img02 {
		height: 82.3rem;
		left: calc(var(--over-margin01));
		width: calc(31.9rem - var(--over-margin01));
		top: 24.2rem;
		bottom: auto;
	}

	.lu_greeting_body {
		margin-top: 25.3rem;
		padding: 0 1rem;
		width: 62.4rem;
	}

	.lu_greeting_ttl {
		position: relative;
		inset: auto;
		/*縦書き解除*/
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		font-size: 9rem;
	}

	.lu_greeting_catch {
		font-size: 2.7rem;
		margin-top: 6rem;
	}

	.lu_greeting_txt {
		margin-top: 4rem;
		font-size: 1.7rem;
		line-height: 2;
	}

	.lu_greeting_name {
		gap: 1.2rem;
		font-size: 1.8rem;
		margin-top: 2.6rem;

		span {
			font-size: 2.2rem;
			top: -0.3rem;
		}
	}
}

.lu_profile {
	margin-top: 13rem;
}

.lu_profile_kakomi {
	padding: 5rem;
}

.lu_profile_box01 {
	display: flex;
}

.lu_profile_box01_head {
	flex: 1;
	padding-top: 1rem;
}

.lu_profile_ttl {
	font-size: 2rem;
	padding-left: 1.5rem;
	margin-bottom: 2rem;
}

.lu_profile_box01_content {
	width: 81.7rem;
}

.lu_profile_table {
	margin-top: 0;

	:is(td, th) {
		padding: 1.2rem 0;
		font-size: 1.7rem;
		letter-spacing: 0.04em;
		vertical-align: top;
		line-height: 1.5;
	}

	tr {
		border-bottom: 1px solid var(--brown_03);
	}

	th {
		width: 8rem;
		text-align: left;
	}

	td {
		padding-left: 0.8rem;
		padding-right: 0.4rem;
	}
}

.lu_profile_box02 {
	margin-top: 4rem;
}

.lu_profile_box02_head {}

.lu_profile_box02_content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5rem;
}

.lu_profile_box03 {}

.lu_profile_sub_ttl {
	font-size: 2rem;
	padding: 0 0 0.9rem 0.4rem;
	margin-bottom: 1.9rem;
}

.lu_profile_list {
	display: grid;
	gap: 0.2rem;

	li {
		padding: 0 0 0 1.8rem;
		font-size: 1.7rem;
		letter-spacing: 0.04em;
		left: 0;

		&:before {
			top: 1.1rem;
		}
	}
}

.lu_doctor {
	display: flex;
	gap: 8rem;

	.lu_doctor_head {
		width: 31rem;

		.oft {
			height: 37.2rem;
		}
	}

	.lu_doctor_body {
		flex: 1;
	}

	.lu_profile_box01_content {
		width: 52.7rem;
	}

	.lu_doctor_name {
		margin-top: 0;
		padding: 0 0 1.4rem 0.4rem;
	}

	.lu_doctor_name .pos {
		font-size: 1.6rem;
	}

	.lu_doctor_name .name {
		margin-top: 0.8rem;
		gap: 2.5rem;
	}

	.lu_doctor_name .name span {
		font-size: 2.2rem;
	}

	.lu_doctor_name .name em {
		font-size: 1.9rem;
	}

	.lu_doctor_box {
		margin-top: 3rem;
	}
}

/*++++++++++++++++++++++++++++
医院紹介ページ
++++++++++++++++++++++++++++*/
.lu_about {
	display: flex;
	flex-direction: row-reverse;
	gap: 8rem;

	.lu_about_head {
		width: 39.1rem;
	}

	.lu_about_body {
		flex: 1;
		margin-top: 0;
	}

	.lu_about_table {
		margin-top: 0;

		:is(td, th) {
			padding: 2.25rem 2.4rem;
			font-size: 1.7rem;
			letter-spacing: 0.04em;
			vertical-align: top;
			line-height: 1.6;
		}

		th {
			width: 18rem;
			text-align: center;
			vertical-align: middle;
		}

		td {}
	}
}

.lu_time {
	.lu_time_block {
		.m_timetable_ttl {
			font-size: 1.8rem;
			padding: 1.4rem 0;
		}

		.m_timetable {
			--col-size: 10.3%;
		}

		.m_timetable :is(td, th) {
			font-size: 1.8rem;
			padding: 1.8rem 0;
		}
	}

	.lu_time_hosoku {
		margin-top: 3.4rem;
	}
}

.lu_access_block {
	margin-top: 6rem;
	display: flex;
	gap: 6rem;
}

.lu_access_head {
	width: 37.5rem;
}

.lu_access_body {
	flex: 1;

	.m_kakomi {
		margin-top: 0;
	}

	.m_kakomi+.m_kakomi {
		margin-top: 3rem;
	}
}

/*++++++++++++++++++++++++++++
l_fixed_pc
++++++++++++++++++++++++++++*/
.l_fixed_pc {
	--body-size: 32.6rem;
	position: fixed;
	z-index: 25;
	right: 0;
	top: 20rem;
	display: flex;
	box-shadow: 0px 4px 20px 0px #24252540;
	transform: translateX(calc(var(--body-size)));
	transition: var(--default-transition);

	&.on {
		transform: translateX(0);
	}

	&.on .l_fixed_pc_head .in {
		.txt {
			&:before {
				opacity: 1;
				
			}
		}

		&:before {
			background-image: url(../images/side_bg_on.png);
		}

		&:after {
			rotate: 0deg;
		}
	}

	.l_fixed_pc_head {
		width: 7rem;
		transition: var(--default-transition);

		.in {
			--arrow-url: url(../images/icon_arrow.svg);
			--arrow-color: var(--white);
			--arrow-size: 1rem;
			background: linear-gradient(360deg, #40281D 0%, #544740 100%);
			position: relative;
			isolation: isolate;
			display: flex;
			justify-content: center;
			padding-top: 4rem;
			height: 37.7rem;
			border-radius: 0.5rem 0 0 0.5rem;
			overflow: hidden;
			transition: var(--default-transition);
			width: 7rem;
			cursor: pointer;

			&:before {
				content: '';
				display: block;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 28rem;
				z-index: -5;
				background: url(../images/side_bg.png) center top / cover no-repeat;
				transition: var(--default-transition);
			}

			&:after {
				content: '';
				display: block;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 7rem;
				aspect-ratio: 1/1;
				-webkit-mask: var(--arrow-url) center / var(--arrow-size) no-repeat;
				mask: var(--arrow-url) center / var(--arrow-size) no-repeat;
				background: var(--arrow-color);
				z-index: 2;
				rotate: 180deg;
				transition: var(--default-transition);
			}

			.txt {
				-webkit-writing-mode: vertical-rl;
				writing-mode: vertical-rl;
				font-family: var(--font-min);
				color: #fff;
				font-weight: 500;
				letter-spacing: 0.07em;
				font-size: 2rem;
				line-height: 1.08;
				transition: var(--default-transition);

				&:before {
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: -10;
					background: linear-gradient(360deg, #958369 0%, #A49784 100%);
					opacity: 0;
					transition: var(--default-transition);
				}
			}

			&:hover {
				width: 7.4rem;
				transform: translateX(-0.4rem);
				--arrow-color: #CBB693;
			}
		}
	}

	.l_fixed_pc_body {
		padding: 2rem 2.4rem;
		background: var(--beiju_03);
		width: var(--body-size);
	}

	.l_fixed_pc_body_ttl {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;

		.txt01 {
			font-size: 2rem;
			line-height: 1;
			letter-spacing: 0.04em;
			font-family: var(--font-min);
			font-weight: 500;
		}

		.txt02 {
			font-size: 1.5rem;
			line-height: 1;
			letter-spacing: 0.04em;
			font-family: var(--font-min);
			position: relative;
			font-weight: 500;
			margin-top: 0.9rem;
		}
	}

	.l_fixed_pc_body_btns {
		margin-top: 2rem;
		display: grid;
		gap: 0.8rem;
	}

	.l_fixed_pc_body_box {
		margin-top: 1.6rem;
		background: #fff;
		padding: 2.4rem 1.9rem 1.8rem;
		border-radius: 0.5rem;

		>.txt01 {
			font-size: 1.7rem;
			text-align: center;
			line-height: 1;
			letter-spacing: 0.02em;
			font-family: var(--font-min);
			font-weight: 500;
			margin-bottom: 1.2rem;
		}

		>.txt02 {
			margin-top: 0.8rem;
			text-align: center;
			font-size: 1.4rem;
			letter-spacing: 0.04em;
			line-height: 1;
			padding: 0.4rem 1rem;
			background: #E7E5E2;
			border-radius: 0.3rem;
		}

		.m_btn03 {
			pointer-events: none;
			background: none;
			--icon-size: 1.6rem;
			--icon-color: #736C6A;
			padding: 0;
			height: auto;

			&:before {
				display: none;
			}

			.txt01 {
				font-family: var(--font-num-lct);
				letter-spacing: 0.08em;
				line-height: 1;
				font-size: 2.2rem;
				font-weight: 500;
				position: relative;
				padding-left: 2.5rem;
				color: var(--main_txt);
			}
		}
	}
}