@charset "utf-8";
/*------------------------------------------------------------
Theme Name: AGAヘアスキンクリニック
Theme URI: null
Description: Description
Version: 1.0
------------------------------------------------------------*/
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}
.wp-block-image figure,
.wp-block-image figcaption {
    display: block;
}
a.nolink,
a.nolink:hover {
    opacity: 1;
    cursor: default;
    pointer-events: none;
}

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
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, font, 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, figcaption, figure, section, footer, header, main, hgroup, menu, nav, summary {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;	
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
@media all and (max-width: 374px) {
	html {
		font-size: calc(1000vw / 375);
	}
}

@media screen {
	html {
	  --wp-admin--admin-bar--height: 0px;
	}
}
@media all and (min-width: 897px) and (max-width: 1100px) {
	html {
		font-size: calc(1000vw / 1100);
	}
}

/* - - fontstyle - -*/
body, table, input, textarea, select, option {
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Mincho ProN",'ヒラギノ明朝 ProN', 'ヒラギノ角ゴシック', "Noto Sans JP",sans-serif;
}

.garamond {
	font-family: "EB Garamond", serif;
}

.shippori {
	font-family: "Shippori Mincho B1", serif;
}

.corinthia {
	font-family: "Corinthia", cursive;
}

.emoji {
	font-family: "Noto Color Emoji", sans-serif;
}
article, aside, canvas, details, figcaption, figure, footer, header, main, hgroup, menu, nav, section, summary {
	display: block;
}
ol, ul {
	list-style: none;
	box-sizing: border-box;
}
blockquote, q {
	quotes: none;
}
chrome_annotation {
	border: none !important;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: top;
	max-width: 100%;
    height: auto;
}
address {
	font-style: normal;
}
a,
a:link {
	color: #000;
	text-decoration: none;
	transition: 0.3s;
}
a:visited {
	color: #000;
}
a:hover {
	color: #000;
}
a:active {
	color: #000;
}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	color: #000;
	font-size: 1.7rem;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
}
#container {
	overflow: hidden;
	text-align: left;
	font-feature-settings: "palt";
    word-break: break-word;
}

@media all and (min-width: 897px) {
	.sp {
		display: none !important;
	}
}

@media all and (min-width: 1101px) {
	.menuBox {
		display: none !important;
	}
}

@media all and (max-width: 896px) {
	body {
		min-width: inherit;
		font-size: 1.4rem;
	}
	.pc {
		display: none !important;
	}
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
	.fixed {
		position: fixed;
		width: 100%;
		overflow-y: scroll;
	}
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	margin-top: var(--wp-admin--admin-bar--height);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 1000;
	box-shadow: 0.3rem 0.3rem 1.8rem rgba(204, 204, 204, 0.4);
}
#gHeader .hInner {
	padding: 1.2rem 2rem 1.4rem;
	align-items: flex-start;
}
#gHeader .lBox {
	width: min(28vw,38rem);
}
.hTxt {
	font-weight: 400;
	font-size: min(1vw,1.4rem);
	color: #a0a0a0;
	font-feature-settings: "palt";
}
#gHeader .logo a {
	align-items: center;
	display: inline-flex;
}
#gHeader .logo a:hover {
	opacity: 0.5;
}
#gHeader .logo .txt {
	font-weight: 400;
	font-size: min(2.2vw,3rem);
	color: #595757;
	letter-spacing: -0.12em;
}
#gHeader .logoImg {
	margin-right: 0.5rem;
	flex-shrink: 0;
	width: min(3.6vw,5rem);
	height: min(3.6vw,5rem);
	border-radius: 100%;
	overflow: hidden;
	position: relative;
}
#gHeader .logoImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#gHeader .rBox {
	margin-top: -0.1rem;
	padding: 0 0.4rem 0 1rem;
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-end;
}
#gHeader .rBox a:hover {
	opacity: 0.5;
}
#gHeader .hBox {
	margin-bottom: 1.3rem;
	display: flex;
	justify-content: flex-end;
	gap: 0 1.5rem;
}
#gHeader .hBox .tel {
	display: flex;
	align-items: center;
	margin-top: -0.2rem;
}
#gHeader .hBox .tel:not(.snsLinkUl .tel) a {
	font-size: min(2.8vw,3.535rem);
	display: inline-block;
	padding-left: 3.3rem;
	letter-spacing: 0.04em;
	background: url(img/common/tel.png) no-repeat left calc(50% + 0.2rem);
	background-size: 2.6rem auto;
}
#gHeader .linkUl {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}
#gHeader .linkUl li {
	width: 20rem;
}
#gHeader .linkUl li a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 5rem;
	font-size: 1.9rem;
	letter-spacing: 0.04em;
	font-weight: 700;
	color: #fff;
	padding-bottom: 0.3rem;
	background-color: #47C44D;
	box-shadow: 0.3rem 0.2rem 0.7rem rgba(0, 0, 0, 0.17);
}
#gHeader .linkUl .liStyle a {
	background-color: #62A2F8;
}
#gHeader .linkUl li .linkImg {
	width: 2.8rem;
	margin: 0.6rem 0.5rem 0 0;
}
#gHeader .love {
	width: 5.4rem;
}
#gHeader nav ul:not(.subUl) {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0 min(1.7vw,2.3rem);
	font-size: min(1.3vw,1.7rem);
}
#gHeader nav > ul > li {
	position: relative;
}
#gHeader nav .jsBox {
	display: none;
	padding: 1.8rem 0 1rem;
	position: absolute;
	top: calc(100% + 1.4rem);
	left: -0.8rem;
	width: 28.6rem;
	background-color: #fff;
}
#gHeader nav .jsBox .subUl a {
	display: block;
	padding: 0.75rem 1.4rem;
	font-size: 1.6rem;
	color: #595757;
	position: relative;
	border-bottom: 1px solid #D2D2D2;
}
#gHeader nav .jsBox > .subUl > li:last-child a {
	border: none;
}
#gHeader nav .jsBox .subUl a .subSpan {
	padding-left: 0.8rem;
	display: inline-block;
	line-height: 1.2;
	position: relative;
	border-left: 3px solid #62A2F8;
}
#gHeader nav .jsBox .subUl a .subSpan:after {
	width: 100%;  
	height: 2px;
	background-color: #62A2F8;
	position: absolute;  
	bottom: -1rem;
	left: 0.8rem;
	content: ""; 
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.3s;
}
#gHeader nav > ul > li > a {
	padding-bottom: 2rem;
	position: relative;
}
#gHeader nav > ul > li > a:after {
	width: calc(100% + 1rem);  
	height: 3px;
	background-color: #62A2F8;
	position: absolute;  
	bottom: 1.1rem;
	left: -0.5rem;
	content: ""; 
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.3s;
}
#gHeader nav .jsBox > .subUl > li .subUl a {
	border-style: dotted;
}
#gHeader nav .jsBox > .subUl > li .subUl a span {
	border-color: transparent;
}
#gHeader nav > ul > li.on > a:after {
	transform: scaleX(1);
}
@media all and (min-width: 1101px) {
	.menu {
		display: none;
	}
	#gHeader nav > ul > li > a:hover:after {
		transform: scaleX(1);
	}
	#gHeader nav .jsBox .subUl a:hover .subSpan:after {
		transform: scaleX(1);
	}
	.menuBox .snsLinkUl {
		display: none !important;
	}
	#gHeader .hInner {
		min-height: 11.4rem;
	}
	#gHeader nav .jsBox .subSpan .icon {
		display: none;
	}
	#gHeader nav a:hover {
		opacity: 1 !important;
		color: rgba(89, 87, 87, 0.5) !important;
	}

}

@media all and (min-width: 897px) and (max-width: 1380px) {
	#gHeader nav ul:not(.subUl) {
		gap: 0 min(1.0vw,2.3rem);
	}
}
@media screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed !important;
	}
}
@media all and (max-width: 1100px) {
	#gHeader {
		box-shadow: 0px 0.15rem 0.7rem 0.15rem rgba(204, 204, 204, 0.26);
	}
	#gHeader nav.pc {
		display: none !important;
	}
	#gHeader .hInner {
		position: relative;
		align-items: center;
		padding: 0.4rem 2rem 0.3rem;
	}
	#gHeader .lBox {
		width: 25rem;
	}
	.hTxt {
		font-size: 0.9rem;
	}
	#gHeader nav {
		margin: 0 1.5rem;
		padding-bottom: 1.5rem;
	}
	#gHeader nav ul:not(.subUl) {
		flex-direction: column;
		font-size: 1.5rem;
		color: #4f96f5;
		font-weight: 700;
	}
	#gHeader nav > ul > li {
		width: 100%;
	}
	#gHeader nav > ul > li > a {
		color: #4f96f5;
		display: block;
		padding: 1.35rem 1.2rem;
		border-bottom: 1px dotted #C8C5C5;
	}
	#gHeader nav > ul > .home > a {
		color: #000;
	}
	#gHeader nav .jsBox .subUl a .subSpan {
		border: none;
		display: flex;
		padding-left: 0;
	}
	#gHeader nav .jsBox .subUl a .subSpan .icon {
		flex-shrink: 0;
		margin-right: 0.5rem;
	}
	#gHeader nav .jsBox .subUl a {
		padding: 1rem 1.4rem;
		font-weight: 400;
		font-size: 1.5rem;
		color: #000000;
		border-style: dotted;
	}
	#gHeader nav .jsBox > .subUl > li .subUl a {
		padding-left: 3rem;
	}
	#gHeader nav .jsBox > .subUl > li:last-child a {
		border-bottom: 1px dotted #D2D2D2;
	}
	#gHeader nav > ul > li .jsIco {
		z-index: -1;
		cursor: pointer;
		position: absolute;
		top: 1.4rem;
		right: 1.2rem;
		display: block;
		width: 2rem;
		height: 2rem;
	}
	#gHeader nav > ul > li .jsIco::after {
		content: '';
		position: absolute;
		top: 0.8rem;
		left: 50%;
		width: 0.7rem;
		height: 0.7rem;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		transform: translate(-50%, -60%) rotate(45deg);
		transform-origin: center;
		transition: all 0.3s ease;
	}
	#gHeader nav > ul > li .jsIco.on::after {
		top: 1.3rem;
		transform: translate(-50%, -60%) rotate(225deg);
	}
	#gHeader nav > ul > li:last-child a {
		border: none;
	}
	#gHeader nav .jsBox .subUl .subList a {
		padding: 0.8rem 1rem 0.7rem 2.1rem;
	}
	#gHeader nav .jsBox {
		display: none;
		padding: 0;
		width: auto;
		position: static;
	}
	#gHeader .logoImg {
		width: 2.4rem;
		height: 2.4rem;
	}
	#gHeader .logo .txt{
		font-size: 2rem;
	}
	#gHeader .love {
		width: 3.6rem;
	}
	#gHeader .rBox{
		padding-right: 3.3rem;
		display: block;
	}
	#gHeader .hBox {
		margin: 0;
	}
	#gHeader .hBox .tel:not(.snsLinkUl .tel) {
		display: none;
	}
	#gHeader .linkUl {
		display: none;
	}
	.menu {
		position: absolute;
		height: 2rem;
		width: 2.5rem;
		top: calc(50% + 0.2rem);
		right: 1.8rem;
		transform: translateY(-50%);
		cursor: pointer;
		z-index: 100;
		/* transition: opacity .25s ease;
		transition: all .3s ease; */
	}
	.menu:hover {
		opacity: 0.5;
	}
	.menu span {
		background: rgb(59, 57, 56);
		border: none;
		height: 2px;
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transition: all .35s ease;
		transition: all .35s ease;
		cursor: pointer;
	}
	.menu span:nth-of-type(1) {
		top: 0;
	}
	.menu span:nth-of-type(2) {
		top: 0.8rem;
	}
	.menu span:nth-of-type(3) {
		top: auto;
		bottom: 0.2rem;
	}
	.menu.on .top {
		top: 50%;
		transform: translate(-50%, -50%) rotate(315deg);
	}
	.menu.on .middle {
		opacity: 0;
	}
	.menu.on .bottom {
		top: 50%;
		bottom: auto;
		transform: translate(-50%, -50%) rotate(-315deg);
	}
	.menu.on {
		width: 2.2rem;
		top: calc(50% + 0rem);
		right: 2.1rem;
	}
	.menuBox {
		position: fixed;
		top: 5.05rem;
		right: 0;
		width: 100%;
		height: calc(100% - 5.05rem);
		z-index: 800;
		padding: 1.5rem 0;
		transform: translateX(2000px);
		background: rgba(255, 255, 255, 0.95) url(img/common/menu_bg.png) no-repeat center top;
		background-size: 100% 1rem;
		overflow-y: auto;
		transition: all .5s ease-out;
	}
	.menuBox .sp {
		display: block !important;
	}
	.menuBox.on {
		transform: translateX(0);
	}
	.menuBox .snsLinkUl{
		margin: 0 3.7rem 3rem;
		flex-direction: column;
		gap: 1rem 2.5rem;
		text-align: center;
	}
	.menuBox .snsLinkUl li {
		margin: 0 auto;
		max-width: 46.2rem;
		width: 100%;
	}
	#gHeader nav a:hover,
	.menuBox .snsLinkUl a:hover {
		opacity: 0.5;
	}
}


/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	padding: 4.5rem 0 3.5rem;
	background-color: #f2f7ff;
}
#gFooter .fLogo {
	margin-bottom: 5.5rem;
	text-align: center;
}
#gFooter .fLogo a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 3.3rem;
	color: #595757;
}
#gFooter .fLogo a:hover {
	opacity: 0.5;
}
#gFooter .logoImg {
	flex-shrink: 0;
	margin-right: 0.5rem;
	display: block;
	width: 5.3rem;
	height: 5.3rem;
	border-radius: 100%;
	overflow: hidden;
	position: relative;
}
#gFooter .logoImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#gFooter .naviList {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem 4rem;
	padding-bottom: 4.5rem;
	margin-bottom: 3.1rem;
	border-bottom: 1px solid #E9E9E9;
}
#gFooter .naviList > li {
	width: calc((100% - (4rem * 3) - 32rem) / 3);
}
#gFooter .naviList > li:first-child {
	width: min(30vw,29rem);
}
#gFooter .naviUl > li {
	margin-bottom: 0.5rem;
}
#gFooter .naviUl > li > a {
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #595757;
}
#gFooter .naviUl a:hover {
	opacity: 0.5;
}
#gFooter .subList {
	margin-top: 0.5rem;
}
#gFooter .subList li {
	margin-bottom: 0.4rem;
}
#gFooter .subList a {
	display: inline-block;
	text-indent: -0.7em;
	padding-left: 0.7em;
	font-size: 1.5rem;
	color: #595757;
	letter-spacing: 0.04em;
}
#gFooter .subList .subList {
	margin-left: 1.5rem;
}
#gFooter .pBox {
	position: relative;
}
#gFooter .pBox .pageTop {
	width: 5rem;
	position: absolute;
	top: 1rem;
	right: 0;
	z-index: 5;
	height: 5.1rem;
}
#gFooter .pBox .pageTop a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #B0A287;
}
#gFooter .pBox .pageTop a::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 2.2rem;
	height: 2.2rem;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: translate(-50%, -20%) rotate(-135deg);
}
#gFooter .pBox .pageTop a:hover {
	opacity: 0.5;
}
#gFooter p {
	margin-bottom: 1.1rem;
	line-height: 1.6;
	font-size: 1.5rem;
	color: #595757;
	letter-spacing: 0.04em;
}
#gFooter p a {
	color: #595757;
	text-decoration: underline;
	text-underline-offset: 6px;
}
#gFooter p a:hover {
	opacity: 0.5;
}
#gFooter p:last-child {
	margin-bottom: 0;
}
#gFooter .snsUl {
	padding: 2rem 0 3.4rem;
	gap: 0 1.8rem;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#gFooter .snsUl a:hover {
	opacity: 0.5;
}
address {
	text-align: center;
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	color: #4c4040;
}
@media all and (max-width: 896px) {
	#gFooter {
		padding: 5rem 0 7rem;
	}
	#gFooter .fLogo {
		margin-bottom: 3.1rem;
	}
	#gFooter .naviList {
		margin-bottom: 2.3rem;
		padding-bottom: 1.6rem;
		display: block;
	}
	#gFooter .naviList > li {
		width: auto !important;
	}
	#gFooter .naviUl > li {
		position: relative;
	}
	#gFooter .naviUl > li > a {
		font-size: 1.5rem;
		position: relative;
		z-index: 1;
		display: block;
		padding: 0.7rem 1rem 0.8rem;
		border-bottom: 1px dotted #C1C1C5;
	}
	#gFooter .naviUl > li .ico {
		position: absolute;
		top: -0rem;
		right: 0;
		padding: 2rem;
		cursor: pointer;
	}
	#gFooter .naviUl > li .ico::after {
		content: '';
		position: absolute;
		top: 1.7rem;
		left: 50%;
		width: 0.7rem;
		height: 0.7rem;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		transform: translate(-50%, -60%) rotate(45deg);
		transform-origin: center;
		transition: all 0.3s ease;
	}
	#gFooter .naviUl > li .ico.on::after {
		top: 2rem;
		transform: translate(-50%, -60%) rotate(225deg);
	}	
	#gFooter .subList li{
		margin-bottom: 0;
	}
	#gFooter .subList {
		margin-top: 0;
	}
	#gFooter .jsList {
		display: none;
	}
	#gFooter .subList a{
		padding: 0.8rem 1rem 0.7rem 2.1rem;
		display: block;
		border-bottom: 1px dotted #C1C1C5;
	}
	#gFooter .naviList > li:last-child .naviUl li:last-child a {
		border: none;
	}
	#gFooter p {
		margin-bottom: 0.9rem;
		font-size: 1.3rem;
		line-height: 1.54;
	}
	#gFooter .pBox .pageTop {
		top: auto;
		bottom: -6rem;
	}
	address {
		margin-top: 2.1rem;
		font-size: 0.9rem;
	}
	#gFooter .fLogo a {
		font-size: 2.2rem;
		letter-spacing: 0;
	}
	#gFooter .logoImg {
		width: 3.58rem;
		height: 3.58rem;
	}
	#gFooter .snsUl {
		padding: 8rem 0 0;
		justify-content: center;
		gap: 0 2rem;
	}
	#gFooter .snsUl img {
		height: 2.8rem;
	}
}

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}

/* - - mainImg - -*/
.mainImg {
	margin-bottom: 1.6rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 43rem;
	text-align: center;
}
.mainImg .image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.mainImg .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mainImg .sub {
	margin: 0 auto;
	width: 100%;
	max-width: 120rem;
	padding-top: 11.2rem;
	position: relative;
	z-index: 2;
}
.mainImg .en {
	display: block;
	font-size: 2.6rem;
	color: #99bff2;
	margin-top: 0;
}


@media all and (max-width: 896px) {
	.mainImg {
		margin-bottom: 1.7rem;
		min-height: inherit;
		aspect-ratio: 750 / 350;
	}
	.mainImg .sub {
		padding-inline: 2rem;
		padding-top: 5.5rem;
	}
	.mainImg .en {
		margin-top: -0.2rem;
		font-size: 1.4rem;
	}
}

@media all and (min-width: 897px) {
	.mainImg.contactImg .image {
		top: 11.5rem;
		height: calc(100% - 11.5rem);
	}
}

/* - - mainImgback - -*/
.mainImgback {
	margin-bottom: 1.6rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 43rem;
	text-align: center;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.mainImgback .sub {
	margin: 0 auto;
	width: 100%;
	max-width: 120rem;
	padding-top: 11.2rem;
	position: relative;
	z-index: 2;
}
.mainImgback .en {
	display: block;
	font-size: 2.6rem;
	color: #99bff2;
	margin-top: 0;
}

@media all and (max-width: 896px) {
	.mainImgback {
		margin-bottom: 1.7rem;
		min-height: inherit;
		aspect-ratio: 750 / 350;
	}
	.mainImgback .sub {
		padding-inline: 2rem;
		padding-top: 5.5rem;
	}
	.mainImgback .en {
		margin-top: -0.2rem;
		font-size: 1.4rem;
	}
}

/* - - visitorMainImg - -*/
.visitorMainImg {
	background-image: url(img/visitor/main_img_pc.jpg);
}

@media all and (max-width: 896px) {
	.visitorMainImg {
		background-image: url(img/visitor/main_img_sp.jpg);
	}
}

/* - - priceMainImg - -*/
.priceMainImg {
	background-image: url(img/price/main_img_pc.jpg);
}

@media all and (max-width: 896px) {
	.priceMainImg {
		background-image: url(img/price/main_img_sp.jpg);
	}
}

/* - - contactImg - -*/
.contactImg {
	background-image: url(img/contact/main_img_pc.jpg);
}

@media all and (max-width: 896px) {
	.contactImg {
		background-image: url(img/contact/main_img_sp.jpg);
	}
}

/* - - content - -*/
.content {
	max-width: 112rem;
	margin: 0 auto;
	padding: 0 2rem;
}
.smlContent {
	max-width: 77rem;
	margin: 0 auto;
}
@media all and (max-width: 896px) {
	.content {
		padding: 0 1.75rem;
	}
}

/* - - baseText - -*/
#main .baseText {
	margin-bottom: 5.7rem;
	letter-spacing: 0.02em;
	line-height: 1.764;
}
#main .baseText:last-child {
	margin-bottom: 0;
}
@media all and (max-width: 896px) {
	#main .baseText {
		line-height: 1.57;
	}
}


/* - - pagePath - -*/
#pagePath {
	margin: 0 -1rem 5.4rem;
}
#pagePath li {
	display: inline;
	font-size: 1.5rem;
	color: #595757;
	vertical-align: middle;
}
#pagePath a {
	margin-right: 0.5rem;
	color: #62a2f8;
}
#pagePath a:hover {
	opacity: 0.5;
}
@media all and (max-width: 896px) {
	#pagePath {
		margin: 0 0 3.4rem;
	}
	#pagePath li {
		font-size: 1.2rem;
	}
	#pagePath a {
		color: #99bff2;
	}
}

/* - - comLink - -*/
.comLink {
	width: 36rem;
	margin: 0 auto;
}
.comLink a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 5rem;
	border: 1px solid rgb(185, 212, 248);
	border-radius: 6rem;
	font-size: 1.8rem;
	font-weight: 600;
	color: #595757;
	background: #fff;
}
.comLink .subSpan {
	margin-right: -2rem;
	padding-right: 8rem;
	display: inline-block;
	background: #fff url(img/common/icon02.png) no-repeat right 1rem center;
	background-size: 5rem auto;
}
.comLink a:hover {
	opacity: 0.5;
}
@media all and (max-width: 896px) {
	.comLink {
		width: auto;
		max-width: 28rem;
	}
	.comLink a {
		min-height: 4.5rem;
		font-size: 1.5rem;
	}
}


/* - - comLink02 - -*/
.comLink02 {
	margin: 0 auto;
	width: 18rem;
}
.comLink02 a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 3rem;
	font-size: 1.4rem;
	letter-spacing: 0.02em;
	color: #fff;
	font-weight: 500;
	background-image: linear-gradient( 360deg, rgb(98,162,248) 0%, rgb(136,186,252) 62%, rgb(174,209,255) 100%);
}
@media all and (max-width: 896px) {
}

/* - - comLink03 - -*/
.comLink03 {
	/* width: 32rem; */
	margin: 0 auto 9.2rem;
	text-align: center;
}
.comLink03:last-child {
	margin-bottom: 0;
}
.comLink03 a {
	font-weight: 600;
	color: #595757;
	margin: 0 auto;
	min-width: 32rem;
	padding: 0 6.5rem 0 3.5rem;
	display: inline-flex;
	align-items: center;
	min-height: 5.4rem;
	font-size: 1.6rem;
	border-radius: 6rem;
	position: relative;
	background: #fff;
	border: 1px solid rgb(185, 212, 248);
}

/* - - arrow-circle - -*/
.arrow-circle {
	right: 3.5rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #62A2F8;
    cursor: pointer;
    transition: all 0.3s ease;
}
.arrow-circle::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    width: 0.5rem;
    height: 0.5rem;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    transform: translate(-70%, -50%) rotate(45deg);
}

@media all and (max-width: 896px) {
	.arrow-circle {
		width: 1.8rem;
		height: 1.8rem;
		right: 2.5rem;
	}
}

/* - - comLink03 - -*/
.comLink03.big {
	margin: 0;
}
.comLink03.big a {
	min-height: 6.8rem;
	font-size: 1.8rem;
	background-position: right 3.5rem center;
}

/* - - comLink04 - -*/
.comLink04 a {
	font-size: 1.8rem;
	color: #62a2f8;
	min-width: 29rem;
}
.comLink03 a:hover {
	color: #62a2f8;
}
@media all and (max-width: 896px) {
	.comLink03 {
		margin-bottom: 5.2rem;
	}
	.comLink03 a {
		min-width: 28rem;
		min-height: 4.5rem;
		font-size: 1.5rem;
		padding: 0 5.0rem 0 2.5rem;
		background-position: right 2.2rem center;
	}
	.comLink03.big a {
		min-width: 25.5rem;
		min-height: 5rem;
		font-size: 1.4rem;
	}
}

