@charset "utf-8";

:root {
	/* common */
	--inner-padding: 8rem;
	--max-width01: 105rem;
	--max-width02: 112rem;
	--max-width03: 120rem;
	--max-width04: 130rem;
	--max-width05: 140rem;
	--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.5;
	/* 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);
}

#wrapper {
	overflow: clip;
}

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

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

/*++++++++++++++++++++++++++++
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;
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
module
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/*++++++++++++++++++++++++++++
m_btn01
++++++++++++++++++++++++++++*/
.m_btn01 {
	padding: 1.25rem 6.6rem 1.25rem 1.1rem;
	font-size: 1.7rem;
	min-height: 5.4rem;
	min-width: 30rem;
	width: fit-content;

	&:before {
		width: 5.2rem;
	}

	&:after {
		width: 5.3rem;
	}

	&:hover {
		opacity: 1;
		--arrow-color: var(--white);
		background: var(--logo_brown);
		color: #fff;

		&:after {
			border-color: rgba(255, 255, 255, 0.5);
		}
	}
}

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

.m_btn_wrap {
	--gap-col: 2rem;
	--gap-row: 2rem;
	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_toc
++++++++++++++++++++++++++++*/
.m_toc {
	padding: 2.9rem 2rem 2.9rem 1rem;
	--circle-top: 0.3rem;
	margin-top: 5rem !important;
	margin-bottom: -2rem;

	.m_toc_list {
		--gap-col: 4rem;
		--gap-row: 2rem;
		--col: 2;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		gap: var(--gap-row) var(--gap-col);

		li {
			width: auto;
			position: relative;

			&:before {
				content: '';
				display: block;
				position: absolute;
				right: -2rem;
				top: 50%;
				transform: translateY(-50%);
				width: 1px;
				height: 2rem;
				z-index: 1;
				background: var(--beige_line);
			}

			&:last-of-type:before {
				display: none;
			}
		}

		a {
			--arrow-size: 0.5rem;
			--circle-size: 2.2rem;
			padding: 0 0 0 3.2rem;
			font-size: 1.6rem;

			&:hover {
				opacity: 1;
				--arrow-color: #fff;
				--circle-color: var(--logo_gold);
			}
		}
	}
}

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

/*++++++++++++++++++++++++++++
m_timetable
++++++++++++++++++++++++++++*/
.m_timetable {
	:is(td, th) {
		font-size: 1.6rem;
		padding: 1rem 0;
	}

	thead th {
		padding: 1rem 0;

		&:first-of-type {
			width: 23.5rem;
		}
	}

	tbody th {
		font-size: 1.6rem;
		text-align: left;
		padding: 0.9rem 0 1rem 1rem;

		span {
			width: 10rem;
			font-size: 1.6rem;
			display: inline-block;
			margin-right: 1.2rem;
			text-align: center;
			margin-bottom: 0;
			padding: 0.2rem 0.2rem;
		}
	}
}

.m_timetable_hosoku {
	font-size: 1.6rem;
	margin-top: 1.2rem;
	line-height: 1.6;
}

/*++++++++++++++++++++++++++++
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;
}

.m_col_reverse_sp {
	flex-direction: row;
}

/*++++++++++++++++++++++++++++
m_faq
++++++++++++++++++++++++++++*/
.m_faq {
	margin-top: var(--under-box-mt);

	&+& {
		margin-top: 0rem;
	}

	.m_faq_head {
		--arrow-size: 1.4rem;
		--circle-right: 2rem;
		--circle-size: 2.4rem;
	}

	.m_faq_ttl {
		padding: 2.4rem 9.4rem 2.4rem 7rem;
		font-size: 2rem;

		&:before {
			font-size: 4rem;
			top: 1.9rem;
			left: 2rem;
		}
	}

	.m_faq_body {
		padding: 2rem;
	}

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

/*++++++++++++++++++++++++++++
m_kakomi
++++++++++++++++++++++++++++*/
.m_kakomi {
	padding: 3rem;
	margin: 4rem 0 0;

	&+& {
		margin-top: 4.2rem;
	}

	*:has(+ .m_kakomi_ttl),
	*:has(+ h5) {
		padding-bottom: 4rem;
	}

	*:has(+ .m_kakomi_ttl):before,
	*:has(+ h5):before {
		margin-top: 4rem;
	}
}

/*++++++++++++++++++++++++++++
m_kakomi02
++++++++++++++++++++++++++++*/
.m_kakomi02 {
	padding: 4rem;
	margin: 6rem 0 0;

	&+& {
		margin-top: 6rem;
	}

	.m_kakomi02_ttl {
		font-size: 2.1rem;
		gap: 2rem;
		margin-bottom: 3rem;
	}
}

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

	&.m_imgbox_reverse {
		flex-direction: row;
	}

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

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

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

	&.m_imgbox_reverse {
		flex-direction: row;
	}

	&.m_imgbox_mini .m_imgbox_head {
		max-width: 33rem;
		width: 36%;
	}
}

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

	.m_flow_item {
		border-radius: 1.2rem;
		padding: 4rem;
	}

	.m_flow_item:before {
		width: 2.4rem;
	}

	.m_flow_content :is(h4, h5) {
		margin-top: 3rem;
	}

	.m_flow_ttl_wrap {
		display: flex;
		gap: 2.5rem;
		padding: 1.9rem 0;
		margin-bottom: 4rem;

		&+* {
			margin-top: 0 !important;
		}
	}

	.m_flow_ttl {
		font-size: 2.4rem;
	}

	.m_flow_step {
		width: 8.4rem;
		height: 6.4rem;
		font-size: 1.8rem;
		gap: 1rem;
	}

	.m_flow_step:after {
		font-size: 3.6rem;
	}

	.m_flow_img {
		width: 100%;
	}

	.m_kakomi {
		margin-top: 4rem;
	}

	.m_imgbox {
		flex-direction: row-reverse;
	}

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

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

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

	li {
		padding: 0 0 0 3.2rem;
		width: calc(100% / var(--col) - var(--gap-col) * (var(--col) - 1) / var(--col));
	}

	li:before {
		top: 0;
		left: 0;
		width: 2.5rem;
	}

	&.m_checklist_long {
		--gap-row: 2.4rem;
	}
}

/* m_table02 */
.m_table02 {
	:is(th, td) {
		padding: 1.7rem 1.4rem;
		font-size: 1.7rem;
	}

	thead {
		th {
			width: 30rem;
		}
	}

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

		th {}
	}

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

/*++++++++++++++++++++++++++++
m_slider
++++++++++++++++++++++++++++*/
.m_slider {
	--img-size: 76rem;
	--btn-position: -11rem;
	--btn-size: 6.5rem;
	--ratio-w: 760;
	--ratio-h: 560;
	padding: 0;
	margin: 3rem auto 0;
	width: min(81rem, 100%);

	.m_slider_main .m_slider_item {
		margin: 0 2.5rem;
	}

	.slick-arrow {
		&:hover {
			&:before {
				left: 1rem;
			}
		}
	}

	.slick-arrow:before {
		-webkit-mask-size: 0.8rem;
		mask-size: 0.8rem;
		transition: var(--default-transition);
	}

	.m_slider_desc {
		padding: 1rem 1.5rem;
		margin: 0;
		position: absolute;
		margin-top: 0;
		bottom: 2rem;
		left: 2rem;
	}

	.m_slider_desc_ttl {
		font-size: 2rem;
	}

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

	.m_slider_txt {
		margin-top: 1.5rem;
	}

	.slick-dots {
		gap: 0.8rem;
		margin-top: 1.5rem;
	}
}

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

	figure {
		width: 48.1rem;
	}
}

