/* 2026.5 MTL Aki for Area Page
---------------------------------------------------------------*/
.barlow {
	font-family: "Barlow", sans-serif;
	font-weight: 400;
	font-style: normal;
}
header div.tel a {
	font-weight: 500;
}
#my-area .pink {
	color: #CA4684;
}
#my-area .bg_pink {
	color: white;
	background-color: #CA4684;
}
#my-area .purple {
	color: #774591;
}
#my-area .green {
	color: #008E7F;
}
bdoy#my-area {
	position: relative;	/* 2026.06 KAZ */
}
#my-area main > .layer {
	background: #F9F5EB;
}
body#my-area #main_visual:after {
	content: none;
}
#area_main_visual {
}
#area_main_visual .left_wrapper {
	display: flow-root;
	overflow: hidden;
}
#area_main_visual .left_wrapper .obi {
	display: inline-block;
	color: #CA4684;
	background-color: #ECDFBE;
	font-weight: bold;
}
#area_main_visual .left_wrapper .fukidashi {
	display: block;
}
#area_main_visual .left_wrapper h1 {
	line-height: 1;
}
#area_main_visual .left_wrapper h1 .normal {
}
#area_main_visual .left_wrapper h1 .tate {
	writing-mode: tb;
	font-weight: 500;
}
#area_main_visual .left_wrapper h1 .green {
	color: #008E7F;
}
#area_main_visual .left_wrapper h1 .green.pref {
}
#area_main_visual .left_wrapper h1 .strong {
	display: block;
	color: white;
	background-color: #CA4684;
}
#area_main_visual .left_wrapper h1 .note {
	display: block;
	color: #CA4684;
	font-weight: 500;
	line-height: 1;
	text-align: right;
}
#area_main_visual .left_wrapper .wrapper {
	display: flex;
	font-weight: bold;
}
#area_main_visual .left_wrapper .wrapper :is(.left_wrap, .right_wrap) {
	display: inline-block;
}
#area_main_visual .left_wrapper .wrapper .left_wrap {
	line-height: 1.2;
	text-align: center;
}
#area_main_visual .left_wrapper .wrapper .shiro {
	position: relative;
	color: #008E7F;
	border: solid 1px #008E7F;
	border-right: 0;
	background-color: white;
	text-align: center;
}
#area_main_visual .left_wrapper .wrapper .shiro::after {
	content: "";
	display: inline-block;
	background: url(../images/shiro_arrow.png)no-repeat center;
	position: absolute;
}
#area_main_visual .left_wrapper .wrapper .shiro:nth-of-type(2) {
	margin: 3px 0;
}
#area_main_visual .left_wrapper .wrapper .right_wrap {
}
#area_main_visual .left_wrapper .wrapper .right_wrap p {
	display: flex;
	align-items: end;
	gap: 0 4px;
}
#area_main_visual .left_wrapper .wrapper .right_wrap span {
	display: inline-block;
	color: white;
	background-color: #BEAA64;
	line-height: 1;
}

/* Common Contents */
#area_intro {
	position: relative;
	text-align: center;
}
#area_intro::before {
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	background: linear-gradient(to bottom, white, transparent);
}
#area_intro h2 {
	position: relative;
	max-width: 1000px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}
#area_intro h2 .inner {
	flex-shrink: 0;
}
#area_intro h2 .purple {
	font-weight: bold;
}
#area_intro h2::before, #area_intro h2::after {
	content: "";
	display: inline-block;
	height: 1px;
	width: 100%;
	background-color: #644B37;
}
#area_intro h2::after {
}
#area_intro :is(.risk, .important, .image) {
	position: relative;
	margin: 0 auto;
}
#area_intro :is(.risk, .important, .image) img {
	margin: 0 auto;
}
#area_intro p.failure {
	position: relative;
	display: inline-block;
	line-height: 1;
	font-weight: 500;
	background-color: #F9F5EB;
}
#area_intro p.failure .pink {
	font-weight: bold;
}
#area_intro .important_wrap {
	font-weight: 500;
}
#area_intro .important {
}
#area_intro p.bg_pink {
	display: inline-block;
	font-weight: bold;
}
#area_intro .image {
}

#area_meister {
}
#area_meister h2 {
	position: relative;
	text-align: center;
	font-weight: 500;
}
#area_meister h2 .inner {
	display: inline-block;
	position: relative;
}
#area_meister h2 .inner::before {
	content: "";
	display: block;
	width: 750px;
	height: 2px;
	background-color: #BEAA64;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translatex(-50%);
}
#area_meister h2::before, #area_meister h2::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
}
#area_meister h2 :is(.green, .pink, .name) {
	display: inline-block;
	font-weight: bold;
	line-height: 1;
}
#area_meister h2 .pink {
}
#area_meister h2 .name {
	color: #A29387;
	font-weight: 500;
}
#area_meister h2 .askme {
}

/* Archive */
.archive#my-area .singleonly {
	display: none;
}
#area_support, #area_support_single {
	text-align: center;
}
:is(#area_support, #area_support_single) .bg_pink.area_title02 {
	position: relative;
	display: inline-block;
	color: #ECDFBE;
	z-index: 1;
}
:is(#area_support, #area_support_single) .wrapper {
	text-align: left;
	background-color: white;
	margin:0 auto;
}
:is(#area_support, #area_support_single) .area_list01 {
	display: flex;
	flex-wrap: wrap;
}
#area_support .area_wrap {
	display: flex;
	align-items: center;
}
#area_support .wrapper .area_wrap#area_hokushin {
	position: relative;
}
#area_support .wrapper .area_wrap#area_hokushin::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #644B37;
	position: absolute;
	bottom: 0;
}
#area_support .wrapper h4 {
	flex-shrink: 0;
}
#area_support .wrapper h4 picture {
	display: block;
}
#area_support .wrapper .area_wrap ul {
}
#area_support .wrapper .area_wrap ul > li {
}
#area_support .wrapper .area_wrap ul > li a {
	display: inline-block;	/* KAZ */
	font-weight: bold;
	background: url(../images/ic_blank_area.svg)no-repeat left center;
	padding-left: 23px;	/* KAZ: was 25px */
}