.comLink04 a:hover {
	opacity: 1;
	background-color: #EDF6FF;
}

.comLink03.arrowLink a {
	min-height: 5rem;
	min-width: 26rem;
	font-size: 1.8rem;
}
@media all and (max-width: 896px) {
	.comLink03.arrowLink a {
		min-width: 28rem;
		min-height: 4.5rem;
		font-size: 1.5rem;
	}
}


/* - - headLine01 - -*/
.headLine01 {
	font-size: 3.6rem;
	font-weight: 700;
	color: #595757;
}

@media all and (max-width: 896px) {
	.headLine01{
		font-size: 2rem;
		letter-spacing: 0.04em;
	}
}

.mb0 {
	margin-bottom: 0 !important;
}

/* - - headLine02 - -*/
.headLine02 {
	margin-bottom: 4.8rem;
	text-align: center;
	font-size: 3.2rem;
	font-weight: 700;
	color: #86753b;
}
@media all and (max-width: 896px) {
	.headLine02 {
		margin-bottom: 3rem;
		font-size: 2rem;
	}
}

/* - - headLine03 - -*/
.headLine03 {
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin-bottom: 7.9rem;
	color: #595757;
}
@media all and (max-width: 896px) {
	.headLine03 {
		margin-bottom: 2.5rem;
		font-size: 1.5rem;
	}
}

.headLine03-columBlack {
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin-bottom: 7.9rem;
	/* color: #595757; */
	color:red;
}
@media all and (max-width: 896px) {
.headLine03-columBlack {
		margin-bottom: 2.5rem;
		font-size: 2.35rem;
	}
}

/* - - headLine04 - -*/
.headLine04 {
	font-size: 3rem;
	color: #595757;
	letter-spacing: 0.04em;
	text-align: center;
	line-height: 1.33;
	margin-bottom: 4rem;
}
@media all and (max-width: 896px) {
	.headLine04 {
		margin-bottom: 2.1rem;
		font-size: 1.6rem;
		line-height: 1.4375;
	}
}


/* - - headLine05 - -*/
.headLine05 {
	margin-bottom: 3rem;
	padding: 0 0.9rem 1.2rem;
	font-size: 2.6rem;
	color: #595757;
	font-weight: 600;
	display: flex;
	border-bottom: 1px solid #A49972;
}
.headLine05 .num {
	width: 4.3rem;
	margin: -0.5rem 3rem 0 0;
	font-size: 5rem;
	line-height: 1;
	color: #a49972;
	font-weight: 400;
	letter-spacing: 0.04em;
	flex-shrink: 0;
	position: relative;
}
.headLine05 .num:after {
	bottom: 0;
	width: 1px;  
	background-color: #A49972;
	position: absolute;  
	top: 0.7rem;
	right: 0;
	transform: rotate(35deg);
	content: ""; 
}
.headLine05 .blue {
	color: #4f96f5;
}
@media all and (max-width: 896px) {
	.headLine05 {
		margin-bottom: 1.5rem;
		font-size: 1.7rem;
		padding: 0 0 0.6rem 0.2rem;
	}
	.headLine05 .num {
		margin: -0.3rem 1.2rem 0 0;
		font-size: 3rem;
		width: 2.5rem;
	}
	.headLine05 .num::after {
		height: 2.7rem;
		top: 0.4rem;
	}
}


/* - - headLine06 - -*/
.headLine06 {
	text-align: center;
	font-size: 4rem;
	color: #595757;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin-bottom: 0.2rem;
}
.headLine06.small {
	font-size: 3.6rem;
}

@media all and (max-width: 896px) {
	.headLine06 {
		font-size: 2.2rem;
		letter-spacing: 0;
	}
	.headLine06.small {
		font-size: 2.2rem;
	}
}

/* - - comEn - -*/
.comEn {
	margin-bottom: 7.4rem;
	display: block;
	font-size: 3rem;
	color: #99bff1;
	font-weight: 400;
	text-align: center;
}
.comEn.small {
	font-size: 2.6rem;
}

@media all and (max-width: 896px) {
	.comEn {
		margin-bottom: 3.1rem;
		font-size: 1.7rem;
	}
	#main .comEn.small {
		font-size: 1.7rem;
	}
}


/* - - headLine07 - -*/
.headLine07 {
	flex: 1;
	margin-right: -8rem;
	margin-top: -0.1rem;
	padding: 0 1rem 1.5rem;
	font-size: 2.6rem;
	color: #4f96f5;
	display: flex;
	letter-spacing: 0.04em;
	width: 700px;
	align-items: flex-start;
	border-bottom: 1px solid currentColor;
}
.headLine07 .num {
	flex-shrink: 0;
	font-size: 5rem;
	line-height: 1;
	color: #a49972;
	letter-spacing: 0.04em;
	margin-right: 1rem;
}
.headLine07 .txtSpan {
	flex: 1;
	padding-top: 1rem;
}
@media all and (max-width: 896px) {
	.headLine07 {
		padding: 0 0 0.7rem;
		margin: 0;
		line-height: 1.2;
		font-size: 1.6rem;
		align-items: center;
		border-color: #A49972;
	}
	.headLine07 .num {
		font-size: 3rem;
		margin: -0.5rem 0.2rem 0 0;
	}
	.headLine07 .txtSpan {
		padding-top: 0;
	}
}


/* - - headLine08 - -*/
.headLine08 {
	font-size: 1.6rem;
	letter-spacing: 0.02em;
	line-height: 1.625;
	font-weight: 400;
}
a .headLine08 {
	display: block;
	padding-right: min(5.7vw,8rem);
	background: url(img/common/icon03.png) no-repeat right top 0.6rem;
	background-size: 3.6rem auto;
}
@media all and (max-width: 896px) {
	.headLine08 {
		font-size: 1.4rem;
		line-height: 1.57;
	}
	a .headLine08 {
		padding-right: 8rem;
		background-position: right 1rem top 0.6rem;
		background-size: 3.2rem auto;
	}
}


/* - - headLine09 - -*/
.headLine09 {
	padding-bottom: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 6.4rem;
	max-width: 62.8rem;
	min-height: 11rem;
	font-size: 3.2rem;
	color: #595757;
	letter-spacing: 0.04em;
	background: url(img/price/bg01.png) no-repeat center;
	background-size: 100% auto;
}
.headLine09 .icon {
	margin: 0 1.5rem -1rem 0;
}
@media all and (max-width: 896px) {
	.headLine09 {
		max-width: 31.6rem;
		margin: 0 auto 3.1rem;
		font-size: 1.7rem;
		background-size: 100% 100%;
		min-height: 5.5rem;
	}
	.headLine09 .icon {
		margin: -0.4rem 1rem -1rem 0;
		width: 1.4rem;
	}
}


/* - - comTtlBox - -*/
.comTtlBox {
	margin-bottom: 4rem;
	padding: 1.7rem 2rem;
	border-bottom: 2px solid #4F96F5;
	border-top: 2px solid #4F96F5;
}

@media all and (max-width: 896px) {
	.comTtlBox {
		margin-bottom: 2rem;
		padding: 0.7rem 0.5rem 0.8rem;
		border-width: 1px;
	}
}

/* - - headLine10 - -*/
.headLine10 {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #595757;
}
.headLine10 .lSpan {
	margin: -0.2rem 2.5rem 0 0;
	padding-bottom: 0.4rem;
	width: 12.4rem;
	flex-shrink: 0;
	font-size: 2.6rem;
	font-weight: 400;
	color: #4f96f5;
	line-height: 1;
	border-right: 4px solid #EDECE4;
}
.headLine10 .lSpan .num {
	font-size: 5rem;
}
.headLine10 .rSpan {
	flex: 1;
}
@media all and (max-width: 896px) {
	.headLine10 {
		font-size: 1.7rem;
	}
	.headLine10 .lSpan {
		margin: 0 1.5rem 0 0;
		width: 7.0rem;
		border-width: 2px;
		font-size: 1.5rem;
	}
	.headLine10 .lSpan .num {
		line-height: 0.8;
		font-size: 3rem;
	}
	.headLine10 .rSpan {
		line-height: 1.3;
		padding: 0.2rem 0;
	}
}

/* - - headLine11 - -*/
.headLine11 {
	margin-bottom: 2.2rem;
	font-size: 2.6rem;
	font-weight: 700;
	text-align: center;
	color: #595757;
	padding: 0.6rem 1rem 1.2rem;
	border: 1px solid #4F96F5;
	border-radius: 1rem;
}
@media all and (max-width: 896px) {
	.headLine11 {
		margin-bottom: 1.8rem;
		padding: 0.3rem 1rem 0.4rem;
		border-radius: 0.5rem;
		font-size: 1.7rem;
	}
}


/* - - headLine12 - -*/
.headLine12 {
	margin-bottom: 5rem;
	padding: 1rem;
	font-size: 2.6rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #fff;
	background-color: #A1C6F6;
	border-radius: 1rem;
	text-align: center;
}
@media all and (max-width: 896px) {
	.headLine12 {
		margin-bottom: 2rem;
		font-size: 1.7rem;
		border-radius: 0.5rem;
		padding: 0.2rem 0.5rem;
	}
}


/* - - headLine13 - -*/
.headLine13 {
	margin-bottom: 2.1rem;
	font-size: 2.6rem;
	color: #595757;
	font-weight: 700;
	letter-spacing: 0.04em;
}
@media all and (max-width: 896px) {
	.headLine13 {
		margin-bottom: 1.5rem;
		font-size: 1.8rem;
	}
}


/* - - headLine14 - -*/
.headLine14 {
	padding: 0.8rem 4rem 1.1rem 2rem;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	cursor: pointer;
	background: #EDECE4;
	position: relative;
}
.headLine14:before,
.headLine14:after {
	position: absolute;
	right: 2.5rem;
	top: calc(50% - 0.3rem);
	width: 1.2rem;
	height: 2px;
	background-color: rgb(89, 87, 87);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	content: "";
}
.headLine14:after {
	transform: rotate(90deg);
}
.headLine14.on:after {
	transform: rotate(180deg);
	opacity: 0;
}
.headLine14-2 {
	padding: 0 !important;
}
.headLine14 a {
	display: block;
	padding: 0.8rem 4rem 1.1rem 2rem;
}
.headLine14 a:hover {
	opacity: 0.5;
}
@media all and (max-width: 896px) {
	.headLine14 {
		padding: 0.4rem 2.5rem 0.5rem 1rem;
		font-size: 1.4rem;
		letter-spacing: 0.02em;
	}
	.headLine14::before, .headLine14::after {
		right: 1.5rem;
		width: 0.7rem;
		height: 1px;
		top: calc(50% + 0rem);
	}
	.headLine14 a {
		padding: 0.4rem 2.5rem 0.5rem 1rem;
	}
}

/* - - headLine15 - -*/
.headLine15 {
	color: #323131;
	margin-bottom: 2.5rem;
	font-size: 6.6rem;
	line-height: 1;
	letter-spacing: 0.04em;
	text-shadow: 0.3rem 0.3rem 0.7rem rgba(169,203,249,0.9),0.3rem -0.3rem 0.7rem rgba(169,203,249,0.9),-0.3rem 0.3rem 0.7rem rgba(169,203,249,0.9),-0.3rem -0.3rem 0.7rem rgba(169,203,249,0.9);
}
@media all and (max-width: 896px) {
	.headLine15 {
		margin-bottom: 1.3rem;
		font-size: 2.9rem;
		letter-spacing: 0.02em;
	}
}


/* - - headLine16 - -*/
.headLine16 {
	margin-bottom: 1.4rem;
	font-size: 2.6rem;
	color: #62a2f8;
	text-align: center;
	letter-spacing: 0.04em;
	font-weight: 700;
	line-height: 1.31;
}
@media all and (max-width: 896px) {
	.headLine16 {
		margin-bottom: 1.6rem;
		font-size: 2.3rem;
		line-height: 1.22;
	}
}


/* - - headLine17 - -*/
.headLine17 {
	margin-bottom: 3rem;
	padding: 0 1.0rem 1.2rem;
	font-size: 2.6rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #595757;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	border-bottom: 1px solid #A49972;
}
.headLine17 .lSpan {
	padding-top: 1rem;
	font-size: 2.6rem;
	font-weight: 400;
	color: #62a2f8;
	line-height: 1;
	flex-shrink: 0;
	width: 10rem;
	background: url(img/common/img07.png) no-repeat left 1rem top;
	background-size: 4.6rem auto;
}
.headLine17 .lSpan .num {
	font-size: 5rem;
}
.headLine17 .rSpan {
	flex: 1;
}
@media all and (max-width: 896px) {
	.headLine17 {
		margin-bottom: 1.7rem;
		font-size: 1.8rem;
		padding: 0 0 0.2rem;
	}
	.headLine17 .lSpan {
		width: 6.4rem;
		white-space: nowrap;
		font-size: 1.7rem;
		padding-top: 0.6rem;
		background-position: left 0.2rem top;
		background-size: 3.5rem auto;
	}
	.headLine17 .lSpan .num {
		font-size: 3.3rem;
	}
}

/* - - headLine18 - -*/
.headLine18 {
	font-size: 2.6rem;
	color: #62a2f8;
	letter-spacing: 0.04em;
	font-weight: 700;
	margin: 0 1rem 2.7rem;
}
@media all and (max-width: 896px) {
	.headLine18 {
		margin: 0 0.5rem 1rem;
		font-size: 1.7rem;
	}
}


/* - - headLine19 - -*/
.headLine19 {
	margin-bottom: 4.8rem;
	font-size: 3.6rem;
	color: #62a2f8;
	letter-spacing: 0.04em;
	text-align: center;
}
@media all and (max-width: 896px) {
	.headLine19 {
		margin-bottom: 2rem;
		font-size: 2.3rem;
	}
}

/* - - headLine20 - -*/
.headLine20 {
	margin-bottom: 2rem;
	font-size: 2.2rem;
	color: #595757;
	display: flex;
	align-items: flex-start;
}
.headLine20 .columnsImg {
	flex-shrink: 0;
	width: 3rem;
	margin: 0.5rem 0.5rem 0 0;
}
@media all and (max-width: 896px) {
	.headLine20 {
		margin-bottom: 1.7rem;
		font-size: 1.7rem;
	}
	.headLine20 .columnsImg {
		width: 2.6rem;
		margin-top: 0.1rem;
	}
}

/* - - headLine21 - -*/
.headLine21 {
	padding: 0 0 1.5rem;
	margin: 3rem 0 3rem;
	font-size: 2.2rem;
	color: #4f96f5;
	letter-spacing: 0.04em;
	border-bottom: 1px solid currentColor;
	font-family: "Shippori Mincho B1", serif;
}

@media all and (max-width: 896px) {
	.headLine21 {
		padding: 0 0 0.7rem;
		margin: 3rem 0;
		line-height: 1.2;
	}
}

/* - - headLine22 - -*/
.headLine22 {
	margin: 4rem 0;
	padding: 0 0 0.5rem 1rem;
	font-family: "Shippori Mincho B1", serif;
	font-size: 2rem;
	color: #595757;
	border-left: 3px solid currentColor;
}

@media all and (max-width: 896px) {
	.headLine22 {
		margin: 3rem 0;
	}
}

/* - - headLine23 - -*/
.headLine23 {
	background-color: #F2F7FF;
	border-radius: 1rem;
	padding: 1rem 2rem;
	font-size: 1.8rem;
	margin: 4rem 0;
	font-family: "Shippori Mincho B1", serif;
}

@media all and (max-width: 896px) {
}

/* - - columList - -*/
.columList {
	margin: 4rem 0;
}
.columList li {
	font-size: 1.6rem;
	margin-bottom: 1rem;
	position: relative;
	padding-left: 2rem;
}
.columList li::before {
	content: "";
	display: inline-block;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
/*	background-color: currentColor;  */
	background-color: #FF0000;
	position: absolute;
	top: 0.4rem;
	left: 0;
}

@media all and (max-width: 896px) {
	.columList {
		margin: 3rem 0;
	}
	.columList li {
		font-size: 1.4rem;
	}
}

/* - - columOlList - -*/
.columOlList {
	margin: 4rem 0;
	counter-reset: number 0;
}
.columOlList li {
	counter-increment: number 1;
	position: relative;
	padding-left: 3rem;
}
.columOlList li::before {
	content: counter(number);
	padding-top: 0.1rem;
	color: #fff;
	font-size: .9375rem;
	text-align: center;
	line-height: 1.8rem;
	display: inline-block;
	width: 2rem;
	padding-top: 0.2rem;
	height: 1.8rem;
	background-color: #e3594d;
	position: absolute;
	top: 0.2rem;
	left: 0;
}

@media all and (max-width: 896px) {
}

/* - - pop - -*/
.popBox {
	position: relative;
	margin: 0 auto;
	padding: 6rem 4rem;
	max-width: 100rem;
	background-color: #fff;
}
.popBox .popPhoto {
	margin-bottom: 4rem;
	text-align: center;
}
.popBox .popPhoto img {
	max-width: 100%;
}
.mfp-close {
	top: -5rem;
	color: #fff !important;
	opacity: 1 !important;
}
.mfp-container {
	padding: 8rem 2rem;
	overflow-y: auto;
	position: fixed;
	max-height: 100%;
	height: auto;
}
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
.mfp-close:hover {
	opacity: 0.5 !important;
}
@media all and (max-width: 896px) {
	.popBox {
		padding: 4rem 2rem;
	}
	.popBox .popPhoto {
		margin-bottom: 2rem;
	}
}

/* - - main - -*/
#main {
	min-height: 11rem;
}
#main #gHeader {
	margin: 14rem 0 5rem;
	position: relative;
	top: auto;
	left: 0;
	z-index: 200;
}
#main #gFooter {
	margin: 12rem 0 5rem;
}
@media all and (max-width: 896px) {
	#main #gHeader {
		margin-top: 7rem;
	}
	#main .menuBox {
		position: absolute;
		height: calc(100svh - 12rem);
	}
	#main #gFooter {
		margin: 7rem 0 5rem;
	}
}


/* - - contactWrap - -*/
.contactWrap {
	margin-bottom: 9rem;
}

@media all and (max-width: 896px) {
	.contactWrap {
		margin-bottom: 4.3rem;
	}
}

/* - - contactInner - -*/
.contactInner {
	margin: -0.6rem auto 5.5rem;
	padding: 3rem 2rem 1.5rem;
	text-align: center;
	max-width: 58rem;
	border: 1px solid #DBD2AE;
	border-radius: 1rem;
}
.contactInner .ttl {
	font-size: 2.55rem;
	letter-spacing: 0.04em;
	font-weight: 700;
	line-height: 1.0;
	margin-bottom: 0.6rem;
	color: #595757;
}
.contactInner .tel {
	width: fit-content;
	margin: 0 auto 1rem;
	font-size: 1.6rem;
	font-weight: 500;
	color: #262626;
	padding-left: 8.5rem;
	text-align: left;
	background: url(img/common/tel02.png) no-repeat left center;
	background-size: 6.8rem auto;
}
.contactInner .tel a {
	font-size: 4.8rem;
	line-height: 1.2;
	font-weight: 400;
	color: #86753b;
	letter-spacing: 0.03em;
}
.contactInner .tel a:hover {
	opacity: 0.5;
}

@media all and (max-width: 896px) {
	.contactInner {
		margin: -0.6rem auto 4.6rem;
		padding: 1.8rem 2rem 0.5rem;
		border-radius: 0.5rem;
		max-width: inherit;
	}
	.contactInner .ttl {
		margin-bottom: 0.3rem;
		font-size: 1.5rem;
	}
	.contactInner .tel {
		font-size: 0.94rem;
		padding-left: 5rem;
		background-size: 4rem auto;
	}
	.contactInner .tel a{
		font-size: 2.8rem;
	}
}

/* - - contactHead - -*/
.contactHead {
	margin-bottom: 1.8rem;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.contactHead .lBox {
	text-align: center;
}
.contactHead .hTtl {
	font-size: 4rem;
	margin-bottom: 0.5rem;
	color: #595757;
	letter-spacing: 0.04em;
	font-weight: 700;
}
.contactHead .lBox p {
	font-size: 3rem;
	color: #99bff2;
	font-weight: 400;
}
.contactHead .txtBox {
	margin: 0 0 0.8rem 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 13.2rem;
	height: 13rem;
	background: url(img/contact/bg01.png) no-repeat center;
	background-size: 100% auto;
}
.contactHead .txtBox p {
	font-size: 2.6rem;
	color: #fff;
	line-height: 1.1;
	text-align: center;
	font-weight: 500;
	letter-spacing: 0.04em;
}
.contactHead .txtBox p .num {
	font-size: 3.6rem;
}

@media all and (max-width: 896px) {
	.contactHead .hTtl {
		margin-bottom: 0;
		font-size: 2.2rem;
	}
	.contactHead .lBox p {
		font-size: 1.7rem;
	}
	.contactHead .txtBox {
		position: absolute;
		top: -1.6rem;
		left: calc(50% + 4.4rem);
		margin-bottom: 0;
		width: 7.6rem;
		height: 7.5rem;
	}
	.contactHead .txtBox p {
		font-size: 1.5rem;
	}
	.contactHead .txtBox p .num{
		font-size: 2.1rem;
	}
	.contactHead {
		width: fit-content;
		margin: 0 auto 3.7rem;
		position: relative;
	}
}
/* - - contactDl - -*/
.contactDl {
	box-sizing: content-box;
	max-width: 78rem;
	padding-right: 8.5rem;
	margin: 0 auto 1rem;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
.contactDl dt {
	width: 20rem;
	font-size: 1.8rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	letter-spacing: 0.04em;
	padding: 2.4rem 0.2rem 2.6rem 0;
	border-bottom: 1px solid #E9E9E9;
}
.contactDl dt p {
	display: flex;
	align-items: center;
}
.contactDl .dtStyle p {
	align-self: flex-start;
}
.contactDl dt .any,
.contactDl dt .must {
	width: 4.5rem;
	text-align: center;
	color: #fff;
	font-size: 1.5rem;
	letter-spacing: 0.04em;
	margin-right: 1rem;
	font-weight: 400;
	margin-top: 0.2rem;
	padding-bottom: 0.2rem;
	background-color: #F96883;
}
.contactDl dt .any {
	background-color: #B0B0B0;
}
.contactDl dd {
	padding: 2.6rem 0 2.6rem 0;
	font-size: 1.8rem;
	letter-spacing: 0.02em;
	width: calc(100% - 20rem);
	border-bottom: 1px solid #E9E9E9;
}
.contactDl dd .other {
	margin-top: 2rem;
}
.contactDl dd .ttl,
.contactDl dd .dateBtn input {
	margin-bottom: 2rem;
	max-width: 23rem;
	border: 1px solid rgb(164, 164, 164);
	border-radius: 0.6rem;
	text-align: center;
	min-height: 6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 2rem;
	font-size: 1.8rem;
	letter-spacing: 0;
	cursor: pointer;
}
.contactDl dd .ttl:last-of-type {
	margin-bottom: 0;
}
.contactDl dd .ttl:last-child {
	margin-bottom: 0;
}
.contactDl .dateBox {
	display: none;
}
#main .step2 .contactDl .dateBox.show {
	display: block;
}
.contactDl .dtStyle2 {
	padding-top: 3.5rem;
}
.contactDl dt:last-of-type,
.contactDl dd:last-of-type {
	border: none;
}

@media all and (max-width: 896px) {
	.contactDl {
		margin-bottom: 2rem;
		max-width: inherit;
		padding: 0;
		display: block;
	}
	.contactDl dt {
		width: auto;
		border: none;
		padding: 0 0 0.8rem !important;
		font-size: 1.4rem;
	}
	.contactDl dt .any, .contactDl dt .must {
		font-size: 1.3rem;
		margin-right: 0.8rem;
		padding-block: 0.2rem 0.3rem;
	}
	.contactDl dd {
		margin-bottom: 1.4rem;
		width: auto;
		padding: 0 0 2rem;
		font-size: 1.4rem;
	}
	.contactDl dd .dateBtn input,
	.contactDl dd .ttl {
		margin-bottom: 1.1rem;
		max-width: 16.75rem;
		min-height: 5rem;
		font-size: 1.4rem;
		border-radius: 0.3rem;
	}
	.contactDl dd:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
	}
}

/* - - input textarea - -*/
textarea,
input[type="email"],
input[type="tel"],
input[type="text"] {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border-radius: 0.6rem;
    height: 6rem;
	color: #000;
    border: 1px solid rgb(164, 164, 164);
    box-sizing: border-box;
    font-size: 1.6rem;
    padding: 0 2.5rem;
    width: 100%;
	letter-spacing: 0.04em;
    background-color: #fff;
}
textarea {
	margin-top: 2rem;
	height: 10rem;
	resize: vertical;
	padding-block: 1.3rem;
}
textarea:first-child {
	margin-top: 0;
}
.wid01[type="text"] {
	width: 10rem;
	margin-right: 1.3rem;
}

