@charset "UTF-8";




/*---------------------------------------------------------
 Page common
---------------------------------------------------------*/
hr {
	background-color: var(--color-och-200);
}

.l-col-list .c-hdg--min {
	text-align: center;
}
/* Page common - heading
-----------------------------------------------*/
.c-hdg--en {
	color: var(--color-och-200);
}
.p-hdg--enjp {
	margin-left: 5%;
	margin-bottom: 3.6em;
}
.p-hdg--enjp .c-hdg--en {
	margin-bottom: .6em;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.p-hdg--enjp {
	margin-bottom: 8%;
}
.p-hdg--enjp .c-hdg--en {
	font-size: 8.2vw;
}
}

/* Page common - p-col2
-----------------------------------------------*/
.p-col2 {
	display: grid;
	justify-content: space-between;
	row-gap: 2.5em;
}
.p-col2__img {
	max-width: max-content;
	margin-inline: auto;
}
.p-col2__txt {
	width: 90%;
	max-width: 440px;
	margin-inline: auto;
}
.p-col2__img + .p-col2__txt {
	padding-top: 9%;
}
.p-col2__txt .c-hdg--min {
	color: var(--color-brw-300);
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.p-col2__img + .p-col2__txt {
	padding-top: 7%;
}
}




/*---------------------------------------------------------
 Lead
---------------------------------------------------------*/
.l-lead .c-hdg--enjp::after {
	display: block;
	content: "";
	background-color: var(--color-bdr);
	width: 8em;
	height: 1px;
	margin: 2.2em auto;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}




/*---------------------------------------------------------
 Reception
---------------------------------------------------------*/
.reception {
	padding-bottom: 40px;
}
.reception__copy {
	margin-left: 11%;
	margin-bottom: 18%;
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {

.reception .p-col2 {
	width: 95%;
	max-width: 1420px;
	grid-template-columns: 38% 56%;
	margin-left: auto;
}
.reception .p-col2__r {
	margin-top: 10%;
}
.reception .p-col2__txt {
	width: 86%;
	max-width: 600px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.reception__copy {
	margin-left: 8%;
	margin-bottom: 8%;
}
.reception .p-col2__l .p-col2__img {
	width: 65%;
	margin: 5% 8% auto auto;
}
.reception .p-col2__txt {
	width: 82%;
}
}




/*---------------------------------------------------------
 Counseling
---------------------------------------------------------*/
.counseling {
	background: linear-gradient(to top, var(--color-ivo), transparent) no-repeat left bottom;
	background-size: 100% 300px;
	padding: min(14vw,200px) 0;
}
.counseling .c-bg-color {
	background-color: #FFF;
}
.counseling .p-col2__r .p-col2__img {
	width: 85%;
	max-width: 390px;
	margin: 12% 0 auto auto;
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {

.counseling .p-col2 {
	grid-template-columns: 56% min(38%,460px);
}
.counseling .p-col2__txt {
	width: 100%;
}
.counseling .p-col2__r {
	margin-top: -35%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.counseling .p-col2 {
	row-gap: 1.5em;
}
}




/*---------------------------------------------------------
 Privacy
---------------------------------------------------------*/
.privacy {
	padding-bottom: 40px;
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {

.privacy .p-hdg--enjp {
	max-width: max-content;
	margin: 0 auto 1em;
}
.privacy .p-col2 {
	grid-template-columns: 42% 48%;
}
.privacy .p-col2 .p-hdg--enjp {
	grid-column: 2/3;
	grid-row: 1/2;
}
.privacy .p-col2 > div:nth-child(2) {
	grid-column: 1/2;
	grid-row: 1/3;
	margin-top: 20%;
}
.privacy .p-col2 > div:nth-child(3) {
	grid-column: 2/3;
	grid-row: 2/3;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.privacy .p-hdg--enjp {
	margin-bottom: 0;
}
.privacy .p-col2__l .p-col2__img {
	width: 88%;
}
}




/*---------------------------------------------------------
 Comfortable
---------------------------------------------------------*/
.comfortable {
	padding-top: min(14vw,200px);
}
.comfortable .c-bg-color {
	background-color: var(--color-bei);
}



/*---------------------------------------------------------
 
---------------------------------------------------------*/

/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}