/*++++++++++++++++++++++++++++
m_map_link
++++++++++++++++++++++++++++*/
.m_map_link {
	--icon-size: 2rem;
	font-size: 1.5rem;
	padding-left: 2.6rem;

	&:before {
		top: 0.3rem;
	}
}

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

	&>.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%;
	}

	/* ボタン */
	.m_btn01 {
		margin-top: 4.2rem;
	}

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

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

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

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

	/* title */
	h2:where(:not(.no_default)) {
		font-size: 3rem;
		padding: 0 0 2rem;
		margin: 10rem 0 6rem;
	}

	h3:where(:not(.no_default)) {
		font-size: 2.1rem;
		margin: 6rem 0 4rem;
		padding: 1.2rem 0 1.2rem 5.7rem;
		background-size: 4rem;
	}

	.m_kakomi_ttl,
	h4:where(:not(.no_default)) {
		font-size: 1.9rem;
		padding: 0 0 1.5rem;
		margin: 2.5rem 0 1.8rem;
	}

	h5:where(:not(.no_default)) {
		margin-bottom: 1rem;
		margin-top: 2rem;

		em {
			font-size: 1.7rem;
			padding: 0.3rem 0.8rem;
		}
	}

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

		li {
			padding-left: 2.7rem;
			width: calc(100% / var(--col) - var(--gap-col) * (var(--col) - 1) / var(--col));
		}

		li:before {
			width: 0.4rem;
			left: 1.15rem;
			top: 1.15rem;
		}

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

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

		li {
			padding: 1.5rem 0 1.5rem 4rem;
		}

		li:before {
			top: 2.2rem;
			left: 0.7rem;
			font-size: 2.2rem;
			padding-left: 0;
		}
	}

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

		:is(th, td) {
			padding: 1.7rem 1.4rem 1.7rem;
			font-size: 1.7rem;
		}

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

		tbody {
			:is(th, td) {
				padding: 1.7rem 1.4rem 1.7rem;
			}

			td em {
				font-size: 2.2rem;
				top: 0.2rem;
			}
		}
	}
}

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

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

	.previouspostslink,
	.nextpostslink {
		width: 4rem;
		height: 4rem;

		&:before {
			width: 0.8rem;
			height: 0.8rem;
		}
	}

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

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

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