@media all and (max-width: 896px) {
	textarea, input[type="email"], input[type="tel"], input[type="text"] {
		height: 5rem;
		font-size: 1.4rem;
		border-radius: 0.3rem;
		padding: 0 1.7rem;
	}
	textarea {
		margin-top: 1.6rem;
		height: 8.1rem;
		padding-block: 1rem;
	}
	textarea[name="fnote"] {
		height: 13.3rem;
	}
}

/* - - radio - -*/
input[type="radio"] {
    display: none;
}
input[type="radio"] ~ span {
	background: url(img/common/radio01.png) no-repeat left center;
	background-size: 3rem auto;
	border-radius: 0;
    display: inline-block;
    line-height: 2rem;
	cursor: pointer;
    padding: 0.8rem 0 0.8rem 4rem;
}
input[type="radio"]:checked ~ span {
	background-image: url("img/common/radio02.png");
}

@media all and (max-width: 896px) {
	input[type="radio"] ~ span{
		font-size: 1.4rem;
		padding-left: 3.2rem;
		background-size: 2.4rem auto;
	}
}

/* - - radioUl - -*/
.radioUl {
	margin: -0.7rem 0 -0.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 4.5rem;
}
.radioUl .wpcf7-form-control-wrap {
	display: block;
}
.radioUl .wpcf7-radio {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 4.5rem;
}
.radioUl .wpcf7-list-item {
	margin-left: 0;
}

@media all and (max-width: 896px) {
	.radioUl {
		margin: 0 0 -1rem;
	}
	.radioUl .wpcf7-radio {
		gap: 1rem 3.6rem;
	}
}


/* - - radioUl02 - -*/
.radioUl02 {
	margin-bottom: 2.9rem;
	gap: 1rem;
}
.radioUl02 .wpcf7-radio {
	gap: 1rem;
}
.radioUl02 input[type="radio"] ~ span {
	background: none;
	padding: 0;
	width: 10rem;
	height: 6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	border: 1px solid rgb(164, 164, 164);
	border-radius: 0.6rem;
}
.radioUl02 input[type="radio"]:checked ~ span {
	background: #BFEDE6;
}

@media all and (max-width: 896px) {
	.radioUl02 {
		margin-bottom: 1.9rem;
	}
	.radioUl02 li {
		width: calc((100% - (0.8rem * 3)) / 4);
	}
	.radioUl02 .wpcf7-radio {
		gap: 0.8rem;
	}
	.radioUl02 .wpcf7-list-item {
		width: calc((100% - (0.8rem * 3)) / 4);
	}
	.radioUl02 input[type="radio"] ~ span {
		width: 100%;
		height: 5rem;
		font-size: 1.4rem;
		border-radius: 0.3rem;
	}
}

/* - - privacyBox - -*/
.privacyBox {
	max-width: 78.5rem;
	padding-right: 9.5rem;
	margin: 0 auto 2.3rem;
	box-sizing: content-box;
}
.privacyBox .sub {
	padding: 1.3rem 3.5rem;
	height: 12.5rem;
	overflow-y: scroll;
	border-radius: 0.6rem;
	border: 1px solid rgb(164, 164, 164);
}
.privacyBox p {
	font-size: 1.5rem;
	letter-spacing: 0.04em;
	line-height: 1.733;
}
.privacyBox p .txtSpan {
	font-size: 1.6rem;
	margin-bottom: 0.8rem;
	display: block;
}

@media all and (max-width: 896px) {
	.privacyBox {
		max-width: inherit;
		padding: 0;
	}
	.privacyBox .sub{
		padding: 1.3rem 1.5rem;
		border-radius: 0.3rem;
		height: 10.2rem;
	}
	.privacyBox p {
		font-size: 1.2rem;
		line-height: 1.5;
	}
	.privacyBox p .txtSpan{
		font-size: 1.4rem;
		margin-bottom: 0.3rem;
	}
}

/* - - checkText - -*/
.checkText {
	margin-bottom: 4.8rem;
	text-align: center;
}
.checkText .wpcf7-list-item {
	position: relative;
	margin-left: 0;
}
.checkText a {
	text-decoration: underline;
	text-underline-offset: 6px;
}
.checkText a:hover {
	opacity: 0.5;
}
@media all and (max-width: 896px) {
	.checkText {
		margin-bottom: 3.5rem;
	}
}

/* - - checkbox - -*/
input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0.4rem;
	margin: 0;
	width: 2.8rem;
	height: 2.8rem;
}
input[type="checkbox"] ~ span {
	background: url(img/common/check01.png) no-repeat left center;
	background-size: 2.8rem auto;
	border-radius: 0;
    display: inline-block;
    line-height: 2rem;
	cursor: pointer;
	font-size: 1.5rem;
	letter-spacing: 0.02em;
    padding: 0.8rem 0 0.8rem 3.5rem;
}
input[type="checkbox"]:checked ~ span {
	background-image: url("img/common/check02.png");
}

@media all and (max-width: 896px) {
	input[type="checkbox"] ~ span {
		font-size: 1.3rem;
		padding-left: 3.5rem;
		padding-top: 0.6rem;
		background-size: 2.3rem auto;
	}
}

/* - - submit - -*/
.submit {
	position: relative;
	text-align: center;
}
.submit li {
	margin: 0 1rem;
	display: inline-block;
}
.submit li input {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    width: 26rem;
    height: 6rem;
    border-radius: 6rem;
    text-align: center;
    cursor: pointer;
    font-size: 2.2rem;
    font-weight: 700;
    color: #fff;
    border: none;
	letter-spacing: 0.04em;
    background: #62A2F8;
}
.submit li .wpcf7c-btn-back {
	color: #fff;
	background-color: #CACACA;
}
.submit li.disabled input {
	filter: grayscale(100%);
	pointer-events: none;
}
.submit .wpcf7-spinner {
	position: absolute;
	bottom: -4rem;
	margin: 0;
	left: calc(50% - 2rem);
	transform: translateX(50%);
}
.submit li input:hover {
	opacity: 0.5;
}

@media all and (max-width: 896px) {
	.submit li {
		margin: 0 0.4rem;
	}
	.submit li input{
		width: 19.4rem;
		height: 4.5rem;
		font-size: 1.5rem;
	}
	.submit {
		position: relative;
	}
}

/* - - thanksWrap - -*/
.thanksWrap {
	padding: 2.4rem 0 14rem;
	text-align: center;
}
.thanksWrap p {
	letter-spacing: 0.04em;
	line-height: 2.12;
}

@media all and (max-width: 896px) {
	.thanksWrap {
		padding: 0.2rem 0 12.8rem;
	}
	.thanksWrap p {
		line-height: 1.64;
	}
}

/* - - confirmed - -*/
#main .confirmed dd span:not(.fage) {
	display: block;
}
#main .confirmed .inner {
	display: none;
}
#main .confirmed .confirmTxt {
	text-align: center;
	letter-spacing: 0.04em;
	margin-bottom: 6rem;
	padding-top: 5rem;
}
#main .confirmed .contactDl {
	padding-right: 0;
}
#main .confirmed .contactDl dd p {
	margin-bottom: 1rem;
}

@media all and (min-width: 897px) {
	#main .confirmed .contactDl dt {
		padding-top: 2.6rem;
	}
	#main .confirmed .contactDl .dtStyle2 {
		padding-top: 2.6rem;
	}
}

@media all and (max-width: 896px) {
	#main .confirmed .confirmTxt {
		margin: -1.5rem 0 3.5rem;
		padding-top: 0;
	}
	.confirmed .submit li input {
		width: 15rem;
	}
	#main .confirmed .contactDl dd p {
		margin-bottom: 0.2rem;
	}
	.formError {
		left: 0 !important;
	}
}

/* - - comheading01 - -*/
.comheading01 {
	text-align: center;
}
.comheading01 .en {
	margin-bottom: -0.3rem;
	display: block;
	font-size: 10rem;
	color: #99bff2;
	line-height: 1;
}
.comheading01.mbSml .headLine03  {
	margin-bottom: 4.9rem;
}
@media all and (max-width: 896px) {
	.comheading01 .en {
		margin-bottom: -1.2rem;
		font-size: 6rem;
	}
	.comheading01 .en02 {
		margin-bottom: 0;
	}
	.comheading01.mbSml .headLine03 {
		margin-bottom: 2.8rem;
	}
}

/* - - comheading02 - -*/
.comheading02 {
	margin: 0 0 2.3rem;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.comheading02 .photo {
	margin-right: 0.6rem;
	flex-shrink: 0;
}
@media all and (max-width: 896px) {
	.comheading02 {
		margin: 0 0 1.2rem 3rem;
	}
	.comheading02 .photo {
		margin-right: 1.1rem;
		width: 5rem;
	}
}

/* - - pieChart - -*/
.pieChart {
    width: 36.2rem;
    order: 2;
    margin-left: 9rem;
    position: relative;
}
.pieChart .text {
    position: absolute;
    color: #FFF;
    font-family: "Shippori Mincho B1", serif;
    font-size: 2.416rem;
    line-height: 1;
}
.pieChart .text .year {
    font-size: 2.196rem;
}
.pieChart .text .init {
    margin-right: 0.8rem;
    font-size: 1.757rem;
}
.pieChart .text .num {
    font-size: 3.294rem;
    font-weight: 500;
}
.pieChart .text01 {
    color: #595757;
    left: calc(50% + 3.5rem);
    top: -0.5rem;
}
.pieChart .text02 {
    left: 33.5%;
    top: 4.5rem;
}
.pieChart .text03 {
    right: 65%;
    top: 39%;
    font-size: 3.294rem;
    text-align: right;
}
.pieChart .text03 .year,
.pieChart .text04 .year {
    font-size: 2.635rem;
    letter-spacing: 0.2rem;
}
.pieChart .text03 .init,
.pieChart .text04 .init {
    margin-right: -0.1rem;
    font-size: 2.196rem;
}
.pieChart .text03 .num,
.pieChart .text04 .num {
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 4.173rem;
    letter-spacing: 0.1rem;
}
.pieChart .text04 {
    left: 57%;
    top: 38%;
    font-size: 3.953rem;
}
.pieChart .text04 .num {
    font-size: 4.831rem;
}


@media all and (max-width: 896px) {	
	.pieChart{
        width: 27rem;
        margin: 0 auto;
    }
    .pieChart img {
        width: 100%;
    }
    .pieChart .text {
        font-size: 1.794rem;
    }
    .pieChart .text .year {
        font-size: 1.631rem;
    }
    .pieChart .text .init {
        font-size: 1.3rem;
    }
    .pieChart .text .num {
        font-size: 2.447rem;
    }
    .pieChart .text01 {
        left: calc(50% + 2.5rem);
        top: -0.3rem;
    }
    .pieChart .text02 {
        left: 33.5%;
        top: 16%;
    }
    .pieChart .text03 {
        font-size: 2.446rem;
    }
    .pieChart .text03 .year,
    .pieChart .text04 .year {
        font-size: 1.957rem;
    }
    .pieChart .text03 .init,
    .pieChart .text04 .init {
        font-size: 1.631rem;
    }
    .pieChart .text03 .num,
    .pieChart .text04 .num {
        margin-top: 0.4rem;
        font-size: 3.099rem;
    }
    .pieChart .text04 {
        left: 58%;
        font-size: 2.935rem;
    }
    .pieChart .text04 .num {
        margin-top: 0.2rem;
        font-size: 3.588rem;
    }
}

/* - - visitorImgBox - -*/
.visitorImgBox {
	align-items: flex-start;
	margin: 0 8rem 6.8rem 5.5rem;
}
.visitorImgBox .textBox {
	padding-top: 2.7rem;
	flex: 1;
}
@media all and (max-width: 896px) {	
	.visitorImgBox {
		margin: 0 0 3rem;
		display: block;
	}
	.visitorImgBox .textBox {
		padding: 0 0 3.5rem;
	}
}

/* - - barChart - -*/
.barChart {
	margin: 0 auto 13.7rem;
	max-width: 77rem;
    padding: 0.4rem 8.6rem 1rem 0;
    position: relative;
}
.barChart .textList {
    position: relative;
    z-index: 1;
}
.barChart .textList > li {
    padding: 0.7rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.barChart .textList .ttl {
    margin: -0.5rem 0 0;
    width: 26rem;
    color: #595757;
    font-size: 1.86rem;
	letter-spacing: 0.02em;
    text-align: right;
}
.barChart .textList .sub {
    flex: 1;
}
.barChart .textList .sub li:not(:last-child) {
    margin-bottom: 0.5rem;
}
.barChart .textList .sub li {
    padding-right: 1rem;
    text-align: right;
    color: #FFF;
    font-size: 2.325rem;
    font-family: "Shippori Mincho B1", serif;
    line-height: 1.25;
    background-color: #4f96f5;
}
.barChart .textList .sub li:nth-child(2) {
    background-color: #a385ee;
}
.barChart .textList .sub .wid02 {
    width: calc(100% - 6.5rem);
}
.barChart .textList .sub .wid03 {
    width: calc(100% - 13.8rem);
}
.barChart .textList .sub .wid04 {
    width: calc(100% - 9.8rem);
}
.barChart .textList .sub .wid05 {
    width: calc(100% - 20.5rem);
}
.barChart .textList .sub .wid06 {
    width: calc(100% - 16.7rem);
}
.barChart .num {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8.6rem;
    width: calc(100% - 35.6rem);
    display: flex;
    justify-content: space-between;
    gap: calc((100% - 4rem)/3);
}
.barChart .num li {
    position: relative;
    width: 0.1rem;
    color: #595757;
    font-size: 1.5rem;
    white-space: nowrap;
    background-color: #d9d9d9;
}
.barChart .num li span {
    position: absolute;
    right: -1rem;
    top: calc(100% + 1rem);
}
.barChart .num li:first-child span {
	right: -0.4rem;
}
.barChart .name {
    position: absolute;
    left: calc(100% - 5.7rem);
    bottom: -0.1rem;
    width: 17.5rem;
    display: flex;
    gap: 2.8rem;
}
.barChart .name li {
    display: flex;
    align-items: center;
    color: #595757;
    font-size: 1.86rem;
}
.barChart .name li::before {
    margin-right: 1rem;
    width: 2.6rem;
    aspect-ratio: 1;
    display: inline-block;
    content: '';
    background-color: #4f96f5;    
}
.barChart .name li:nth-child(2):before {
    background-color: #a385ee;
}
@media all and (max-width: 896px) {	
	.barChart {
		padding: 0;
        margin-bottom: 8.2rem;
    }
    .barChart .name {
        margin: 0 1rem 1.5rem;
        width: auto;
        position: static;
        justify-content: flex-end;
        gap: 2rem;
    }
    .barChart .name li {
        font-size: 1.221rem;
    }
    .barChart .name li::before {
        margin-right: 0.5rem;
        width: 1.7rem;        
    }
    .barChart .textBox {
        position: relative;
    }
    .barChart .textList {
        margin: 0 1.1rem 0 0;
    }
    .barChart .textList > li {
        padding: 0.4rem 0 0.5rem;
        gap: 0.5rem;
    }
    .barChart .textList .ttl {
        margin: 0;
        width: 9.5rem;
        font-size: 1.3rem;
        line-height: 1.23;
    }
    .barChart .textList .sub li {
        padding: 0 0.5rem 0.4rem 0;
        font-size: 1.526rem;
        line-height: 1;
    }
    .barChart .textList .sub li:not(:last-child) {
        margin-bottom: 0.3rem;
    }
    .barChart .textList .sub .wid02 {
        width: 84.5%;
    }
    .barChart .textList .sub .wid03 {
        width: 66.7%;
    }
    .barChart .textList .sub .wid04 {
        width: 77%;
    }
    .barChart .textList .sub .wid05 {
        width: 51.2%;
    }
    .barChart .textList .sub .wid06 {
        width: 60%;
    }
    .barChart .num {
        top: -0.3rem;
        bottom: -0.7rem;
        right: 1.1rem;
        width: calc(100% - 11.1rem);
    }
    .barChart .num li {
        font-size: 1rem;
        line-height: 1;
    }
	.barChart .num li span {
		right: -0.6rem;
	}
	.barChart .num li:first-child span {
		right: -0.3rem;
	}
}
/* - - forPatient - -*/
.forPatient {
	margin-bottom: 12rem;
}
@media all and (max-width: 896px) {	
	.forPatient {
		margin-bottom: 4.2rem;
	}
}

/* - - process - -*/
.process {
	margin-bottom: 3.3rem;
	padding: 3.1rem 4rem 4.3rem; 
	display: flex;
	justify-content: space-between;
	border: 5px solid rgb(237, 233, 217);
}
.process .photoBox {
	width: 34rem;
	order: 2;
	margin-left: 7.3rem;
}
.process .textBox {
	padding: 1.5rem 0 0 3.7rem;
	flex: 1;
}
.process .textBox p {
	line-height: 1.65;
	letter-spacing: 0.02em;
}
.processSpec .photoBox {
	order: -1;
	margin-left: 0.7rem;
	margin-right: 7.3rem;
}
.processSpec .textBox {
	padding-left: 0;
	padding-right: 3.3rem;
}
@media all and (max-width: 896px) {	
	.process {
		margin-bottom: 1.5rem;
		padding: 1.4rem 2rem 2.8rem;
		display: block;
		border-width: 3px;
	}
	.process .textBox {
		padding: 0 0 1.7rem;
	}
	.process .photoBox{
		width: auto;
		margin: 0 !important;
	}
	.process .photoBox img {
		width: 100%;
	}
	.process .textBox p {
		line-height: 1.57;
	}
}

/* - - comNum - -*/
.comNum {
	position: absolute;
	top: -0.8rem;
	left: 2.5rem;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #fff;
	z-index: 1;
	font-family: "Shippori Mincho B1", serif;
}
.comNum .subSpan {
	width: 4.4rem;
	height: 5.8rem;
	padding: 0 0 0.8rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #a49972;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
}
.comNum::after {
	content: "";
	position: absolute;
	top: 0;
	z-index: -1;
	right: -0.6rem;
	border-bottom: 0.7rem solid #7e724e; 
	border-right: 0.7rem solid transparent;
}
@media all and (max-width: 896px) {	
	.comNum {
		font-size: 1.34rem;
		padding-bottom: 0.5rem;
		top: -0.5rem;
		left: 1.6rem;
	}
	.comNum .subSpan {
		width: 2.9rem;
		height: 3.8rem;
	}
	.comNum::after {
		right: -0.4rem;
		border-width: 0.5rem;
	}
}

/* - - featureList - -*/
.feature {
	padding: 10rem 0;
	margin-top: 12rem;
	background-color: #fbf9f1;
}
.featureList {
	margin-bottom: 3rem;
	display: flex;
	flex-wrap: wrap;
	gap: 3.4rem 2.6rem;
}
.featureList li {
	background-color: #fff;
	border: 1px solid #D8D0B4;
	border-radius: 1rem;
	padding: 4.9rem 0.5rem 3rem;
	text-align: center;
	position: relative;
	width: calc((100% - (2.6rem * 3 + 0.1rem)) / 4);
}
.featureList .photo {
	width: 16.1rem;
	height: 16.1rem;
	border-radius: 100%;
	margin: 0 auto 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient( 180deg, rgb(185,212,248) 0%, rgb(166,200,245) 62%, rgb(146,187,242) 100%);
	background-position: right bottom;
}
.featureList h3 {
	font-size: 2.6rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #595757;
	line-height: 1.31;
}


@media all and (max-width: 896px) {	
	.feature {
		padding: 3.6rem 0;
		margin-top: 4.2rem;
	}
	.featureList {
		margin-bottom: 2.4rem;
		gap: 1.6rem 1.3rem;
	}
	.featureList li {
		padding: 1.5rem 1rem 1.2rem;
		border-radius: 0.8rem;
		width: calc((100% - 1.3rem) / 2);
	}
	.featureList li:last-child {
		margin-bottom: 0;
	}
	.featureList .photo img {
		width: 9.5rem;
	}
	.featureList h3 {
		font-size: 1.5rem;
		line-height: 1.33;
	}
	.featureList .photo {
		margin: 0 auto 0.7rem;
		width: 9.5rem;
		height: 9.5rem;
		padding: 1.8rem;
	}
}
/* - - featureUl - -*/
.featureUl li {
	margin-bottom: 2.5rem;
	padding: 1.5rem 5.5rem 3.4rem;
	border-radius: 1rem;
	position: relative;
	border: 5px solid rgb(237, 233, 217);
	background-color: #f2f0e7;
}
.featureUl li:last-child {
	margin-bottom: 0;
}
.featureUl .comheading02 {
	margin-inline: 3.5rem;
}
.featureUl .comNum {
	font-size: 2.38rem;
	top: -1.6rem;
	left: 2rem;
}
.featureUl .comNum .subSpan {
	width: 5.3rem;
	height: 6.9rem;
}
.featureUl .comNum::after {
	border-width: 1.1rem;
	border-right-width: 0.8rem;
	right: -0.8rem;
}
.featureUl li p {
	letter-spacing: 0.02em;
	color: #4b7ac6;
	line-height: 1.65;
}

@media all and (max-width: 896px) {	
	.featureUl li {
		margin-bottom: 1.6rem;
		padding: 1.4rem 2rem 2rem;
		border-width: 4px;
		border-radius: 0.8rem;
	}
	.featureUl .comheading02 {
		margin-inline: 3rem 0;
	}
	.featureUl .comNum {
		top: -1.0rem;
		left: 1.4rem;
		font-size: 1.5rem;
	}
	.featureUl .comNum .subSpan {
		padding-top: 0.4rem;
		width: 3.3rem;
		height: 4.4rem;
	}
	.featureUl .comNum::after {
		border-width: 0.7rem;
		border-right-width: 0.6rem;
		right: -0.5rem;
	}
	.featureUl li p {
		line-height: 1.57;
	}
}

/* - - anchorList - -*/
.anchorList {
	margin: 0 5rem 12.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem 12rem;
}
.anchorList li {
	width: calc((100% - 24.1rem) / 3);
}
.anchorList li a {
	padding: 2.7rem 0 1.4rem;
	font-size: 1.8rem;
	font-weight: 700;
	color: #595757;
	letter-spacing: 0.02em;
	text-align: center;
	position: relative;
	display: block;
	border-bottom: 2px solid #A49972;
	background: #fff url(img/price/img01.png) no-repeat center top;
	background-size: 3.2rem auto;
}
.anchorList li a:hover {
	opacity: 0.5;
}
.anchorList li a:after {
	content: '';
    position: absolute;
	bottom: -1.1rem;
    left: 50%;
    width: 0;
	z-index: -1;
    height: 0;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-top: 0.7rem solid #A49972;
    transform: translate(-50%, -50%);
}
.anchorList li .ttl {
	margin: 0 -2rem 2.7rem;
	font-size: 2.6rem;
	font-weight: 700;
	letter-spacing: 0.04em;
}

@media all and (max-width: 896px) {
	.anchorList {
		margin: 0 0 4.5rem;
		gap: 1.2rem;
	}
	.anchorList li {
		width: calc((100% - 2.5rem) / 3);
	}
	.anchorList li a {
		padding: 1.9rem 0 0.6rem;
		font-size: 1.4rem;
		border-width: 1px;
		background-size: 2rem auto;
	}
	.anchorList li .ttl {
		min-height: 4rem;
		margin-bottom: 0.2rem;
		font-size: 1.6rem;
		line-height: 1.06;
	}
	.anchorList li a::after {
		bottom: -11px;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 7px solid #A49972;
	}
}

/* - - priceBox - -*/
.priceBox {
	padding: 1.2rem 0 7.2rem;
	background-color: #FBF9F1;
}
.priceBox .comEn {
	margin-bottom: 4rem;
}
.priceBox .smlContent {
	margin-bottom: 3.7rem;
	max-width: 75.5rem;
}
.popList .headLine14:hover {
	opacity: 0.5;
}
@media all and (min-width: 897px) {
 	.priceBox #pagePath {
		margin-bottom: 6.7rem;
	}
}
@media all and (max-width: 896px) {
	.priceBox #pagePath {
		margin: 0 -1.75rem 4rem;
		background-color: #fff;
		padding: 0.3rem 1.5rem;
	}
	.priceBox {
		padding: 0 0 4rem;
	}
	.priceBox .comEn {
		margin-bottom: 2rem;
	}
	.priceBox .smlContent {
		margin-bottom: 2.5rem;
	}
}

