@charset "utf-8";

:root {
	--font-default: 1.6rem;
}

#wrapper {}

.t_section {
	padding: 120px 0;
}

#wrapper {
	padding-top: 100px;
}

/*その他の追加変更 ここから*/
.t_ttl01 {
	margin-bottom: 40px;
	padding-top: 7px;

	.txt01 {
		font-size: 3.5rem;
	}

	.txt02 {
		font-size: 1.8rem;
		margin-top: 10px;
	}
}

.m_txt p+p {
	margin-top: 1em;
}

.btn01 {
	--btn-height: 60px;
	--btn-width: 300px;
	font-size: 1.9rem;
	padding: 15px 30px;
	width: fit-content;
}

.m_fixed_bnr {
	left: auto;
	bottom: 20px;
	right: 80px;
}

.m_fixed_bnr_item {
	width: 460px;

	.m_fixed_bnr_close {
		width: 26px;
		top: -12px;
		right: -12px;
		padding-bottom: 2px;
		cursor: pointer;
	}
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
m_mv
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.m_mv_main {
	position: relative;
	z-index: 1;
	/* height: 125vw; */
	/* overflow: hidden; */
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
t_news
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.t_news {
	padding: 98px 0 100px;
}

.t_news .t_section {}

.t_news_ttl {}

.t_news_block {
	flex-direction: row;
	gap: 50px;
	border: 4px solid #ffcba1;
	border-radius: 20px;
	padding: 60px 60px 56px;
}

.t_news_head {
	display: block;
	width: 210px;
}

.t_news_ttl {
	.txt01 {
		font-size: 3rem;
		line-height: 1;
	}

	.txt02 {
		font-size: 1.8rem;
		margin-top: 5px;
	}
}

.t_news_btns {
	gap: 10px;
	margin-top: 19px;
	order: 2;
}

.t_news_btn {
	--btn-height: 60px;
	--icon-right: 12px;
	padding: 15px 0;
	gap: 4px;

	.txt01 {
		font-size: 1.9rem;
	}

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

.t_news_body {
	flex: 1;
}

.t_news_tabs_btns {
	grid-template-columns: repeat(4, 1fr);
	gap: 21px;
}

.t_news_tabs_btn {
	--color: #fd9844;
	color: var(--main-font-color);
	height: 50px;
	border: 0;
	background: var(--color);
	font-size: 1.8rem;
	cursor: pointer;
	transition: 0.5s;
	padding-bottom: 2px;

	&:hover {
		opacity: 0.6;
	}

	&.on {
		background: var(--color);

		&:before {
			opacity: 1;
		}
	}

	&:nth-of-type(1) {
		color: #fff;
	}

	&:before {
		content: '';
		display: block;
		position: absolute;
		top: 70%;
		left: 50%;
		z-index: 1;
		transform: translateX(-50%);
		width: 2.7rem;
		aspect-ratio: 27 / 24;
		background: var(--color);
		-webkit-clip-path: polygon(50% 100%, 100% 0, 0 0);
		clip-path: polygon(50% 100%, 100% 0, 0 0);
		transition: var(--transition-default);
		opacity: 0;
	}
}

.t_news_tabs_items {
	margin-top: 32px;
}

.m_newslist {}

.m_newslist_item {
	border-top: 1px solid var(--main-font-color);
}

.m_newslist_item:last-of-type {
	border-bottom: 1px solid var(--main-font-color);
}

.m_newslist_item_in {
	display: flex;
	flex-direction: row;
	overflow: hidden;
	padding: 17px 0 18px;
	gap: 15px;
	text-decoration: none;
}

.m_newslist_item_data {
	gap: 17px;
}

.m_newslist_item_data .date {
	letter-spacing: 0.16em;
	font-size: 1.4rem;
	min-width: 8.8rem;
}

.m_newslist_item_data .cat {
	min-width: 80px;
	padding: 3px 6px 3px calc(6px + 0.16em);
	font-size: 1.4rem;

	&.column {
		background: #fcf3aa;
	}

	&.activity {
		background: #f0e7d1;
	}
}

.m_newslist_item_in em {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
t_bnrs
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.t_bnrs {
	padding: 79px 0;
}

.t_bnrs_block {
	display: grid;
	gap: 19px;
	grid-template-columns: 1fr 1fr 585px;
}

.t_bnr {
	a {
		display: block;
	}
}

.t_bnr01 {}

.t_bnr02 {}

.t_bnr03 {
	padding-left: 0px;
	grid-column: auto;
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
t_info
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.t_info {
	position: relative;
	isolation: isolate;
	background: #fff;
	overflow: hidden;
	padding-bottom: 114px;

	&::before {
		top: -280px;
		right: calc(50% + -820px);
		width: 799px;
	}

	&::after {
		top: 124px;
		left: calc(50% - 986px);
		width: 639px;
	}
}

.t_info_ttl {
	margin-bottom: 75px;
}

.t_info_en {}

.t_info_container {
	display: flex;
	gap: 60px;
}

.t_info_detail {
	padding: 0;
	width: 380px;
}

.t_info_logo {
	width: 365px;
	margin: 0 auto 25px;
}

.t_info_tel {
	margin-top: 5px;
}

.t_info_address {
	margin: 12px 0 0;
	font-size: 1.6rem;
}

.t_info_time {
	margin-top: 36px;
}

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

.t_info_map {
	border-radius: 20px;

	.gmap {
		height: 340px;
	}
}

.t_info_access_list {
	gap: 50px;
	margin: 18px auto 0;
	width: 520px;
}

.t_info_access_item {}

.t_info_btn {
	margin-top: 33px;
}

.t_info_access {
	.t_info_btn {
		margin-top: 39px;
	}
}

.t_info_banner {
	margin: 60px auto 0;
	width: auto;
	display: grid;
	grid-template-columns: 380px 380px;
	gap: 3rem;
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
t_first
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.t_first {
	background: #ffa646 url("../images/top/first_bg.webp") center / cover repeat;
	--shadow: 0 0px 1.5rem color-mix(in srgb, #ff841f 80%, transparent);
	padding: 101px 0 120px;
}

.t_first_ttl {
	text-shadow: var(--shadow), var(--shadow), var(--shadow), var(--shadow);
	margin-bottom: 57px;
}

.t_first_flow {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 50px;
}

.t_first_flow_item {
	display: block;
	grid-template-columns: 1fr;

	&:before {
		display: none;
	}
}

.t_first_flow_img {
	position: relative;
	padding-right: 19px;

	img {
		width: 221px;
		margin: 0 auto;
	}

	&:before {
		content: '';
		display: block;
		position: absolute;
		top: 44%;
		right: -35px;
		z-index: 1;
		width: 18px;
		aspect-ratio: 18 / 26;
		background: var(--white);
		-webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
		clip-path: polygon(0 0, 100% 50%, 0 100%);
	}

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

.t_first_flow_txt {
	text-shadow: var(--shadow), var(--shadow), var(--shadow), var(--shadow);
	font-size: 1.6rem;
	margin-top: 15px;
}

.t_first_btns {
	display: grid;
	justify-content: center;
	grid-template-columns: repeat(2, auto);
	gap: 60px;
	margin-top: 56px;

	.btn {
		margin: 0;
	}
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
t_xxx
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.t_greeting {
	background: #ffd6ba url("../images/top/greeting_bg.webp") center top / 100% auto repeat;
	padding-bottom: 121px;

	&::before {
		top: -215px;
		left: calc(50% - 1006px);
		width: 910px;
	}

	&::after {
		bottom: 132px;
		left: calc(50% - 782px);
		width: 378px;
	}

	.inner {
		position: static;
	}
}

.t_greeting_container {}

.t_greeting_content {
	width: 630px;
}

.t_greeting_ttl {
	width: 341px;
}

.t_greeting_doctor {
	bottom: 0;
	width: 578px;
	left: calc(50% + 65px);
	transform: none;
	position: absolute;
	/* left: 50%; */
	/* transform: translateX(-50%); */
	z-index: -1;
	margin: 0;
	box-shadow: none;

	img {
		width: 100%;
	}
}

.t_greeting_txt {
	margin: 39px 0 0;
}

.t_greeting_btns {
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin: 48px 0 0;

	.btn {
		margin: 0;
	}
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
t_pickup
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.t_pickup_deco {
	.deco01 {
		top: 32px;
		left: calc(50% + -763px);
		width: 364px;
		z-index: 10;
	}

	.deco02 {
		top: 75px;
		right: calc(50% + -461px);
		width: 26px;
	}

	.deco03 {
		top: 270px;
		right: calc(50% + -115px);
		width: 36px;
	}

	.deco04 {
		top: 505px;
		right: calc(50% + -920px);
		width: 239px;
	}

	.deco05 {
		top: 870px;
		left: calc(50% + 500px);
		width: 146px;
	}

	.deco06 {
		right: calc(50% + 402px);
		bottom: auto;
		top: 1001px;
		width: 26px;
	}

	.deco07 {
		top: 1409px;
		left: calc(50% + -740px);
		width: 224px;
	}

	.deco08 {
		right: calc(50% + -802px);
		bottom: 568px;
		width: 188px;
	}

	.deco09 {
		left: calc(50% + 58px);
		bottom: 790px;
		width: 26px;
	}

	.deco10 {
		right: calc(50% + 521px);
		bottom: 395px;
		width: 212px;
	}

	.deco11 {
		left: calc(50% + -214px);
		bottom: 67px;
		width: 136px;
	}
}

.t_pickup_ttl {
	width: 854px;
	position: relative;
	z-index: 11;
}

.t_pickup_list {
	margin: 70px 0 0;
}

.t_pickup_item {
	position: relative;
	display: flex;
}

.t_pickup_img {
	border-radius: 20px;
}

.t_pickup_content {
	margin: 40px 0 0;
	flex: 1;
	padding: 0 0 0 50px;

	.btn {
		width: 300px;
		margin: 30px 0 0;
	}
}

.t_pickup_head {
	padding: 3px 20px 10px 46px;
	background: url("../images/top/pickup_ttl_bg01.webp") center / 100% 100% no-repeat;
	margin-left: -50px;
	min-height: 120px;
	display: flex;
	align-items: center;
}

.t_pickup_icon {
	top: -52px;
	right: 12px;
	width: 127px;
}

.t_pickup_item_ttl {
	font-size: 3rem;
}

.t_pickup_txt {
	margin: 26px 0 0;
}

.t_pickup_itero {
	padding: 48px 30px 54px 372px;
	margin: 120px 0 0;
	border-radius: 20px;
}

.t_pickup_itero_icon {
	position: absolute;
	top: -59px;
	left: -39px;
	z-index: 2;
	width: 127px;
	height: auto;
}

.t_pickup_itero_img {
	width: 400px;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 100%;

	&:before {
		display: none;
	}
}

.t_pickup_itero_content {
	margin: 0;
}

.t_pickup_itero_ttl {
	font-size: 35px;
	padding-left: 0;
	padding-top: 0;
	letter-spacing: 0.12em;

	span {
		background: linear-gradient(transparent 65%, #fff39c 65%);
		letter-spacing: 0.12em;
	}
}

.t_pickup_item02 {
	margin: 120px 0 0;
	flex-direction: row-reverse;

	.t_pickup_head {
		margin-left: 0;
		margin-right: -50px;
		padding: 5px 30px 10px 53px;
		background: url("../images/top/pickup_ttl_bg02.webp") center / 100% 100% no-repeat;
	}

	.t_pickup_content {
		padding: 0 50px 0 0;
		margin: 74px 0 0;
	}

	.t_pickup_icon {
		top: -52px;
		right: 61px;
		width: 127px;
	}
}

.t_pickup_visual {
	position: relative;
	margin: 0;
	width: 660px;
}

.t_pickup_badges {
	display: flex;
	flex-direction: row;
	margin: 0;
	gap: 20px;
	position: absolute;
	top: auto;
	bottom: -41px;
	left: auto;
	right: -20px;
}

.t_pickup_badge {
	width: 220px;
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
t_treatment
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.t_treatment {
	padding: 100px 0 114px;

	&:before,
	&:after {
		height: 18px;
	}

	.inner {
		max-width: none;
		padding: 0;
	}
}

.t_treatment_ttl {}

.t_treatment_list {
	grid-template-columns: repeat(3, 1fr);
	gap: 84px 0;
	margin: 54px 0 0;
}

.t_treatment_item_ttl {
	padding: 0 0 22px;
	font-size: 2.7rem;

	span {
		font-size: 3rem;
	}

	&:before {
		width: 138px;
		aspect-ratio: 138/16;
	}
}

.t_treatment_item_head {
	min-height: 170px;
	padding: 28px;
	margin: 9px 0 0;

	.t_treatment_item_catch {
		font-size: 2.1rem;
		line-height: 1.5;
	}
}

.t_treatment_links {
	margin: 24px 0 0;
	padding: 0 30px;
}

.t_treatment_link {
	gap: 10px;
	padding: 15px 0;

	&:first-child {
		padding-top: 0;
	}

	.icon {
		flex: 0 0 auto;
		width: 31px;
		height: 31px;
	}

	.body {
		display: block;
		min-width: 0;
	}

	.txt01 {
		font-size: 1.5rem;
		line-height: 1.6;
	}

	.txt02 {
		margin: 3px 0 0;
		font-size: 2.5rem;
	}
}

.t_treatment_banner {
	margin: 32px 0 0;
	padding: 0 30px;

	a {
		display: block;
	}
}

/*______________________________________________________________________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
t_feature
______________________________
^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.t_feature {
	background: #fedfc6 url("../images/top/feature_bg.webp") center / cover no-repeat;
	padding: 110px 0 120px;
	-webkit-clip-path: none;
	clip-path: none;

	&:before {
		display: none !important;
	}
}

.t_feature_ttl {
	margin-bottom: 74px;
}

.t_feature_list {
	margin: 4rem 0 0;
}

.t_feature_item {
	position: relative;
	margin: 4rem 0 0;

	&:first-child {
		margin-top: 0;
	}
}

.t_feature_visual {
	border-radius: 5px 5px 30px 5px;
}

.t_feature_body {
	border-radius: 5px 5px 30px 5px;

	.btn {
		margin: 30px 0 0;
	}
}

.t_feature_item_ttl {
	font-size: 2.6rem;
}

.t_feature_txt {
	margin: 15px 0 0;
	font-size: 1.6rem;
}

.t_feature_item01,
.t_feature_item02 {
	display: grid;
	grid-template-columns: 430px 1fr;
	align-items: flex-start;
	width: 100%;
	margin-right: 0;
	margin-left: 0;

	.t_feature_visual {
		z-index: 2;
		width: auto;
	}

	.t_feature_img {
		border-radius: 5px;
	}

	.t_feature_body {
		min-height: 300px;
		padding: 40px 50px 35px 90px;
		margin: 40px 0 0 -40px;
		width: auto;
	}

	.t_feature_item_ttl {
		font-size: 2.6rem;
	}

	.t_feature_txt {
		margin: 16px 0 0;
	}

	.btn {
		margin: 20px 0 0 auto;
	}
}

.t_feature_item02 {
	grid-template-columns: 1fr 430px;
	margin-top: 60px;

	.t_feature_visual {
		order: 2;
	}

	.t_feature_body {
		order: 1;
		padding: 39px 80px 35px 52px;
		margin-right: -30px;
		margin-left: 0;
	}
}

.t_feature_num {
	width: 58px;
	padding: 4px 0 0 10px;
	font-size: 3rem;

	&:before {
		width: 80px;
	}
}

.t_feature_cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 39px;
	width: 100%;
	margin: 60px 0 0;

	.t_feature_item {
		display: flex;
		flex-direction: column;
		margin: 0;
	}

	.t_feature_visual {
		width: 354px;
	}

	.t_feature_body {
		flex: 1;
		padding: 41px 25px 35px;
		width: 354px;
	}

	.t_feature_item_ttl {
		font-size: 2.3rem;
	}

	.t_feature_txt {
		margin: 7px 0 18px;
	}

	.btn {
		width: 100%;
		margin: auto 0 0;
	}
}