/* Single Contents  */
#my-area section .green.hasline {
	position: relative;
	text-align: center;
	margin-inline: auto;
}
#my-area section .green.hasline::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translatex(-50%);
}
#my-area section .pink.hasline {
	border-left: solid 9px #CA4684;
}
#area_support_single {
	position: relative;
}
:is(#area_support_single, #area_single_voice)::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
}
#area_support_single .area_list01 li {
	font-weight: bold;
	line-height: 20px;
	border-left: solid 7px #008E7F;
	padding-left: 6px;
}
#area_single_choice {
}
#area_single_choice .wrapper {
	margin: 0 auto;
}
#area_single_choice h2 {
	text-align: center;
	background: url(../images/img_naganopref.svg) no-repeat center top / 119px auto;
}
#area_single_choice h2 .inner {
/*	background: linear-gradient(to top, rgba(202,70,132,0.5) 0px 6px, transparent 6px 100%); */
	text-decoration: underline 6px rgba(202,70,132,0.5);	/* KAZ */
	text-underline-offset: 5px;	/* KAZ */
}
#area_single_choice h3 {
}
#area_single_choice h3::before {
	content: "";
	display: inline-block;
	background-color: #774591;
	width: 8px;
}
#area_single_choice h3 .inner {
}
#area_single_choice p {
	font-weight: 500;
	line-height: 1.875;	/* 16/30 */
	background: url(../images/ic_light.svg)no-repeat center left;
}
#area_single_choice p .pink {
	font-weight: 600;
}

#area_single_strengths {
	text-align: center;
	background: white;
}
#area_single_strengths .fukidashi {
	font-weight: 500;
	background: linear-gradient(to top, transparent 0 6px, #644B37 6px 7px, transparent 7px 100%);
	margin: 0 auto;
}
#area_single_strengths .fukidashi .inner {
	position: relative;
	display: inline-block;
	background: white;
}
#area_single_strengths .fukidashi .inner::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translatex(-50%);
}
#area_single_strengths .fukidashi .area {
	font-weight: bold;
	background: linear-gradient(to top, rgba(202,70,132,0.2) 0px 12px, transparent 6px 100%);
}
#area_single_strengths h2 {
}
#area_single_strengths picture {
	margin: 0 auto;
}

#area_single_flow {
	background: white;
}
#area_single_flow h2 {
}
:is(#area_single_flow, #area_single_voice) .wrapper {
	margin: 0 auto;
}
#area_single_flow .wrap {
}
#area_single_flow .wrap .imgonly {
}
#area_single_flow .wrap h3 {
}
#area_single_flow .wrap p {
}

#area_single_voice {
	position: relative;
}
#area_single_voice h2 {
}
#area_single_voice .wrap {
	background: white;
}
#area_single_voice .wrap .imgonly {
	float: left;
}
#area_single_voice .wrap p {
	font-weight: 500;
}
#area_single_voice .wrap p.name {
	font-size: 1.4rem;
}
#area_single_voice .wrap p:not(.name) {
	line-height: 1.875;	/* 16/30 */
}


/* Footer */
#ft_area_consult {
	text-align: center;
	font-weight: 500;
	background-color: #F9F5EB;
}
#ft_area_consult .pink {
	font-weight: bold;
}
#my-area footer {
	position: relative;
	text-align: center;
}
#ft_logo {
	margin: 0 auto;
}
#ft_address {
	font-weight: 500;
	line-height: 1.5555;	/* 18/28 */
}
#ft_copy {
	color: white;
	background-color: #644B37;
	position: absolute;
	width: 100%;
	bottom: 0;
}
#my-area #btn_top {
	background-color: transparent;
	border: 0;
	width: 50px;
	height: 50px;
	z-index: 10;	/* KAZ */
	color: inherit;
}
#my-area #btn_top:hover {
	color: inherit;
	background-color: transparent;
}
#contact_wrapper {	/* 2026.06 KAZ: Fixed */
	background-color: white;
	display: flex;
	align-items: center;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 10;
}
#contact_wrapper .pink {
	color: #CA4684;
}
#contact_wrapper .tel_wrap {
	display: flex;
	font-weight: bold;
}
#contact_wrapper .tel_wrap .tellabel::before {	/* KAZ: was #contact_wrapper .tel_wrap::before */
	content: "";
	display: inline-block;
	background: url(../images/ic_tel.svg) no-repeat center /cover;
	width: 13px;
	height: 18px;
	margin-right: 2px;
}
#contact_wrapper .tel_wrap .sptel {
	font-weight: 600;
}
#contact_wrapper .tel_wrap .hour {
	font-weight: 500;
	line-height: 1.25;	/* 16/20 */
}
#contact_wrapper .satei_wrap {
	font-weight: 500;
}
#contact_wrapper .satei_wrap .pink {
	font-weight: bold;
}
#contact_wrapper .satei_banner {
}


/* for PC */
@media print, screen and (min-width: 1025px) {
	.sponly {
		display: none !important;
	}
	body#my-area {
		padding-top: 97px;
	}
	body#my-area header > .layer:after {
		bottom: 0;
	}
	#area_main_visual {
		background: url(../images/area_mv_after.svg) no-repeat center bottom 59px / 1000px auto, url(../images/img_area_mv.webp) no-repeat top left calc(50% + 360px) / auto 380px, url(../images/bg_area_mv.png) no-repeat top center / cover;
		display: flex;
		align-items: end;
		gap: 0 51px;