/* - - treatmentList - -*/
#main .treatmentList {
	margin-bottom: 2.5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem 2.8rem;
}
#main .treatmentList li {
	background-color: #fff;
	border-radius: 1rem;
	padding: 1.3rem 2rem;
	width: calc((100% - (2.8rem * 2 + 0.1rem)) / 3);
}
#main .treatmentList li p {
	text-align: center;
	padding: 2.3rem min(1.1vw,2rem) 2.9rem;
	display: flex;
	flex-direction: column;
	font-size: 4.6rem;
	font-weight: 700;
	align-items: center;
	justify-content: center;
	color: #a49972;
	letter-spacing: 0.04em;
	line-height: 1;
	border: 2px solid #DBD2AE;
	border-block-width: 6px;
}
#main .treatmentList li p span {
	margin-bottom: 0.5rem;
	display: block;
	font-size: 3rem;
	color: #62a2f8;
}

@media all and (max-width: 896px) {
	#main .treatmentList {
		margin-bottom: 1.7rem;
		gap: 2rem 0.4rem;
	}
	#main .treatmentList li {
		padding: 0.7rem 0.5rem;
		border-radius: 0.5rem;
		width: calc((100% - (0.4rem * 2 + 0.1rem)) / 3);
	}
	#main .treatmentList li p {
		border-width: 1px;
		padding: 1.2rem 0 1.4rem; 
		font-size: 2.3rem;
		border-block-width: 3px;
	}
	#main .treatmentList li p span {
		font-size: 1.4rem;
		margin: 0 -1rem 0.3rem;
		letter-spacing: 0;
	}
}

/* - - treatmentDl - -*/
#main .treatmentDl {
	margin: 0 auto 3rem;
	max-width: 48rem;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
#main .treatmentDl:last-child {
	margin-bottom: 0;
}
#main .treatmentDl dt {
	display: flex;
	align-items: flex-end;
	width: calc(100% - 10.5rem);
	font-size: 3rem;
	letter-spacing: 0.04em;
	font-weight: 700;
	color: #595757;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #AA9F7A;
}
#main .treatmentDl dd {
	width: 10.5rem;
	padding-bottom: 0.2rem;
	font-size: 5rem;
	letter-spacing: 0.04em;
	color: #86753b;
	font-weight: 700;
	border-bottom: 1px solid #AA9F7A;
}
#main .treatmentDl dd .num {
	font-size: 6rem;
	line-height: 1.45;
}
@media all and (max-width: 896px) {
	#main .treatmentDl {
		max-width: 27rem;
	}
	#main .treatmentDl dt {
		padding: 0 0 1.2rem 0.7rem;
		width: calc(100% - 5.5rem);
		font-size: 1.7rem;
		letter-spacing: 0.02em;
	}
	#main .treatmentDl dd {
		padding-bottom: 0.5rem;
		width: 5.5rem;
		font-size: 2.5rem;
	}
	#main .treatmentDl dd .num {
		font-size: 3.5rem;
	}	
	#main .treatmentDl {
		padding-top: 0.5rem;
		max-width: 25.7rem;
	}
	#main .treatmentDl dd {
		padding-bottom: 0.5rem;
		font-size: 2.7rem;
	}
	#main .treatmentDl dd .num {
		font-size: 3.3rem;
		line-height: 1.3;
	}
}

/* - - planBox - -*/
.planBox {
	padding: 9.6rem 0 11.2rem;
}
.planBox .headLine06 {
	font-size: 3.6rem;
	margin-bottom: 0;
}
.planBox .comEn {
	margin-bottom: 3.7rem;
	font-size: 2.6rem;
}
@media all and (max-width: 896px) {
	.planBox {
		padding: 3.2rem 0 4.2rem;
	}	
	.planBox .headLine06 {
		font-size: 2.2rem;
	}
	.planBox .comEn {
		margin-top: -0.5rem;
		margin-bottom: 2.2rem;
		font-size: 1.7rem;
	}	
}

/* - - bigPlanPhoto - -*/
.bigPlanPhoto {
	max-width: 81rem;
	margin: 0 auto 8.2rem;
	position: relative;
}
.bigPlanPhoto .txtSpan01 {
	position: absolute;
	top: calc(50% + 5.3rem);
	left: 0.5rem;
	font-size: 1.6rem;
	color: #595757;
}
.bigPlanPhoto .txtSpan02 {
	position: absolute;
	top: calc(50% + 5.3rem);
	left: 12.5rem;
	font-size: 1.6rem;
	color: #595757;
}
.bigPlanPhoto .note {
	width: fit-content;
	margin: -2.4rem -6.3rem 0 auto;
	text-align: right;
	display: block;
	letter-spacing: 0.04em;
	font-size: 1.5rem;
	text-indent: -1em;
	padding-left: 1em;
}
.bigPlanPhoto.bigPhoto02 {
	margin-bottom: 5.5rem;
}
@media all and (max-width: 896px) {
	.bigPlanPhoto {
		margin: 0 0.2rem 2.2rem;
		max-width: inherit;
	}
	.bigPlanPhoto img {
		width: 100%;
	}
	.bigPlanPhoto .txtSpan01 {
		font-size: 2.4vw;
		top: 55%;
		left: -1.3vw;
	}
	.bigPlanPhoto .txtSpan02 {
		font-size: 2.4vw;
		top: 55%;
		left: 12.3vw;
	}
	.bigPlanPhoto .note {
		font-size: 2.66vw;
		margin: 0.8rem 0 0 auto;
	}
	.bigPlanPhoto.bigPhoto02 {
		margin-bottom: 2.2rem;
	}
}


/* - - effectList - -*/
#main .effectList {
	margin: 0 auto 5.2rem;
	max-width: 79.5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2rem 5.2rem;
	position: relative;
}
#main .effectList:after {
	width: 2.8rem;  
	height: 5rem;
	background-color: rgb(89, 87, 87);
	clip-path: polygon(0% 18%, 50% 18%, 50% 0%, 100% 50%, 50% 100%, 50% 86%, 0% 86%);
	position: absolute;  
	top: calc(50% - 1.7rem);
	transform: translate(-50%,-50%);
	left: 50%;
	content: ""; 
}
#main .effectList li {
	padding: 1.7rem 1.7rem 1.4rem; 
	text-align: center;
	width: calc((100% - 5.2rem) / 2);
	background-color: #fff;
	box-shadow: 0rem 0rem 0.658rem 0.042rem rgba(0, 0, 0, 0.13);
}
#main .effectList li .photo {
	max-width: 32rem;
	margin: 0 auto 1rem;
}
#main .effectList li .photo img {
	width: 100%;
}
#main .effectList li .txtSpan {
	display: block;
	width: 13rem;
	min-height: 3rem;
	background-color: #EBEBEB;
	border-radius: 6rem;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	color: #595757;
	margin: 0 auto;
}
#main .effectList li .txtSpan02 {
	background-color: #FFDDE7;
	color: #fa2662;
}

@media all and (max-width: 896px) {
	#main .effectList {
		margin: 0 auto 2.6rem;
		max-width: inherit;
		gap: 3rem 2.2rem;
	}
	#main .effectList::after { 
		width: 1.3rem;
		height: 2.2rem;
		top: calc(50% - 0.2rem);
	}
	#main .effectList li {
		padding: 1rem 1rem 0.5rem;
		width: calc((100% - 2.2rem) / 2);
		box-shadow: 0rem 0rem 0.33rem 0.021rem rgba(0, 0, 0, 0.13);
	}
	#main .effectList li .txtSpan {
		padding-bottom: 0.1rem;
		width: 6.5rem;
		font-size: 1.3rem;
		min-height: 1.75rem;
	}
	#main .effectList li .txtSpan02 {
		background-color: #FFDDE7;
	}
	#main .effectList li .photo {
		max-width: inherit;
		margin-bottom: 0.4rem;
	}
}

/* - - preventionList - -*/
#main .preventionList {
	margin-bottom: 5.4rem;
}
#main .preventionList li {
	padding-bottom: 1.7rem;
	margin-bottom: 2.2rem;
	border-bottom: 2px solid #E9E9E9;
}
#main .preventionList li:last-child {
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#main .preventionList li > dl {
	max-width: 62rem;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main .preventionList li > dl > dt {
	font-size: 2.6rem;
	margin-top: -1rem;
	color: #595757;
	font-weight: 700;
	letter-spacing: 0.04em;
	width: 15rem;
	line-height: 1;
	display: flex;
	align-items: center;
	font-family: "Shippori Mincho B1", serif;
}
#main .preventionList li > dl > dd {
	flex: 1;
	font-size: 2rem;
	letter-spacing: 0.04em;
	line-height: 1.7;
}
@media all and (max-width: 896px) {
	#main .preventionList {
		margin-bottom: 3.5rem;
	}
	#main .preventionList li {
		padding-bottom: 0.85rem;
		margin-bottom: 0.85rem;
	}
	#main .preventionList li > dl {
		max-width: inherit;
	}
	#main .preventionList li > dl > dt {
		margin-top: -0.3rem;
		font-size: 1.4rem;
		width: 7rem;
	}
	#main .preventionList li > dl > dd {
		font-size: 1.4rem;
		line-height: 1.36;
	}
}

/* - - priceDl - -*/
#main .priceDl {
	padding-bottom: 1.2rem;
	display: flex;
	justify-content: space-between;	
	align-items: center;
	flex-wrap: wrap;
}
#main .priceDl dt {
	padding-top: 1.5rem;
	width: 11rem;
	font-size: 2rem;
}
#main .priceDl dt.no {
	display: none;
}
#main .priceDl dd {
	margin-bottom: -0.7rem;
	width: calc(100% - 11rem);
}
#main .priceDl dd .txtSpan {
	font-size: 3.6rem;
	font-weight: 700;
	letter-spacing: 0.04em;
}
#main .priceDl dd .priceSpan {
	font-size: 3rem;
	color: #86753b;
	letter-spacing: 0.04em;
	font-weight: 700;
}
#main .priceDl dd .num {
	font-size: 4.6rem;
	line-height: 1;
}
@media all and (max-width: 896px) {
	#main .priceDl dt {
		padding-top: 0.7rem;
		width: 7.4rem;
		font-size: 1.4rem;
	}
	#main .priceDl dd {
		margin: -0.5rem 0 -1.0rem;
		width: calc(100% - 7.4rem);
		font-size: 1.4rem;
	}
	#main .priceDl dd .txtSpan {
		font-size: 1.8rem;
	}
	#main .priceDl dd .priceSpan {
		font-size: 1.7rem;
	}
	#main .priceDl dd .num {
		font-size: 2.5rem;
		line-height: 1;
	}
	#main .priceDl {
		padding-bottom: 1rem;
	}
}

/* - - medicationList - -*/
#main .medicationList {
	margin-bottom: 10.8rem;
}
#main .medicationList li {
	margin-bottom: 1.5rem;
}
#main .medicationList .txt {
	font-size: 1.7rem;
	display: none;
	padding: 2.2rem 1.0rem 0.8rem;
	letter-spacing: 0.02em;
	line-height: 1.65;
}
@media all and (max-width: 896px) {
	#main .medication .headLine13 {
		padding-bottom: 0.1rem;
		font-size: 1.7rem;
	}
	#main .medicationList {
		margin-bottom: 4.4rem;
	}
	#main .medicationList li {
		margin-bottom: 0.8rem;
	}
	#main .medicationList .txt {
		padding: 0.6rem 0.4rem 0.5rem;
		font-size: 1.4rem;
		line-height: 1.57;
	}
}

/* - - treatmentArticle - -*/
#main .treatmentArticle {
	padding: 2.2rem 0;
}
#main .treatmentArticle .headLine09 {
	background-image: url(img/price/bg02.png);
}
#main .treatmentArticle .comTtlBox {
	margin-bottom: 4.5rem;
	border-color: #A385EE;
}
#main .treatmentArticle .headLine10 .lSpan {
	color: #A385EE;
}
#main .treatmentArticle .headLine11 {
	border-color: #A385EE;
}
#main .treatmentArticle .effectList {
	margin-bottom: 6.4rem;
}
#main .treatmentArticle .headLine12 {
	background-color: #C8BAED;
}
#main .treatmentArticle .medicationList {
	margin-bottom: 7rem;
}


@media all and (max-width: 896px) {
	#main .treatmentArticle .comTtlBox {
		margin-bottom: 2rem;
	}
	#main .treatmentArticle .effectList {
		margin-bottom: 2.6rem;
	}
	#main .treatmentArticle .medicationList {
		margin-bottom: 3rem;
	}
}

/* - - areataArticle - -*/
#main .areataArticle .headLine09 {
	background-image: url(img/price/bg03.png);
}
#main .areataArticle .comTtlBox {
	margin-bottom: 4.5rem;
	border-color: #A49972;
}
#main .areataArticle .headLine10 .lSpan {
	color: #a49972;
	border-color: #EDE6CC;
}
#main .areataArticle .headLine11 {
	border-color: #A49972;
}
#main .areataArticle .headLine12 {
	background-color: #A49972;
	font-size: 3rem;
	padding-block: 0.6rem 0.8rem;
}
#main .areataArticle .effectList {
	margin-bottom: 6.7rem;
}
#main .areataArticle {
	margin-bottom: -3.5rem;
}

@media all and (max-width: 896px) {
	#main .areataArticle .headLine09 .icon {
		width: 1.8rem;
	}
	#main .areataArticle .comTtlBox {
		margin-bottom: 3rem;
	}
	#main .areataArticle .effectList {
		margin-bottom: 2.6rem;
	}
	#main .areataArticle .headLine12 {
		margin-bottom: 2.5rem;
		font-size: 1.7rem;
		padding: 0.2rem;
	}
	#main .areataArticle {
		margin-bottom: 0;
	}
}

/* - - areataList - -*/
#main .areataList {
	padding: 0 2rem 5.5rem;
	margin-top: -0.7rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem 2rem;
}
#main .areataList li {
	text-align: center;
	width: calc((100% - (2rem * 5)) / 6);
}
#main .areataList li.no {
	position: relative;
}
#main .areataList li.no:after {
	background-color: #fff;
	opacity: 0.7;
	inset: -1rem;
	position: absolute;  
	content: ""; 
}
#main .areataList li .photo {
	margin-bottom: 1.8rem;
}
#main .areataList li p {
	font-size: 1.6rem;
	color: #595757;
	line-height: 1.25;
}
#main .areataList li .ttl {
	min-width: 10rem;
	width: fit-content;
	line-height: 1.1;
	padding-bottom: 0.2rem;
	margin: 0 auto 1.3rem;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	border: 1px solid #4F96F5;
	border-radius: 6rem;
	text-align: center;
}
#main .areataList li .ttl02 {
	border-color: #F31A43;
	background-color: #FFE1E7;
}
#main .areataList li p:not([class]) {
	margin-inline: -1rem;
}
@media all and (max-width: 896px) {
	#main .areataList {
		padding: 0 1rem 2.2rem;
		gap: 0.8rem 1.5rem;
	}
	#main .areataList li{
		width: calc((100% - (1.5rem * 2)) / 3);
	}
	#main .areataList li .photo {
		max-width: 5rem;
		margin: 0 auto 0.8rem;
	}
	#main .areataList li p {
		font-size: 1rem;
		line-height: 1.3;
	}
	#main .areataList li .ttl {
		padding: 0.1rem 0 0;
		margin-bottom: 0.3rem;
		min-width:5rem;
		font-size: 1.1rem;
	}
}

/* - - payment - -*/
#main .payment {
	padding: 9.5rem 0 6.4rem;
	background-color: #F8F8F8;
}
#main .payment .comEn {
	margin-bottom: 9.5rem;
}
#main .payment .ttl {
	text-align: center;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #595757;
	margin-bottom: 4.9rem;
}

@media all and (max-width: 896px) {		
	#main .payment {
		padding: 4rem 0 6rem;
	}
	#main .payment .comEn {
		margin-bottom: 2.6rem;
	}
	#main .payment .ttl {
		margin-bottom: 2.3rem;
		font-size: 1.6rem;
		line-height: 1.5625;
	}
}

/* - - paymentDl - -*/
#main .paymentDl {
	margin-bottom: 6.2rem;
	align-items: stretch;
	border-top: 2px solid #E9E9E9;
}
#main .paymentDl dt {
	padding: 3.3rem 1rem 4rem 2rem;
	width: 33rem;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #595757;
	font-family: "Shippori Mincho B1", serif;
	border-bottom: 2px solid #E9E9E9;
}
#main .paymentDl dd {
	padding: 3.5rem 4rem 4.4rem 0;
	font-size: 1.6rem;
	letter-spacing: 0.04em;
	line-height: 1.625;
	width: calc(100% - 33rem);
	border-bottom: 2px solid #E9E9E9;
}
#main .paymentDl dt:last-of-type,
#main .paymentDl dd:last-of-type {
	border: none;
	padding-bottom: 0;
}
@media all and (max-width: 896px) {		
	#main .paymentDl {
		margin-bottom: 1.3rem;
		display: block;
	}
	#main .paymentDl dt {
		width: auto;
		border: none;
		font-size: 1.6rem;
		padding: 1rem 0 0.5rem !important;
	}
	#main .paymentDl dd {
		width: auto;
		padding: 0 0 2rem !important;
		font-size: 1.4rem;
		line-height: 1.36;
	}
	#main .paymentDl .paymentImg {
		display: block;
		width: 83.5%;
		padding: 1rem 0 0;
	}
	#main .paymentDl .paymentImg img {
		width: 100%;
	}
}


/* - - singleBox - -*/
.singleColum p {
	line-height: 1.5;
	margin-bottom: 2rem;
}
.singleColum p a {
	text-decoration: underline;
}
.singleColum p a:hover {
	opacity: 0.5;
}
.singleColum ol {
	margin: 4rem 0;
	counter-reset: number 0;
	line-height: 1.9;
}
.singleColum ol li {
	counter-increment: number 1;
	position: relative;
	padding-left: 3rem;
}
.singleColum ol li::before {
	content: counter(number);
	padding-top: 0.1rem;
	color: #fff;
	font-size: .9375rem;
	text-align: center;
	line-height: 1.8rem;
	display: inline-block;
	width: 2rem;
	padding-top: 0.2rem;
	height: 1.8rem;
/*	background-color: #e3594d;  */
	background-color: #ff0000;
	position: absolute;
	top: 0.2rem;
	left: 0;
}
#colum .columBox .comLink03 {
	margin-bottom: 9.3rem;
}
#colum .columBox .comLink03:last-child {
	margin-bottom: 0;
}

/* - - singleBox -colum-table- -*/
#colum .singleTable {
	width: 100%;
	border-collapse: collapse;
}
#colum .singleTable thead {
	border: none !important;
}
#colum .singleTable td, 
#colum .singleTable th {
	text-align: left;
	vertical-align: middle;
	font-size: 1.5rem;
	padding: 2rem 1rem;
	border: 1px solid currentColor;
}
#colum .singleTable th {
	width: 33.33%;
	background-color: #F2F7FF;
}
/* - - singleBox -colum color-table- -*/
#colum .singleTable .th2-head {
	width: 15.99% !important;
	background-color: #F2F7FF;
	text-align: center;
}

#colum .singleTable .th2-date-first {
	width: 27.99% !important;
	background-color: #98fb98;
	text-align:center;
}
#colum .singleTable .th2-date-second {
	width: 27.99% !important;
	background-color: #98fb98;
	text-align:center;
}
#colum .singleTable .th2-date-third {
	width: 27.99% !important;
	background-color: #98fb98;
}


#colum .singleTable .td-head {
	width: 15.99% !important;
	background-color: #ffc0cb;
	text-align: center;
}
#colum .singleTable .td-y {
	width: 15.99% !important;
	background-color: #ffffe0;
	/* text-align: center; */
}
/* - - singleBox -colum color-table- end--*/


.wp-block-image:not(.is-layout-flex .wp-block-image) {
	margin: 3rem 0;
}
.wp-block-image .wp-element-caption {
	text-align: center;
}
.singleColum p:last-child {
	margin-bottom: 0;
}
.singleColum p .alignleft {
	padding: 0 2rem 2rem 0;
}
.singleColum p .alignright {
	padding: 0 0 2rem 2rem;
}
@media all and (max-width: 896px) {
	#colum { 
		margin-bottom: 4.3rem;
	}
	#colum .singleTable td, #colum .singleTable th {
		padding: 1rem;
	}
	.singleColum p .alignleft{
		display: block;
		margin: 0 auto;
		float: none;
		padding: 0 0 2rem;
	}
	.singleColum p .alignright{
		margin: 0 auto;
		float: none;
		display: block;
		padding: 0 0 2rem;
	}
	#colum .columBox .comLink03 {
		margin-bottom: 5.2rem;
	}
}


