@charset "utf-8";
/**
/* CSS RESET START
----------------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;box-sizing: border-box;-webkit-box-sizing: border-box;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
html{overflow-y: scroll;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
input, textarea{margin: 0;padding: 0;outline: none;}
ol, ul{list-style:none;}
table{border-collapse: collapse; border-spacing:0;width:100%;}
caption, th{text-align: left;}
img {vertical-align: middle;max-width:100%;height: auto;}
.clearfix {min-height: 1px;}
.clearfix:after {content: "."; display: block;clear: both;height: 0;visibility: hidden;}
.both{clear:both;}
/**
/* CSS START
----------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
html,body {
	width: 100%;
	font-family: "Noto Sans JP", serif;
	color: #212123;
	font-size: 4vw;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.01em;
	margin: 0;
	padding: 0;
	background: url(../images/aga/wrapper-bg.png) center;
	background-size: cover;
	background-repeat: no-repeat;
	content: '';
	background-attachment: fixed;
}
@media only screen and (min-width: 391px){
	html,body {
		font-size: 14px;
	}
}
@media only screen and (min-width: 991px){
	html,body {
		font-size: 16px;
	}
}
*, *:before, *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
a{
    text-decoration: none;
}
img{
	width: auto;
	max-width: 100%;
    height: auto;
}
.flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.align_center{
	align-items: center;
}
.view{
	position: relative;
	display: grid;
    transition: grid-template-columns .4s ease-out;
    z-index: 1;
}
.view-spacer{
	position: relative;
	display: none;
	min-height: 100vh;
}
.view-bnr-content{
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	min-height: 100vh;
	position: sticky;
	top: 0;
}
.view-nav-content{
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	min-height: 100vh;
	position: sticky;
	top: 0;
}
@media only screen and (min-width: 391px){
	.view{
		grid-template-columns: 1fr 390px 1fr;
	}
	.view-spacer{
		display: block;
	}
}
@media only screen and (min-width: 991px){
	.view{
		position: relative;
		grid-template-columns: 1fr 390px 1fr;
	}
}
.view-bnr,
.view-nav{
	display: none
}
.view-bnr .bnr-list{
	width: 23.125rem;
}
.view-bnr .bnr-list li:not(:first-child){
	margin-top: 1.375rem;
}
.view-nav .nav{
	display: inline-block;
	width: 22.625rem;
}
.view-nav .nav li{
	list-style: disc;
	text-align: left;
	margin-bottom: 0.85rem;
	list-style: none;
}
.view-nav .nav li a{
	display: block;
	font-family: "Noto Sans JP", serif;
    color: #212123;
    font-size: 0.85rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.3;
}
.view-nav .btnArea{
	width: 17.25rem;
	margin: 2.125rem auto 0 auto;
}
.view-nav .btnArea .block_btn{
	margin-top: 0.9375rem;
}
.view-nav .btnArea .block_btn li a img{
	filter: drop-shadow(0px 7px 6px rgba(0, 0, 0, 0.16));
}
@media only screen and (min-width: 991px){
	.view-bnr{
		position: fixed;
		display: block;
		width: calc(362/16 * 1rem);
		z-index: 1;
	}
	.view-nav {
		position: fixed;
		display: block;
		width: calc(362/16 * 1rem);
		text-align: center;
		z-index: 1;
	}
}
.view-main{
	position: relative;
	overflow: hidden;
}
.page-container{
	position: relative;
	width: 100%;
	min-height: 100vh;
}
.center{
	text-align: center;
}
.page-content{
	background: #FFFFFF;
}
.inner{
	position: relative;
	width: calc(100% - 1.75rem);
	margin: 0 0.875rem;
}
/*　　ヘッダー　　*/
.header{
	display: none;
}
.header .header-logo img{
	width: 10.5rem;
}
@media only screen and (min-width: 991px){
	.header{
		position: fixed;
		display: block;
		width: 100%;
		top: 0;
		left: 0;
		padding: 1.1875rem 1.1875rem 0.875rem 4.375rem;
	}
}
.view-header .header-logo img{
	max-width: 178px;
}
.view-header .drawer-hamburger{
	display: block;
	padding: 17px .75rem 30px;
	z-index: 999;
}
.view-header .drawer-hamburger::after {
	content: "MENU";
	position: absolute;
	bottom: 4px;
	left: 9px;
	font-size: 0.875rem;
	text-align: center;
}
.drawer--right .view-header .drawer-hamburger,
.drawer--right.is-active .view-header .drawer-hamburger{
	right: 9px;
}
.global-nav.clone-nav .drawer-nav {
	display: none;
}
.view-header .drawer-hamburger-icon,
.view-header .drawer-hamburger-icon::after,
.view-header .drawer-hamburger-icon::before{
	background: #212123;
}
.view-header .drawer-hamburger-icon{
	background-color: transparent;
}
.is-active .drawer-hamburger-icon:after,
.is-active .view-header .drawer-hamburger-icon:before{
	background: #212123;
}
.view-header .drawer-hamburger-icon::after{
	top: 0px;
}
.view-header .drawer-hamburger-icon::before{
	top: -8px;
}
.is-active .view-header .drawer-hamburger-icon::before,
.is-active .view-header .drawer-hamburger-icon::after{
	top: -3px;
}
.drawer--right .view-header .drawer-nav{
	background: #DCE1E3;
	position: fixed;
	width: 100%;
	height: 100%;
	right: -100%;
	z-index: 100;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 6.75rem 0;
}
.view-header .drawer-nav .nav li{
	text-align: center;
}
.view-header .drawer-nav .nav li + li{
	margin-top: 0.6875rem;
}
.view-header .drawer-nav .nav li a{
	font-family: "Noto Sans JP", serif;
	display: block;
	color: #212123;
	font-size: 1rem;
	line-height: 2.4;
}
.drawer-overlay {
	z-index: 0 !important;
}
@media only screen and (max-width: 390px){
	.view-header{
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		padding: 0.6875rem 1.625rem 0.625rem 0.625rem;
		z-index: 9999;
	}
	.view-header .header-logo{
		position: relative;
		width: 11.125rem;
		z-index: 999;
	}
	.view-mv{
		/* margin-top: 3.625rem; */
	}
}
@media only screen and (min-width: 391px){
	.view-header .header-logo{
		background: #FFFFFF;
		text-align: center;
	    padding: 0.6875rem 6.625rem 0.625rem 6.625rem;
		filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
	}
	.drawer--right .view-header .drawer-hamburger,
	.drawer--right.is-active .view-header .drawer-hamburger{
		right: 2.5rem;
	}
	.drawer--right .view-header .drawer-nav{
		width: 26.6875rem;
		right: -26.6875rem;
		z-index: 50;
		display: block;
	}
	.view-header .header-logo{
		text-align: center;
	}
}
@media only screen and (min-width: 991px){
	.view-header .drawer-hamburger{
		display: none;
	}
}
.view-mv .bnr-container{
	background: rgba(186,220,237,1);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(186,220,237,1) 100%);
	padding: 1rem 0 1.875rem 0;
}
.view-mv .bnr-container .btnArea{
	margin-top: 2.3125rem;
}
.view-mv .bnr-container .block_btn{
	margin-top: 1.5625rem;
}
/*　　医療脱毛が選ばれる理由　　*/
.feature-container{
	background: #BBDCED;
	padding: 4.5rem 0 1.25rem 0;
}
.feature-container .feature-box{
	position: relative;
	background: #FFFFFF;
	padding: 5.625rem 0 1.25rem 0;
}
.feature-box .icon{
	position: absolute;
	width: 8.8125rem;
	top: -3.5625rem;
	left: calc(50% - 4.40625rem);
}
.feature-box .feature-ttl{
	position: relative;
	background: #2CA86A;
	width: 108%;
    margin: 0px -4% 0 -4%;
	padding: 1.125rem 0.9375rem;
}
.feature-box .feature-ttl:after {
	position: absolute;
	border: 1px solid #fff;
	content: "";
	top: 0.375rem;
	bottom: 0.375rem;
	left: 0.375rem;
	right: 0.375rem;
}
.feature-box .feature-ttl h2{
	font-family: "Zen Old Mincho", serif;
	color: #FFFFFF;
	font-size: 1.4375rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.3;
}
.feature-list .feature-items{
	margin-bottom: 1.625rem;
}
.feature-list .feature-items:last-child{
	margin-bottom: 0;
}
.feature-list .feature-items .feature-head{
	align-items: center;
	margin-bottom: 1rem;
}
.feature-list .feature-items:nth-child(2) .feature-head{
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.feature-list .feature-items:nth-child(1) .feature-head .imgArea{
	width: 12.75rem;
}
.feature-list .feature-items:nth-child(2) .feature-head .imgArea{
	width: 13rem;
}
.feature-list .feature-items:nth-child(3) .feature-head .imgArea{
	width: 13.25rem;
}
.feature-list .feature-items:nth-child(1) .feature-head .ttl{
	padding-left: 0.45rem;
}
.feature-list .feature-items:nth-child(2) .feature-head .ttl{
	padding-right: 0.65rem;
}
.feature-list .feature-items:nth-child(3) .feature-head .ttl{
	padding-left: 1.0625rem;
}
.feature-list .feature-items .feature-head .ttl .no{
	margin-bottom: 0.6875rem;
}
.feature-list .feature-items .feature-head .ttl .no img{
	width: 3.6875rem;
}
.feature-list .feature-items .feature-head .ttl h3{
	font-family: "Libre Baskerville", serif;
	color: #008CBE;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.3;
}
.feature-list .feature-items .feature-head .ttl p span{
	color: #414141;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1.45;
	background: linear-gradient(transparent 50%, #CCF5CF 50%);
	padding: 0 0.375rem;
}
.feature-list .feature-items .text{
	color: #000000;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.65;
	padding: 0 1rem;
}
.feature-list .feature-items .text .line{
	color: #000000;
	background: linear-gradient(transparent 50%, #FFFBCC 50%);
}
/*　　気になる脱毛事情　　*/
.situation-container{
	position: relative;
	padding: 0 0 4.75rem 0;
}
.situation-container .situation-inner{
	position: relative;
	background: url(../images/datsumo/bg_blue.png);
	padding:2.5625rem 0 4.5rem 0;
}
.situation-container::after{
	background: url(../images/datsumo/bg_blue_bottom.png) no-repeat bottom center;
	content: '';
	position: absolute;
	width: 100%;
	height: 4.75rem;
	bottom: 0;
	left: 0;
	right: 0;
}
.situation-container .situation-ttl{
	background: url(../images/datsumo/situation-ttl-bg.png) no-repeat top center;
	background-size: cover;
	padding-bottom: 2.0625rem;
}
.situation-container .situation-ttl .icon{
	margin-bottom: 1.1875rem;
}
.situation-container .situation-ttl h2{
	font-family: "Zen Old Mincho", serif;
	color: #212123;
	font-size: 1.625rem;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0.01em;
}
.situation-container .situation-ttl h2 .dot{
	position: relative;
	display: inline-block;
}
.situation-container .situation-ttl h2 .dot::after{
	background: url(../images/datsumo/dot2.png) center;
	background-size: contain;
	background-repeat: no-repeat;
	content: '';
	position: absolute;
	width: 6.0625rem;
	height: 0.4375rem;
	bottom: -0.75rem;
	left: 0.3125rem;
}
.situation-container .figureArea .note{
	color: #212123;
	font-size: 0.5625rem;
	font-weight: 300;
	line-height: 1.65;
	margin-top: 0.375rem;
	padding: 0 1rem;
}
.situation-container .situation-body{
	display: none;
	max-width: 20.4375rem;
	padding-top: 1.875rem;
	margin: 0 auto;
}
.situation-container .situation-body h3{
	background: #FFFFFF;
	font-family: "Zen Old Mincho", serif;
	color: #212123;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.01em;
	padding: 0.9375rem;
	margin-bottom: 1.25rem;
}
.situation-container .situation-body h3 .pink{
	color: #FD88BB;
	font-size: 1.6875rem;
}
.situation-container .situation-body h3 .dot{
	position: relative;
	display: inline-block;
}
.situation-container .situation-body h3 .dot::after{
	background: url(../images/datsumo/dot3.png) center;
	background-size: contain;
	background-repeat: no-repeat;
	content: '';
	position: absolute;
	width: 2.75rem;
	height: 0.375rem;
	bottom: -0.5rem;
	left: 0.75rem;
}
.situation-container .situation-body .figureArea{
	margin-bottom: 1.875rem;
}
.situation-container .situation-body .note{
	color: #414141;
	padding: 0;
}
.situation-container .situation-body .text{
	color: #000000;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.65;
	padding-bottom: 1.875rem;
}
.situation-container .situation-body .text .line{
	color: #000000;
	background: linear-gradient(transparent 50%, #FFC7DF 50%);
}
.situation-container .js-accordion-title{
	position: absolute;
	width: 100%;
	background: #FFFFFF;
	border: 3px solid #FF88BB;
	font-family: "Libre Baskerville", serif;
	color: #FE88BB;
	font-size: 0.9375rem;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.3;
	bottom: -4.375rem;
	padding: 0.9375rem;
	border-radius: 50px;
	z-index: 2;
	cursor: pointer;
	transition: .3s ease-in-out;
}
.situation-container .js-accordion-title::after{
	content: '＋';
	position: absolute;
	font-family: "Noto Sans JP", serif;
	color: #FE88BB;
	font-size: 1.375rem;
	font-weight: 400;
	line-height: 1.6;
	top: 0.375rem;
	right: 1.25rem;
	transition: .3s ease-in-out;
}
.situation-container .js-accordion-title.open::after{
	content: '－';
}
.situation-container .js-accordion-title span{
	color: #FE88BB;
}
.situation-container .js-accordion-title:hover{
	background: #FE88BB;
	color: #FFFFFF;
}
.situation-container .js-accordion-title:hover::after{
	color: #FFFFFF;
}
.situation-container .js-accordion-title:hover span{
	color: #FFFFFF;
}
/*　　ハイジニーナとは？　　*/
.about-container {
	padding: 2.25rem 0 0 0;
}
.about-container .bnr-container .btnArea{
	margin-top: 1.75rem;
}
.about-container .bnr-container .btnArea .block_btn{
	margin-top: 1.25rem;
}
.about-container .about-head{
	padding: 1.4375rem 0;
}
.about-container .about-inner{
	position: relative;
	padding: 1.125rem 0 2.5rem 0;
}
.about-container .about-inner::after{
	background: url(../images/datsumo/bg_green1.png) center;
	content: '';
	position: absolute;
	width: 20.25rem;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
}
.about-container .about-body{
	position: relative;
	z-index: 1;
}
.about-container .about-body .about-ttl{
	background: #FFFFFF;
	width: 23.375rem;
	padding: 0.75rem 0 1.0625rem 1rem;
	margin-bottom: 1rem;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.about-container .about-body .about-ttl h2{
	font-family: "Zen Old Mincho", serif;
	color: #15783E;
	font-size: 1.6875rem;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.01em;
}
.about-container .about-body .about-ttl h2 .line{
	color: #15783E;
	background: linear-gradient(transparent 50%, #FFFBCC 50%);
}
.about-container .about-body h3{
	background: #15783E;
	width: 21.4375rem;
	padding: 0.35rem 2rem;
	border: 3px solid #FFFFFF;
	box-shadow: inset 0px 8px 8px rgba(0, 0, 0, 0.16);
	margin-bottom: 1.25rem;
}
.about-container .about-body h3 span{
	display: block;
	font-family: "Zen Old Mincho", serif;
	color: #FFFFFF;
	font-size: 1.4375rem;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 0.01em;
}
.about-container .about-body h3 span:nth-child(2){
	text-align: right;
}
.about-container .about-body .imgArea.left{
	width: 21.4375rem;
	margin-left: 1rem;
}
.about-container .about-body .imgArea.right{
	width: 18.4375rem;
	margin-left: auto;
}
.about-container .about-body .text{
	width: 18.5625rem;
	color: #000000;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.65;
	letter-spacing: 0.05em;
	margin-left: auto;
	padding: 1.125rem 2rem 1.5625rem 0;
}
.about-container .about-body .text .line{
	color: #000000;
	background: linear-gradient(transparent 50%, #FFFBCC 50%);
}
.about-container .actuality-body{
	position: relative;
	display: none;
	z-index: 1;
}
.about-container .actuality-body h3{
	background: #FFFFFF;
	width: 23.375rem;
	font-family: "Zen Old Mincho", serif;
	color: #15783E;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.01em;
	padding: 0.625rem 1rem;
	margin-bottom: 1.25rem;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.about-container .actuality-body h3 .line{
	color: #15783E;
	background: linear-gradient(transparent 50%, #FFFBCC 50%);
}
.about-container .actuality-body h3.ttl-1{
	width: 18.75rem;
	margin-left: auto;
}
.about-container .actuality-body h3.ttl-2{
	width: 20.9375rem;
}
.about-container .about-body .imgArea.img-1{
	width: 22.625rem;
	margin-left: auto;
}
.about-container .about-body .imgArea.img-2{
	width: 20.9375rem;
}
.about-container .actuality-body .text{
	width: 18.5625rem;
	color: #000000;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.65;
	letter-spacing: 0.05em;
	margin-left: auto;
	padding: 1.125rem 2rem 1.5625rem 0;
}
.about-container .actuality-body .text .line{
	color: #000000;
	background: linear-gradient(transparent 50%, #FFFBCC 50%);
}
.about-container .js-accordion-title{
	position: absolute;
	width: calc(100% - 2rem);
	margin: 0 1rem;
	background: #FFFFFF;
	border: 3px solid #14783E;
	font-family: "Libre Baskerville", serif;
	color: #14783E;
	font-size: 0.9375rem;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.3;
	bottom: -1.75rem;
	padding: 0.9375rem;
	border-radius: 50px;
	z-index: 2;
	cursor: pointer;
	transition: .3s ease-in-out;
}
.about-container .js-accordion-title::after{
	content: '＋';
	position: absolute;
	font-family: "Noto Sans JP", serif;
	color: #14783E;
	font-size: 1.375rem;
	font-weight: 400;
	line-height: 1.6;
	top: 0.375rem;
	right: 1.25rem;
	transition: .3s ease-in-out;
}
.about-container .js-accordion-title.open::after{
	content: '－';
}
.about-container .js-accordion-title span{
	color: #14783E;
}
.about-container .js-accordion-title:hover{
	background: #14783E;
	colo: #FFFFFF;
}
.about-container .js-accordion-title:hover::after{
	color: #FFFFFF;
}
.about-container .js-accordion-title:hover span{
	color: #FFFFFF;
}
/*　　ポイント　　*/
.recommended-container{
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(85,172,201,1) 52%, rgba(85,172,201,1) 100%);
	padding: 3.625rem 0 1.5rem 0;
}
.recommended-container .bnr-container{
	padding-bottom: 2rem;
}
.recommended-container .bnr-container .btnArea{
	margin-top: 1.75rem;
}
.recommended-container .bnr-container .btnArea .block_btn{
	margin-top: 1.25rem;
}
/*　　お悩み　　*/
.trouble-container{
	background: #797979;
}
.trouble-container .trouble-ttl{
	position: relative;
	background: url(../images/datsumo/trouble-ttl.png) no-repeat center bottom;
	background-size: cover;
	padding: 1.575rem 0 4.85rem 0;
}
.trouble-container .trouble-ttl h2{
	position: relative;
	display: inline-block;
	font-family: "Noto Sans JP", serif;
	color: #FFFFFF;
	font-size: 1.9375rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.25;
}
.trouble-container .trouble-ttl h2 small{
	color: #FFFFFF;
	font-size: 1rem;
}
.trouble-container .trouble-ttl h2 span{
	color: #FFFFFF;
	font-size: 1.125rem;
}
.trouble-container .trouble-ttl h2::before,
.trouble-container .trouble-ttl h2::after{
	position: absolute;
	content: '';
}
.trouble-container .trouble-ttl h2::before{
	background: url(../images/datsumo/trouble-ttl-l.png) no-repeat center;
	background-size: cover;
	width: 3.875rem;
	height: 2.125rem;
	top: 2.5rem;
	left: -3.375rem;
}
.trouble-container .trouble-ttl h2::after{
	background: url(../images/datsumo/trouble-ttl-r.png) no-repeat center;
	background-size: cover;
	width: 3.1875rem;
	height: 3.9375rem;
	top: 0;
	right: -2.625rem;
}
.trouble-container .trouble-list{
	text-align: center;
	padding: 0.85rem 0 6.0625rem 0;
}
.trouble-list ul{
	display: inline-block;
}
.trouble-list ul li{
	font-family: "Noto Sans JP", serif;
	color: #FFFFFF;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.6;
	text-align: left;
	margin-bottom: 1rem;
}
.trouble-list ul li:last-child{
	margin-bottom: 0;
}
.trouble-list ul li i{
	position: relative;
	color: #FFFFFF;
	font-size: 1.125rem;
	margin-right: 0.625rem;
	top: 0.15625rem;
}
/*　　メリット　　*/
.merit-container .merit-ttl{
	margin-top: -7.875rem;
}
.merit-container .merit-list{
	padding: 1.875rem 0.875rem 2.25rem 0.875rem;
}
.merit-list .merit-items{
	margin-bottom: 0.9375rem;
}
.merit-list .merit-items .ttl{
	align-items: center;
	margin-bottom: 0.1875rem;
}
.merit-list .merit-items:nth-child(even) .ttl{
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.merit-list .merit-items .ttl h3{
	font-family: "Zen Old Mincho", serif;
	color: #212123;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.25;
}
.merit-list .merit-items:nth-child(odd) .ttl h3{
	padding-left: 1.5625rem;
}
.merit-list .merit-items:nth-child(even) .ttl h3{
	padding-left: 0.4375rem;
}
.merit-list .merit-items .textArea{
	border-top: 1px solid #3AAD5E;
}
.merit-list .merit-items:nth-child(odd) .textArea{
	border-left: 0.4375rem solid #3AAD5E;
	padding: 0 0.3625rem 0.4375rem 0.5rem;
}
.merit-list .merit-items:nth-child(even) .textArea{
	webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	border-right: 0.4375rem solid #3AAD5E;
	padding: 0 0.3625rem 0.4375rem 0.5rem;
}
.merit-list .merit-items .textArea .imgArea{
	width: 7.5rem;
	margin-top: -19px;
}
.merit-list .merit-items .textArea .text{
	width: calc(100% - 7.5rem);
	font-family: "Zen Old Mincho", serif;
	color: #212123;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 2.25;
	padding-top: 0.875rem;
}
.merit-list .merit-items:nth-child(odd) .text{
	padding-left: 0.875rem;
}
.merit-container .block_btn li{
	width: calc(100% - 2rem);
	margin: 0 1rem;
}
.merit-container .block_btn li .btn{
	position: relative;
	display: block;
	background: #FFFFFF;
	border: 3px solid #14783E;
	font-family: "Libre Baskerville", serif;
	color: #14783E;
	font-size: 0.9375rem;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.3;
	text-align-last: center;
	padding: 0.9375rem;
	border-radius: 50px;
	transition: .3s ease-in-out;
}
.merit-container .block_btn li .btn::after{
	background: url(../images/datsumo/arrow1.png) no-repeat top right;
	background-size: cover;
	content: '';
	position: absolute;
	width: 2.5625rem;
	height: 0.625rem;
	top: calc(50% - 0.3125rem);
	right: 1.175rem;
	transition: .3s ease-in-out;
}
.merit-container .block_btn li .btn:hover{
	background: #14783E;
	color: #FFFFFF;
}
.merit-container .block_btn li .btn:hover::after{
	background: url(../images/datsumo/arrow1_w.png) no-repeat top right;
	background-size: cover;
}
.merit-container .bnr-container{
	position: relative;
	padding: 3rem 0 4.375rem 0;
}
.merit-container .bnr-container::before{
	background: #D8D8D8;
	content: '';
	position: absolute;
	width: 8.5rem;
	height: 21.375rem;
	bottom: 0;
	left: 0;
}
.merit-container .bnr-container::after{
	background: rgb(209,209,209);
	background: linear-gradient(180deg, rgba(209,209,209,1) 0%, rgba(242,242,242,1) 100%);
	content: '';
	position: absolute;
	width: 4.375rem;
	height: 52.3125rem;
	top: 3.375rem;
	right: 0;
}
.merit-container .bnr-container .inner{
	z-index: 2;
}
.merit-container .bnr-container .inner::before{
	background: #DBF5DA;
	content: '';
	position: absolute;
	width: 6.6875rem;
	height: 30.5rem;
	bottom: -1.875rem;
	left: 10.25rem;
	z-index: -1;
}
.merit-container .bnr-container .btnArea{
	margin-top: 1.875rem;
}
.merit-container .bnr-container .btnArea .block_btn{
	margin-top: 1.75rem;
}
.merit-container .bnr-container .btnArea .block_btn li{
	width: 100%;
	max-width: 367px;
	margin: 0;
}
/*　　関心が高まる理由　　*/
.reason-container{
	position: relative;
	padding: 0 0 3.125rem 0;
	z-index: 2;
}
.reason-container::after{
	background: url(../images/datsumo/reason_bottom.png) no-repeat bottom center;
	background-size: cover;
	content: '';
	position: absolute;
	width: 100%;
	height: 12.85vw;
	bottom: 0;
	left: 0;
	right: 0;
}
@media only screen and (min-width: 391px){
	.reason-container::after{
		width: 390px;
		height: 50px;
	}
}
.reason-container .reason-ttl{
	margin-bottom: 8.875rem;
}
.reason-container .reason-ttl h2{
	display: inline-block;
	background: #059805;
	font-family: "Zen Old Mincho", serif;
	color: #FFFFFF;
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.05em;
	border-radius: 0 3.125rem 3.125rem 0;
	padding: 0.9375rem 1.875rem 0.9375rem 2rem;
}
.reason-container .reason-box{
	position: relative;
	background: #FFFFFF;
	border-top: 8px solid #14783E;
	border-left: 8px solid #14783E;
	border-right: 8px solid #14783E;
	padding-bottom: 5rem;
}
.reason-container .reason-head .imgArea{
	margin-top: -7.5rem;
}
.reason-container .reason-head .text{
	font-family: "Zen Old Mincho", serif;
	color: #14783E;
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.05em;
	padding: 1.875rem 0.625rem;
}
.reason-container .reason-head .text .line{
	color: #14783E;
	background: linear-gradient(transparent 50%, #FFFBCC 50%);
}
.reason-container .js-accordion-title{
	position: absolute;
	width: calc(100% - 2rem);
    margin: 0 1rem;
	background: #FFFFFF;
	border: 3px solid #14783E;
	font-family: "Libre Baskerville", serif;
	color: #14783E;
	font-size: 0.9375rem;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.3;
	bottom: 1.625rem;
	padding: 0.9375rem;
	border-radius: 50px;
	z-index: 2;
	cursor: pointer;
	transition: .3s ease-in-out;
}
.reason-container .js-accordion-title::after{
	content: '＋';
	position: absolute;
	font-family: "Noto Sans JP", serif;
	color: #14783E;
	font-size: 1.375rem;
	font-weight: 400;
	line-height: 1.6;
	top: 0.375rem;
	right: 1.25rem;
	transition: .3s ease-in-out;
}
.reason-container .js-accordion-title.open::after{
	content: '－';
}
.reason-container .js-accordion-title span{
	color: #14783E;
}
.reason-container .js-accordion-title:hover{
	background: #14783E;
	colo: #FFFFFF;
}
.reason-container .js-accordion-title:hover::after{
	color: #FFFFFF;
}
.reason-container .js-accordion-title:hover span{
	color: #FFFFFF;
}
.reason-container .reason-body{
	display: none;
}
.reason-body .reason-body-head{
	padding: 1rem 0 1.25rem 0;
}
.reason-body .reason-body-head h3{
	width: 21.5625rem;
	font-family: "Zen Old Mincho", serif;
	color: #212123;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.05em;
	padding: 0.9375rem 0;
	border: 4px solid rgba(20, 120, 62, 0.54);
    margin: 0 auto 1rem auto;
}
.reason-body .reason-body-head h3 span{
	display: block;
	font-size: 1.0625rem;
}
.reason-body .reason-body-head .imgArea{
	margin-bottom: 1.625rem;
}
.reason-body .reason-body-head .text{
	color: #000000;
	font-size: 0.75rem;
	line-height: 1.8;
}
.reason-body .reason-merit .merit-ttl{
	position: relative;
	background: #BBDCED;
	width: 16.25rem;
	padding: 2rem 1.25rem 2rem 2rem;
	margin-left: auto;
}
.reason-body .reason-merit .merit-ttl::before,
.reason-body .reason-merit .merit-ttl::after{
	content: '';
	position: absolute;
}
.reason-body .reason-merit .merit-ttl::before{
	background: #FFFFFF;
	width: 1px;
	height: 3.5rem;
	bottom: 0.75rem;
	left: 0.5rem;
}
.reason-body .reason-merit .merit-ttl::after{
	background: #FFFFFF;
	width: 15.75rem;
	height: 1px;
	bottom: 0.75rem;
	right: 0;
}
.reason-body .reason-merit .merit-ttl h3{
	font-family: "Zen Old Mincho", serif;
	color: #212123;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.05em;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items{
	position: relative;
	width: 21.375rem;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items:nth-child(odd){
	margin-left: auto;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items:nth-child(2)::before,
.reason-body .reason-merit .reason-merit-list .reason-merit-items:nth-child(3)::before{
	content: '';
	position: absolute;
	background: #65C4E8;
	height: 0.125rem;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items:nth-child(2)::before{
	width: 12.6875rem;
	top: 3.125rem;
	left: 2.1875rem;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items:nth-child(3)::before{
	width: 12.625rem;
	top: 25px;
	right: 30px;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items .ttl{
	position: relative;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items .ttl::before{
	content: '';
	position: absolute;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items:nth-child(odd) .ttl::before{
	background: url(../images/datsumo/bg_blue-l.png) no-repeat bottom center;
	width: 6.125rem;
	height: 5.75rem;
	top: 0;
	left: -0.9375rem;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items:nth-child(even) .ttl::before{
	background: url(../images/datsumo/bg_blue-r.png) no-repeat bottom center;
	width: 6rem;
	height: 5.875rem;
	top: -0.625rem;
	right: -0.75rem;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items .ttl .no{
	position: relative;
	z-index: 1;
	margin-bottom: 0.625rem;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items:nth-child(even) .ttl .no{
	text-align: right;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items .ttl h4{
	position: relative;
	z-index: 1;
	font-family: "Zen Old Mincho", serif;
	color: #212123;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.01em;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items:nth-child(odd) .ttl h4{
	padding-left: 2.1875rem;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items:nth-child(even) .ttl h4{
	padding-left: 2.25rem;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items .contantArea{
	position: relative;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items:nth-child(odd) .contantArea{
	padding: 0.9375rem 0 0.9375rem 0;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items:nth-child(even) .contantArea{
	padding: 0.9375rem 0 0.9375rem 0;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items .contantArea::before{
	background: url(../images/datsumo/line1.png) no-repeat bottom center;
	content: '';
	position: absolute;
	width: 0.125rem;
	height: 100%;
	top: 0;
	bottom: 0;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items:nth-child(odd) .contantArea::before{
	left: 0;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items:nth-child(even) .contantArea::before{
	right: 0;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items .contantArea .img{
	margin-bottom: 1.125rem;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items:nth-child(odd) .contantArea .img{
	text-align: right;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items .contantArea .text{
	color: #000000;
	font-size: 0.75rem;
	line-height: 1.8;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items:nth-child(odd) .contantArea .text{
	padding: 0 2.1875rem 0 2.9375rem;
}
.reason-body .reason-merit .reason-merit-list .reason-merit-items:nth-child(even) .contantArea .text{
	padding: 0 2.9375rem 0 2.1875rem;
}
.reason-container .reason-body .bnr-container{
	padding: 1.5625rem 0 2.25rem 0;
}
.reason-body .bnr-container .btnArea{
	margin-top: 1.25rem;
}
.reason-body .bnr-container .btnArea .block_btn{
	margin-top: 1.25rem;
}
/*　　施術!　　*/
.treatment-container{
	position: relative;
	padding-top: 0.875rem;
	z-index: 1;
}
.treatment-container::before{
	background: url(../images/datsumo/bg_green3.png) no-repeat bottom center;
	content: '';
	position: absolute;
	width: 100%;
	height: 13.0625rem;
	top: -7rem;
	left: 0;
	right: 0;
}
.treatment-container .treatment-head{
	position: relative;
	z-index: 1;
}
.treatment-container .treatment-head .img{
	margin-top: -1.85rem;
}
.treatment-container .treatment-ttl{
	padding: 0.9375rem 0 1rem 0;
}
.treatment-container .treatment-ttl h2{
	font-family: "Zen Old Mincho", serif;
	color: #76B1D0;
	font-size: 1.4375rem;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
}
.treatment-container .treatment-ttl h2 span{
	color: #76B1D0;
	font-size: 1.1875rem;
}
.treatment-container .treatment-body{
	margin-bottom: 1.5625rem;
}
.treatment-container .treatment-body h3{
	background: #BADCED;
	color: #FFFFFF;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.45;
	border-radius: 0.625rem 0.625rem 0 0;
	padding: 1.25rem 0.9375rem 0.9375rem 0.9375rem;
}
.treatment-container .treatment-body .treatment-box{
	background: #FFFFFF;
	border: 8px solid #BADCED;
	padding: 1.5625rem 1rem 5rem 1rem;
}
.treatment-container .treatment-body .treatment-box .imgArea{
	margin-bottom: 1.75rem;
}
.treatment-container .treatment-body .treatment-box .text{
	color: #212123;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.45;
}
.treatment-container .treatment-body .treatment-box .figure{
	margin-top: 2.5rem;
}
.treatment-container .bnr-container .btnArea{
	background: rgba(186, 220, 237, 1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(186, 220, 237, 1) 100%);
    padding: 1.5rem 0 3.125rem 0;
}
.treatment-container .bnr-container .btnArea .block_btn{
	margin-top: 1.25rem;
}
/*　　比較　　*/
.comparison-container{
	background: #BBDCED;
	padding: 3.3125rem 0 2.0625rem 0;
	margin-top: -3.5rem;
}
.comparison-container .comparison-head{
	position: relative;
    z-index: 2;
    margin-top: -1.125rem;
}
.comparison-container .comparison-box{
	margin-bottom: 1.875rem;
}
.comparison-container .comparison-box .imgArea{
	text-align: right;
}
.comparison-container .comparison-box .text{
	background: #FFFFFF;
	font-family: "Zen Old Mincho", serif;
	color: #414141;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.05em;
	margin-top: -5.625rem;
	padding: 7.25rem 1.875rem 1.875rem 1.875rem;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.comparison-container .comparison-box .text .line{
	color: #414141;
	background: linear-gradient(transparent 50%, #FFDDF0 50%);
}
.comparison-container .figureArea h2{
	background: #FFFFFF;
	width: 20.4375rem;
	font-family: "Zen Old Mincho", serif;
	color: #212123;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.01em;
	padding: 0.375rem;
	margin: 0 auto 0.625rem auto;
}
.comparison-container .figureArea h2 .dot{
	position: relative;
	display: inline-block;
}
.comparison-container .figureArea h2 .dot::after{
	background: url(../images/datsumo/dot1.png) center;
	background-size: contain;
	background-repeat: no-repeat;
	content: '';
	position: absolute;
	width: 4.3125rem;
	height: 0.375rem;
	bottom: -0.375rem;
	left: 0.375rem;
}
/*　　料金について　　*/
.fee-container{
	background: linear-gradient(180deg, #BBDCED 0%, #BBDCED 14.0625rem, #FFFFFF 14.0625rem, #FFFFFF 100%);
}
.fee-container .fee-ttl{
	background: url(../images/datsumo/fee-ttl1.png) no-repeat center;
	background-size: cover;
	max-width: 22.75rem;
	height: 3.1875rem;
	margin: 0 auto 0.625rem auto;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.fee-container .fee-ttl h2{
	color: #FFFFFF;
	font-size: 1.375rem;
	font-weight: 900;
	letter-spacing: 0.01em;
	line-height: 3.1875rem;
}
.fee-container .bnr-list{
	margin-bottom: 0.8125rem;
}
.fee-container .fee-box{
	background: #F5F5F5;
	max-width: 370px;
    margin: 0 auto;
	padding: 1rem 0.625rem 2.125rem 0.625rem;
}
.fee-container .fee-box h3{
	background: url(../images/datsumo/fee-ttl2.png) no-repeat center;
	background-size: cover;
	max-width: 18.25rem;
	height: 3.0625rem;
	color: #212123;
	font-size: 1.3125rem;
	font-weight: 700;
	line-height: 3.0625rem;
	padding: 0 0.625rem;
	margin: 0 auto 1.875rem auto;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.fee-box .fee-tbl{
	margin-bottom: 1.09375rem;
}
.fee-box .fee-tbl .tbl-head{
	border-bottom: 1px solid #707070;
	margin-bottom: 1.09375rem;
}
.fee-box .fee-tbl .tbl-head p{
	color: #212123;
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.5;
}
.fee-box .fee-tbl .tbl-head p.part{
	width: 40%;
}
.fee-box .fee-tbl .tbl-head p.number{
	width: 15%;
}
.fee-box .fee-tbl .tbl-head p.price{
	width: 45%;
}
.fee-box .fee-body ul li{
	padding: 0.625rem 0.5rem;
	margin-bottom: 0.75rem;
}
.fee-box .fee-body ul li:nth-child(odd){
	background: #DFEFF7;
}
.fee-box .fee-body ul li:nth-child(even){
	background: #FFFFFF;
}
.fee-box .fee-body ul li p{
	color: #212123;
	font-size: 0.9375rem;
	line-height: 1.35;
}
.fee-box .fee-body ul li .part{
	width: 40%;
	font-weight: 700;
}
.fee-box .fee-body ul li .number{
	width: 15%;
}
.fee-box .fee-body ul li .price{
	width: 45%;
	font-weight: 700;
	text-align: right;
}
.fee-box .fee-body ul li .price span{
	font-size: 0.6875rem;
}
.fee-box .fee-body ul li .price span:first-child{
	margin-right: 0.75rem;
}
.fee-container .list li{
	border-bottom: 1px solid #6E6E6E;
	margin-bottom: 1.0625rem;
	padding-bottom: 1.25rem;
}
.fee-container .list li:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.fee-container .btnArea{
	padding: 1.375rem 0 1rem 0;
}
.fee-container .btnArea .block_btn{
	margin-top: 1.25rem;
}
/*　　施術の流れ　　*/



/*　　クリニック情報　　*/
.clinic-container {
	position: relative;
	padding:0 0 3.375rem 0;
	margin-top: -2.1875rem;
	background-image: url(../images/aga/clinic-bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 1;
}

.clinic__number {
	bottom: -1.25rem;
}

.clinic__section-title {
	padding-top: 7.5rem;
}

.clinic-info .info-box {
	position: relative;
	background: #FFFFFF;
	padding: 1.875rem 1.5625rem;
	border: 1px solid #067E41;
	margin-top: 2.5rem;
}

.clinic-info .icon img {
	display: block;
	max-width: 10.75rem;
	margin-inline: auto;
}

.clinic-info .info-box .imgArea {
	margin-top: 1.25rem;
}

.clinic-info .address {
	padding: 1.25rem 0 1.875rem 0;
}
.clinic-info .address p {
	color: #212123;
	font-size: 0.8125rem;
	line-height: 1.42;
}
.clinic-info .mapArea {
	line-height: 0;
}
.clinic-info .mapArea iframe {
	width: 100%;
	height: 13.75rem;
}

.clinic__bnr-container {
	margin-top: 3.125rem;
}

.clinic-container .bnr-container .btnArea{
	margin-top: 3.125rem;
}

/*　　薬機法　　*/
.important-box {
	background: #FFFFFF;
	height: 320px;
	overflow-y: scroll;
	padding: 0.625rem 1rem;
	margin-top: 2rem;
}
.important-box h3 {
	color: #414141;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.83;
	margin-top: 1.25rem;
	font-family:"Noto Sans JP", serif;
}
.important-box p{
	color: #414141;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.83;
}
.important-box p span{
	text-decoration: underline;
}
.important-box p a,
.important-box p a[href^="tel:"] {
	color: #0045FF;
	font-weight: 700;
	text-decoration: underline;
}
.important-box ul{
	margin: 1.25rem 0 1.25rem 1.25rem;
}
.important-box ul li{
	list-style: disc;
	color: #414141;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.83;
}

.clinic__cta {
	margin-top: 3.125rem;
}


.footer-bar{
	position: fixed;
	bottom: 0.5rem;
	width: calc(100% - 2rem);
	display: block;
	z-index: 9998;
	margin: 0 1rem;
}
.footer-bar li a{
	display: block;
}
.footer-bar li a img{
	filter: drop-shadow(0px 7px 6px rgba(0, 0, 0, 0.16));
}
@media only screen and (min-width: 576px){
	.footer-bar{
		display: none;
	}
}








.drawer-nav {
	right: -100% !important;
}

/* メニュー表示時 */
.drawer-nav.is-open {
    right: 0 !important;
}



/* is-active時の「×」アニメーション */

.drawer-hamburger.is-active .drawer-hamburger-icon::before {
  transform: rotate(45deg);
  top: -3px;
}

.drawer-hamburger.is-active .drawer-hamburger-icon::after {
  transform: rotate(-45deg);
  top: -3px;
}













.section-title {
	text-align: center;
	color: #067E41;
	font-family:"Noto Serif JP", serif;
	font-size: 2.5rem;
	font-weight: 700;
}

.copy-right {
	background-color: #007E41;
	text-align: center;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.copy-right p {
	color: #fff;
	font-weight: 400;
	font-family:"Noto Serif JP", serif;
}

/* BANNER */
.banner__img:last-child {
	margin-top: 1.25rem;
}

/* CTA */
.cta {
	max-width: 22.625rem;
	width: 100%;
	margin-inline: auto;
}

.cta__text {
	position: relative;
	text-align: center;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.625;
}

.cta__text::after {
	content: "";
	position: absolute;
	right: 1.25rem;
	bottom: 0.75rem;
	width: 1.5rem;
	height: 2px;
	background-color: #212123;
	transform: rotate(120deg);
}

.cta__text::before {
	content: "";
	position: absolute;
	left: 1.25rem;
	bottom: 0.75rem;
	width: 1.5rem;
	height: 2px;
	background-color: #212123;
	transform: rotate(60deg);
}

.cta__btn {
	margin-top: 0.625rem;
}

.cta__btn a {
	display: block;
	text-align: center;
	color: #fff;
	background-color: #F67A18;
	border-radius: 43px;
	font-size: 1.25rem;
	font-weight: 700;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.cta__catch {
	text-align: center;
	font-size: 1.25rem;
	color: #F67A18;
	margin-top: 0.625rem;
	font-weight: 700;
}

/* NUMBER */
.number {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	max-width: 3.125rem;
	width: 100%;
	height: 3.125rem;
	background-color: #007E41;
	font-size: 1.75rem;
	font-weight: 700;
	padding: 0.15625rem;
	margin-inline: auto;
	z-index: 100;
}

.number__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #fff;
	height: 100%;
}

.number__inner p {
	color: #fff;
	font-family:"Noto Serif JP", serif;
	line-height: 1;
}

/* MV */


/* HEROブロック */
.hero {
	position: relative;
	background-image: url(../images/aga/hero-bg.png);
	background-size: 100% 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 20;
}

.hero__inner {
	padding-top: 4.375rem;
	padding-bottom: 6.25rem;
}

.hero__cta {
	margin-top: 2.125rem;
}

/* FAGAとは? */
.about {
	position: relative;
	margin-top: -3.125rem;
}

.about::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/aga/about-bg.png);
	background-size: 100% 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 19;
}

.about__inner {
	position: relative;
	padding-top: 6.25rem;
	padding-bottom: 4rem;
	z-index: 21;
}

.about__number {
	bottom: -1rem;
}

.about__title img {
	display: block;
	margin-inline: auto;
}

.about__subtitle {
	margin-top: 3rem;
}

.about__subtitle p {
	color: #fff;
	font-size: 1.5625rem;
	font-family:"Noto Serif JP", serif;
	font-weight: bold;
	text-align: center;
}

.about__list {
	background-color: #fff;
	margin-top: 0.875rem;
	padding: 0.5rem;
}

.about__list-inner {
	padding: 1.875rem 0;
	border: 1px solid #C4AB5E;
}

.about__list-inner > img {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	margin-bottom: 0.5rem;
}

.about__item {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding-top: 0.8125rem;
	padding-bottom: 0.8125rem;
	padding-left: 0.75rem;
	padding-right: 0rem;
}

.about__item::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	height: 2px;
	background-color: #E8E8E8;
}

.about__item:first-child {
	margin-top: 0;
}

.about__item:last-child::before {
	display: none;
}

.about__item img {
	max-width: 1.5625rem;
	width: 100%;
}

.about__item p {
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0;
}

.about__arrow {
	margin-top: 2.5rem;
}

.about__arrow img {
	display: block;
	margin-inline: auto;
}

.about__message {
	margin-top: 1.375rem;
	margin-inline: auto;
}

.about__text {
	margin-top: 0.5rem;
	border-top: 1px solid #fff;
	padding-top: 1.25rem;
	color: #fff;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.875;
	letter-spacing: 0;
}


/* FEATUREブロック */
.feature {
	position: relative;
	background-image: url(../images/aga/feature-bg.png);
	background-size: 100% 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 14;
	margin-top: -2rem;
}

.feature__inner {
	padding-top: 5rem;
	padding-bottom: 6.625rem;
}

.feature__head {
	position: absolute;
	bottom: -1.25rem;
	background-color: #A49363;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	text-align: center;
	transform: rotate(-4deg);
	box-shadow: 5px 3px 0 #5F5332;
	width: 100%;
}

.feature__head p {
	color: #fff;
	font-size: 1.625rem;
	font-weight: 700;
}

.feature__img {
	margin-top: 2.5rem;
}

.feature__text-top {
	margin-top: 0.75rem;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 2;
	color: #212123;
	text-align: center;
}

.feature__text-top span {
	font-size: 2.5rem;
	border-bottom: 1px solid #212123;
	color: #212123;
}

.feature__message {
	margin-top: 0.375rem;
}

.feature__message img {
	display: block;
	margin-inline: auto;
}

.feature__list {
	background-color: #fff;
	margin-top: 0.875rem;
	padding: 0.5rem;
}

.feature__list-inner {
	padding: 1.5rem 1rem;
	border: 1px solid #C4AB5E;
}

.feature__list-title {
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
}

.feature__item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	border-top: 2px solid #E8E8E8;
	padding-top: 0.8125rem;
	padding-bottom: 0.8125rem;
}

.feature__item:first-child {
	margin-top: 0;
	border-top: none;
}

.feature__item img {
	max-width: 1.875rem;
	width: 100%;
}

.feature__item p {
	font-size: 1.125rem;
	font-weight: 500;
}

.feature__text-bottom {
	margin-top: 1.5625rem;
	font-size: 1.3125rem;
	line-height: 1.7;
	text-align: center;
	font-weight: 700;
		color: #212123;
}

.feature__text-bottom span {
	font-size: 2.5rem;
	color: #212123;
}

.feature__bottom {
	margin-top: 1.25rem;
	padding: 2.5rem 1.5rem;
	background-color: #fff;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.feature__bottom p {
	font-weight: 700;
	font-size: 1rem;
	line-height: 2;
	color: #212123;
}

.feature__bottom p span {
	color: #007E41;
}

.feature__bottom p span.big {
	font-size: 1.25rem;
}

.feature__bottom-img {
	margin-top: 1.375rem;
}






/* 薄毛・FAGAの原因は */
.cause {
	position: relative;
	background-image: url(../images/aga/cause-bg.png);
	background-size: 100% 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-top: -3.125rem;
	z-index: 12;
}

.cause__inner {
	padding-top: 5.875rem;
	padding-bottom: 6.25rem;
}

.cause__title.section-title {
	color: #fff;
	font-size: 1.875rem;
}

/* CAUSE-ITEM */
.cause-item {
	position: relative;
	margin-top: 3.375rem;
}

.cause-item__number {
	position: absolute;
	top: -1.5625rem;
	left: 50%;
	transform: translateX(-50%);
	font-weight: 700;
	text-align: center;
	max-width: 3.125rem;
	width: 100%;
	height: 3.125rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	font-size: 1.5625rem;
	font-family: "Noto Serif JP",serif;
}

.cause-item__title {
	font-size: 1.125rem;
	font-weight: 700;
	text-align: center;
	margin-top: 0.625rem;
	color: #fff;
}

.cause-item__text {
	font-size: 0.875rem;
	font-weight: 400;
	margin-top: 0.625rem;
	color: #fff;
	line-height: 1.5;
}

/* SUPPORTブロック */
.support {
	position: relative;
	background-image: url(../images/aga/support-bg.png);
	background-size: 100% 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 11;
	margin-top: -3.5rem;
}

.support__inner {
	padding-top: 6.125rem;
	padding-bottom: 4.875rem;
}

.support__head {
	position: relative;
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
}

.support__head h2 {
	font-size: 1.6875rem;
	font-weight: 700;
	font-family:"Noto Serif JP", serif;
	text-align: center;
	color: #AF9544;
}

.support__head::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 4px;
	width: 100%;
	background-image: linear-gradient(to right, #A49363, #D7C07B, #BEA454);
}

.support__head::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	width: 100%;
	background-image: linear-gradient(to right, #A49363, #D7C07B, #BEA454);
}

.support__img {
	display: block;
	margin-top: 1.25rem;
}

.support__text {
	margin-top: 1.5rem;
}

.support__list {
	margin-top: 2rem;
}

/* SUPPORT */
.support-item {
	position: relative;
	display: flex;
	align-items: center;
	gap: 1.25rem;
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
	padding-left: 0.25rem;
}

.support-item::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 18rem;
	width: 100%;
	height: 1px;
	background-color: #D5D5D5;
}

.support-item img {
	max-width: 3.125rem;
	width: 100%;
}

.support-item p {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5625;
	letter-spacing: 0.03em;
}

/* お悩みブロック */
.worry {
	position: relative;
	background-image: url(../images/aga/worry-bg.png);
	background-size: 100% 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 10;
	margin-top: -1.75rem;
}

.worry__inner {
	padding-top: 5.875rem;
	padding-bottom: 7.1875rem;
}

.worry__number {
	bottom: -1.25rem;
}

.worry__title img {
	display: block;
	margin-inline: auto;
}

/* WORRY-ITEM */
.worry-item {
	position: relative;
	margin-top: 3.75rem;
}

.worry-item__number {
	position: absolute;
	top: -1.75rem;
	left: 1.5rem;
	max-width: 5rem;
	width: 100%;
	height: 5rem;
	background-color: #fff;
	color: #067E41;
	font-size: 0.8125rem;
	font-weight: 700;
	font-family: "Noto Serif JP", serif;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 50%;
	text-align: center;
	padding-top: 1rem;
}

.worry-item--inverted .worry-item__number {
	right: 1.5rem;
	left: auto;
}

.worry-item__number span {
	display: block;
	font-size: 1.875rem;
	color: #067E41;
	margin-top: -0.75rem;
}

.worry-item__img {
	margin-left: 1.75rem;
}

.worry-item--inverted .worry-item__img {
	margin-right: 1.75rem;
	margin-left: 0;
}

.worry-item__img img {
	border-radius: 80px 0 0 80px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.worry-item--inverted .worry-item__img img {
	border-radius: 0 80px 80px 0;
}

.worry-item__text {
	position: relative;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	padding-top: 0.9375rem;
	padding-bottom: 0.9375rem;
	background-color: #fff;
	text-align: center;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	margin-top: -1.625rem;
}

.worry-item__text p {
	line-height: 1.5625;
	font-size: 1rem;
	font-weight: 500;
	color: #212123;
}

/* 幹細胞上清液とは */
.kansaibou {
	position: relative;
	background-image: url(../images/aga/kansaibou-bg.png);
	background-size: 100% 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 9;
	margin-top: -3.5rem;
}

.kansaibou__inner {
	padding-top: 7.1875rem;
	padding-bottom: 11.875rem;
}

.kansaibou__number {
	bottom: -1.25rem;
}

/* KANSAIBOU-ITEM */
.kansaibou-item {
	margin-top: 1.375rem;
}

.kansaibou-item__title {
	display: flex;
	align-items: center;
	gap: 1.125rem;
	background-color: #067E41;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	padding: 0.1875rem;
	font-family:"Noto Sans JP", serif;
}

.kansaibou-item__title span {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #007E41;
	font-size: 1.4375rem;
	font-weight: 700;
	max-width: 2.8125rem;
	width: 100%;
	height: 2.8125rem;
	line-height: 1;
}

.kansaibou-item__body {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.kansaibou-item__text {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.5;
	color: #5E5A5A;
	padding-top: 0.9375rem;
	padding-bottom: 0.9375rem;
	text-align: center;
	background-color: #fff;
	min-height: 4.5rem;
}

.kansaibou__arrow {
	max-width: 3.875rem;
	width: 100%;
	margin-inline: auto;
	margin-top: 1.5625rem;
}

.kansaibou__description {
	margin-top: 3.125rem;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	background-color: #fff;
}

.kansaibou__description-title {
	background-color: #067E41;
	padding: 0.9375rem 2.25rem;
	text-align: center;
}

.kansaibou__description-title h3 {
	font-family:"Noto Serif JP", serif;
	color: #fff;
	font-size: 1.5625rem;
	letter-spacing: 0;
}

.kansaibou__description-title span {
	color: #fff;
	font-size: 1.125rem;
}

.kansaibou__description-body {
	padding: 1.25rem;
}

.kansaibou__description-body p {
	font-size: 0.9375rem;
	line-height: 1.667;
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
	border-bottom: 1px solid #212123;
}

.kansaibou__description-body p:last-child {
	border-bottom: none;
}

.kansaibou__description-body p span {
	color: #067E41;
}

.kansaibou__bottom {
	margin-top: 3.125rem;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	background-color: #fff;
}

.kansaibou__bottom-body {
	padding: 1.25rem;
}

.kansaibou__bottom-title {
	font-size: 1.375rem;
	font-weight: 500;
	text-align: center;
	font-family:"Noto Serif JP", serif;
}

.kansaibou__bottom-text {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.78;
	margin-top: 0.875rem;
	padding-top: 0.875rem;
	border-top: 1px solid #212123;
}

.kansaibou__bottom-catch {
	font-size: 1.0625rem;
	font-weight: 500;
	text-align: center;
	margin-top: 0.625rem;
}

/* 品質ブロック */
.pride {
	position: relative;
	background-image: url(../images/aga/pride-bg.png);
	background-size: 100% 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 8;
	margin-top: -7.75rem;
}

.pride__inner {
	padding-top: 8.75rem;
	padding-bottom: 6.375rem;
}

.pride__head {
	position: absolute;
	bottom: -1.25rem;
	background-color: #fff;
	padding-top: 2.0625rem;
	padding-bottom: 2.0625rem;
}

.pride__head h2 {
	font-size: 1.5625rem;
	font-weight: 700;
	font-family:"Noto Serif JP", serif;
	text-align: center;
	line-height: 1.333;
	color: #AF9544;
	letter-spacing: 0;
}

.pride__head::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 4px;
	width: 100%;
	background-image: linear-gradient(to right, #A49363, #D7C07B, #BEA454);
}

.pride__head::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	width: 100%;
	background-image: linear-gradient(to right, #A49363, #D7C07B, #BEA454);
}

.pride__head h2 span {
	color: #AF9544;
}

.pride__head .l {
	font-size: 1.875rem;
}

.pride__head .m {
	font-size: 1.875rem;
}

.pride__head .sm {
	font-size: 1.4375rem;
}

.pride__head .s {
	font-size: 1.25rem;
}

.pride__head .ss {
	font-size: 1rem;
}

/* PRIDE-ITEM */

.pride-item {
	margin-top: 0.625rem;
}

.pride-item__number img {
	display: block;
	margin-inline: auto;
}

.pride-item__title {
	color: #C4AB5E;
	font-weight: 700;
	letter-spacing: 0.1em;
	font-size: 1.875rem;
	text-align: center;
	font-family:"Noto Serif JP", serif;
	margin-top: -1rem;
}

.pride-item__img {
	margin-top: 0.625rem;
}

.pride-item__subtitle {
	color: #C4AB5E;
	font-weight: 700;
	font-size: 1.25rem;
	margin-top: 1.25rem;
	text-align: center;
	padding-bottom: 0.625rem;
	border-bottom: 1px solid #212123;
}

.pride-item__text {
	color: #212123;
	font-weight: 500;
	font-size: 0.9375rem;
	margin-top: 0.625rem;
}


/* 幹細胞培養上清液の期待できる効果 */

.effect {
	position: relative;
	background-image: url(../images/aga/effect-bg.png);
	background-size: 100% 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 7;
	margin-top: -3.75rem;
}

.effect__inner {
	padding-top: 7.5rem;
	padding-bottom: 4.125rem;
}

.effect__number {
	bottom: -1.25rem;
}

.effect__head {
	position: relative;
	background-color: #fff;
	padding-top: 2.0625rem;
	padding-bottom: 2.0625rem;
}

.effect__head h2 {
	font-size: 1.875rem;
	font-weight: 700;
	font-family:"Noto Serif JP", serif;
	text-align: center;
	line-height: 1.333;
	color: #AF9544;
}

.effect__head::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 4px;
	width: 100%;
	background-image: linear-gradient(to right, #A49363, #D7C07B, #BEA454);
}

.effect__head::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	width: 100%;
	background-image: linear-gradient(to right, #A49363, #D7C07B, #BEA454);
}

.effect__list {
	background-color: #fff;
	margin-top: 2.5rem;
}

.effect__list-inner {
	padding: 2.5rem;
	border: 1px solid #C4AB5E;
}

.effect__item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-top: 1.25rem;
}

.effect__item:first-child {
	margin-top: 0;
}

.effect__item img {
	max-width: 1.875rem;
	width: 100%;
}

.effect__item p {
	font-size: 1.125rem;
	font-weight: 500;
}

.effect__catch {
	margin-top: 3.125rem;
	font-weight: 500;
	font-size: 1.25rem;
	text-align: center;
	color: #AF9544;
	line-height: 1.5;
}

.effect__title {
	margin-top: 0.75rem;
}

.effect__title img {
	display: block;
	margin-inline: auto;
}

.effect__cta {
	margin-top: 3.75rem;
}


/* 銀座小田クリニックの
FAGA治療が効果的な理由 */
.point {
	position: relative;
	background-image: url(../images/aga/point-bg.png);
	background-size: 100% 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 6;
	margin-top: -3.5rem;
}

.point__inner {
	padding-top: 7.75rem;
	padding-bottom: 8.125rem;
}

.point__number {
	bottom: -1.275rem;
}

.point__title.section-title {
	font-size: 1.875rem;
	letter-spacing: 0;
}

.point__table-head {
	position: relative;
	margin-top: 1.25rem;
}

.point__table-head p {
	color: #fff;
	background-color: #212123;
	padding: 0.75rem 0;
	text-align: center;
	font-size: 1rem;
	font-weight: 500;
}

.point__table-head img {
	max-width: 2.375rem;
	width: 100%;
	position: absolute;
	bottom: -0.875rem;
	left: 50%;
	transform: translateX(-50%);
}

.point__table-title {
	font-weight: bold;
	font-family:"Noto Serif JP", serif;
	text-align: center;
	font-size: 1.125rem;
	margin-top: 2rem;
}

.point__table-title span {
	font-size: 1.4375rem;
}

.point__table-title span span {
	border-bottom: 2px solid #067E41;
	color: #067E41;
}

.point__table-img {
	margin-top: 1.25rem;
}

/* POINT-ITEM */
.point-item {
	margin-top: 2.5rem;
}

.point-item__title {
	display: flex;
	align-items: center;
}

.point-item--inverted .point-item__title {
	display: flex;
	flex-direction: row-reverse;
}

.point-item__point {
	background-color: #067E41;
	color: #fff;
	font-weight: 400;
	font-size: 1rem;
	font-family:"Noto Serif JP", serif;
	border-radius: 50%;
	max-width: 5rem;
	width: 100%;
	height: 5rem;
	text-align: center;
	padding-top: 0.9375rem;
	padding-bottom: 0.625rem;
}

.point-item__number {
	font-size: 1.8125rem;
	color: #fff;
	font-weight: 400;
	font-family:"Noto Serif JP", serif;
	line-height: 1;
}

.point-item__title > p {
	font-size: 1.875rem;
	font-weight: 500;
	color: #067E41;
	letter-spacing: 0.04em;
	font-family:"Noto Serif JP", serif;
	border-top: 3px solid #067E41;
	border-bottom: 3px solid #067E41;
	width: 100%;
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
	padding-left: 1.375rem;
}

.point-item__img {
	margin-top: 1.25rem;
}

.point-item__text {
	margin-top: 0.625rem;
	font-size: 0.875rem;
	line-height: 1.7;
	letter-spacing: 0.04em;
}
/* 症例紹介 */
.case {
	position: relative;
	background-image: url(../images/aga/case-bg.png);
	background-size: 100% 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 5;
	margin-top: -3.125rem;
}

.case__inner {
	padding: 6.875rem 0;
}

.case__number {
	bottom: -1.25rem;
}

/* CASE-ITEM */
.case-item {
	position: relative;
	margin-top: 3.375rem;
	border: 1px solid #067E41;
	text-align: center;
	padding-left: 1.625rem;
	padding-right: 1.625rem;
	padding-bottom: 1.875rem;
	background-color: #fff;
}

.case-item__title {
	position: absolute;
	max-width: 15.75rem;
	width: 100%;
	top: 0rem;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	color: #fff;
	background-color: #067E41;
	border-radius: 1.4375rem;
	font-size: 1.25rem;
	font-weight: 700;
	padding: 0.5rem 1.875rem;
	margin-top: -2.1875rem;
}

.case-item__name {
	max-width: 10.125rem;
	width: 100%;
	text-align: center;
	display: inline-block;
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin-top: 1.25rem;
	font-family:"Noto Serif JP", serif;
	border-top: 1px solid #212123;
	border-bottom: 1px solid #212123;
}

.case-item__ba {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	margin-top: 1.625rem;
}

.case-item__before {
	position: relative;
	width: 50%;
}

.case-item__before span {
	position: absolute;
	display: inline-block;
	max-width: 5.25rem;
	width: 100%;
	top: -0.375rem;
	left: -0.25rem;
	background-color: #A2A2A2;
	color: #fff;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	font-family:"Noto Serif JP", serif;
	letter-spacing: 0.04em;
}

.case-item__after {
	position: relative;
	width: 50%;
}

.case-item__after span {
	position: absolute;
	display: inline-block;
	max-width: 5.25rem;
	width: 100%;
	top: -0.375rem;
	left: -0.25rem;
	background-color: #C4AB5E;
	color: #fff;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	font-family:"Noto Serif JP", serif;
	letter-spacing: 0.04em;
}

.case-item__text {
	text-align: left;
	line-height: 1.6;
	font-size: 0.9375rem;
	font-weight: 400;
	margin-top: 0.625rem;
	letter-spacing: 0.04em;
}

/* 治療の流れ */
.flow {
	position: relative;
	background-image: url(../images/aga/flow-bg.png);
	background-size: 100% 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 4;
	margin-top: -3rem;
}

.flow__inner {
	padding-top: 7.25rem;
	padding-bottom: 6.25rem;
}

.flow__number {
	bottom: -1.25rem;
}

/* FLOW-ITEM */
.flow-item {
	position: relative;
	margin-top: 2.625rem;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	border: 1px solid #067E41;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	background-color: #fff;
}

.flow-item__number {
	position: absolute;
	max-width: 13.25rem;
	width: 100%;
	top: 0.75rem;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	color: #fff;
	background-color: #067E41;
	border-radius: 1.4375rem;
	font-size: 1.25rem;
	font-weight: 700;
	margin-top: -2.1875rem;
}

.flow-item__number p {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.625rem;
	color: #fff;
	font-size: 1.25rem;
	font-family:"Noto Serif JP", serif;
	font-weight: 500;
	padding: 0.125rem 0;
}

.flow-item__number p span {
	color: #fff;
	font-size: 2.5rem;
	font-family:"Noto Serif JP", serif;
	line-height: 1;
	font-weight: 500;
}

.flow-item__title {
	font-size: 1.75rem;
	font-weight: 500;
	font-family:"Noto Serif JP", serif;
	text-align: center;
}

.flow-item__text {
	font-size: 1rem;
	line-height: 1.5;
	letter-spacing: 0.04em;
	margin-top: 0.9375rem;
	font-weight: 500;
	font-family:"Noto Serif JP", serif;
	text-align: center;
}

.flow__arrow {
	max-width: 3.875rem;
	width: 100%;
	margin-inline: auto;
	margin-top: 1.5625rem;
}

.flow__cta {
	margin-top: 2.5rem;
}

/* 価格 */
.price {
	position: relative;
	background-image: url(../images/aga/price-bg.png);
	background-size: cover;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 3;
	margin-top: -3.125rem;
}

.price__number {
	bottom: -1.25rem;
}

.price__inner {
	padding-top: 7.5rem;
	padding-bottom: 7.1875rem;
}

.price__title {
	margin-bottom: 0.75rem;
}

/*よくあるご質問*/
.faq {
	position: relative;
	background-image: url(../images/aga/faq-bg.png);
	background-position: 0 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 2;
	margin-top: -3.125rem;
}

.faq__number {
	bottom: -1.25rem;
}

.faq__inner {
	padding-top: 8.4375rem;
	padding-bottom: 6.25rem;
}

.faq__title {
	margin-top: 3.75rem;
}

.faq__list{
	padding-bottom: 3.125rem;
}
.faq-item {
	border-bottom: 1px dotted #212123;
	padding: 1.25rem 0;
}

.faq-item__q {
	position: relative;
}

.faq-item__q::after{
	content: '＋';
	position: absolute;
	font-family: "Noto Sans JP", serif;
	color: #067E41;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6;
	top: 0;
	right: 0;
}

.faq-item__q.open::after {
	content: '－';
}

.faq-item__a {
	display: none;
	padding-top: 0.75rem;
}


.faq-item .dl_table{
	width: 100%;
	display: flex;
}


.faq-item__q dt{
	color: #067E41;
	width: 2.5rem;
}
.faq-item__a dt{
	color: #212123;
	width: 2.5rem;
}
.faq-item__q dd,
.faq-item__a dd{
	width: calc(100% - 2.5rem);
}
.faq-item__q dd{
	color: #007E41;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.6;
	padding-left: 0.625rem;
	padding-right: 1.25rem;
}
.faq-item__a dd{
	color: #212123;
	font-size: 0.875rem;
	line-height: 1.6;
	padding-left: 0.625rem;
	padding-right: 1.875rem;
}