/*		border-bottom: solid 2px; */
		padding-top: 47px;
		padding-left: calc((100% - 1000px) / 2);
		padding-bottom: 144px;	/* 2026.06 KAZ: was 70px */
	}
	#area_main_visual .left_wrapper {
		max-width: 540px;	/* design is 538px */
	}
	#area_main_visual .left_wrapper .obi {
		font-size: 3rem;	/* 30px */
		padding: 13px 59px 8px;
	}
	#area_main_visual .left_wrapper .fukidashi {
		padding-top: 34px;
	}
	#area_main_visual .left_wrapper h1 {
		padding-top: 12px;
	}
	#area_main_visual .left_wrapper h1 .normal {
		font-size: 3rem;
	}
	#area_main_visual .left_wrapper h1 .tate {
		vertical-align: -4px;
	}
	#area_main_visual .left_wrapper h1 .green {
		font-size: 6.6rem;	/* 66px */
	}
	#area_main_visual .left_wrapper h1 .green.pref {	/* default: len3 */
		font-size: 5rem;	/* 50px */
	}
	#area_main_visual .left_wrapper h1 .green.pref.len4 {	/* KAZ */
		font-size: 3.75rem;	/* 5rem * 3/4 */
	}
	#area_main_visual .left_wrapper h1 .green.pref.len5 {	/* KAZ */
		font-size: 3rem;	/* 5rem * 3/5 */
	}
	#area_main_visual .left_wrapper h1 .strong {
		margin-top: 21px;
		padding: 8px 8px 16px 0;
		font-size: 5.5rem;	/* 55px */
	}
	#area_main_visual .left_wrapper h1 .note {
		margin-top: 8px;
		font-size: 1.4rem;	/* 14px */
	}
	#area_main_visual .left_wrapper .wrapper {
		gap: 0 23px;	/* KAZ: was 0 16px */
		margin-top: 27px;
	}
	#area_main_visual .left_wrapper .wrapper .left_wrap {
		font-size: 1.8rem;	/* 18px */
	}
	#area_main_visual .left_wrapper .wrapper .shiro {
		width: 203px;	/* KAZ: was 210px */
		line-height: 32px;	/* KAZ: was 34px */
	}
	#area_main_visual .left_wrapper .wrapper .shiro::after {
		width: 8px;
		height: 32px;	/* KAZ: was 34px */
		right: -7px;
	}
	#area_main_visual .left_wrapper .wrapper p:not(.shiro) {
		line-height: 29px;
	}
	#area_main_visual .left_wrapper .wrapper .right_wrap p:first-of-type {
		margin-bottom: 9px;
	}
	#area_main_visual .left_wrapper .wrapper .right_wrap span {
		padding: 8.5px;	/* KAZ: was 8px */
	}
	#area_main_visual .left_wrapper .wrapper .right_wrap span:not(.small) {
		font-size: 4.5rem;	/* 45px */
	}
	#area_main_visual .left_wrapper .wrapper .right_wrap .small {
		font-size: 2.8rem;	/* 28px */
	}
/*	#area_main_visual .banner {
		position: relative;
		width: calc((100% - 591px));
		height: 217px;	/* 2026.6 Aki * /
		background: url(../images/bg_area_mv_banner_end.png)no-repeat top right,url(../images/bg_area_mv_banner.png)repeat-x;
		margin-bottom: 5px;
	}
	#area_main_visual .banner::after {
		content: "";
		display: block;
		width: 30px;
		height: 217px;
		background: url(../images/cover_area_mv_banner.png)no-repeat top left/cover;
		position: absolute;
		top: 0;
		left: 570px;
	}
Aki c/o */
	#area_main_visual .banner {
		width: calc((100% - 591px));
	}
	#area_main_visual .banner a{
		position: relative;
		display: block;
		width: 100%;
		height: 217px;	/* 2026.6 Aki */