/*------------------------------------------------------------
	index
------------------------------------------------------------*/
/* - - mainVisual - -*/
#main .mainVisual {
	margin-bottom: 2.4rem;
	margin-top: calc(11.5rem - var(--wp-admin--admin-bar--height));
	margin-top: 11.5rem;
	padding: 3rem 2rem 0.8rem;
	position: relative;
	color: #353535;
	overflow: hidden;
	background: url(img/index/mv_img.jpg) no-repeat center top / auto 100% ,#dde9f4;
}
#main .mainVisual .praise {
	width: 20rem;
	aspect-ratio: 1;
	padding: 3.5rem 0;
	position: absolute;
	right: calc(50% - 1.6rem);
	top: 1.6rem;
	text-align: center;
	background: url(img/index/mv_bg01.png) no-repeat center top / 100%;
}
#main .mainVisual .praise .text {
	color: #FFF;
	font-size: 1.8rem;
	line-height: 1.3;	
}
#main .mainVisual .praise .star {
	color: #eae860;
	font-size: 2.092rem;
	letter-spacing: 0.15rem;
}
#main .mainVisual .praise .num {
	margin: -1.3rem 0 -0.9rem;
	color: #eae860;
	font-size: 3.693rem;
	font-style: italic;
	font-weight: bold;
}
#main .mainVisual .textBox01 {	
	margin-left: 50%;	
}
#main .mainVisual p {
	margin-bottom: 0;
}
#main .mainVisual .textBox01 .inner {	
	margin-left: 3.2rem;
	max-width: 46.5rem;
}
#main .mainVisual .imgBox {
	display: flex;
	justify-content: space-between;
}
#main .mainVisual .text01 .color {
	margin: 0 -0.2rem 0;
	padding: 0 0.4rem;
	width: fit-content;
	display: block;
	color: #1b8bff;
	font-size: 3rem;
	font-weight: bold;
	border-bottom: 0.1rem solid currentColor;	
	line-height: 1.25;
}
#main .mainVisual .text01 .shippori {
	display: block;
	font-size: 3.6rem;
	font-weight: bold;
	letter-spacing: -0.3rem;
	line-height: 1.4;
}
#main .mainVisual .photo {
	margin: -1rem -1rem 0 0;
	width: 16.8rem;
}
#main .mainVisual .head01 {
	margin-bottom: 1.1rem;
	color: #c49133;
	font-size: 5.6rem;
	line-height: 1.25;
	letter-spacing: -0.5rem;
	font-weight: 600;
}
#main .mainVisual .head01 small {
	font-size: 4.8rem;
	color: #353535;
}
#main .mainVisual .head02 {
	margin: 0 0 -2.5rem -0.2rem;
	padding: 0rem 1rem 0.8rem;
	color: #FFF;
	font-weight: 600;
	font-size: 3.9rem;
	background-color: #353535;
	letter-spacing: -0.55rem;
	line-height: 0.9;
}
#main .mainVisual .head03 {
	margin: 0 -1rem -0.4rem 0;
	width:fit-content;
	font-size: 11rem;
	letter-spacing: 0.7rem;
	color: #353535;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	background-image: linear-gradient(171deg, #353535 0%, #353535 64%, #62a2f8 65%,#62a2f8 100%);
}
#main .mainVisual .features {
	margin-bottom: 0.8rem;
	display: flex;
	gap: 0.5rem;
}
#main .mainVisual .features li {
	width: 15rem;
	aspect-ratio: 1;
	padding: 2.8rem 0 1rem;
	color: #FFF;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.1;
	background: url(img/index/mv_bg02.png) no-repeat center top / 100%;
}
#main .mainVisual .features .bigText {
	display: block;
	color: #e5cd7b;
	font-size: 2.521rem;
	font-family: "Shippori Mincho B1", serif;
}
#main .mainVisual .features .fs01 {
	font-size: 4rem;
}
#main .mainVisual .features .fs02 {
	font-size: 2.8rem;
}
#main .mainVisual .features .fs03 {
	display: block;
	margin-top: 0.5rem;
	font-size: 2.8rem;
	transform: scaleY(1.1);
}
#main .mainVisual .features .fs04 {
	font-size: 1.8rem;
}
#main .mainVisual .features sup {
	font-size: 1rem;
	vertical-align: 1.5rem;
}
#main .mainVisual .note {
	margin: 0 1.5rem 0;
	color: #353535;
	font-size: 1.1rem;
	text-align: right;
}
#main .mainVisual .textBox02 {
	position: absolute;
	right: calc(50% + 4rem);
	bottom: 4.7rem;
	width: 50.1rem;
}
#main .mainVisual .text02 {
	margin: 0 3rem 0 0;
	font-size: 2.8rem;
	color: #fff;
	letter-spacing: -0.2rem;
	line-height: 1.3;
	text-align: center;
	background: -webkit-linear-gradient( 0deg, rgb(203,155,52) 0%, rgb(221,182,99) 40%, rgb(209,164,75) 63%, rgb(196,145,51) 89%);
}
#main .mainVisual .text03 {
	margin: 0.6rem 0 0 3rem;
	padding: 1.2rem 0.1rem 0.7rem;
	font-weight: bold;
	font-size: 2.6rem;
	line-height: 4rem;
	text-align: center;
	letter-spacing: -0.2rem;
	background-color: #FFF;
}
#main .mainVisual .text03 .subSpan {
	vertical-align: 0.18rem;
}
#main .mainVisual .text03 .dotTxt {
	vertical-align: 0.1rem;
	color: #c49133;
	display: inline-block;
	position: relative;
	height: 4rem;
	vertical-align: 0.3rem;
}
#main .mainVisual .text03 .dotTxt.big {
	font-size: 3.2rem;
}
#main .mainVisual .text03 .dotTxt::before {
	position: absolute;
	left: 0;
	top: -1.3rem;
	content: '・';
	font-size: 2.6rem;
	line-height: 10px;
	width: 100%;
	text-align: center;
}
#main .mainVisual .text03 .dotTxt.big::before {
	top: -1rem;
}
#main .mainVisual .text03 .fs {
	font-size: 3.6rem;
}
#main .mainVisual .text03 .red {
	vertical-align: -2px;
	margin-left: 0.2rem;
	color: #f31a43;
	font-size: 4rem;
	letter-spacing: -0.1rem;
}
#main .mainVisual .text03 .red .num {
	font-size: 6rem;
}
@media all and (max-width: 896px) {
	#main .mainVisual {
		margin-bottom: 1.4rem;
		padding: 0;
		margin-top: calc(5.05rem - var(--wp-admin--admin-bar--height));
		margin-top: 5.05rem;
		background: none;
	}
	#main .mainVisual .imgBox {
		margin-bottom: 1.8rem;
		position: relative;
	}
	#main .mainVisual .photo {
	}
	#main .mainVisual .textBox01 {
		padding: 3.2rem 2rem 0.7rem;
		margin: 0 0 2.6rem;
		background: url(img/index/mv_img_sp.jpg) no-repeat center bottom / cover;
	}
	#main .mainVisual .textBox01 .inner {
		max-width: inherit;
		margin-left: 0;
	}
	#main .mainVisual .text01 .color {
		position: relative;
		font-size: 1.86rem;
	}
	#main .mainVisual .text01 .color .photo {
		position: absolute;
		top: -2.3rem;
		width: 5rem;
		height: 5rem;
		border-radius: 100%;
		left: calc(100%);
		margin: 0;
	}
	#main .mainVisual .text01 .color .photo img {
		width: 100%;
		height: 100%;
		border-radius: 100%;
		object-fit: cover;
	}
	#main .mainVisual .text01 .shippori {
		font-size: 2.238rem;
		letter-spacing: -0.2rem;
	}
	#main .mainVisual .praise {
		padding: 2.1rem 1rem;
		right: 1rem;
		width: 12.5rem;
		top: 1.3rem;
	}
	#main .mainVisual .praise .text {
		font-size: 1.136rem;
	}
	#main .mainVisual .praise .star {
		margin-bottom: 0.5rem;
		font-size: 1.32rem;
		letter-spacing: 0;
	}
	#main .mainVisual .praise .num {
		margin-bottom: -0.4rem;
		font-size: 2.33rem;
	}
	#main .mainVisual .head01 {
		margin-bottom: 0.6rem;
		font-size: 3rem;
		letter-spacing: -0.25rem;
	}
	#main .mainVisual .head01 small {
		color: #353535;
		font-size: 2.5rem;
	}
	#main .mainVisual .head02 {
		margin-bottom: -1.5rem;
		padding: 0 1rem 0.5rem 0.5rem;
		width: fit-content;
		font-size: 2.42rem;
		letter-spacing: -0.35rem;
	}
	#main .mainVisual .head03 {
		margin-bottom: 71vw;
		font-size: 6.83rem;
		letter-spacing: 0.5rem;
	}
	#main .mainVisual .features {
		margin-bottom: 0.5rem;
		justify-content: center;
		gap: 0.3rem;
	}
	#main .mainVisual .features li {
		padding: 1.7rem 0 1rem;
		width: 10rem;
		font-size: 1.3rem;
	}
	#main .mainVisual .textBox02 {
		position: static;
	}
	#main .mainVisual .features .bigText {
		font-size: 1.67rem;
	}
	#main .mainVisual .features .fs01 {
		font-size: 2.79rem;
	}
	#main .mainVisual .features .spFs01 {
		font-size: 2.65rem;
	}
	#main .mainVisual .features .fs02 {
		font-size: 1.86rem;
	}
	#main .mainVisual .features .fs03 {
		font-size: 1.86rem;
	}
	#main .mainVisual .features .fs04 {
		font-size: 1.195rem;
	}
	#main .mainVisual .features sup {
		font-size: 0.6rem;
		vertical-align: 1.1rem;
	}
	#main .mainVisual .note {
		font-size: 0.65rem;
		margin: 0;
	}
	#main .mainVisual .textBox02 {
		margin: 0 1.7rem;
		width: auto;
	}
	#main .mainVisual .text02 {
		margin: 0;
		font-size: 1.9rem;
	}
	#main .mainVisual .text03 {
		padding: 0.6rem 0.1rem 0.5rem;
		margin: 0;
		font-size: 1.85rem;
	}
	#main .mainVisual .text03 .dotTxt.big {
		font-size: 2.278rem;
	}
	#main .mainVisual .text03 .fs {
		font-size: 2.56rem;
	}
	#main .mainVisual .text03 .red .num {
		font-size: 4.271rem;
	}
	#main .mainVisual .text03 .red {
		font-size: 2.847rem;
	}
	#main .mainVisual .text03 .dotTxt::before {
		font-size: 1.85rem;
		top: -0.5rem;
	}
	#main .mainVisual .text03 .dotTxt.big::before {
		top: -0.4rem;
	}
}

/* - - bigBtn - -*/
#main .bigBtn {
	margin: 0 auto 8.4rem;
	max-width: 64rem;
	color: #353535;
	text-align: center;
}
#main .bigBtn .ttl {
	margin: 0 auto 0.9rem;
	padding: 0 1rem 0.3rem;
	font-size: 3rem;
	letter-spacing: 0.04em;
	font-weight: 700;
	width: fit-content;
	position: relative;
	letter-spacing: -0.2rem;
}
#main .bigBtn .ttl span {
	color: #47c44d;
	font-size: 4rem;
}
#main .bigBtn .ttl span small {
	font-size: 3.6rem;
}
#main .bigBtn .ttl::before {
	width: 1px;  
	background-color: rgb(140, 140, 140);
	position: absolute;  
	top: 2rem;
	left: -2rem;
	bottom: 0.5rem;
	transform: rotate(-37deg);
	content: ""; 
}
#main .bigBtn .ttl::after {
	width: 1px;  
	background-color: currentColor;
	position: absolute;  
	top: 2rem;
	right: -2rem;
	bottom: 0.5rem;
	transform: rotate(37deg);
	content: ""; 
}
#main .bigBtn .link {
	border-radius: 10rem;
	border: 5px solid #fff;
	box-shadow: 0 0 0.837rem 0.1rem rgba(0, 0, 0, 0.2);
	animation: anime 0.5s ease 0s infinite alternate;
}
@keyframes anime {
	from {
	  transform: scale(0.9,0.9);
	}
	to {
	  transform: scale(1,1);
	}
}
#main .bigBtn .link a {
	padding: 1rem 1rem 1.5rem 11.5rem;
	display: flex;
	justify-content: center;
	border-radius: 6rem;
	min-height: 9.6rem;
	font-size: 4rem;
	font-weight: 700;
	letter-spacing: -0.1em;
	color: #fff;
	align-items: center;
	text-align: center;
	border: 0.3rem solid rgba(12,195,0,1);
	text-shadow: 0.1rem 0.1rem 0.8rem rgba(0, 0, 0, 0.8);
	background-image: linear-gradient( 360deg, rgb(77,202,75) 0%, rgb(96,215,77) 2%, rgb(114,227,79) 10%, rgb(72,206,48) 40%, rgb(30,185,17) 65%, rgb(92,210,74) 77%, rgb(153,235,131) 93%, rgba(12,195,0,1) 100%);
	position: relative;
}
#main .bigBtn .link .pop {
	padding-top: 2.6rem;
	width: 10.8rem;
	aspect-ratio: 1;
	position: absolute;
	left: 4rem;
	top: -2.5rem;
	color: #353535;
	font-size: 1.8rem;
	letter-spacing: 0;
	line-height: 1.2;
	background: url(img/index/link_bg.png) no-repeat center top / 100%;
	text-shadow: none;
}
#main .bigBtn .link .pop span {
	color: #0bb700;
	font-size: 2.2rem;
}
#main .bigBtn a:hover {
	opacity: 0.5;
}
@media all and (max-width: 896px) { 
	#main .bigBtn {
		margin: 0 auto 3.3rem;
		max-width: 34.5rem;
	}
	#main .bigBtn .ttl {
		margin-bottom: 0.4rem;
		font-size: 1.7rem;
		letter-spacing: -0.1rem;
	}
	#main .bigBtn .ttl::before {
		left: 0;
		top: 1rem;
	}
	#main .bigBtn .ttl::after {
		right: 0;
		top: 1rem;
	}
	#main .bigBtn .ttl span {
		font-size: 2.2rem;
	}
	#main .bigBtn .ttl span small {
		font-size: 2rem;
	}
	#main .bigBtn .link {
		border-width: 0.2rem;
		box-sizing: 0 0 0.4rem 0.1rem rgba(0, 0, 0, 0.2);
	}
	#main .bigBtn .link a {
		padding: 1rem 1rem 1rem 8rem;
		font-size: 2.1rem;
		min-height: 5.7rem;
	}
	#main .bigBtn .link .pop {
		padding-top: 1.4rem;
		width: 6.4rem;
		left: 2rem;
		top: -1.5rem;
		font-size: 1.058rem;
	}
	#main .bigBtn .link .pop span {
		font-size: 1.2935rem;
	}
}

/* - - campaign - -*/
#main .campaign {
	margin-bottom: 10rem;
}
#main .campaign .headLine06 {
	letter-spacing: -0.3rem;
}
#main .campaign .comEn {
	margin-bottom: 4.3rem;
}
#main .campaign .slideBox {
	padding-left: 1.3rem;
	position: relative;
}
#main .campaign .slideBox .list .slick-slide {
	padding: 0 2.05rem;
}
#main .campaign .slideBox .list a {
	width: 52rem;
	display: block;
	color: #353535;
	position: relative;
}
#main .campaign .slideBox .list a > img {
	width: 100%;
}
#main .campaign .slideBox .list a:hover {
	opacity: 0.5;
}
#main .campaign .slick-slide img {
	display: inline-block;
}
#main .campaign .slideBox .list a::before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	content: '';
	border: 0.5rem solid #b2ad9d;
}
#main .campaign .slick-dots {
	position: absolute;
	left: 0;
	bottom: -3.5rem;
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 1.6rem;
}
#main .campaign .slick-dots li {
	width: 1.3rem;
	height: 1.3rem;	
	overflow: hidden;
	cursor: pointer;
	background-color: #bcbcbc;
	border-radius: 2rem;
}
#main .campaign .slick-dots .slick-active {
	background-color: #353535;
}
#main .campaign .slick-dots button {
	cursor: pointer;
	opacity: 0;	
}
#main .campaign .banner01 .ttl {
	padding: 0 1rem 1.5rem;
	width: 33.8rem;
	position: absolute;
	left: 9rem;
	top: 3.5rem;
	color: #FFF;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	background: url(img/index/campain_bg01.png) no-repeat center top;
	letter-spacing: -0.05rem;
}
#main .campaign .banner01 .text {
	width: 100%;
	position: absolute;
	left: 0;
	top: 7.2rem;
	color: #353535;
	font-size: 2.6rem;
	font-weight: bold;
	letter-spacing: -0.3rem;
	text-align: center;
	text-shadow: 0.3rem 0.3rem 1.5rem rgba(255, 255, 255, 0.9),0.3rem 0.3rem 1.5rem rgba(255, 255, 255, 0.9),0.3rem 0.3rem 1.5rem rgba(255, 255, 255, 0.9),
	0.3rem -0.3rem 1.5rem rgba(255, 255, 255, 0.9),0.3rem -0.3rem 1.5rem rgba(255, 255, 255, 0.9),0.3rem -0.3rem 1.5rem rgba(255, 255, 255, 0.9),
	0 0 1.5rem rgba(255, 255, 255, 0.9),0 0 1.5rem rgba(255, 255, 255, 0.9),0 0 1.5rem rgba(255, 255, 255, 0.9);
}
#main .campaign .banner01 .text .big {
	display: block;
	margin-top: -1.5rem;
	color: #86753b;
	font-size: 4.6rem;
	line-height: 1;
	letter-spacing: 0.1rem;
}
#main .campaign .banner01 .text .red {
	color: #f31a43;
}
#main .campaign .banner01 .text .num {
	font-size: 6rem;
}
#main .campaign .banner02 .text {
	position: absolute;
	left: 11.5rem;
	top: 3.5rem;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0.3rem 0.3rem 1.5rem rgba(255, 255, 255, 0.9),0.3rem 0.3rem 1.5rem rgba(255, 255, 255, 0.9),0.3rem 0.3rem 1.5rem rgba(255, 255, 255, 0.9), 0.3rem -0.3rem 1.5rem rgba(255, 255, 255, 0.9),0.3rem -0.3rem 1.5rem rgba(255, 255, 255, 0.9),0.3rem -0.3rem 1.5rem rgba(255, 255, 255, 0.9), 0 0 1.5rem rgba(255, 255, 255, 0.9),0 0 1.5rem rgba(255, 255, 255, 0.9),0 0 1.5rem rgba(255, 255, 255, 0.9);
}
#main .campaign .banner02 .text .fs {
	margin: 0.2rem 0 0.6rem;
	display: block;
	color: #86753b;
	font-size: 3.6rem;
	letter-spacing: -0.6rem;
}
#main .campaign .banner02 .text .num {
	color: #f31a43;
	font-size: 5rem;
}
#main .campaign .banner02 .text .num small {
	font-size: 4rem;
}
#main .campaign .banner02 .imgText {
	padding: 2.5rem 0 0;
	width: 14.8rem;
	aspect-ratio: 148/112;
	position: absolute;
	right: 7.6rem;
	top: 6.1rem;
	color: #FFF;
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
	background: url(img/index/campaign_bg02.png) no-repeat center top / 100%;
}
#main .campaign .banner02 .imgText > span {
	margin: -0.2rem 0 0.7rem;
	display: block;
	color: #e5cd7b;
	font-size: 1.764rem;
	line-height: 1;
}
#main .campaign .banner02 .imgText span .num {
	font-size: 3rem;
	letter-spacing: -0.2rem;
}
#main .campaign .banner03 .text01 {
	padding: 0.2rem 0 0 0.3rem;
	width: 14.2rem;
	aspect-ratio: 1;
	position: absolute;
	left: 2.3rem;
	top: 2.6rem;
	color: #763c04;
	font-size: 2.141rem;
	font-weight: bold;
	text-align: center;
	background: url(img/index/campaign_bg03.png) no-repeat center top / 100%;
}
#main .campaign .banner03 .text01 .big {
	margin-bottom: -0.6rem;
	display: block;
	color: #b1843a;
	font-size: 3.426rem;
}
#main .campaign .banner03 .textBox {
	position: absolute;
	left: 19rem;
	right: 7.5rem;
	top: 2.6rem;
	text-align: center;
	font-size: 1.6rem;
}
#main .campaign .banner03 .text02 {
	margin-bottom: 1rem;
	padding: 0rem 0 0.5rem;
	color: #FFF;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1;
	font-size: 2.2rem;
	background: linear-gradient(90deg,rgba(31, 53, 150,0) 0%,#1f3596 20%,#1f3596 50%,#1f3596 80%,rgba(31, 53, 150,0) 100%);
}
#main .campaign .banner03 .text03 {
	margin-bottom: -1.2rem;
	color: #86753b;
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: -0.1rem;
}
#main .campaign .banner03 .text03 .sml {
	margin-top: 0.8rem;
	display: block;
	color: #353535;
	font-size: 1.6rem;
	font-weight: normal;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Mincho ProN",'ヒラギノ明朝 ProN', 'ヒラギノ角ゴシック', "Noto Sans JP",sans-serif;
	letter-spacing: 0;
}
#main .campaign .banner03 .text04 {
	font-size: 2.241rem;
	font-weight: bold;
	letter-spacing: -0.1rem;
}
#main .campaign .banner03 .text04 .line {
	font-size: 2.586rem;
	border-bottom: 0.1rem solid #0f268e;
}
#main .campaign .banner03 .text04 .num {
	font-size: 4.31rem;
}
#main .campaign .banner03 .text04 .red {
	color: #f31a43;
}
#main .campaign .slideBox .list li > img {
	width: 100%;
}
#main .campaign .slideBox .camdiv,
#main .campaign .slideBox .camp {
	display: block;
}
@media all and (max-width: 896px) { 
	#main .campaign {
		margin-bottom: 4.5rem;
	}
	#main .campaign .headLine06 {
		letter-spacing: -0.1rem;
	}
	#main .campaign .comEn {
		margin-bottom: 1.3rem;
	}
	#main .campaign .slideBox {
		padding: 0 1.7rem;
	}
	#main .campaign .slideBox .list li {
		margin-bottom: 0.9rem;
	}
	#main .campaign .slideBox .list a {
		width: 100%;
	}
	#main .campaign .slideBox .list a::before {
		border-width: 0.3rem;
	}
	#main .campaign .banner01 .ttl {
		padding: 0 0 3vw;
		left: 17%;
		width: 65%;
		top: 19%;
		font-size: 3.4vw;
		letter-spacing: 0;
		background-size: 100%;
	}
	#main .campaign .banner01 .text {
		top: 13vw;
		font-size: 4.5vw;
	}
	#main .campaign .banner01 .text .big {
		margin-top: -2.8vw;
		font-size: 8vw;
	}
	#main .campaign .banner01 .text .num {
		font-size: 10.4vw;
	}
	#main .campaign .banner02 .text {
		left: 20vw;
 		top: 6vw;
		font-size: 4.52vw;
	}
	#main .campaign .banner02 .text .fs {
		margin: 0.5vw 0 1vw;
		font-size: 6.26vw;
		letter-spacing: -0.4rem;
	}
	#main .campaign .banner02 .text .num {
		font-size: 8.7vw;
	}
	#main .campaign .banner02 .text .num small {
		font-size: 6.96vw;
	}
	#main .campaign .banner02 .imgText {
		padding: 4.5vw 0 0;
    	font-size: 2.78vw;
		width: 25.4vw;
		right: 13.5vw;
  		top: 11vw;		
	}
	#main .campaign .banner02 .imgText > span {
		margin: -0.5vw 0 0;
		font-size: 3vw;
	}
	#main .campaign .banner02 .imgText span .num {
		font-size: 5.2vw;
	}
	#main .campaign .banner02 .imgText img {
		margin: 0.2vw auto 0;
		display: block;
		width: 84%;
	}
	#main .campaign .banner03 .text01 {
		padding-top: 1.5vw;
		width: 25vw;
		left: 4vw;
		top: 4.5vw;
		font-size: 3.73vw;
	}
	#main .campaign .banner03 .text01 .big {
		margin-bottom: 0;
		font-size: 5.96vw;
		line-height: 1.2;
	}
	#main .campaign .banner03 .textBox {
		left: 32vw;
		right: 10vw;
		top: 4.5vw;
	}
	#main .campaign .banner03 .text02 {
		padding: 0.2rem 0 0.3rem;
		margin: 0 3vw 1.5vw;
		font-size: 3.82vw;
	}
	#main .campaign .banner03 .text03 {
		margin-bottom: -2vw;
		font-size: 6.26vw;
	}
	#main .campaign .banner03 .text03 .sml {
		margin-top: 1vw;
		font-size: 3.132vw;
	}
	#main .campaign .banner03 .text04 {
		font-size: 3.9vw;
	}
	#main .campaign .banner03 .text04 .line {
		font-size: 4.5vw;
	}
	#main .campaign .banner03 .text04 .num {
		font-size: 7.5vw;		
	}
}