/* breadcrumbs */
.l_under_breadcrumb {
	width: 100%;
	padding: 2rem 0 1rem;
	margin: 0;
}

.breadcrumbs {
	margin: 0;
	width: 100%;
	display: flex;
	justify-content: flex-end;

	:is(span, a) {
		font-size: 1.4rem;
		position: relative;
	}

	>span {
		padding-right: 1rem;

		&:after {
			top: 0rem;
		}
	}
}

/*++++++++++++++++++++++++++++
l_pagetop
++++++++++++++++++++++++++++*/
.l_pagetop {
	bottom: 0;
	right: 0;
	width: 5rem;
	border-radius: 0.5rem 0 0 0;
	border-right: 0;

	&:before {
		-webkit-mask: var(--arrow-url) left 50% top 50% / var(--arrow-size) no-repeat;
		mask: var(--arrow-url) left 50% top 50% / var(--arrow-size) no-repeat;
		background: var(--arrow-color);
	}

	&:hover {
		--arrow-color: #fff;
		background: var(--logo_gold);
	}
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
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_item_inner {
	flex-direction: row;
	gap: 1.6rem;
	align-items: center;
}

.l_news_item_date {
	font-size: 1.8rem;
	width: 9.3rem;
	margin-right: 1.6rem;
}

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

.l_news_item_body {
	flex: 1;
}

.l_news_item_ttl {
	font-size: 1.6rem;
}

/*++++++++++++++++++++++++++++
l_under_mv
++++++++++++++++++++++++++++*/
.l_under_mv {
	.l_under_mv_inner {
		min-height: 40rem;
		padding: 0;
		max-width: none;
		margin: 0;
	}

	.l_under_mv_img {
		width: calc(100% - 2rem);
		right: auto;
		left: 0;
		transform: none;
	}
}

.l_under_mv_ttl {
	margin-top: 0;

	/* padding-bottom: 4rem; */
	.ja {
		font-size: 3.2rem;
	}

	.en {
		font-size: 2rem;
		margin-top: 2rem;
	}

	#wrapper:not(:has(main :is(.m_toc, .page-list))) & {
		/* padding-bottom: 6rem; */
	}
}