/*		background: linear-gradient(to top, #BEAA64 0 20px, #008E7F 20px 100%); Aki c/o & fixed */
		background: #008E7F;
		border-bottom: solid 20px #BEAA64;
		margin-bottom: 5px;
		transition: all 0.3s;
		overflow: hidden;
	}
	#area_main_visual .banner a::before , #area_main_visual .banner a::after,
	#area_main_visual .banner .circle::before, #area_main_visual .banner .circle::after {
		content: "";
		display: block;
		position: absolute;
	}
	#area_main_visual .banner a::before {
		content: "";
		display: block;
		width: 100%;
		height: 197px;
		box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);
		top: 0;
		left: 0;
		transition: all 0.4s;
	}
	#area_main_visual .banner a::after {
		width: 100%;
		height: 197px;
		border: solid 4px #BEAA64;
		border-right: 0;
		border-bottom: solid 4px transparent;
		top: 0;
		left: 0;
		opacity: 0;
		transition: all 0.4s;
	}
	#area_main_visual .banner .inner {
		display: inline-block;
		width: 386px;
		height: 145px;
		background: url(../images/banner_satei_txt.svg)no-repeat center;
		position: absolute;
		top: 24px;
		left: 28px;
		transition: all 0.4s;
	}
	#area_main_visual .banner .circle {
		display: inline-block;
		width: 23px;
		height: 23px;
		background: white;
		border-radius: 50%;
		position: absolute;
		top: 122px;
		left: 355px;
	}
	#area_main_visual .banner .circle::before {
		width: 0;
		height: 1px;
		background: #008E7F;
		top: 11px;
		left: 6px;
		transition: all 0.4s;
	}
	#area_main_visual .banner .circle::after {
		background: url(../images/banner_satei_arrow.svg)no-repeat center/cover;
		width: 12px;
		height: 5px;
		top: 7px;
		left: 6px;
		transition: all 0.3s;
	}
	@media (hover: hover) {
		#area_main_visual .banner a:hover {
			opacity: 1;
			height: 197px;
			background: #F9F5EB;
			border-right: 0;
			border-bottom: solid 4px #BEAA64;
		}
		#area_main_visual .banner a:hover::after {
			opacity: 1;
		}
		#area_main_visual .banner a:hover .inner {
			background-image: url(../images/banner_satei_txt_hover.svg);
		}
		#area_main_visual .banner a:hover .circle {
			background: #ECDFBE;
		}
		#area_main_visual .banner a:hover .circle::before {
			width: 30px;
		}
		#area_main_visual .banner a:hover .circle::after {
			left: 28px;
		}
	}

	/* Common Contents */
	#area_intro {
		padding-top: 28px;
	}
	#area_intro::before {
		height: 250px;
		top: 0;
	}
	#area_intro h2 {
		gap: 0 18px;
		margin-bottom: 24px;
		font-size: 2.6rem;
	}
	#area_intro .risk {
		max-width: 915px;
	}
	#area_intro p.failure {
		border-bottom: solid 12px rgba(202,70,132,0.5);
		padding-top: 10px;
		padding-bottom: 5px;
		font-size: 3.7rem;
	}
	#area_intro .important_wrap {
		padding-top: 62px;
		font-size: 2.6rem;
	}
	#area_intro .important {
		padding-bottom: 12px;
	}
	#area_intro p.bg_pink {
		padding: 2px 10px 7px;
		font-size: 3.2rem;
	}
	#area_intro p.bg_pink.first {
		margin-bottom: 12px;
	}
	#area_intro .image {
		max-width: 1039px;
		margin-top: -20px;
	}

	#area_meister {
		padding-top: 30px;
	}
	#area_meister h2 {
		background: url(../images/img_naganopref.svg)no-repeat center top 15px, url(../images/area_meister_line.svg)no-repeat center bottom;
		margin-bottom: 10px;
		font-size: 1.8rem;
	}
	#area_meister h2 .inner {
		padding: 26px 0 40px;
	}
	#area_meister h2::before {
		background: url(../images/meister_h2_before.png)no-repeat center /cover;
		width: 148px;
		height: 148px;
		top: -50px;
		left: calc(50% - 420px);
	}
	#area_meister h2::after {
		background: url(../images/meister_h2_after.png)no-repeat center /cover;
		width: 300px;
		height: 337px;
		left: calc(50% + 255px);
		bottom: -140px;
	}
	#area_meister h2 .green {
		padding: 10px 5px 0;
		font-size: 3rem;
	}
	#area_meister h2 .pink {
		padding-top: 5px;
		font-size: 5rem;
	}
	#area_meister h2 .name {
		padding-bottom: 8px;
		font-size: 1.4rem;
	}
	#area_meister h2 .askme {
		font-size: 2.4rem;
	}
	#area_meister .img_meister {
		max-width: 750px;
		margin: 0 auto;
	}

	/* Archive */
	#area_support {
		position: relative;
		padding-top: 48px;
		padding-bottom: 80px;
	}
	:is(#area_support, #area_support_single) .bg_pink.area_title02 {
		padding: 15px 63px;
		font-size: 2.2rem;
	}
	:is(#area_support, #area_support_single)::before {
		content: "";
		display: block;
		background: url(../images/img_area_before.png)no-repeat center /cover;
		width: 222px;
		height: 222px;
		position: absolute;
		top: -110px;
		left: calc(50% - 550px);
		z-index: 1;
	}
	:is(#area_support, #area_support_single) .wrapper {
		filter: drop-shadow(0px 0px 50px rgba(0,0,0,0.16));
		max-width: 1000px;
		margin-top: -33px;
		padding: 54px 143px 43px;
	}
	#area_support .area_wrap {
		gap: 0 33px;
		padding: 20px 0;
	}
	#area_support .wrapper h4 {
		width: 100px;
		height: 78px;
	}
	:is(#area_support, #area_support_single) .area_list01 {
		gap: 14px 22px;	/* KAZ: was 14px 40px */
	}
	#area_support .wrapper .area_wrap ul {
	}
	#area_support .wrapper .area_wrap ul > li {
	}
	#area_support .wrapper .area_wrap ul > li a {
		min-width: calc(4em + 23px);	/* KAZ */
		font-size: 1.8rem;
	}


	/* Single Contents  */
	#my-area .singleonly {
		display: none;
	}
	#my-area section .green.hasline {
		padding-bottom: 14px;
		font-size: 3rem;
	}
	#my-area section .green.hasline::after {
		background: linear-gradient(to right, #008E7F 0 233px, #80c6bf 233px 683px, #008E7F 683px 100%);
		width: 900px;
		height: 4px;
	}
	#my-area section .pink.hasline {
		padding-left: 8px;
		font-size: 2.2rem;
		line-height: 28px;
	}
	#area_support_single {
		background: linear-gradient(to top, white 0% , transparent 350px);
		padding-top: 51px;
		padding-bottom: 147px;
	}
	:is(#area_support_single, #area_single_voice)::after {
		background: url(../images/bg_area_support_single.svg)no-repeat center bottom;
		width: 1000px;
		height: 81px;
	}
	#area_support_single::after {
		bottom: 52px;
	}
	#area_support_single .wrapper {
		padding: 83px 100px 59px 159px;
	}
	#area_support_single .area_list01 {
		gap: 18px 0;
	}
	#area_support_single .area_list01 li {
		width: calc(100% / 4);
		font-size: 1.8rem;
	}

	#area_single_choice {
		background: url(../images/bg_area_choice.png) no-repeat top 292px left calc(50% + 305px) / 390px auto, white;
		padding-top: 5px;
		padding-bottom: 38px;
	}
	#area_single_choice .wrapper {
		max-width: 1000px;
	}
	#area_single_choice h2 {
		padding-top: 48px;
		padding-bottom: 57px;
		font-size: 3.7rem;
		line-height: 1.4;
	}
	#area_single_choice h3 {
		font-size: 2.7rem;
		margin-bottom: 20px;
	}
	#area_single_choice h3::before {
		height: 39px;
		margin-right: 12px;
		vertical-align: -9px;
	}
	#area_single_choice h3 .inner {
		border-bottom: solid 1px #D2C6E2;
		padding-bottom: 4px;
	}
	#area_single_choice p {
		padding: 5px 0 5px 80px;
		margin-bottom: 55px;
	}

	#area_single_strengths {
	}
	#area_single_strengths .fukidashi {
		max-width: 865px;
		font-size: 1.8rem;
	}
	#area_single_strengths .fukidashi .inner {
		width: 406px;
	}
	#area_single_strengths .fukidashi .inner::before {
		width: 406px;
		height: 21px;
		background: url(../images/fukidashi_kentou_pc.svg) no-repeat center bottom / cover;
	}
	#area_single_strengths .fukidashi .area {
		font-size: 2.4rem;
	}
	#area_single_strengths .fukidashi.len5 .area {
		font-size: 2rem;
	}
	#area_single_strengths h2 {
		margin: 15px 0 18px;
		font-size: 4.2rem;
	}
	#area_single_strengths picture {
		max-width: 915px;
	}

	#area_single_flow {
		padding-top: 80px;
	}
	#area_single_flow h2 {
	}
	#area_single_flow .wrapper {
		max-width: 780px;
		padding-top: 50px;
	}
	#area_single_flow .wrap {
		overflow: hidden;
		padding-bottom: 79px;
	}
	#area_single_flow .wrap .imgonly {
		position: relative;
		width: 315px;
		float: left;
		clear: left;
	}
	#area_single_flow .wrap .imgonly::after {
		content: "";
		display: block;
		position: absolute;
		width: 3px;
		height: 73px;
		bottom: -73px;
		left: 50%;
		transform: translatex(-50%);
		background: linear-gradient(to bottom, transparent 0 8px , #008E7F 8px 12px, transparent 12px 22px , #008E7F 22px 26px, transparent 26px 36px , #008E7F 36px 40px, transparent 40px 50px , #008E7F 50px 54px, transparent 54px 64px, #008E7F 64px 68px, transparent 68px 78px);
	}
	#area_single_flow .wrap.last .imgonly::after {
		content: none;
	}
	#area_single_flow .wrap h3, #area_single_flow .wrap p {
		margin-left: 361px;
	}
	#area_single_flow .wrap h3 {
		margin-top: 45px;
		margin-bottom: 16px;
	}
	#area_single_flow .wrap p {
		line-height: 1.875;	/* 16/30 */
	}

	#area_single_voice {
		padding-top: 132px;
		padding-bottom: 77px;
		background: linear-gradient(to bottom, white 0% , transparent 350px);
	}
	#area_single_voice::after {
		top: -22px;
	}
	#area_single_voice h2 {
	}
	#area_single_voice .wrapper {
		max-width: 900px;
		padding-top: 50px;
	}
	#area_single_voice .wrap {
		position: relative;
		margin-bottom: 16px;
		padding: 43px 56px 40px;
		filter: drop-shadow(0px 0px 30px rgba(0,0,0,0.1));
	}
	#area_single_voice .wrap .imgonly {
		margin-right: 26px;
	}
	#area_single_voice :is(h3, p) {
		overflow: hidden;
	}
	#area_single_voice h3 {
		margin: 4px 0 14px;
		font-size: 2rem !important;
	}
	#area_single_voice .wrap p.name {
		position: absolute;
		top: 152px;
		left: 70px;
	}
	#area_single_voice .wrap p:not(.name) {
	}


	/* Footer */
	#ft_area_consult {
		background: url(../images/bg_ft_area_consult_pc.svg)no-repeat center bottom 70px, #F9F5EB;
		padding-bottom: 160px;
		font-size: 2.0rem;
	}
	#ft_area_consult .pink {
		padding-top: 5px;
		font-size: 2.5rem;
	}
	#my-area footer {
		background: url(../images/bg_area02.png) no-repeat center top 170px / 100% auto,  url(../images/bg_area01.svg) no-repeat center top / 100% 787px, #F9F5EB;
		height: 787px;
	}
	#ft_logo {
		width: 270px;
		padding-top: 77px;
	}
	#ft_address {
		padding-top: 32px;
		font-size: 1.8rem;
	}
	#ft_copy {
		padding: 9px 0 79px;
		font-size: 1.8rem;
	}
	#my-area #btn_top {
		bottom: 85px;	/* 2026.06 KAZ */
	}
	#contact_wrapper {	/* 2026.06 KAZ: Fixed */
		border-top: #644B37 2px solid;