/* - - anxiety - -*/
#main .anxiety {
	padding: 9rem 2rem 9.5rem;
	color: #FFF;
	position: relative;
	background: url(img/index/anxiety_bg.png) no-repeat center center / cover;
}
#main .anxiety::before {
    width: 25.6rem;  
    height: 6.4rem;
    z-index: 1;
    background: rgb(18, 18, 18);
    clip-path: polygon(3.8rem 0, calc(100% - 3.8rem) 0,calc(100% - 3.8rem) 3rem, 100% 3rem, 13.1rem 100%, 0 3rem , 3.8rem 3rem);
    position: absolute;  
    top: 100%;
    left: 50%;
    content: ""; 
    transform: translateX(-50%);
}
#main .anxiety::after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 25rem;
	content: '';
	background: linear-gradient(00deg,#121212 0%,#121212 50%,rgba(0,0,0,0) 100%);
	z-index: 2;
}
#main .anxiety .headLine06 {
	margin-bottom: 3.7rem;
	color: #FFF;
	font-size: 5rem;
	letter-spacing: -0.3rem;
}
#main .anxiety .headLine06 .dot {
	position: relative;
}
#main .anxiety .headLine06 .dot::before {
	position: absolute;
	left: 0;
	top: -1.3rem;
	content: '・';
	line-height: 10px;
	width: 100%;
	text-align: center;
}
#main .anxiety .wrap {
	margin: 0 auto;
	width: 48.4rem;
	position: relative;
}
#main .anxiety .photo {
	position: relative;
	z-index: 1;
}
#main .anxiety .photo .pos {
	position: absolute;
	right: 12rem;
	top: 0;
}
#main .anxiety .textList li {
	padding: 4.8rem 2rem 1rem;
	width: 31rem;
	min-height: 22.8rem;
	position: absolute;
	z-index: 3;
	font-size: 2.6rem;
	text-align: center;
	line-height: 1.38;
	letter-spacing: 0.2rem;
	z-index: 1;
}
#main .anxiety .textList .color {
	color: #f7e972;
}
#main .anxiety .textList .item01 {
	right: calc(100% - 13rem);
	top: -2.2rem;
	background: url(img/index/anxiety_bg01.png) no-repeat center top / 100%;
}
#main .anxiety .textList .item02 {
	padding-top: 6.5rem;
	right: 100%;
	top: 12.5rem;
	background: url(img/index/anxiety_bg02.png) no-repeat center top / 100%;
}
#main .anxiety .textList .item03 {
	padding: 4.2rem 2rem 1rem 3rem;
	width: 32.4rem;
	left: calc(100% - 10.3rem);
	top: -2.3rem;
	background: url(img/index/anxiety_bg03.png) no-repeat center top / 100%;
}
#main .anxiety .textList .item04 {
	padding: 4rem 1rem 1rem 4rem;
	width: 34rem;
	left: calc(100% - 11rem);
	top: 16.9rem;
	background: url(img/index/anxiety_bg04.png) no-repeat center top / 100%;
}
#main .anxiety .text {
	position: absolute;
	left: -10rem;
	right: -10rem;
	bottom: 7.6rem;
	text-align: center;
	z-index: 3;
	font-size: 4.4rem;
	letter-spacing: -0.3rem;
	font-weight: 600;
	text-shadow: 0.1rem 0.1rem 0.8rem rgba(0, 0, 0, 0.8);
}
#main .anxiety .text span {
	color: #f7e972;
	font-size: 8rem;
}
#main .anxiety .pop li {
	position: absolute;
	z-index: 3;
	color: #595757;
	font-size: 2.6rem;
	text-align: center;
	line-height: 1.15;
}
#main .anxiety .pop01 {
	padding: 4rem 1rem 0;
	width: 24.6rem;
	aspect-ratio: 246/132;
	right: calc(50% + 5rem);
	bottom: -7rem;
	background: url(img/index/anxiety_bg05.png) no-repeat center top / 100%;
}
#main .anxiety .pop02 {
	padding: 4.5rem 1rem 0;
	width: 29.6rem;
	aspect-ratio: 296/130;
	left: calc(50% - 3.4rem);
	bottom: -4.7rem;
	background: url(img/index/anxiety_bg06.png) no-repeat center top / 100%;
}
@media all and (max-width: 896px) {
	#main .anxiety {
		padding: 4.8rem 0 9.5rem;
	}
	#main .anxiety::before {
		width: 13rem;  
		height: 3.2rem;
		clip-path: polygon(1.8rem 0, calc(100% - 2.2rem) 0,calc(100% - 2.2rem) 1.5rem, 100% 1.5rem, 50% 100%, 0 1.5rem , 1.8rem 1.5rem);
	}
	#main .anxiety::after {
		height: 18rem;
		background: linear-gradient(00deg,#121212 0%,#121212 70%,rgba(0,0,0,0) 100%);
	}
	#main .anxiety .headLine06 {
		margin-bottom: 4.5rem;
		font-size: 2.98rem;
		line-height: 1.36;
		letter-spacing: 0;
	}
	#main .anxiety .headLine06 .dot::before {
		top: -0.9rem;
	}
	#main .anxiety .wrap {
		margin: 0 auto;
		padding-left: 3rem;
		width: 34rem;	
		box-sizing: border-box;	
	}
	#main .anxiety .photo {
		margin: 0 auto;
		width: 23.8rem;
	}
	#main .anxiety .photo .pos {
		width: 4.8rem;
		top: -2.8rem;
		right: 8.6rem;
	}
	#main .anxiety .textList li {
		min-height: 15rem;
		padding: 2.7rem 1rem;
		width: 18.4rem;
		font-size: 1.53rem;
		letter-spacing: 0;
	}
	#main .anxiety .textList .item01 {
		top: -4.1rem;
		right: calc(100% - 15rem);
	}
	#main .anxiety .textList .item02 {
		top: 8.9rem;
		right: calc(100% - 14rem);
		padding-top: 3.8rem;
	}
	#main .anxiety .textList .item03 {
		width: 16.5rem;
		left: calc(100% - 13.5rem);
		top: -1.8rem;
		padding: 2.2rem 2rem 1rem 2rem;
		background-image: url(img/index/anxiety_bg03_sp.png);
	}
	#main .anxiety .textList .item04 {
		padding: 2rem 2rem 1rem 2rem;
		left: calc(100% - 11.8rem);
		top: 9.1rem;
		width: 15.4rem;
		background-image: url(img/index/anxiety_bg04_sp.png);
		z-index: 4;
	}
	#main .anxiety .text {
		font-size: 2.2rem;
		bottom: 1.1rem;
	}
	#main .anxiety .text span {
		font-size: 4rem;
	}
	#main .anxiety .pop li {
		font-size: 1.43rem;
	}
	#main .anxiety .pop .pop01 {
		width: 13.5rem;
		padding: 2rem 1rem 0;
		right: calc(50% + 1.8rem);
		bottom: -7.9rem;
	}
	#main .anxiety .pop .pop02 {
		width: 16.2rem;
		padding: 2.3rem 1rem 0;
		left: calc(50% - 0.9rem);
		bottom: -6.7rem;
	}
}
/* - - disease - -*/
#main .disease {
	text-align: center;
	margin-bottom: -0.2rem;
	padding: 9.4rem 0 10.5rem;
	position: relative;
	background: url(img/index/disease_bg.jpg) no-repeat no-repeat center bottom;
	background-size: cover;
}
#main .disease .content {
	position: relative;
}
#main .disease .bigPhoto {
	width: 30.8rem;
	position: absolute;
	bottom: -8.6rem;
	right: -6.2rem;
}
#main .diseaseImg {
	margin-bottom: 3.5rem;
}
#main .diseaseImg img {
	width: 4.4rem;
}
#main .disease .ttl {
	font-size: 4.22rem;
	color: #f7e972;
	letter-spacing: 0.04em;
	font-weight: 700;
	line-height: 1;
	width: fit-content;
	margin: 0 auto 3rem;
	padding: 0.5rem 2rem 1rem;
	background-color: #323131;
}
#main .disease .txt {
	margin-bottom: 0;
	font-size: 3.4rem;
	font-weight: 700;
	color: #323131;
	line-height: 1.4;
	text-shadow: 0.3rem 0.3rem 0.7rem rgba(255,255,255,0.9),0.3rem -0.3rem 0.7rem rgba(255,255,255,0.9),-0.3rem 0.3rem 0.7rem rgba(255,255,255,0.9),-0.3rem -0.3rem 0.7rem rgba(255,255,255,0.9);
}
#main .disease .txt .blue {
	color: #4f96f5;
	font-size: 4.4rem;
}
#main .disease .txtSpan {
	font-size: 4.6rem;
	color: #f31a43;
	width: fit-content;
	position: relative;
	margin: 0.5rem auto 0;
	line-height: 1.25;
	padding-inline: 1.5rem;
	letter-spacing: -0.1em;
	display: inline-block;
	border-bottom: 1px solid currentColor;
}
#main .disease .txtSpan:after {
	width: 100%;  
	height: 1px;
	background-color: #f31a43;
	position: absolute;  
	bottom: -0.5rem;
	left: 0;
	content: ""; 
}

@media all and (max-width: 896px) {
	
	#main .disease {
		margin-bottom: 3.8rem;
		padding: 5.5rem 0 5rem;
		background-image: url(img/index/disease_bg_sp.jpg);
		background-position: center;
	}
	#main .diseaseImg {
		margin-bottom: 1rem;
	}
	#main .diseaseImg img {
		width: 3.3rem;
	}
	#main .disease .ttl {
		font-size: 2.1rem;
		width: auto;
		margin: 0 0 4rem;
		letter-spacing: -0.02em;
		padding: 0.4rem 1.5rem 0.4rem;
	}
	#main .disease .txt {
		font-size: 1.7rem;
		text-align: left;
		line-height: 1.3;
		width: fit-content;
	}
	#main .disease .txt .blue {
		font-size: 2.2rem;
	}
	#main .disease .txtSpan {
		font-size: 2.3rem;
		border: none;
	}
	#main .disease .txtSpan::after {
		display: none;
		border: none;
	}
	#main .disease .subTxt {
		display: inline-block;
		text-align: center;
	}
	#main .disease .bigPhoto {
		bottom: -7.1rem;
		width: 18.8rem;
		right: 0rem;
	}
}

/* - - snsLinkUl - -*/
.snsLinkUl {
	margin-bottom: 11.3rem;
	gap: 2rem 2.5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.snsLinkUl li {
	width: 33rem;
	text-align: center;
}
.snsLinkUl li .ttl {
	padding: 0 1rem 0.3rem;
	font-size: 2rem;
	letter-spacing: 0.04em;
	font-weight: 700;
	color: #595757;
	width: fit-content;
	margin: 0 auto 0.5rem;
	position: relative;
}
.snsLinkUl li .ttl::before {
	width: 1px;  
	background-color: currentColor;
	position: absolute;  
	top: 0.5rem;
	left: 0;
	bottom: 0.5rem;
	transform: rotate(-30deg);
	content: ""; 
}
.snsLinkUl li .ttl::after {
	width: 1px;  
	background-color: currentColor;
	position: absolute;  
	top: 0.5rem;
	right: 0;
	bottom: 0.5rem;
	transform: rotate(30deg);
	content: ""; 
}
.snsLinkUl .tel a,
.snsLinkUl .link a {
	display: flex;
	justify-content: center;
	box-shadow: 0rem 0.3rem 0.837rem 0.063rem rgba(0, 0, 0, 0.17);
	background-image: linear-gradient( 360deg, rgb(131,180,247) 0%, rgb(136,183,246) 6%, rgb(140,185,245) 18%, rgb(119,174,247) 40%, rgb(98,162,248) 61%, rgb(143,188,249) 77%, rgb(188,214,249) 90%, rgb(129,179,246) 100%);
	border-radius: 6rem;
	border: 3px solid #fff;
	min-height: 8rem;
	font-size: 2.6rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #fff;
	align-items: center;
	text-shadow: 0.3rem 0.3rem 0.5rem rgba(78, 146, 238, 0.8),0.3rem -0.3rem 0.5rem rgba(78, 146, 238, 0.8),-0.3rem 0.3rem 0.5rem rgba(78, 146, 238, 0.8),-0.3rem -0.3rem 0.5rem rgba(78, 146, 238, 0.8);
}
.snsLinkUl .link span {
	display: inline-block;
	padding-left: 5.2rem;
	background: url(img/common/img04.png) no-repeat left center;
	background-size: 4.6rem auto;
}
.snsLinkUl .link02 a {
	position: relative;
	text-shadow: 0.3rem 0.3rem 0.5rem rgba(32, 187, 17, 0.8),0.3rem -0.3rem 0.5rem rgba(32, 187, 17, 0.8),-0.3rem 0.3rem 0.5rem rgba(32, 187, 17, 0.8),-0.3rem -0.3rem 0.5rem rgba(32, 187, 17, 0.8);
	box-shadow: 0rem 0.3rem 0.837rem 0.063rem rgba(0, 0, 0, 0.17);
	background-image: linear-gradient( 360deg, rgb(77,202,75) 0%, rgb(96,215,77) 6%, rgb(114,227,79) 18%, rgb(72,206,48) 40%, rgb(30,185,17) 61%, rgb(92,210,74) 77%, rgb(153,235,131) 89%, rgb(12,195,0) 100%);
}
.snsLinkUl .link02 span {
	background-image: url(img/common/img05.png);
}
.snsLinkUl .tel a {
	box-shadow: 0rem 0.3rem 0.837rem 0.063rem rgba(0, 0, 0, 0.17);
	background: #F39E19;
	font-size: 1.35rem;
	color: #262626;
	letter-spacing: 0;
	font-weight: 700;
	text-shadow: none;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Mincho ProN",'ヒラギノ明朝 ProN', 'ヒラギノ角ゴシック', "Noto Sans JP",sans-serif;
}
.snsLinkUl .tel .num {
	display: block;
	line-height: 1;
	font-size: 3.6rem;
	text-align: left;
	font-weight: 400;
	letter-spacing: 0.03em;
	color: #fff;
}
.snsLinkUl .tel .telSpan {
	padding-left: 5.5rem;
	background: url(img/common/img06.png) no-repeat left center;
	background-size: 4.6rem auto;
}
.snsLinkUl a:hover {
	opacity: 0.5;
}


@media all and (max-width: 896px) {
	#main .snsLinkUl {
		margin-bottom: 5.4rem;
		display: block;
	}
	#main .snsLinkUl li {
		width: auto;
		margin: 0 auto 1rem;
		max-width: 30.2rem;
	}
	#main .snsLinkUl li:last-child {
		margin-bottom: 0;
	}
	.snsLinkUl li .ttl {
		font-size: 1.5rem;
		margin-bottom: 0.2rem;
	}
	.snsLinkUl .tel a, .snsLinkUl .link a {
		min-height: 6rem;
		border-width: 2px;
		font-size: 2.2rem;
		box-shadow: 0rem 0.1rem 0.4rem 0.063rem rgba(0, 0, 0, 0.17);
	}
	.snsLinkUl .link span {
		padding-left: 4.5rem;
		background-size: 3.8rem auto;
	}
	.snsLinkUl .tel a {
		font-size: 1.15rem;
	}
	.snsLinkUl .tel .num {
		font-size: 3.1rem;
	}
	.snsLinkUl .tel .telSpan {
		padding-left: 4.5rem;
		background-size: 4rem auto;
	}
}

/* - - message - -*/
#main .message {
	padding-bottom: 4.5rem;
	background-color: #E5EFFF;
}
#main .message .photoBox {
	width: 50.2%;
	margin: -4.4rem -0.1rem 0 3rem;
}
#main .message .photoBox img {
	width: 100%;
}
#main .message .textBox {
	padding-left: 7.5rem;
	flex: 1;
}
#main .message .headLine03 {
	margin-bottom: 1.6rem;
}
#main .message .comLink03 {
	text-align: left;
}
#main .message p {
	margin-bottom: 3rem;
	line-height: 1.76;
}

@media all and (max-width: 896px) {
	#main .message .imgBox {
		display: block;
	}
	#main .message .textBox {
		padding: 0 0 2.6rem; 
	}
	#main .message .photoBox {
		width: auto;
		margin: 0 0.8rem 0 0;
	}
	#main .message {
		padding: 0 3rem 4.3rem;
	}
	#main .message .headLine03 {
		font-size: 1.7rem;
		margin-bottom: 1.2rem;
		letter-spacing: 0.02em;
	}
	#main .message p {
		margin-bottom: 2rem;
		line-height: 1.43;
	}
	#main .message .comLink03 {
		margin-bottom: 0;
		text-align: center;
	}
}

/* - - comEn02 - -*/
#main .comEn02 {
	margin: -1rem 0 -0.7rem -1.2rem;
	font-size: 10rem;
	line-height: 1;
	color: #a49972;
	transform: rotate(-10deg);
	display: block;
	transform-origin: left top;
}
@media all and (max-width: 896px) {
	#main .comEn02 {
		margin: 0 0 -1.1rem;
		font-size: 6rem;
		position: relative;
		top: -0.8rem;
	}
}

/* - - featureTop - -*/
#main .featureTop {
	padding-bottom: 8rem;
	margin-top: 0;
	background-color: #F2F7FF;
}
#main .featureTop .comLink03 {
	margin-top: 4.5rem;
}

@media all and (max-width: 896px) {
	#main .featureTop .comLink03 {
		margin-top: -0.5rem;
	}
	#main .featureTop {
		padding-bottom: 4.4rem;
	}
}

/* - - treatmentSec - -*/
#main .treatmentSec {
	padding: 9.3rem 0 8rem;
	background: url(img/index/bg01.jpg) no-repeat center top;
	background-size: cover;
}
#main .treatmentSec .comEn {
	margin-bottom: 4.2rem;
}
#main .treatmentSec .topTxt {
	max-width: 77rem;
	margin: 0 auto 6.4rem;
	line-height: 1.76;
	letter-spacing: 0.02em;
}
#main .treatmentSec .comLink03.big a {
	min-width: 35.7rem;
}

@media all and (max-width: 896px) {
	#main .treatmentSec {
		padding: 4.3rem 0 4.6rem;
		background-image: url(img/index/bg01_sp.jpg);
	}
	#main .treatmentSec .comEn {
		margin-bottom: 1.5rem;
	}
	#main .treatmentSec .topTxt {
		max-width: inherit;
		margin: 0 2rem 3rem;
		line-height: 1.43;
	}
	#main .treatmentSec .comLink03.big a {
		min-width: 28rem;
		min-height: 4.5rem;
	}
}

/* - - treatmentUl - -*/
#main .treatmentUl {
	margin-bottom: 4.2rem;
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
}
#main .treatmentUl li {
	padding: 3.5rem 2.4rem 5.7rem; 
	position: relative;
	text-align: center;
	width: calc((100% - (3rem * 2 + 0.1rem)) / 3);
	background: url(img/index/bg02.png) no-repeat center;
	background-size: 100% 100%;
}
#main .treatmentUl li .headLine13 {
	margin-bottom: 1.1rem;
}
#main .treatmentUl li .photo {
	margin-bottom: 3.2rem;
	border-radius: 1rem;
	overflow: hidden;
}
#main .treatmentUl li .photo img {
	width: 100%;
}
#main .treatmentUl li .comLink03 {
	margin: 0 1rem;
}
#main .treatmentUl li .comLink03 a {
	padding-left: 2.5rem;
	min-width: 100%;
	font-size: 1.8rem;
	min-height: 5rem;
}
#main .treatmentUl li .comLink03.link a {
	padding-left: 2rem;
	padding-right: 4rem;
}
#main .treatmentUl li .comLink03 .arrow-circle {
	right: 2rem;
}

@media all and (max-width: 896px) {
	#main .treatmentUl {
		margin-bottom: 3.2rem;
		display: block;
	}
	#main .treatmentUl li {
		width: auto;
		margin-bottom: 1.6rem;
		padding: 2.5rem 2.5rem 3.5rem;
	}
	#main .treatmentUl li:last-child {
		margin-bottom: 0;
	}
	#main .treatmentUl li .headLine13 {
		font-size: 2.3rem;
	}
	#main .treatmentUl li .photo {
		margin-bottom: 1.6rem;
		aspect-ratio: 580 / 350;
		border-radius: 0.8rem;
		position: relative;
	}
	#main .treatmentUl li .photo img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#main .treatmentUl li .comLink03 a {
		min-width: 28rem;
		min-height: 4.5rem;
		font-size: 1.5rem;
		padding-left: 2.5rem;
	}
	#main .treatmentUl li .comLink03 .arrow-circle {
		right: 2rem;
	}
}

/* - - priceBoxTop - -*/
#main .priceBoxTop {
	padding: 9.5rem 0 11.5rem;
	background: url(img/index/bg03.png) repeat left top;
	background-size: 5.7rem auto;
}
#main .priceBoxTop .comEn {
	margin-bottom: 3.7rem;
}
#main .priceBoxTop .pBox {
	max-width: 77rem;
	margin: 0 auto 4rem;
}
#main .priceBoxTop .pBox p {
	line-height: 1.764;
	letter-spacing: 0.02em;
}
#main .priceBoxTop .txt {
	margin-bottom: 0;
	padding: 3rem 0 7rem;
	text-align: center;
	font-size: 2.6rem;
	color: #595757;
	font-weight: 700;
	letter-spacing: 0.08em;
}
#main .priceBoxTop .txt .txtSpan {
	margin-top: 0.3rem;
	font-size: 1.8rem;
	display: block;
	font-weight: 700;
	letter-spacing: 0.04em;
}
#main .priceBoxTop .txt .subSpan {
	font-size: 5rem;
	color: #86753b;
	font-weight: 700;
}
#main .priceBoxTop .txt .subSpan small {
	font-size: 4rem;
}

@media all and (max-width: 896px) {
	#main .priceBoxTop {
		padding: 4.3rem 0 5.2rem;
	}
	#main .priceBoxTop .comEn {
		margin-bottom: 1.5rem;
	}
	#main .priceBoxTop .pBox {
		max-width: inherit;
		margin: 0 2rem 2.3rem;
	}
	#main .priceBoxTop .pBox p {
		line-height: 1.43;
	}
	#main .priceBoxTop .txt {
		padding: 0.5rem 0 3.6rem;
		font-size: 1.6rem;
		letter-spacing: 0.04em;
	}
	#main .priceBoxTop .txt .txtSpan {
		margin-top: 0.6rem;
		font-size: 1.2rem;
		letter-spacing: 0.02em;
	}
	#main .priceBoxTop .txt .subSpan {
		font-size: 2.8rem;
	}
	#main .priceBoxTop .txt .subSpan small {
		font-size: 2.3rem;
	}
}

/* - - priceList - -*/
#main .priceList {
	display: flex;
	flex-wrap:wrap;
	gap: 3rem;
}
#main .priceList li {
	border-radius: 1rem;
	background-color: #fff;
	border: 1px solid #DBD2AE;
	width: calc((100% - (3rem * 2 + 0.1rem)) / 3);
}
#main .priceList li .ttl {
	padding-bottom: 1rem;
	position: relative;
	text-align: center;
	font-size: 2.6rem;
	letter-spacing: 0.04em;
	line-height: 1;
	border-radius: 1rem 1rem 0 0;
	background-color: #4F96F5;
	margin: -1px -1px 0;
	color: #fff;
	border-bottom: 4px solid #DBD2AE;
}
#main .priceList li .ttl .num {
	font-size: 5rem;
}
#main .priceList li .ttl .star {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1.5rem;
	gap: 0 0.1rem;
	display: flex;
	align-items: center;
	font-size: 2rem;
	color: #ffe65e;
}
#main .priceList li .photo {
	margin: 0 -2rem;
	min-height: 19rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
#main .priceList li .textBox {
	padding: 0 3.5rem 4rem;
}
#main .priceList li .textBox p {
	margin-bottom: 2.4rem;
	letter-spacing: 0.02em;
	line-height: 1.65;
}
#main .priceList .comLink03 {
	margin: 0 0.5rem;
}
#main .priceList .comLink03 a {
	min-width: 100%;
	min-height: 5rem;
	font-size: 1.8rem;
	padding-inline: 3rem 5rem;
}
#main .priceList .comLink03 .arrow-circle {
	right: 2.5rem;
}

@media all and (max-width: 896px) {
	#main .priceList {
		gap: 1.6rem;
		flex-direction: column;
	}
	#main .priceList li {
		width: 100%;
		border-radius: 0.8rem;
	}
	#main .priceList li .ttl {
		padding-bottom: 0.5rem;
		font-size: 2.3rem;
		letter-spacing: 0.02em;
		border-radius: 0.8rem 0.8rem 0 0;
	}
	#main .priceList li .ttl .num {
		font-size: 4rem;
		letter-spacing: 0.02em;
	}
	#main .priceList li .photo {
		margin: -1rem 0 0.3rem;
		min-height: 15rem;
	}
	#main .priceList li .photo img {
		height: 13.0rem;
		width: auto;
	}
	#main .priceList li .textBox p {
		margin-bottom: 2rem;
		line-height: 1.43;
	}
	#main .priceList .comLink03 {
		margin: 0 -0.8rem;
	}
	#main .priceList .comLink03 a {
		min-height: 4.5rem;
		font-size: 1.5rem;
		padding-inline: 3rem 5rem;
	}
	#main .priceList .comLink03 .arrow-circle {
		right: 2.5rem;
	}
	#main .priceList li .textBox {
		padding: 0 3.5rem 3.1rem;
	}
	#main .priceList li .photo02 img {
		height: 11rem;
	}
	#main .priceList li .ttl .star {
		font-size: 2rem;
		right: 1.5rem;
	}
}

/* - - greeting - -*/
#main .greeting {
	padding: 10.5rem 0 9rem;
}
#main .greeting .content {
	flex-wrap: nowrap;
	align-items: flex-start;
}
#main .greeting .photoBox {
	width: 53.3%;
	margin-right: -7.4rem;
}
#main .greeting .photoBox img {
	width: 100%;
}
#main .greeting .textBox {
	margin-top: 10.7rem;
	flex: 1;
	order: 1;
	position: relative;
	z-index: 5;
	padding: 7rem 7.5rem 4.4rem;
	padding-inline-end: 5rem;
	background-image: linear-gradient( -90deg, rgb(221,236,255,0.8) 1%, rgb(231,241,253,0.8) 40%, rgb(240,245,251,0.8) 100%);
}
#main .greeting .textBox .comEn02 {
	position: absolute;
	top: -6.2rem;
	left: 8rem;
	font-size: 12rem;
}
#main .greeting .headLine03 {
	margin-bottom: 1.5rem;
}
#main .greeting p {
	margin-bottom: 2.4rem;
	line-height: 1.76;
}
#main .greeting .ttl {
	margin-bottom: 1.2rem;
}
#main .greeting .ttl img {
	vertical-align: -0.2rem;
	width: 4.1rem;
	margin-left: 0.5rem;
}
#main .greeting .comLink03 a {
	min-height: 5rem;
	font-size: 1.8rem;
	min-width: 28rem;
	padding: 0 5rem 0 2.5rem;
}
#main .greeting .comLink03 .arrow-circle {
	right: 2.5rem;
}

@media all and (max-width: 896px) {
	#main .greeting {
		padding: 7.4rem 0 5.3rem;
	}
	#main .greeting .content {
		display: block;
	}
	#main .greeting .textBox {
		padding: 4.1rem 2.0rem 3.1rem 2.7rem;
		margin: 0 -1.75rem 0 -0.2rem;
	}
	#main .greeting .photoBox {
		width: auto;
		margin: -4.7rem 2.2rem 0 -1.75rem;
	}
	#main .greeting p {
		margin-bottom: 2rem;
		line-height: 1.43;
	}
	#main .greeting .headLine03 {
		margin-bottom: 1.2rem;
		font-size: 1.7rem;
	}
	#main .greeting .textBox .comEn02 {
		font-size: 7rem;
		top: -3.7rem;
		left: 2.4rem;
	}
	#main .greeting .comLink03 {
		margin-left: -0.5rem;
	}
	#main .greeting .comLink03 a {
		min-height: 4.5rem;
		min-width: 28rem;
		font-size: 1.5rem;
	}
}

/* - - flowSec - -*/
#main .flowSec {
	padding: 8.8rem 0 8.2rem;
	background-color: #F8F8F8;
}
#main .flowSec .comEn02 {
	margin-bottom: -2rem;
	text-align: center;
	transform: none;
	color: #99bff2;
}
#main .flowSec .headLine03 {
	margin-bottom: 5.7rem;
	text-align: center;
}
#main .flowSec .comLink03 a {
	min-width: 36rem;
}

@media all and (max-width: 896px) {
	#main .flowSec {
		padding: 4rem 0 4.7rem;
	}
	#main .flowSec .headLine03 {
		margin-bottom: 2rem;
	}
	#main .flowSec .comLink03 a {
		min-width: 28rem;
		min-height: 4.5rem;
	}
	#main .flowSec .comLink03 {
		margin-top: 6.7rem;
	}
}