/*++++++++++++++++++++++++++++
l_footer
++++++++++++++++++++++++++++*/
.l_footer {
	padding: 8rem 0 0;

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

	.l_footer_block {
		justify-content: space-between;
		display: flex;
		gap: 6rem;
	}

	.l_footer_head {
		width: 50rem;
	}

	.l_footer_body {
		flex: 1;
		max-width: 60rem;
		margin-top: 0;
	}

	.l_footer_logo {
		width: 32.8rem;
		margin: 0;
	}

	.l_footer_data {
		margin-top: 4rem;

		p {
			font-size: 1.6rem;
		}
	}

	.l_footer_data_address {
		p+p {
			margin-top: 1rem;
		}

		a {
			font-size: 1.7rem;
		}
	}

	.l_footer_data_other {
		margin-top: 1.2rem;

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

	.l_footer_bottom {
		padding: 4rem 0;
		margin-top: 8rem;
	}

	.l_footer_bnrs02 {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 0 1rem;
	}

	.l_footer_bnr02_col {
		width: 26.3rem;

		&.mini {
			width: 32.8rem;
		}

		&.mini02 {
			width: 31.5rem;
		}
	}

	.l_footer_bnr_slider {
		.swiper-pagination {
			gap: 0.6rem;
			margin-top: 1.5rem;
		}

		.swiper-pagination-bullet {
			width: 0.6rem;
		}
	}

	.l_footer_bnrs {
		display: flex;
		justify-content: center;
		gap: 1rem;
		margin-top: 3rem;
	}

	.l_footer_bnr {
		width: 17.7rem;
		font-size: 1.2rem;
	}

	small {
		font-size: 1.4rem;
		margin-top: 3rem;
	}
}

/*++++++++++++++++++++++++++++
l_fixed_pc
++++++++++++++++++++++++++++*/
.l_fixed_pc {
	position: fixed;
	bottom: 6rem;
	transform: translate(52.8rem, 0);
	right: 0;
	z-index: 100;
	display: flex;
	transition: 0.5s ease;
	box-shadow: 0px 0px 2.4rem 0px #0000001A;
	border-radius: 0.5rem 0 0 0.5rem;
	overflow: hidden;

	&:hover {
		transform: translate(0, 0);
	}

	.l_fixed_pc_head {
		position: relative;
		background: var(--logo_brown);
		isolation: isolate;
		padding: 0;
		width: 5rem;
		display: flex;
		align-items: center;
		justify-content: center;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		text-orientation: upright;
		font-size: 1.8rem;
		line-height: 1.3;
		letter-spacing: 0.28em;
		color: #fff;
		transition: var(--default-transition);
	}

	.l_fixed_pc_body {
		padding: 2rem;
		width: 52.8rem;
		background: var(--beige_00);
	}

	.l_fixed_pc_top {
		.txt01 {
			text-align: left;
			font-size: 1.7rem;
			line-height: 1.6;
			letter-spacing: 0.12em;
			font-weight: 600;
		}

		.in {
			display: flex;
			align-items: center;
			margin-top: 0.6rem;
			gap: 1rem;
		}

		.txt02 {
			font-family: var(--font-num);
			letter-spacing: 0.1em;
			line-height: 1.6;
			font-size: 2.6rem;
			color: var(--logo_brown);

			&:before {
				content: 'Tel.';
				font-family: var(--font-en);
				letter-spacing: 0;
				line-height: 1;
				font-size: 2.2rem;
				margin-right: 0.5rem;
				letter-spacing: 0.04em;
			}
		}

		.txt03 {
			font-size: 1.4rem;
			line-height: 1.6;
			letter-spacing: 0.12em;
			color: var(--gold);
			font-weight: 600;
		}
	}

	.l_fixed_pc_bottom {
		margin-top: 1.5rem;
		display: flex;
		gap: 2rem;

		.box01 {
			width: 30.2rem;
		}

		.box02 {
			flex: 1;
			padding-left: 1rem;
			border-left: 1px solid var(--beige_line);
			display: flex;
			flex-direction: column;
		}
	}

	.l_cta {
		background: none;
		padding: 0;
	}

	.l_cta_btns {
		margin-top: 0;
	}

	.l_cta_btn {
		--icon-size: 3.6rem;
		height: 8.4rem;
		padding-top: 5rem;
		font-size: 1.5rem;

		&:hover {
			background: var(--brown_hover);
			opacity: 1;
		}

		&.line {
			&:hover {
				background: var(--green_hover);
			}
		}

		&.recruit {
			&:hover {
				background: var(--logo_gold_hover);
			}
		}
	}

	.l_cta_proctology {
		--icon02-url: url(../images/icon_target.svg);
		--icon02-size: 1.8rem;
		--icon02-color: var(--logo_gold);
		background: var(--beige_01);
		padding: 0 2.7rem 0 3.3rem;

		&:after {
			content: '';
			display: block;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: 0.9rem;
			width: var(--icon02-size);
			aspect-ratio: 1/1;
			z-index: 1;
			-webkit-mask: var(--icon02-url) center / 100% no-repeat;
			mask: var(--icon02-url) center / 100% no-repeat;
			background: var(--icon02-color);
			transition: var(--default-transition);
		}

		&:hover {
			opacity: 1;
			background: var(--beige_02);
		}
	}

	.l_cta_sns_ttl {
		font-size: 1.4rem;
		text-align: center;
	}

	.l_cta_sns_list02 {
		display: grid;
		gap: 1rem;
		margin-top: 1.2rem;

		a {
			text-decoration: none;
			display: block;

			&:hover {
				opacity: 1;

				dd {
					color: var(--gold);
				}
			}
		}

		dl {
			display: flex;
			align-items: center;
			gap: 1rem;
		}

		dt {
			border: 1px solid #B0A36980;
			width: 5.2rem;
			aspect-ratio: 1/1;
			border-radius: 50%;
			background: #fff;
			display: flex;
			justify-content: center;
			align-items: center;

			img {
				width: 3rem;
			}
		}

		dd {
			font-size: 1.9rem;
		}
	}
}

/*++++++++++++++++++++++++++++
lu_ttl
++++++++++++++++++++++++++++*/
.lu_ttl01 {
	padding: 1rem 0 1rem 5rem;
	background: url(../images/icon_logo.svg) left top / 4rem no-repeat;
	font-size: 2rem;
}

.lu_ttl02 {
	font-size: 2.1rem;
	gap: 2rem;
	margin-bottom: 4rem;
}

.lu_ttl03 {
	gap: 2rem;
	margin-bottom: 6rem;

	.txt01 {
		font-size: 5.6rem;
	}

	.txt02 {
		padding: 0 2.5rem;
		font-size: 2.2rem;
	}
}

/*++++++++++++++++++++++++++++
lu_doctor
++++++++++++++++++++++++++++*/
.lu_doctor {
	padding-top: 8rem;

	&:before {
		height: calc(100% - 50rem);
		background: linear-gradient(180deg, rgba(191, 179, 126, 0) 0%, #BFB37E 100%);
	}

	&:after {
		top: 31rem;
		left: 38rem;
		width: 127.2rem;
		background: linear-gradient(155.42deg, rgba(191, 179, 126, 0) 12.59%, rgba(191, 179, 126, 0.7) 79.86%);
	}

	.lu_ttl01 {
		margin-bottom: 3rem;
	}

	.lu_doctor_block {}

	.lu_doctor_box {
		display: flex;
		flex-direction: row-reverse;
		gap: 9rem;
		align-items: flex-start;
	}

	.lu_doctor_imgs {
		width: 37rem;
		margin: 0 auto;
		position: relative;
	}

	.lu_doctor_img {
		position: relative;
		z-index: 1;
	}

	.lu_doctor_en {
		top: 1.1rem;
		right: -8rem;
		font-size: 12rem;
	}

	.lu_doctor_badge {
		width: 19rem;
		bottom: 3rem;
		left: -6rem;
		padding-top: 3.9rem;

		.txt01 {
			font-size: 1.7rem;
		}

		.txt02 {
			font-size: 2.6rem;
		}

		.txt03 {
			font-size: 1.3rem;
		}
	}

	.lu_doctor_content {
		flex: 1;
	}

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

	.lu_doctor_catch {
		filter: drop-shadow(0px 0px 2.4rem #0000001A);
		display: flex;
		flex-direction: row;
		gap: 0;
		padding: 1rem 1.5rem;
		background: #fff;
		border-radius: 0.5rem;
		font-size: 2.8rem;
		line-height: 1.6;
		font-weight: 600;
		letter-spacing: 0.12em;
		margin-top: 0;
		margin-bottom: 4rem;
		width: fit-content;

		span {
			padding: 0;
			background: none;
			font-size: 2.8rem;
		}
	}

	.lu_doctor_profile {
		margin-top: 6rem;
		display: grid;
		gap: 2rem;
		grid-template-columns: repeat(2, 1fr);
	}
}

.lu_profile {
	padding: 3rem 4rem 7.5rem;
	position: relative;

	&:after {
		margin: 0;
		position: absolute;
		left: 4rem;
		bottom: 4rem;
		width: calc(100% - 8rem);
	}

	.lu_profile_ttl {
		font-size: 1.8rem;
		margin-bottom: 2rem;
	}

	.lu_profile_sub_ttl {
		font-size: 1.6rem;
		margin-bottom: 0.8rem;
		margin-top: 2rem;
	}

	.lu_profile_table {
		:is(th, td) {
			padding: 0.8rem 0;
			font-size: 1.6rem;
		}

		th {
			width: 8.5rem;
			padding-right: 1rem;
		}
	}

	ul {
		--gap-row: 0.5rem;

		li {
			font-size: 1.6rem;
			width: calc(100% / var(--col) - var(--gap-col) * (var(--col) - 1) / var(--col));
		}
	}
}

.lu_intro {
	.lu_intro_block {
		padding: 4rem;
	}

	.m_youtube {
		max-width: none;
	}
}

.lu_info {
	padding-bottom: 8rem;
	padding-top: 8rem;

	&:before {
		height: calc(100% - 30rem);
		background: linear-gradient(180deg, rgba(191, 179, 126, 0) 0%, #BFB37E 100%);
	}

	.lu_info_block {
		display: flex;
		gap: 8rem;
	}

	.lu_info_head {
		width: 37rem;

		.oft {
			height: 57rem;
			margin-left: var(--over-margin01);

			img {
				border-radius: 0 1rem 1rem 0;
			}
		}
	}

	.lu_info_body {
		flex: 1;
		margin-top: 0;

		.lu_ttl01 {
			margin-bottom: 4rem;
		}
	}

	.lu_info_table {
		:is(th, td) {
			padding: 1.5rem 1rem;
			font-size: 1.7rem;
			font-weight: 500;
		}

		th {
			width: 11rem;
		}
	}

	.lu_info_time {
		margin-top: 4rem;
	}

	.lu_info_map {
		margin-top: 5rem;
	}

	.lu_info_route {
		margin-top: 5rem;
		padding: 4rem;
	}
}

.lu_facility {
	padding: 8rem 0;

	&:before {
		background: url(../images/under/facility_bg.jpg) center / cover no-repeat;
	}
}