/*		max-width: 1000px; */
		height: 71px;
/*		margin: 0 auto; */
		padding-top: 5px;
		padding-bottom: 3px;
		padding-inline: calc(50% - 500px);
		align-items: flex-end;
	}
	#contact_wrapper .pink {
	}
	#contact_wrapper .tel_wrap {
		align-items: center;
		font-size: 1.8rem;	/* 18px */
	}
	#contact_wrapper .tel_wrap .tellabel::before {
		vertical-align: -2px;	/* KAZ */
	}
	#contact_wrapper .tel_wrap .sptel {
		padding: 0 8px 0 10px;
		font-size: 4.0rem;
	}
	#contact_wrapper .tel_wrap .hour {
		font-size: 1.6rem;	/* 16px */
	}
	#contact_wrapper .tel_wrap::after {
		content: "";
		display: inline-block;
		width: 1px;
		height: 46px;
		background-color: #BEAA64;
		margin: 0 18px;
	}
	#contact_wrapper .satei_wrap {
		display: flex;
		align-items: center;
		gap: 0 7px;
		font-size: 1.5rem;	/* 15px */
		margin-bottom: 13px;
	}
	#contact_wrapper .satei_wrap .pink {
		font-size: 2rem;	/* 20px */
	}
	#contact_wrapper .satei_wrap::before {
		content: "";
		display: inline-block;
		background: url(../images/ic_satei.svg)no-repeat center /cover;
		width: 36px;
		height: 36px;
	}
	#contact_wrapper .satei_link {
		display: block;
		position: relative;
		color: white;
		text-decoration: none;
		width: 329px;
		height: 45px;