/* - - flowList - -*/
#main .flowList {
	margin-bottom: 8.1rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2.8rem;
}
#main .flowList li {
	padding: 2rem 2rem 1.6rem;
	text-align: center;
	border-radius: 1rem;
	position: relative;
	width: calc((100% - (2.8rem * 3)) / 4);
	background-image: linear-gradient( 180deg, rgb(197,219,249) 12%, rgb(139,185,247) 57%, rgb(81,151,244) 100%);
}
#main .flowList li:after {
	content: '';
    position: absolute;
    top: 50%;
	right: -2.5rem;
    width: 0;
    height: 0;
    border-top: 0.9rem solid transparent;
    border-bottom: 0.9rem solid transparent;
    border-left: 1.0rem solid #62A2F8;
    transform: translate(-50%, -50%);
}
#main .flowList li:last-child::after {
	display: none;
}
#main .flowList p {
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
}
#main .flowList .ttl {
	padding-top: 1rem;
	font-size: 2.6rem;
	color: #3689f9;
	letter-spacing: 0.04em;
	line-height: 1;
	width: fit-content;
	font-weight: 400;
	margin: 0 auto 0.4rem;
	background: url(img/index/img01.png) no-repeat left 1rem top;
	background-size: 4.6rem auto;
}
#main .flowList .ttl .num {
	font-size: 5rem;
	margin-left: -0.3rem;
	vertical-align: -0rem;
}
#main .flowList .photo {
	margin-bottom: 1rem;
	min-height: 8rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media all and (max-width: 896px) {
	#main .flowList {
		margin-bottom: 4rem;
		gap: 2.2rem;
		flex-direction: column;
	}
	#main .flowList li {
		min-height: 7.5rem;
		padding: 1.2rem 2rem 1.2rem;
		width: 100%;
		align-items: center;
		display: flex;
		justify-content: space-between;
		border-radius: 0.5rem;
		background: linear-gradient( 90deg, rgb(197,219,249) 0%, rgb(139,185,247) 52%, rgb(81,151,244) 100%);
	}
	#main .flowList .spBpx {
		display: flex;
		align-items: center;
	}
	#main .flowList li::after {
		right: auto;
		left: 50%;
		bottom: -2rem;
		top: auto;
		transform: translateX(-50%) rotate(90deg);
	}
	#main .flowList .ttl {
		margin: 0 0.7rem 0 0;
		font-size: 1.8rem;
		display: flex;
		white-space: nowrap;
		align-items: flex-end;
		background-position: left 0.2rem top;
		background-size: 3.7rem auto;
	}
	#main .flowList .ttl .num {
		margin-bottom: -0.3rem;
		margin-left: 0;
		font-size: 3.5rem;
	}
	#main .flowList .photo {
		width: 4.5rem;
		min-height: inherit;
		margin: 0;
	}
	#main .flowList p {
		flex: 1;
		text-align: center;
		font-size: 1.6rem;
		letter-spacing: 0.02em;
	}
}

/* - - flowInner - -*/
#main .flowInner {
	margin-bottom: 4.5rem;
	align-items: flex-start;
	padding: 3rem 3.9rem 5.2rem 7.8rem;
	background-color: #fff;
	border: 5px solid rgb(237, 233, 217);
}
#main .flowInner .photoBox {
	width: 35.6%;
	margin: -5.2rem 0 0 7.4rem;
}
#main .flowInner .photoBox img {
	width: 100%;
}
#main .flowInner .textBox {
	padding-top: 0.1rem;
	flex: 1;
}
#main .flowInner p {
	line-height: 1.65;
}

@media all and (max-width: 896px) {
	#main .flowInner {
		margin-bottom: 5.4rem;
		padding: 1rem 2rem;
		display: block;
		border-width: 2px;
	}
	#main .flowInner .photoBox {
		width: auto;
		margin: 1.8rem -0.2rem -4.5rem;
	}
	#main .flowInner p {
		line-height: 1.43;
	}
}

/* - - infoSec - -*/
#main .infoSec {
	padding: 8rem 0 8.5rem;
}
#main .infoSec .comEn {
	margin-bottom: 5.6rem;
}
#main .infoSec .imgBox {
	margin-bottom: 5rem;
	align-items: stretch;
}
#main .infoSec .imgBox .map {
	width: 49%;
	height: 53rem;
	order: 2;
	margin-left: 4rem;
}
#main .infoSec .imgBox .map img {
	width: 100%;
	height: 100%;
}
#main .infoSec .imgBox .map iframe {
	width: 100%;
	height: 100%;
}
#main .infoSec .imgBox .textBox {
	margin-top: -0.3rem;
	flex: 1;
}
#main .infoSec .headLine13 {
	letter-spacing: 0;
}

@media all and (max-width: 896px) {
}

/* - - infoDl - -*/
#main .infoDl {
	margin-right: -2rem;
	margin-bottom: 2rem;
	line-height: 1.53;
}
#main .infoDl dt {
	width: 9.7rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}
#main .infoDl dd {
	margin-bottom: 1rem;
	width: calc(100% - 9.7rem);
}
#main .infoDl dd a:hover {
	opacity: 0.5;
}
@media all and (max-width: 896px) {
	#main .infoDl {
		margin: 0 0 2rem;
	}
	#main .infoDl dt {
		width: 8.4rem;
	}
	#main .infoDl dd {
		margin-bottom: 2rem;
		font-size: 1.4rem;
		letter-spacing: 0.01em;
		padding-right: 1rem;
		line-height: 1.43;
		width: calc(100% - 8.4rem);
	}
	#main .infoDl dd:last-child {
		margin-bottom: 0;
	}
}

/* - - infoSec - -*/
#main .infoSec table {
	margin-bottom: 1.4rem;
	width: 100%;
	border-collapse: collapse;
}
#main .infoSec table th {
	padding: 0.3rem 0.2rem 0.2rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	background-color: #4F96F5;
}
#main .infoSec table th:first-child {
	padding-left: 1.2rem;
	text-align: left;
}
#main .infoSec table th:last-child {
	padding-right: 0.7rem;
}
#main .infoSec table .wid01 {
	width: 31%;
}
#main .infoSec table td {
	padding: 1.4rem 0.2rem 1rem; 
	font-size: 1.6rem;
	font-weight: 700;
	color: #595757;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #B3B3B3;
}
#main .infoSec table td:first-child {
	padding-left: 1rem;
	text-align: left;
}
#main .infoSec table .blue {
	font-size: 1.8rem;
	color: #4f96f5;
}
#main .infoSec .text {
	margin-left: 1rem;
}
#main .infoSec .text .red {
	color: #f31a43;
}
#main .infoSec .comLink03 a {
	min-width: 36rem;
}

@media all and (max-width: 896px) {
	#main .infoSec {
		padding: 3.5rem 0;
	}
	#main .infoSec .comEn{
		margin-bottom: 1.5rem;
	}
	#main .infoSec .imgBox {
		margin-bottom: 3rem;
		display: block;
	}
	#main .infoSec .imgBox .textBox {
		margin: 0 0 2.5rem;
	}
	#main .infoSec .imgBox .map {
		width: auto;
		height: 16rem;
		margin: 0;
	}
	#main .infoSec table th {
		padding: 0.5rem 0.2rem 0.6rem;
		font-size: 1.3rem;
		font-weight: 400;
	}
	#main .infoSec table .wid01 {
		width: 25%;
	}
	#main .infoSec table th:first-child {
		padding-left: 0.9rem;
	}
	#main .infoSec table td {
		padding: 0.9rem 0.2rem 0.6rem;
		font-size: 1.3rem;
		letter-spacing: 0;
		font-weight: 400;
		line-height: 1.23;
	}
	#main .infoSec table .blue {
		font-size: 1.2rem;
	}
	#main .infoSec .text {
		margin-left: 0;
	}
	#main .infoSec .comLink03 a {
		min-width: 28rem;
		min-height: 4.5rem;
		font-size: 1.5rem;
	}
}

/* - - reviewsList - -*/
#main .reviewsList {
	padding: 0 1.1rem;
}
#main .reviewsList .slick-slide > div {
	width: 20rem;
	margin: 0 0.55rem;
}
#main .reviewsList li {
	border-radius: 0.8rem;
	position: relative;
	padding: 1.5rem 1.5rem 1.7rem;
	border: 1px solid #CCCCCC;
}
#main .reviewsList li .reviewsImg {
	position: absolute;
	top: 1.7rem;
	right: 1.4rem;
	width: 2.2rem;
}
#main .reviewsList dl {
	margin-bottom: 0.8rem;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
#main .reviewsList dt {
	margin-right: 1rem;
	padding-bottom: 0.4rem;
	flex-shrink: 0;
	width: 4.4rem;
	height: 4.4rem;
	background-color: #FF5418;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.8rem;
	letter-spacing: 0.02em;
}
#main .reviewsList .dtStyle {
	padding-bottom: 0;
	background-color: #EF288B;
}
#main .reviewsList dd {
	flex: 1;
}
#main .reviewsList dd p {
	margin-bottom: 0;
	font-size: 1.3rem;
	letter-spacing: 0.02em;
}
#main .reviewsList dd .ttl {
	font-size: 1.5rem;
	color: #4f96f5;
	letter-spacing: 0.02em;
	font-weight: 700;
}
#main .reviewsList .star {
	margin-bottom: 0.4rem;
	display: flex;
	align-items: center;
	gap: 0 0.3rem;
}
#main .reviewsList .star .subStar {
	display: block;
	color: #FD8B1B;
	font-size: 1.8rem;
}
#main .reviewsList .star .subStar02 {
	color: #aaa;
}
#main .reviewsList .txtBox {
	padding-right: 1rem;
	height: 9.5rem;
}
#main .reviewsList .txtBox p {
	font-size: 1.4rem;
	letter-spacing: 0.02em;
	line-height: 1.64;
}
#main .reviewsList .txtBox ::-webkit-scrollbar {
	display: none;
}
#main .reviewsList .txtBox .simplebar-scrollbar::before {
	opacity: 1;
	background-color: #B3B3B3;
	border-radius: 0;
}
#main .reviewsList .txtBox .simplebar-track.simplebar-vertical {
	top: 0;
	bottom: 0;
	right: -0.7rem;
	width: 0.8rem;
	box-sizing: border-box;
	background-color: #fff;
}
#main .reviewsList .txtBox .simplebar-scrollbar {
	border-radius: 0;
}

@media all and (max-width: 896px) {
	#main .reviewsList {
		padding: 0 0.7rem;
	}
	#main .reviewsList li {
		padding: 1rem 1rem 1.6rem;
		border-radius: 0.4rem;
	}
	#main .reviewsList .slick-slide > div {
		width: 15.5rem;
		margin: 0 0.4rem;
	}
	#main .reviewsList li .reviewsImg {
		top: 1.3rem;
		right: 0.9rem;
		width: 1.7rem;
	}
	#main .reviewsList dt {
		width: 3.4rem;
		height: 3.4rem;
		font-size: 1.2rem;
		padding-bottom: 0;
	}
	#main .reviewsList dd p {
		font-size: 1rem;
	}
	#main .reviewsList dd .ttl {
		font-size: 1.2rem;
	}
	#main .reviewsList .star img {
		width: 1.5rem;
	}
	#main .reviewsList .star .subStar {
		font-size: 1.4rem;
	}
	#main .reviewsList .txtBox p {
		font-size: 1.1rem;
		line-height: 1.64;
	}
	#main .reviewsList dl {
		margin-bottom: 0.6rem;
	}
	#main .reviewsList .txtBox {
		height: 7rem;
	}
	#main .reviewsList .txtBox .simplebar-track.simplebar-vertical {
		right: -0.5rem;
		width: 0.7rem;
	}
	#main .reviewsList .star {
		gap: 0 0.2rem;
	}
}

/* - - reviews - -*/
#main .reviews {
	margin-bottom: 5rem;
}
#main .reviewsJs {
	margin-bottom: 4rem;
	position: relative;
}
#main .reviewsJs .next,
#main .reviewsJs .prev {
	cursor: pointer;
	position: absolute;
	top: calc(50% + 1.5rem);
	padding: 1rem;
	transform: translateY(-50%);
}
#main .reviewsJs .prev {
	left: 0rem;
}
#main .reviewsJs .next {
	right: 0rem;
}
#main .reviewsJs .prev img,
#main .reviewsJs .next img {
	display: none;
}
#main .reviewsJs .next::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-40%, -50%);
	width: 0.9rem;
	height: 0.9rem;
	border-right: 2px solid rgb(179, 179, 179);
	border-top: 2px solid rgb(179, 179, 179);
	transform: translate(-70%, -50%) rotate(45deg);
}
#main .reviewsJs .prev::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-40%, -50%);
	width: 0.9rem;
	height: 0.9rem;
	border-right: 2px solid rgb(179, 179, 179);
	border-top: 2px solid rgb(179, 179, 179);
	transform: translate(-70%, -50%) rotate(225deg);
}
#main .reviews .iconBox {
	position: relative;
	display: flex;
	justify-content: center;
	gap: 2rem;
	width: 4rem;
	height: 4rem;
	margin: 0 auto;
}
#main .reviews .iconBox span {
	position: absolute;
	inset: 0;
	cursor: pointer;
}
#main .reviews .iconBox .play2 {
	visibility: hidden;
	opacity: 0;
}
#main .reviews .iconBox.pause .play2 {
	opacity: 1;
	visibility: visible;
}
#main .reviews .iconBox.pause .play1 {
	opacity: 0;
	visibility: hidden;
}
#main .reviews .iconBox span:hover,
#main .reviewsJs .next:hover,
#main .reviewsJs .prev:hover {
	opacity: 0.5 !important;
}

@media all and (max-width: 896px) {
	#main .reviewsJs .next, #main .reviewsJs .prev {
		top: calc(50% + -0.4rem);		
	}
	#main .reviewsJs .next img,  
	#main .reviewsJs .prev img {
		width: 0.5rem;
	}
	#main .reviewsJs .prev::before {
		width: 0.6rem;
		height: 0.6rem;
		border-width: 1px;
	}
	#main .reviewsJs .next::after {
		width: 0.6rem;
		height: 0.6rem;
		border-width: 1px;
	}
	#main .reviewsJs .next {
		right: -0.5rem;
	}
	#main .reviewsJs .prev {
		left: -0.5rem;
	}
	#main .reviewsJs {
		margin-bottom: 2rem;
	}
	#main .reviews {
		margin-bottom: 3rem;
	}
}

/* - - faqSec - -*/
#main .faqSec {
	margin-bottom: 6rem;
	padding: 7.2rem 0;
	background-color: #F2F7FF;
}
#main .faqSec .comEn02 {
	transform: none;
	color: #99bff2;
	text-align: center;
}
#main .faqSec .headLine03 {
	margin-bottom: 5rem;
	text-align: center;
}
#main .faqSec article {
	margin-bottom: 4.4rem;
}
#main .faqSec .comLink03 a {
	min-width: 36rem;
}

@media all and (max-width: 896px) {
	#main .faqSec {
		margin-bottom: 3.6rem;
		padding: 3.2rem 0;
	}
	#main .faqSec .headLine03 {
		margin-bottom: 2.4rem;
	}
	#main .faqSec article {
		margin-bottom: 1.7rem;
	}
	#main .faqSec .comLink03 {
		padding-top: 0.8rem;
	}
	#main .faqSec .comLink03 a {
		min-width: 28rem;
		min-height: 4.5rem;
		font-size: 1.5rem;
	}
}

/* - - faqList - -*/
#main .faqList li {
	padding: 3.0rem 3rem 2.1rem; 
	margin-bottom: 1.5rem;
	background-color: #fff;
	border-radius: 1rem;
}
#main .faqList li:last-child {
	margin-bottom: 0;
}
#main .faqList li h4 {
	font-size: 2rem;
	color: #595757;
	font-weight: 700;
	letter-spacing: 0.02em;
	position: relative;
	cursor: pointer;
	display: flex;
}
#main .faqList li h4 .lSpan {
	flex-shrink: 0;
	margin: -0.6rem 1.5rem 0 0;
	font-size: 4.4rem;
	color: #62a2f8;
	padding-right: 1rem;
	letter-spacing: 0.02em;
	line-height: 1;
	font-weight: 400;
	position: relative;
	z-index: 1;
}
#main .faqList li h4 .lSpan:after {
	width: 3.2rem;  
	height: 3.2rem;
	background-color: #E1EEFF;
	position: absolute;  
	top: 0.8rem;
	right: -0.3rem; 
	border-radius: 100%;
	z-index: -1; 
	content: ""; 
}
#main .faqList li h4:before,
#main .faqList li h4:after {
	position: absolute;
	right: 0rem;
	top: 1.4rem;
	width: 1.2rem;
	height: 1px;
	background-color: #a49972;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	content: "";
}
#main .faqList li h4:after {
	transform: rotate(90deg);
}
#main .faqList li h4.on:after {
	transform: rotate(180deg);
	opacity: 0;
}
#main .faqList li .pBox {
	display: none;
	padding: 1.8rem 0 0.6rem;
	letter-spacing: 0.02em;
	line-height: 1.65;
}
#main .faqList li .pBox p {
	min-height: 4rem;
	padding-left: 5.5rem;
	padding-right: 3rem;
	position: relative;
	z-index: 1;
}
#main .faqList li .pBox p:after {
	width: 3.2rem;  
	height: 3.2rem;
	background-color: #F2F0E8;
	position: absolute;  
	top: 0.8rem;
	left: 1rem;
	border-radius: 100%;
	z-index: -1; 
	content: ""; 
}
#main .faqList li .pBox p::before {
	color: #a49972;
	position: absolute;  
	top: 0rem;
	font-size: 4.4rem;
	line-height: 1;
	font-weight: 400;
	left: 0;
	border-radius: 100%;
	content: "A"; 
	font-family: "Corinthia", cursive;
}

@media all and (max-width: 896px) {
	
	#main .faqList li {
		margin-bottom: 1.1rem;
		padding: 1.9rem 3rem 1.7rem 1.9rem;
		border-radius: 0.5rem;
	}
	#main .faqList li h4 {
		padding: 0 0 0 0;
		font-size: 1.5rem;
		line-height: 1.33;
	}
	#main .faqList li h4::before, #main .faqList li h4::after {
		width: 1rem;
		top: 1rem;
		right: -1.5rem;
	}
	#main .faqList li h4 .lSpan {
		font-size: 3rem;
		padding-right: 0.8rem;
		margin: -0.3rem 1.3rem 0 0;
	}
	#main .faqList li h4 .lSpan::after {
		width: 2.2rem;
		height: 2.2rem;
		right: 0;
		top: 0.7rem;
	}
	#main .faqList li .pBox p::after {
		width: 2.2rem;
		height: 2.2rem;
		top: 0.1rem;
		left: 0.6rem;
	}
	#main .faqList li .pBox p::before {
		font-size: 3rem;
		top: -0.4rem;
	}
	#main .faqList li .pBox {
		padding: 1.8rem 0 1rem;
	}
	#main .faqList li .pBox p {
		padding-right: 0;
		line-height: 1.43;
		padding-left: 4rem;
		background-size: 2.9rem auto;
	}
}

/* - - newsSec - -*/
#main .newsSec {
	padding: 1.5rem 0;
}
#main .newsSec .comLink03 a {
	min-width: 29rem;
}
#main .newsSec .comLink03 .arrow-circle {
	right: 2.5rem;
}

@media all and (max-width: 896px) {
	#main .newsSec {
		padding: 1rem 0;
	}
	#main .newsSec .comLink03 a {
		min-width: 28rem;
	}
}

/* - - newsList - -*/
#main .newsList {
	margin-top: -3.8rem;
	margin-bottom: 7rem;
}
#main .newsList li {
	border-bottom: 1px dotted #9E9E9E;
}
#main .newsList li:last-child {
	margin-bottom: 0;
}
#main .newsList a {
	padding: 3.8rem 7rem 3.8rem 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: url(img/common/icon03.png) no-repeat right 2rem center;
	background-size: 3.6rem auto;
}
#main .newsList a:hover {
	opacity: 0.5;
}
#main .newsList time {
	font-size: 1.5rem;
	font-weight: 600;
	color: #aaaaaa;
	letter-spacing: 0.02em;
	flex-shrink: 0;
	width: 10rem;
	padding-right: 1rem;
	font-family: "Shippori Mincho B1", serif;
}
#main .newsList p {
	flex: 1;
	font-size: 1.6rem;
	letter-spacing: 0.02em;
}

@media all and (max-width: 896px) {
	#main .newsList a {
		padding: 1.7rem 0 1.7rem 0;
		display: block;
		background: none;
	}
	#main .newsList time {
		width: auto;
		display: block;
		font-size: 1.3rem;
		padding: 0 0.5rem 0.8rem;
	}
	#main .newsList p {
		padding-right: 7rem;
		font-size: 1.4rem;
		line-height: 1.43;
		background: url(img/common/icon03.png) no-repeat right 1rem top 0.6rem;
		background-size: 2.9rem auto;
	}
	#main .newsList {
		margin-bottom: 3.4rem;
		margin-top: -1.4rem;
	}
}

/* - - columSec - -*/
#main .columSec {
	padding: 7.3rem 0 0;
}
#main .columSec .imgBox {
	align-items: flex-start;
	padding-bottom: 4.3rem;
	margin-bottom: 5.6rem;
	position: relative;
	border-bottom: 1px dotted #9F9F9F;
}
#main .columSec .imgBox .photoBox {
	width: 31.5%;
	margin-left: 5rem;
}
#main .columSec .imgBox .photoBox img {
	width: 100%;
}
#main .columSec .imgBox .textBox {
	margin-top: -0.5rem;
	flex: 1;
	padding-bottom: 7.6rem;
}
#main .columSec .imgBox .headLine03 {
	font-size: 2.2rem;
	margin-bottom: 2rem;
}
#main .columSec .imgBox p {
	font-size: 1.6rem;
	letter-spacing: 0.02em;
	line-height: 1.625;
}
#main .columSec .imgBox .comLink03 {
	text-align: left;
	position: absolute;
	bottom: 4.3rem;
	left: 0;
}
#main .columSec .imgBox .comLink03 .arrow-circle {
	right: 2.5rem;
}
#main .columSec .imgBox02 {
	margin-bottom: 4.6rem;
	padding-bottom: 5.2rem;
}
#main .columSec .imgBox02 .photoBox {
	order: -1;
	margin-right: 5.5rem;
	margin-left: 0;
}
#main .columSec .imgBox02 .comLink03 {
	left: calc(31.5% + 5.5rem);
}

@media all and (max-width: 896px) {
	#main .columSec {
		padding-top: 6rem;
	}
	#main .columSec .imgBox {
		padding-bottom: 10.4rem;
		margin-bottom: 3.8rem;
		padding-top: 0.3rem;
		display: block;
	}
	#main .columSec .imgBox .textBox {
		margin: 0;
		padding-bottom: 0;
	}
	#main .columSec .imgBox .photoBox {
		width: auto;
		margin: 0;
	}
	#main .columSec .imgBox .headLine03 {
		margin-bottom: 1.5rem;
		font-size: 1.7rem;
		bottom: 3.6rem;
	}
	#main .columSec .imgBox p {
		margin-bottom: 2.8rem;
		font-size: 1.4rem;
		line-height: 1.43;
	}
	#main .columSec .imgBox .comLink03 {
		text-align: center;
		bottom: 3.6rem;
		left: 50%;
		transform: translateX(-50%);
	}
	#main .columSec .imgBox02 {
		margin-bottom: 3rem;
	}
}

/* - - columnsList - -*/
#main .columnsList {
	display: flex;
	flex-wrap: wrap;
	gap: 5.5rem;
}
#main .columnsList > li {
	width: calc((100% - (5.5rem * 2 + 0.1rem)) / 3);
}
#main .columnsList .subList {
	padding-bottom: 1rem;
}
#main .columnsList .subList li {
	padding-bottom: 1.5rem;
	margin-bottom: 2rem;
	border-bottom: 1px dotted currentColor;
}
#main .columnsList .subList li:last-child {
	border: none;
}
#main .columnsList .subList li a {
	padding-right: 6rem;
	display: block;
	font-size: 1.6rem;
	letter-spacing: 0.02em;
	line-height: 1.625;
	background: url(img/common/icon03.png) no-repeat right 0.3rem top 1rem;
	background-size: 3.6rem auto;
}
#main .columnsList .subList li a:hover {
	opacity: 0.5;
}
#main .columnsList .comLink03 a {
	min-width: 29rem;
}
#main .columnsList .comLink03 .arrow-circle {
	right: 2.5rem;
}

@media all and (max-width: 896px) {
	
	#main .columnsList {
		gap: 4rem;
		flex-direction: column;
	}
	#main .columnsList > li {
		width: 100%;
	}
	#main .columnsList .subList li a {
		font-size: 1.4rem;
		line-height: 1.5;
		background-position: right 0.6rem top 1rem;
		background-size: 3.0rem auto;
	}
	#main .columnsList .subList li {
		padding-bottom: 1.1rem;
		margin-bottom: 1.7rem;
	}
	#main .columnsList .subList {
		padding-bottom: 0.5rem;
	}
	#main .columnsList .comLink03 a {
		min-width: 28rem;
	}
}

/* - - agaSec - -*/
#main .agaSec {
	margin-bottom: 4.7rem;
}
#main .agaSec .content {
	padding-bottom: 6.7rem;
	border-bottom: 1px dotted #A0A0A0;
}
#main .agaSec:last-child .content {
	border: none;
	padding-bottom: 0;
}

@media all and (max-width: 896px) {
	#main .agaSec .content {
		padding-bottom: 4rem;
	}
	#main .agaSec {
		margin-bottom: 2.8rem;
	}
}


/* - - mfp-title - -*/
.mfp-title {
	text-align: center;
	padding: 0;
	margin-top: 2rem;
}

/* - - form - -*/
form {
	padding-top: 11.5rem;
	margin-top: -11.5rem;
}
@media all and (min-width: 897px) {
}

@media all and (max-width: 896px) {
	form {
		padding-top: 5.05rem;
		margin-top: -5.05rem;
	}
}

/* - - fixedBox - -*/
@media all and (max-width: 896px) {
	.fixedBox {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		background-color: #fff;
	}
	.fixedBox ul {
		margin-bottom: 0 !important;
		display: flex;
	}
	.fixedBox li {
		padding: 0 !important;
		margin: 0 !important;
		width: 33.33%;
	}
	.fixedBox li::before {
		display: none !important;
	}
	.fixedBox a {
		justify-content: center;
		min-height: 5rem;
		font-size: 1.4rem;
		font-weight: 700;
		color: #fff;
		display: flex;
		align-items: center;
		background-color: #62A2F8;
	}
	.fixedBox a:hover {
		opacity: 0.5;
	}
	.fixedBox img {
		width: 2.4rem;
		margin-right: 0.3rem;
	}
	.fixedBox .li02 a {
		background-color: #05B903;
	}
	.fixedBox .li03 a {
		background-color: #F39E19;
	}
}


/*------------------------------------------------------------
	colum
------------------------------------------------------------*/
#colum {
	margin-bottom: 9rem;
}

/* - - linkUl - -*/
#colum .linkUl {
	margin-bottom: 9.2rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2.9rem 2.9rem;
}
#colum .linkUl li {
	width: calc((100% - (2.9rem * 3)) / 4);
	border-bottom: 2px solid #E5E5E5;
}
#colum .linkUl a {
	text-align: center;
	font-size: 1.8rem;
	font-weight: 600;
	display: block;
	padding: 2rem 1rem 4.5rem;
	color: #595757;
	position: relative;
	letter-spacing: 0.04em;
}
#colum .linkUl a::after {
	content: '';
    position: absolute;
	bottom: 1.5rem;
    left: 50%;
    width: 1rem;
    height: 1rem;
    border-right: 2px solid #595757;
    border-bottom: 2px solid #595757;
    transform: translate(-50%, -60%) rotate(45deg);
    transition: all 0.3s ease;
}
#colum .linkUl a:hover {
	opacity: 0.5;
}

@media all and (max-width: 896px) {
	#colum .linkUl {
		margin-bottom: 3.3rem;
		padding-top: 0.4rem;
		gap: 1.7rem 1.5rem;
	}
	#colum .linkUl li {
		border-width: 1px;
		width: calc((100% - 1.5rem) / 2);
	}
	#colum .linkUl a {
		padding: 0 0 2.8rem;
		font-size: 1.4rem;
	}
	#colum .linkUl a::after {
		bottom: 1rem;
		width: 0.6rem;
		height: 0.6rem;
	}
}

/* - - columBox - -*/
#colum .columBox .rBox {
	width: 27rem;
	order: 2;
	margin-left: 5rem;
}
#colum .columBox .rBox .img {
	margin-bottom: 3.5rem;
}
#colum .columBox .lBox {
	padding-top: 0.5rem;
	/* flex: 1; */
	width: calc(100% - 32rem);
}
#colum .headLine16 {
	text-align: left;
	font-size: 2.2rem;
}

#colum .columBox .rBox .knowledgeList .photoBox {
	margin-right: 1.5rem;
	width: 50%;
}
#main .columBox .rBox .knowledgeList .textBox p:not([class]) {
	font-size: 1.6rem;
	letter-spacing: 0.02em;
	margin-top: -0.5rem;
	line-height: 1.375;
}
#main .columBox .rBox .knowledgeList li {
	margin-bottom: 2rem;
	padding-bottom: 2.8rem;
}
#main .columBox .rBox .knowledgeList .massage {
	width: 56%;
	margin-top: 1.3rem;
}
#main .columBox .rBox .knowledgeList li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

@media all and (max-width: 896px) {
	#main .columBox {
		display: block;
	}
	#colum .columBox .rBox {
		width: auto;
		margin: 0;
	}
	#colum .columBox .lBox {
		width: auto;
		margin-bottom: 8rem;
	}
	#colum .columBox .rBox .headLine03 {
		font-size: 1.9rem;
	}
}

.knowledgetext {
	font-size: 1.6rem;
	letter-spacing: 0.07em;
}

/* - - text size - -*/
.p13 {
    font-size: 1.3rem;
}
.p14 {
    font-size: 1.4rem;
}
.p16 {
    font-size: 1.6rem;
}
.p17 {
    font-size: 1.7rem;
}
.p20 {
    font-size: 2rem;
}

/* - - knowledge - -*/
#colum .knowledge .headLine03:not(.message .headLine03):not(.greeting .headLine03):not(.flowSec .headLine03):not(.faqSec .headLine03):not(.columSec .headLine03):not(.forPatient .headLine03):not(.comheading01 .headLine03) {
	margin-bottom: 2rem;
}
#colum .knowledge .headLine16 {
	font-size: 3rem;
	padding-bottom: 2rem;
}
#colum.singleColum .knowledge .headLine03:not(.message .headLine03):not(.greeting .headLine03):not(.flowSec .headLine03):not(.faqSec .headLine03):not(.columSec .headLine03):not(.forPatient .headLine03):not(.comheading01 .headLine03) {
	margin-bottom: 2rem;
}
.singleColum .knowledge .headLine03:not(.message .headLine03):not(.greeting .headLine03):not(.flowSec .headLine03):not(.faqSec .headLine03):not(.columSec .headLine03):not(.forPatient .headLine03):not(.comheading01 .headLine03) {
	margin-bottom: 3rem;
}
@media all and (max-width: 896px) {
	#colum .knowledge .headLine03:not(.message .headLine03):not(.greeting .headLine03):not(.flowSec .headLine03):not(.faqSec .headLine03):not(.columSec .headLine03):not(.forPatient .headLine03):not(.comheading01 .headLine03) {
		font-size: 1.9rem;
	}
	#colum .knowledge .headLine16 {
		font-size: 3rem;
	}
}

/* - - columLinkUl - -*/
#main .columLinkUl {
	margin-bottom: 6rem;
}
#main .columLinkUl a {
	color: #595757;
	display: block;
	padding: 2.2rem 0.5rem;
	border-bottom: 1px dotted currentColor;
}
#main .columLinkUl a:hover {
	opacity: 0.5;
}

@media all and (max-width: 896px) {
	#main .columLinkUl a {
		padding: 1.65rem 0.5rem;
	}
	#main .columLinkUl {
		margin-bottom: 4rem;
	}
}

/* - - doctors - -*/
#colum .doctors {
	margin: 5.3rem 0;
	padding: 3.2rem 5rem 4.4rem;
	position: relative;
}
#colum .doctors:after {
	width: 100%;  
	height: 100%;
	background-image: linear-gradient(-100deg, rgb(221,236,255) 1%, rgb(231,241,253) 40%, rgb(240,245,251) 100%);
	opacity: 0.8;
	position: absolute;  
	top: 0;
	left: 0;
	z-index: -1;
	content: ""; 
}
#colum .doctors .headLine03 {
	margin-bottom: 2.5rem;
	text-align: center;
}
#colum .doctors .imgBox {
	margin-bottom: 2.2rem;
	align-items: flex-start;
}
#colum .doctors .imgBox .photoBox {
	width: 30.3%;
	margin-right: 4rem;
}
#colum .doctors .imgBox .photoBox img {
	width: 100%;
}
#colum .doctors .imgBox .textBox {
	flex: 1;
	padding-top: 0.3rem;
}
#colum .doctors .imgBox p {
	margin-bottom: 2.7rem;
	font-size: 1.6rem;
	line-height: 1.625;
	letter-spacing: 0.02em;
}
#colum .doctors .imgBox p:last-child {
	margin-bottom: 0;
}
#colum .doctors .imgBox .ttl {
	margin-bottom: 1.7rem;
	color: #595757;
	line-height: 1.5625;
	font-size: 1.6rem;
}
#colum .doctors .imgBox .ttl img {
	vertical-align: -0.3rem;
	margin-left: 0.5rem;
}
#colum .doctors .imgBox .pBox {
	padding-bottom: 2.7rem;
	margin-bottom: 3rem;
	border-bottom: 1px dotted currentColor;
}
#colum .doctors .imgBox .pBox p {
	font-size: 1.7rem;
	line-height: 1.77;
}

@media all and (max-width: 896px) {
	#colum .doctors {
		margin: 3.1rem 0;
		padding: 2.5rem 2rem 3rem;
	}
	#colum .doctors .headLine03 {
		margin-bottom: 1.8rem;
		font-size: 1.7rem;
		line-height: 1.29;
		text-align: left;
	}
	#colum .doctors .imgBox {
		display: block;
	}
	#colum .doctors .imgBox .photoBox {
		width: auto;
		width: 40%;
		position: relative;
		aspect-ratio: 240 / 200;
		margin: 0 auto 1rem;
	}
	#colum .doctors .imgBox .photoBox img {
		width: 100%;
	}
	#colum .doctors .imgBox p {
		margin-bottom: 1.6rem;
		font-size: 1.4rem;
		line-height: 1.57;
	}
	#colum .doctors .imgBox .ttl {
		margin-bottom: 2.7rem;
		text-align: center;
		font-size: 1.5rem;
		letter-spacing: 0.02em;
	}
	#colum .doctors .imgBox .ttl img {
		width: 3.6rem;
		vertical-align: -0.3rem;
	}
	#colum .doctors .imgBox .pBox p {
		font-size: 1.5rem;
		line-height: 1.533;
	}
	#colum .doctors .imgBox .pBox {
		padding-bottom: 1.4rem;
		margin-bottom: 1.4rem;
	}
}

/* - - knowledgeList - -*/
#main .knowledgeList {
	margin-bottom: 6.4rem;
}
#main .knowledgeList02 {
	margin-bottom: 4.8rem;
}
#main .knowledgeList li {
	padding-bottom: 3.3rem;
	margin-bottom: 3.3rem;
	border-bottom: 1px dotted rgb(140, 140, 140);
}
#main .knowledgeList li a {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
#main .knowledgeList li a:hover {
	opacity: 0.5;
}
#main .knowledgeList li:last-child {
	margin-bottom: 0;
}
#main .knowledgeList .photoBox {
	width: 27rem;
	width: 35.6%;
	margin-right: min(2.9vw,4rem);
	position: relative;
}
#main .knowledgeList .photoBox .photo {
	aspect-ratio: 270 / 170;
}
#main .knowledgeList .photoBox .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#main .knowledgeList .photoBox .sub {
	position: absolute;
	inset: 0;
	padding-top: 0.8rem;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	justify-content: center;
	flex-direction: column;
}
#main .knowledgeList .photoBox .ttl {
	font-size: 1.8rem;
	color: #2c78dd;
	letter-spacing: 0.02em;
	font-weight: 700;
	line-height: 1.33;
	margin-bottom: 6.5rem;
}
#main .knowledgeList .photoBox .txt {
	font-size: 1.391rem;
	font-weight: 500;
	letter-spacing: -0.02em;
	position: absolute;
	bottom: 2.2rem;
	left: 0;
	width: 100%;
	text-align: center;
}
#main .knowledgeList .photoBox .txt .txtSpan {
	font-size: 1.237rem;
	width: 2.8rem;
	height: 2.2rem;
	border-radius: 50%;
	margin-right: 0.5rem;
	display: inline-block;
	border: 1px solid currentColor;
}
#main .knowledgeList .textBox {
	flex: 1;
}
#main .knowledgeList .textBox .update {
	font-size: 1.5rem;
	margin-bottom: 1.3rem;
	letter-spacing: 0.02em;
	color: #aaaaaa;
	padding-left: 2.5rem;
	background: url(img/common/icon01.png) no-repeat left 0.5rem;
	background-size: 2rem auto;
}

#main .knowledgeList .massage {
	padding: 1.3rem 1.7rem 1.5rem;
	border: 1px solid rgb(217, 217, 217);
}
#main .knowledgeList .massage p {
	margin-bottom: 1.4rem;
	font-size: 1.35rem;
	color: #595757;
	line-height: 1.63;
}
#main .knowledgeList .massage .text {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
#main .knowledgeList .massage .ttl {
	color: #62a2f8;
	margin-bottom: 0.2rem;
	line-height: 1.41;
}
#main .knowledgeList .photoBox .noimage {
	font-size: 2.2rem;
	letter-spacing: 0.02em;
	color: #fff;
	margin-bottom: 2rem;
}
#main .knowledgeList .photoBox p:last-child {
	margin-bottom: 0 !important;
}

@media all and (max-width: 896px) {
	#main .knowledgeList .photoBox {
		width: auto;
		margin: 0 0 1.8rem;
	}
	#main .knowledgeList .textBox .update {
		margin-bottom: 0.5rem;
		font-size: 1.3rem;
		padding-left: 2.0rem;
		background-position: left 0.4rem;
		background-size: 1.6rem auto;
	}
	#main .knowledgeList {
		margin-bottom: 3.2rem;
	}
	#main .knowledgeList li a {
		display: block;
	}
	#colum .columBox .rBox .knowledgeList li a {
		display: flex;
	}
	#main .columBox .rBox .knowledgeList li {
		/* display: flex; */
		padding-bottom: 1.8rem;
	}
	#main .columBox .rBox .knowledgeList li:last-child {
		border-bottom: 1px dotted rgb(140, 140, 140);
		padding-bottom: 1.8rem;
	}
	#colum .columBox .rBox .knowledgeList .photoBox {
		margin: 0 2rem 0 0;
		width: 44%;
	}
	#main .columBox .rBox .knowledgeList .textBox .update {
		margin-bottom: 1.7rem;
	}
	#main .columBox .rBox .knowledgeList .textBox p:not([class]) {
		font-size: 1.4rem;
		line-height: 1.286;
	}
}

/* - - wp-pagenavi - -*/
.wp-pagenavi {
    clear: both;
    text-align: center;
}
.wp-pagenavi a, 
.wp-pagenavi span {
    display: inline;
	vertical-align: middle;
    text-decoration: none;
    border: 1px solid #E2E2E2;
	letter-spacing: 0.04em;
	padding: 0.6rem 1.15rem;
    margin: 0 0.5rem;
    font-weight: 700;
    min-width: 3.4rem;
    min-height: 3.4rem;
    color: #353535;
	font-size: 1.5rem;
    box-sizing: border-box;
}
.wp-pagenavi .first, 
.wp-pagenavi .last, 
.wp-pagenavi .pages {
    display: none;
}
.wp-pagenavi .extend {
    min-width: inherit;
    min-height: inherit;
    padding: 0;
    background: none;
	vertical-align: 0;
    border: none;
    box-shadow: none !important;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
	border: none;
}
.wp-pagenavi .current {
	color: #fff;
	border-color: #62A2F8;
	background-color: #62A2F8;
}
.wp-pagenavi a:not(.nextpostslink,.previouspostslink):hover {
	color: #fff;
	border-color: #62A2F8;
	background-color: #62A2F8;
}
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover {
	opacity: 0.5;
}
@media all and (max-width: 896px) {
	.wp-pagenavi {
		padding-top: 2.5rem;
	}
	.wp-pagenavi a, .wp-pagenavi span {
		font-size: 1.4rem;
		padding: 0.5rem 1.05rem;
		margin: 0 0.3rem;
	}
	.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
		margin: 0;
	}
}


@media all and (min-width: 897px) {
	/* - - mainVisual - -*/
	#colum .columBox > .knowledge {
		width: 100%;
	} 
	#colum .columBox .knowledge .mainVisual .text01 .color {
		font-size: 2rem;
	}
	#colum .columBox .knowledge .mainVisual .text01 .shippori {
		font-size: 2.5rem;
	}
	#colum .columBox .knowledge .mainVisual .photo {
		width: 12rem;
	}
	#colum .columBox .knowledge .mainVisual .head01 {
		font-size: 4rem;
	}
	#colum .columBox .knowledge .mainVisual .head01 small {
		font-size: 3rem;
	}
	#colum .columBox .knowledge .mainVisual .head02{
		margin: 0 0 -2.0rem -0.2rem;
		font-size: 2.5rem;
		letter-spacing: -0.18em;
	}
	#colum .columBox .knowledge .mainVisual .head03 {
		font-size: 7rem;
		text-align: center;
	}
	#colum .columBox .knowledge .mainVisual .features li {
		font-size: 1.5rem;
		display: flex;
		align-items: center;
		padding-block: 0;
		justify-content: center;
		width: 15rem;
	}
	#colum .columBox .knowledge .mainVisual .features .bigText {
		font-size: 1.2rem;
	}
	#colum .columBox .knowledge .mainVisual .features .fs01 {
		font-size: 1.8rem;
	}
	#colum .columBox .knowledge .mainVisual .features sup {
		font-size: 0.8rem;
		vertical-align: 1rem;
	}
	#colum .columBox .knowledge .mainVisual .features .fs02 {
		font-size: 1.3rem;
	}
	#colum .columBox .knowledge .mainVisual .features .fs04 {
		font-size: 1rem;
	}
	#colum .columBox .knowledge .mainVisual .features .fs03 {
		font-size: 1.5rem;
	}
	#colum .columBox .knowledge .mainVisual .note {
		font-size:0.9rem;
		margin-left: -1rem;
	}
	#colum .columBox .knowledge .mainVisual .textBox02 {
		left: 0;
		right: 0;
		width: 50%;
	}
	#colum .columBox .knowledge .mainVisual .text02 {
		font-size: 2rem;
	}
	#colum .columBox .knowledge .mainVisual .text03 {
		margin: 0.6rem 0 0 3rem;
  		padding: 0 0.1rem;
		font-size: 1.8rem;
		line-height: inherit;
	}
	#colum .columBox .knowledge .mainVisual .text03 .dotTxt.big {
		font-size: 2.1rem;
	}
	#colum .columBox .knowledge .mainVisual .text03 .fs {
		font-size: 2.6rem;
	}
	#colum .columBox .knowledge .mainVisual .text03 .red {
		font-size: 3rem;
	}
	#colum .columBox .knowledge .mainVisual .text03 .red .num {
		font-size: 4.5rem;
	}
	#colum .columBox .knowledge .mainVisual .text03 .dotTxt {
		height: 4rem;
	}
	/* - - anxiety - -*/
	#colum .columBox .knowledge .anxiety .headLine06 {
		font-size: 4rem;
	}
	#colum .columBox .knowledge .anxiety::before { 
		transform: translateX(-50%) scale(0.8);
		transform-origin: center top;
		top: 99%;
	}
	#colum .columBox .knowledge .anxiety .textList li {
		padding: 3.8rem 2rem 1rem;
		width: 24rem;
		min-height: 22rem;
		font-size: 1.7rem;
	}
	#colum .columBox .knowledge .anxiety .textList .item01 {
		right: calc(50% + min(6.8vw,9rem));
	}
	#colum .columBox .knowledge .anxiety .textList .item02 {
		padding-top: 5.0rem;
		right: calc(50% + min(10vw,13rem));
		top: 17.5rem;
	}
	#colum .columBox .knowledge .anxiety .textList .item03 {
		padding-top: 4rem;
		left: calc(50% + min(15vw,12rem));
	}
	#colum .columBox .knowledge .anxiety .textList .item04 {
		padding: 4rem 1rem 1rem 2rem;
		left: calc(50% + min(10.4vw,13rem));
		top: 16rem;
	}
	#colum .columBox .knowledge .anxiety .photo {
		margin: 0 0 0 4rem;
	}
	/* - - disease - -*/
	#colum .columBox .knowledge .disease {
		padding: 5.5rem 0 6.5rem;
	}
	#colum .columBox .knowledge .disease .headLine15 {
		font-size: 4rem;
	}
	#colum .columBox .knowledge .disease .ttl {
		font-size: 3rem;
		margin-bottom: 2rem;
	}
	#colum .columBox .knowledge .disease .txt {
		font-size: 3.4rem;
	}
	#colum .columBox .knowledge .disease .txt .blue {
		font-size: 3.4rem;
	}
	#colum .columBox .knowledge .disease .txtSpan {
		font-size: 3.4rem;
	}
	#colum .columBox .knowledge .disease .bigPhoto {
		width: 18rem;
		bottom: -5rem;
  		right: -7rem;
	}
	/* - - featureList - -*/
	#colum .columBox .knowledge .featureList .photo {
		width: 12rem;
		height: 12rem;
	}
	#colum .columBox .knowledge .featureList h3 {
		font-size: 1.6rem;
	}
	/* - - message - -*/
	#colum .columBox .knowledge .message .textBox {
		padding-left: 0vw;
	}
	#colum .columBox .knowledge .message .photoBox {
		width: 40%;
	}
	/* - - treatmentUl - -*/
	#colum .columBox .knowledge .treatmentUl li {
		width: calc((100% - (3rem * 1 + 0.1rem)) / 2);
	}
	#colum .columBox .knowledge .treatmentUl li .comLink03 a {
		padding-right: 4rem;
		padding-left: 1rem;
	}
	/* - - priceList - -*/
	#colum .columBox .knowledge .priceList li {
		width: calc((100% - (3rem * 1 + 0.1rem)) / 2);
	}
	#colum .columBox .knowledge .priceList li .textBox .headLine16 {
		font-size: 2.5rem;
		padding-bottom: 0;
		text-align: center;
	}
	/* - - flowInner - -*/
	#colum .columBox .knowledge .flowInner .photoBox {
		margin-left: 2rem;
	}
	#colum .columBox .knowledge .flowInner {
		padding-inline: 2rem;
	}
	/* - - reviewsList - -*/
	#colum .columBox .knowledge .reviewsList .slick-slide > div {
		width: 22rem;
	}
	/* - - columnsList - -*/
	#colum .columBox .knowledge .columnsList > li {
		width: calc((100% - (5.5rem * 1 + 0.1rem)) / 2);
	}
	/* - - mainImg - -*/
	#colum .columBox .knowledge .mainImg .sub {
		padding-top: 0;
	}
	/* - - visitorImgBox - -*/
	#colum .columBox .knowledge .visitorImgBox {
		margin-inline: 0;
	}
	/* - - pieChart - -*/
	#colum .columBox .knowledge .pieChart {
		margin-left: 4rem;
	}
	/* - - process - -*/
	#colum .columBox .knowledge .process {
		padding-inline: 2rem;
	}
	#colum .columBox .knowledge .process .textBox {
		padding-left: 0;
	}
	#colum .columBox .knowledge .process .photoBox {
		width: 40%;
		margin-left: 3rem;
	}
	/* - - processSpec - -*/
	#colum .columBox .knowledge .processSpec .photoBox {
		margin-left: 0.7rem;
		margin-right: 3rem;
	}
	/* - - planBox - -*/
	#colum .columBox .knowledge .planBox .content {
		padding: 0;
	}
	/* - - anchorList - -*/
	#colum .columBox .knowledge .anchorList li .ttl {
		margin-inline: -3rem;
	}
	/* - - bigPlanPhoto - -*/
	#colum .columBox .knowledge .bigPlanPhoto .note {
		margin-right: 0;
		margin-top: 0;
	}
	/* - - barChart - -*/
	#colum .columBox .knowledge .barChart {
		transform: scale(0.85);
		transform-origin: center;
	}
	
}

@media all and (max-width: 896px) {
	#colum .columBox .knowledge .priceBox,
	#colum .columBox .knowledge .planBox,
	#colum .columBox .knowledge .mainImg,
	#colum .columBox .knowledge .feature,
	#colum .columBox .knowledge .payment,
	#colum .columBox .knowledge .disease,
	#colum .columBox .knowledge .message,
	#colum .columBox .knowledge .featureTop,
	#colum .columBox .knowledge .treatmentSec,
	#colum .columBox .knowledge .priceBoxTop,
	#colum .columBox .knowledge .greeting,
	#colum .columBox .knowledge .flowSec,
	#colum .columBox .knowledge .infoSec,
	#colum .columBox .knowledge .faqSec,
	#colum .columBox .knowledge .newsSec,
	#colum .columBox .knowledge .columSec,
	#colum .columBox .knowledge .agaSec,
	#colum .columBox .knowledge .anxiety,
	#colum .columBox .knowledge .campaign,
	#colum .columBox .knowledge .mainVisual {
		margin-inline: -1.75rem;
	}
	#colum .columBox .knowledge .priceList li .textBox .headLine16 {
		margin-bottom: 1.6rem;
		font-size: 2.3rem;
		line-height: 1.22;
		text-align: center;
		padding-bottom: 0;
	}
}