/*		background: linear-gradient(to top, #BEAA64 0 5px, #008E7F 5px 100%); Aki c/o & fixed */
		background: #008E7F;
		padding: 7px 0 0 25px;
		margin-bottom: 8px;
		transition: all 0.4s;
	}
	#contact_wrapper .satei_link::before, #contact_wrapper .satei_link::after {
		content: "";
		display: block;
		width: 329px;
	}
	#contact_wrapper .satei_link::before {
		height: 5px;
		background: #BEAA64;
		position: absolute;
		left: 0;
		bottom: 0;
		transition: all 0.3s;
	}
	#contact_wrapper .satei_link::after {
		height: 40px;
		border: solid 2px #BEAA64;
		border-bottom: 0;
		opacity: 0;
		position: absolute;
		bottom: 0;
		left: 0;
		transition: all 0.3s;
	}

	#contact_wrapper .satei_link .txt {
		font-size: 1.8rem;
		font-weight: bold;
	}
	#contact_wrapper .satei_link .txt .circle {
		display: inline-block;
		position: relative;
		width: 20px;
		height: 20px;
		background: white;
		border-radius: 50%;
		vertical-align: -3px;
		margin-left: 7px;
	}
	#contact_wrapper .satei_link .txt .circle::before, #contact_wrapper .satei_link .txt .circle::after {
		content: "";
		display: inline-block;
		position: absolute;
	}
	#contact_wrapper .satei_link .txt .circle::before {
		width: 10px;
		height: 1px;
		background: #008E7F;
		top: 10px;
		left: 6px;
		transition: all 0.4s;
	}
	#contact_wrapper .satei_link .txt .circle::after {
		background: url(../images/banner_satei_arrow.svg)no-repeat center/cover;
		width: 10px;
		height: 4px;
		top: 7px;
		left: 6px;
		transition: all 0.3s;
	}
	@media (hover: hover) {
		#contact_wrapper .satei_link:hover {
			opacity: 1;
			height: 40px;
			color: #008E7F;
			background: #F9F5EB;
		}
		#contact_wrapper .satei_link:hover::before {
			height: 2px;
		}
		#contact_wrapper .satei_link:hover::after {
			opacity: 1;
		}
		#contact_wrapper .satei_link:hover .txt .circle {
			background: #ECDFBE;
		}
		#contact_wrapper .satei_link:hover .txt .circle::before {
			width: 25px;
		}
		#contact_wrapper .satei_link:hover .txt .circle::after {
			left: 24px;
		}
	}


	/* Special Break Point */
	@media screen and (max-width: 1300px) {
		#my-area footer {
			background: url(../images/bg_area02.png)no-repeat center bottom 70px /100% auto,  url(../images/bg_area01.svg)no-repeat center top / 100% 787px, #F9F5EB;
		}
	}
	@media screen and (max-width: 1396px) {
		#area_main_visual .banner::after {
			content: none;
		}
	}
	@media screen and (max-width: 1140px) {
		#area_meister h2::after {
			left: auto;
			right: 0;
		}
	}
}


/* for SP */
@media screen and (max-width: 1025px) {
	.pconly {
		display: none !important;
	}
	#my-area.archive .singleonly {
		display: none;
	}
	#my-area.single .archiveonly {
		display: none;
	}

	#area_main_visual {
		background: url(../images/area_mv_after_sp.svg) no-repeat center bottom / 532px auto, url(../images/img_area_mv_sp.jpg) no-repeat center top / 100% auto;
		padding-top: 143px;
	}
	#area_main_visual .left_wrapper {
		position: relative;
		width: 92%;	/* 345 / 375 */
		margin: 0 auto;
	}
	#area_main_visual .left_wrapper .obi {
		background-color: transparent;
	}
	#area_main_visual .left_wrapper .obi .inner {
		background-color: #ECDFBE;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		padding: 4px;
		font-size: 1.4rem;
	}
	#area_main_visual .left_wrapper .fukidashi {
		position: absolute;
		/*top: 38px;*/
		left: 157px;
	}
	#area_main_visual .left_wrapper h1 {
		padding-top: 9px;
		padding-bottom: 15px;
	}
	#area_main_visual .left_wrapper h1:has(.green.pref.len4) {
		padding-top: 20px;
	}
	#area_main_visual .left_wrapper h1:has(.green.pref.len5) {
		padding-top: 20px;
	}
	#area_main_visual .left_wrapper h1 .normal {
		font-size: 1.7rem;	/* 17px */
	}
	#area_main_visual .left_wrapper h1 .tate {
		font-size: 1.8rem;	/* 18px */
		letter-spacing: 0.1em;
		vertical-align: -7px;
	}
	#area_main_visual .left_wrapper h1 .green {
		font-size: 5.7rem;	/* 57px */
	}
	#area_main_visual .left_wrapper h1 .green.pref {	/* default: len3 */
		display: inline-block;
		margin-bottom: 8px;
		font-size: 4.3rem;	/* 43px */
	}
	#area_main_visual .left_wrapper h1 .green.pref.len4 {
		font-size: 3.225rem;	/* 4.3rem * 3/4 */
	}
	#area_main_visual .left_wrapper h1 .green.pref.len5 {
		font-size: 2.58rem;	/* 4.3rem * 3/5 */
	}
	#area_main_visual .left_wrapper h1 .strong {
		overflow: hidden;
		margin-top: 9px;
		padding: 15px 0;
		font-size: 10vw;	/* 37.5 / 375 */
		text-indent: -0.4em;
		white-space: nowrap;
	}
	#area_main_visual .left_wrapper h1 .note {
		margin-top: 5px;
		font-size: 1.2rem;	/* 12px */
	}
	#area_main_visual .left_wrapper .wrapper {
		justify-content: center;
		gap: 0 11px;
		padding-bottom: 75px;	/* 2026.06 KAZ: was 20px */
	}
	#area_main_visual .left_wrapper .wrapper .left_wrap {
		font-size: 1.4rem;	/* 14px */
	}
	#area_main_visual .left_wrapper .wrapper .shiro {
		width: 112px;	/* 120-4px in design but does not fit for Android */
		line-height: 20px;
	}
	#area_main_visual .left_wrapper .wrapper .shiro::after {
		width: 6px;
		height: 20px;
		right: -4px;
	}
	#area_main_visual .left_wrapper .wrapper p:not(.shiro) {
		line-height: 26px;
	}
	#area_main_visual .left_wrapper .wrapper .right_wrap {
	}
	#area_main_visual .left_wrapper .wrapper .right_wrap p:first-of-type {
		margin-bottom: 7px;
	}
	#area_main_visual .left_wrapper .wrapper .right_wrap span {
	}
	#area_main_visual .left_wrapper .wrapper .right_wrap span:not(.small) {
		padding: 6px;
		font-size: 3rem;	/* 30px */
	}
	#area_main_visual .left_wrapper .wrapper .right_wrap .small {
		padding: 5px;
		font-size: 1.4rem;	/* 14px */
	}

	/* Common Contents */
	#area_intro {
		overflow: hidden;
		padding: 50px 4% 30px;	/* 2026.06 KAZ: top was 30px */
	}
	#area_intro::before {
		height: 76px;
		top: 0;	/* 2026.06 KAZ: was -20px */
	}
	#area_intro h2 {
		gap: 0 5px;
		margin-bottom: 24px;
		font-size: 1.8rem;	/* 18px */
		text-align: center;
	}
	#area_intro .risk {
	}
	#area_intro p.failure {
		margin-bottom: 48px;
		padding-top: 2px;
		font-size: 2.4rem;
		line-height: 46px;
		text-decoration: underline 6px solid rgba(202,70,132,0.5);
		text-underline-offset: 7px;
	}
	#area_intro .important_wrap {
		font-size: 1.8rem;
	}
	#area_intro .important {
		margin-bottom: 16px;
	}
	#area_intro p.bg_pink {
		font-size: 2.2rem;
		line-height: 40px;
	}
	#area_intro p.bg_pink.first {
		margin-bottom: 5px;
		padding: 0 7px;
	}
	#area_intro p.bg_pink.last {
		margin-bottom: 10px;
		margin-inline: -0.5em;
		white-space: nowrap;
	}
	#area_intro .image {
		width: 126.087%;	/* 435 / 345 */
		max-width: none;
		margin-top: -18px;
		margin-left: -12.4638%;	/* 43 / 345 */
		margin-right: -13.6232%;	/* 47 / 345 */
	}

	#area_meister {
	}
	#area_meister h2 {
		background: url(../images/img_naganopref.svg) no-repeat center top 24px / 110px auto, url(../images/area_meister_line_sp.svg)no-repeat center bottom;
		margin-bottom: 10px;
		font-size: 1.4rem;	/* 14px */
		line-height: 1.5;
	}
	#area_meister h2 .inner {
		width: 92%;	/* 345 / 375 */
		padding-top: 19px;
		padding-bottom: 27px;
	}
	#area_meister h2 .inner::before {
		width: 100%;
	}
	#area_meister h2::before {
	}
	#area_meister h2::after {
		background: url(../images/meister_h2_after_sp.png) no-repeat center / cover;
		width: 87px;
		height: 87px;
		right: 8px;
		bottom: -29px;
	}
	#area_meister h2 .green {
		padding-top: 13px;
		font-size: 2rem;	/* 20px */
	}
	#area_meister h2 .pink {
		padding-top: 2px;
		padding-bottom: 5px;
		font-size: 3.6rem;	/* 36px */
	}
	#area_meister h2 .name {
		padding-bottom: 9px;
		font-size: 1.2rem;	/* 12px */
	}
	#area_meister h2 .askme {
		font-size: 1.8rem;	/* 18px */
	}
	#area_meister .img_meister {
		position: relative;
		padding-bottom: 99px;
	}
	#area_meister .img_meister::after {
		content: "";
		background: url(../images/meister_img_after_sp.png) no-repeat center / cover;
		display: block;
		position: absolute;
		width: 256px;
		height: 169px;
		bottom: 11px;
		left: -42px;
		z-index: 1;
	}

	/* Archive */
	#area_support {
	}
	:is(#area_support, #area_support_single) .bg_pink.area_title02 {
		padding: 0 24px;
		font-size: 1.6rem;
		line-height: 33px;
	}
	:is(#area_support, #area_support_single) .wrapper {
		filter: drop-shadow(0px 0px 24px rgba(0,0,0,0.05));
		width: 92%;	/* 345 / 375 */
		margin-top: -25px;
	}
	#area_support .wrapper {
		padding: 44px calc(46% - 144px) 59px;
	}
	#area_support .wrapper .area_wrap {
		gap: 0 19px;
	}
	#area_support .wrapper .area_wrap#area_hokushin {
		padding-bottom: 27px;
	}
	#area_support .wrapper .area_wrap#area_toushin {
		padding-top: 27px;
	}
	#area_support .wrapper h4 {
	}
	#area_support .area_list01 {
		gap: 20px 10px;
	}
	#area_support .wrapper .area_wrap ul {
	}
	#area_support .wrapper .area_wrap ul > li {
	}
	#area_support .wrapper .area_wrap ul > li a {
		min-width: calc(5em + 23px);	/* KAZ */
		font-size: 1.6rem;
	}


	/* Single Contents  */
	#my-area section .green.hasline {
		padding-bottom: 11px;
		font-size: 2.4rem;
	}
	#my-area section .green.hasline::after {
		background: linear-gradient(to right, #008E7F 0 25%, #80c6bf 25% 75%, #008E7F 75% 100%);
		width: 100%;
		height: 4px;
	}
	#my-area section .pink.hasline {
		padding-left: 5px;
		line-height: 27px;
	}
	#area_support_single {
		background: url(../images/bg_area_single_flow_sp.svg) no-repeat center bottom 15px, linear-gradient(to top, white 0%, #F9F5EB 120px 100%);
		padding-bottom: 91px;
	}
	#area_support_single .wrapper {
		padding: 53px calc(46% - 134px) 57px;
	}
	#area_support_single .area_list01 {
		gap: 14px 50px;
	}
	#area_support_single .area_list01 li {
		width: 109px;
		font-size: 1.6rem;
	}

	#area_single_choice {
		background: white;
	}
	#area_single_choice .wrapper {
		width: 92%;
		padding-bottom: 2px;
	}
	#area_single_choice h2 {
		background-size: 87px auto;
		padding-top: 31px;
		padding-bottom: 43px;
		font-size: 2.2rem;
		line-height: 38px;
	}
	#area_single_choice h3 {
		border-bottom: solid 1px #D2C6E2;
		display: inline-block;	/* 2026.06 KAZ: ChkHTML */
		margin-bottom: 13px;
		padding-bottom: 6px;
		line-height: 26px;
	}
	#area_single_choice h3::before {
		height: 26px;
		margin-right: 6px;
		vertical-align: -6px;
	}
	#area_single_choice h3 .inner {
	}
	#area_single_choice p {
		background-position: left top;
		background-size: 57px auto;	/* 2026.06 KAZ: ChkHTML: 51px auto */
		margin-bottom: 50px;
		padding-left: 69px;
	}

	#area_single_strengths {
		padding-bottom: 60px;
	}
	#area_single_strengths .fukidashi {
		font-size: 1.4rem;
	}
	#area_single_strengths .fukidashi .inner {
		width: 306px;
	}
	#area_single_strengths .fukidashi .inner::before {
		width: 306px;
		height: 21px;
		background: url(../images/fukidashi_kentou_sp.svg) no-repeat center bottom / cover;
	}
	#area_single_strengths .fukidashi .area {
		font-size: 2rem;
	}
	#area_single_strengths .fukidashi.len4 .area {
		font-size: 1.6rem;
	}
	#area_single_strengths .fukidashi.len5 .area {
		font-size: 1.4rem;
	}
	#area_single_strengths h2 {
		margin: 7px 0 13px;
		font-size: 3rem;
	}
	#area_single_strengths picture {
		width: 92%;
		margin-inline: auto;
	}
	#area_single_strengths picture img {
		width: 100%;
		height: auto;
	}

	#area_single_flow {
		background: url(../images/bg_area_single_flow_sp.svg) no-repeat center bottom 53px, linear-gradient(to top, #F9F5EB 0%, white 120px 100%);
		padding-bottom: 70px;
	}
	#area_single_flow h2,
	#area_single_flow .wrapper,
	#area_single_voice h2,
	#area_single_voice .wrapper {
		width: 92%;
		margin-inline: auto;
	}
	#area_single_flow h2 {
		margin-bottom: 30px;
	}
	#area_single_flow .wrapper {
		width: 315px;
		margin-inline: auto;
	}
	#area_single_flow .wrap {
		position: relative;
		padding-bottom: 60px;
	}
	#area_single_flow .wrap::after {
		content: "";
		display: block;
		position: absolute;
		width: 4px;
		height: 60px;
		bottom: 0px;
		left: 50%;
		transform: translatex(-50%);
		background: linear-gradient(to bottom, transparent 0 8px , #008E7F 8px 12px, transparent 12px 22px , #008E7F 22px 26px, transparent 26px 36px , #008E7F 36px 40px, transparent 40px 50px , #008E7F 50px 54px, transparent 54px 60px);
	}
	#area_single_flow .wrap.last::after {
		content: none;
	}
	#area_single_flow .wrap .imgonly {
		margin-bottom: 18px;
	}
	#area_single_flow .wrap h3 {
		margin-bottom: 12px;
		padding-left: 8px;
		font-size: 1.8rem;
		line-height: 24px;
	}
	#area_single_flow .wrap p {
		line-height: 1.75;	/* 28px */
	}

	#area_single_voice {
	}
	#area_single_voice h2 {
		margin-bottom: 40px;
	}
	#area_single_voice .wrapper {
		padding-bottom: 20px;
	}
	#area_single_voice .wrap {
		margin-bottom: 20px;
		padding: 30px 5.7971%;	/* 20px */
		filter: drop-shadow(0px 0px 24px rgba(0,0,0,0.05));
	}
	#area_single_voice .wrap .imgonly {
		margin-bottom: 17px;
	}
	#area_single_voice h3,
	#area_single_voice .wrap p.name {
		margin-left: 116px;	/* 118px in design but does not fit in Android */
	}
	#area_single_voice h3 {
		margin-top: 18px;
		margin-bottom: 7px;
		font-size: 1.8rem;
	}
	#area_single_voice .wrap p.name {
	}
	#area_single_voice .wrap p:not(.name) {
		clear: left;
	}


	/* Footer */
	#ft_area_consult {
		background: url(../images/bg_ft_area_consult_sp.svg) no-repeat center bottom 50px, #F9F5EB;
		padding-top: 34px;
		padding-bottom: 100px;
		font-size: 1.6rem;
		line-height: 23px;
	}
	#ft_area_consult .pink {
		padding-top: 9px;
		font-size: 2.2rem;
		line-height: 29px;
	}
	#my-area footer {
		background: url(../images/bg_area02_sp.png) no-repeat center bottom 110px / 100% auto,  url(../images/bg_area01.svg) no-repeat center top / 100% 125px, linear-gradient(to bottom, #F9F5EB 0% 125px, white 125px 100%);
		margin-bottom: 0;
		padding-bottom: 110px;
	}
	#ft_logo {
		width: 212px;
		padding-top: 41px;	/* 2026.06 KAZ: ChkHTML: was 81px */
	}
	#ft_address {
		padding-top: 25px;
		padding-bottom: 154px;	/* 2026.06 KAZ: ChkHTML: was 124px */
	}
	#ft_copy {
		height: 110px;
		padding: 5px 0 84px;
		font-size: 1.4rem;
	}
	#my-area #btn_top {
		bottom: 89px;	/* 2026.06 KAZ */
	}
	#contact_wrapper {	/* 2026.06 KAZ: Fixed */
		border-top: #644B37 1px solid;
	}
	#contact_wrapper .pink {
	}
	#contact_wrapper .tel_wrap {
		flex-direction: column;
		width: 52%;	/* 194px in design */
		padding-left: 4%;
		font-size: 1.4rem;	/* 14px */
	}
	#contact_wrapper .tel_wrap .tellabel {
		line-height: 20px;
	}
	#contact_wrapper .tel_wrap .tellabel::before {
		vertical-align: -4px;
	}
	#contact_wrapper .tel_wrap .sptel {
		font-size: 2.9rem;	/* 29px */
		line-height: 32px;
		text-decoration: none;
	}
	#contact_wrapper .tel_wrap .hour {
		font-size: 1.2rem;	/* 12px */
	}
	#contact_wrapper .satei_wrap {
	}
	#contact_wrapper .satei_link {
		background-color: #008E7F;
		width: 48%;
	}
	#contact_wrapper .satei_banner {
	}
}


@media print {
	body {
		min-width: 1025px !important;
	}
	header,
	#contact_wrapper {	/* 2026.06 KAZ */
		position: absolute !important;
	}
}