@charset "UTF-8";


.contentpage .m_img {
	background-image: url("../images/clinic/m_img@2x.jpg");
}

/*
---------------------------------------------------------*/
.cli_bg {
	position: relative;
	padding: 100px 0;
}

.com_lead_box .com_btn1 a {
	min-width: 21em;
}

#family .com_title1 .com_deco_txt,
#child_care .cc_title .com_deco_txt {
	color: #FFF;
}
#welcome .com_deco_txt::first-letter {color: #fab28a;}
#family .com_deco_txt::first-letter {color: #fa905a;}
#child_care .com_deco_txt::first-letter {color: #f5e074;}
#other .com_deco_txt::first-letter {color: #91bf55;}
#certificate .com_deco_txt::first-letter {color: #b188a8;}

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.com_title1 {
	margin-bottom: 3em;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.cli_bg {
	padding: 10% 0;
}

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.cli_bg {
	padding: 12% 0 14%;
}
}


/*---------------------------------------------------------
textstyle
---------------------------------------------------------*/
.cli_style1 .com_deco_txt {
	text-align: left;
	font-size: 113%;
	margin-bottom: 1.5em;
}
.cli_style1 .ft_min {
	font-size: min(266%,3.4vw);
	letter-spacing: .15em;
	line-height: 1.3;
	white-space: nowrap;
	margin-bottom: .2em;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.cli_style1 .ft_min {
	font-feature-settings: "palt";
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.cli_style1 .com_deco_txt {
	font-size: 90%;
	margin-bottom: 1.2em;
}
.cli_style1 .ft_min {
	font-size: 150%;
	letter-spacing: .12em;
}
}


/*---------------------------------------------------------
layout
---------------------------------------------------------*/
/*cli_grid*/
.cli_grid {
	position: relative;
}
.cli_grid .box_img {
	position: relative;
}
.cli_grid .box_img .abs {
	position: absolute;
}
.cli_grid .box_txt > .ft_min {
	font-size: min(3.8vw,266%);
	line-height: 1.5;
	letter-spacing: .1em;
	font-feature-settings: "halt";
	margin-bottom: .5em;
}

.cli_grid.col2 .box_img {/*col2*/
	max-width: 590px;
	margin: 0 auto 1.8em;
}
.cli_grid.col3 .box_img {/*col3*/
	max-width: 380px;
	margin: 0 auto 1.2em;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
/*cli_grid*/
.cli_grid {
	display: grid;
	grid-auto-columns: 1fr;
	justify-content: space-between;
	align-items: flex-start;
}
.cli_grid.col2 {
	grid-template-columns: 47% 47%;
}
.cli_grid.col3 {
	grid-template-columns: repeat(3, min(31.5%,380px));
}
.cli_grid.col3 > div:nth-of-type(n+4) {
	margin-top: 60px;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*cli_grid*/
.cli_grid .box_txt {
	width: 100%;
}
.cli_grid.col3 > div:nth-of-type(n+4) {
	margin-top: 50px;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.cli_grid > div:not(:last-of-type) {
	margin-bottom: 10%;
}
.cli_grid .box_img {
	width: 80%;
	margin: 0 auto 1.5em;
}
.cli_grid .box_txt > .ft_min {
	font-size: 140%;
	letter-spacing: .08em;
}

.cli_grid.col3 > div:not(:last-of-type) {
	padding-bottom: 8%;
	border-bottom: 1px solid #E6E6E6;
}
.cli_grid.col3 .box_img {/*col3*/
	width: 80%;
}
.cli_grid.col3 dt {
	font-size: 125%;
}
}



/*---------------------------------------------------------
welcome
---------------------------------------------------------*/
#welcome .cli_bg {
	background-image: url(../images/clinic/wlc_bg@2x.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
	padding-bottom: 140px;
}
#welcome .com_title2 {
	margin-left: 9%;
}
#welcome #entrance .img1 {
	max-width: 444px;
}
#welcome #entrance .img2 {
	max-width: 267px;
}
#welcome #entrance .img2 .abs {
	width: 55%;
	max-width: 145px;
	left: 90%;
	bottom: 5%;;
}
/* com_radibox */
#welcome .com_radibox {
	max-width: 1140px;
	margin: 160px auto 0;
}
#welcome .com_radibox dt {
	text-align: center;
	white-space: nowrap;
	margin-right: 8%;
}
#welcome .com_radibox .ft_min {
	font-size: min(160%,2.5vw);
	letter-spacing: .14em;
	line-height: 1.4;
	background: url(../images/clinic/icon_whch.svg) no-repeat center top;
	background-size: 1.5em auto;
	padding-top: 2em;
}
#welcome .com_radibox .com_deco_txt {
	font-size: 94%;
	margin-top: .4em;
}
/* wlc_slider */
.wlc_slider {
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}
.wlc_slider img {
	transition: scale .8s;
}
.wlc_slider li:not([class$="-active"]) img {
	scale: 0.8;
}
.wlc_slider .swip-pagination .swiper-pagination-bullet-active,
.wlc_slider .swip-pagination .swiper-pagination-bullet:hover {
	background: #fab28a;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#welcome #entrance {
	grid-template-columns: 35% 60%;
}
#welcome #entrance .img1 {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	margin-left: -12%;
	margin-top: 10%;
}
#welcome #entrance .img2 {
	width: 36%;
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	margin: 10% 16% -28% auto;
}
#welcome #entrance dl {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}
#welcome #counseling {
	grid-template-columns: 58% 38%;
}
#welcome #counseling dl {
	align-self: flex-end;
	padding-bottom: 10%;
}
/* com_radibox */
#welcome .com_radibox dl {
	display: flex;
	align-items: center;
}

/* wlc_slider */
.wlc_slider {
	width: 78vw;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#welcome .cli_bg {
	padding-bottom: 14%;
}
#welcome #entrance .img2 {
	margin-top: 6%;
	margin-bottom: -20%;
}
#welcome #counseling dl {
	padding-bottom: 0;
}
/* com_radibox */
#welcome .com_radibox {
	margin-top: 15%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#welcome .cli_bg {
	padding-bottom: 16%;
}
#welcome .com_title2 {
	margin-left: 6%;
}
#welcome #entrance {
	display: flex;
	flex-wrap: wrap;
}
#welcome #entrance .img1 {
	width: 55%;
	margin-top: 5%;
	margin-left: 0;
}
#welcome #entrance .img2 {
	width: 35%;
	margin-top: 15%;
}
#welcome #entrance .img2 .abs {
	left: 60%;
}
/* com_radibox */
#welcome .com_radibox {
	margin-top: 10%;
}
#welcome .com_radibox .ft_min {
	font-size: 120%;
	letter-spacing: .1em;
}
}



/*---------------------------------------------------------
treatment
---------------------------------------------------------*/
#treatment .cli_bg {
	background-color: rgba(30,136,168,0.13);
}
#treatment .trt_slider li {
	width: 63.4vw;
	max-width: 950px;
}
#treatment #ic .abs {
	width: 21%;
	max-width: 161px;
	left: 3%;
	bottom: 5%;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#treatment #ic {
	align-items: center;
	grid-template-columns: 60% 35%;
}
#treat_room {
	width: 90%;
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

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

#treatment #ic .abs {
	width: 28%;
}
}



/*---------------------------------------------------------
family
---------------------------------------------------------*/
#family .cli_bg {
	background-color: #f5e074;
}
#family i {
	position: absolute;
	letter-spacing: normal;
	line-height: 1;
}
#family .cli_grid.col3 img {
	border-radius: 7.9% / 12.5%;
}
/* lead_box */
#family .lead_box {
	position: relative;
}
#family .lead_box dl {
	position: relative;
}
#family .lead_box .box_img {
	max-width: 536px;
}
#family .lead_box .abs {
	width: 17.6%;
	max-width: 94px;
	left: 20%;
	top: -12%;
}
#family .lead_box .copy1 {
	position: relative;
	max-width: 914px;
}
#family .lead_box .copy2 {
	width: 95%;
	max-width: 625px;
	margin-bottom: 1em;
}
/* decoration */
#family .lead_box i {
	color: #FFF;
	font-size: min(16vw,230px);
	opacity: 0.3;
}
#family .lead_box i:nth-of-type(1) {
	right: -5%;
	top: -8%;
}
#family .lead_box i:nth-of-type(2) {
	left: -14%;
	top: -8%;
	rotate: 80deg;
}
#family .lead_box i:nth-of-type(3) {
	left: 45%;
	bottom: 0;
	translate: -50% 65%;
	rotate: -15deg;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
/* lead_box */
#family .lead_box {
	grid-template-columns: 42% 53%;
}
#family .lead_box .box_img {
	grid-row: 1 / 3;
}
#family .lead_box .copy1 {
	grid-row: 1 / 2;
	width: 136%;
	margin-left: -34%;
	margin-top: -5%;
}
#family .lead_box dl {
	grid-row: 2 / 3;
}
#family .lead_box dl dd {
	font-feature-settings: "halt";
	line-height: 2.5;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* lead_box */
#family .lead_box dl dd {
	line-height: 2.2;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/* lead_box */
#family .lead_box .box_img {
	width: 75%;
}
#family .lead_box .copy1 {
	width: 105%;
	margin-left: -5%;
	margin-top: -30%;
}
#family .lead_box .copy2 {
	width: 90%;
}
/* decoration */
#family .lead_box i {
	font-size: 25vw;
}
#family .lead_box i:nth-of-type(1) {
	right: -7%;
	top: 25%;
}
#family .lead_box i:nth-of-type(2) {
	left: -8%;
	top: -4%;
}
#family .lead_box i:nth-of-type(3) {
	translate: -50% 30%;
}
}

/*---------------------------------------------------------
family：com_radibox
---------------------------------------------------------*/
#family .com_radibox .cli_style1 .com_deco_txt {
	margin-bottom: 1em;
}
#family .com_radibox i {
	font-size: min(12vw,182px);
	opacity: 0.4;
}
#family .com_radibox .cli_grid .box_img {
	margin: 0 auto;
}
#family .com_radibox .cli_grid dl {
	position: relative;
	margin-top: 2em;
}
#family .com_radibox .cli_grid .box_img img:not(.abs) {
	border-radius: 3em;
}

#family #kids_room .abs {
	width: 53%;
	width: 60%;
	max-width: 265px;
	right: 7%;
	bottom: -9%;
}
#family #mrc_room .abs {
	width: 28%;
	width: 32%;
	max-width: 199px;
	left: 2%;
	bottom: 6%;
}
#family #mrc_room .abs:last-of-type {
	width: 11%;
	max-width: 76px;
	left: auto;
	right: 10%;
	bottom: -4%;
}
#family #fam_room .abs {
	width: 20%;
	width: 25%;
	max-width: 157px;
	left: 4.5%;
	bottom: 6%;
}
#family #fam_room .abs:last-of-type {
	width: 15%;
	max-width: 116px;
	left: auto;
	right: 15%;
	bottom: auto;
	top: -12%;
}
#family #child_room .abs {
	width: 35%;
	max-width: 247px;
	left: 8%;
	bottom: -16%;
}
/* icon */
#family #mrc_room i {
	opacity: 0.6;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#family .com_radibox {
	padding: 90px 3.5%;
}
#family .com_radibox .cli_grid:not(:nth-last-of-type(2)) {
	margin-bottom: 7.6%;
}
#family .com_radibox .cli_grid:nth-of-type(1) {
	grid-template-columns: 38.7% 55%;
}
#family .com_radibox .cli_grid:nth-of-type(1) {
	grid-template-columns: 38.7% 55%;
}
#family .com_radibox .cli_grid:nth-of-type(2) {
	grid-template-columns: 35% 61%;
}
#family .com_radibox .cli_grid:nth-of-type(3) {
	grid-template-columns: 55% 40%;
}

#family #mrc_room {
	margin-top: -21%;
}
#family #fam_room > div:first-of-type {
	margin-top: -10%;
}
/* decoration */
#family #mrc_room i {
	right: -3%;
	top: 67%;
	translate: 0 -50%;
}
#family #fam_room i {
	left: 5%;
	bottom: -5%;
}
#family #child_room i {
	right: -5%;
	top: 55%;
	translate: 0 -50%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#family .com_radibox {
	padding: 8% 4%;
}
#family .com_radibox #child_room .box_r {
	margin-top: -20%;
}

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#family .com_radibox .cli_grid .box_img img:not(.abs) {
	border-radius: 6vw;
}
#family .com_radibox i {
	font-size: 22vw;
}

#family .cli_grid.col3 {
	margin-bottom: 20%;
}
#family .cli_grid.col3 > div:not(:last-of-type) {
	border-color: rgba(255,255,255,0.6);
}

#family #mrc_room .box_img,
#family #fam_room .box_r .box_img,
#family #child_room .box_l .box_img {
	width: 94%;
}
#family .com_radibox #fam_room,
#family .com_radibox #fam_room .box_l,
#family .com_radibox #child_room .box_r {
	display: flex;
	flex-direction: column-reverse;
}
#family .com_radibox #mrc_room {
	margin-bottom: 15%;
}
#family #mrc_room .abs {
	width: 40%;
}
#family #fam_room .box_l .box_img {
	width: 75%;
	margin-right: 5%;
}
#family #fam_room .abs {
	width: 32%;
}
#family #child_room .abs {
	left: -5%;
}
#family #child_room .box_r .box_img {
	margin-left: 5%;
}
/* decoration */
#family #mrc_room i {
	right: -5%;
	top: 68%;
	translate: 0 -50%;
}
#family #fam_room i {
	left: -6%;
	bottom: -2%;
}
#family #child_room i {
	right: -8%;
	bottom: 35vw;
}
}

/*---------------------------------------------------------
family：child_care
---------------------------------------------------------*/
#child_care .com_radibox {
	background-color: #fa905a;
}
#child_care .abs1 {
	position: absolute;
	width: 12%;
	max-width: 139px;
	left: 4%;
	top: 0;
	translate: 0 -22%;
}
#child_care .abs2 {
	position: absolute;
	width: 20%;
	max-width: 220px;
	left: 50%;
	top: 0;
	translate: -50% -70%;
}
#child_care .cc_title {
	text-align: center;
	color: #FFF;
}
#child_care .cc_title .ft_min {
	font-size: min(266%,3.5vw);
	letter-spacing: .14em;
	line-height: 1.5;
	margin-bottom: .2em;
}
#child_care .cc_index {
	text-align: center;
	color: #FFF;
	font-size: 113%;
	line-height: 1.3;
	letter-spacing: .1em;
	background-color: #e5703e;
	box-sizing: border-box;
	padding: .6em 1.5em;
	border-radius: .85em;
	border-bottom-left-radius: .22em;
}
/* bg_white */
#child_care .bg_white {
	box-sizing: border-box;
	padding: 2.4em 5%;
	border-radius: 2em;
	margin: 1.5em auto 2em;
}
#child_care .bg_white dl dd {
	line-height: 1.4;
}
#child_care ol {
	list-style: none;
	counter-reset: number;
}
#child_care ol > li {
	position: relative;
	padding-left: 2.2em;
	margin-top: .8em;
}
#child_care ol > li::before {
	position: absolute;
	display: inline-block;
	counter-increment: number;
	content: counter(number);
	width: 1.53em;
	text-align: center;
	font-family: josefin-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #FFF;
	line-height: 1.33;
	letter-spacing: normal;
	background-color: #4a3e35;
	border-radius: 50%;
	box-sizing: border-box;
	padding-bottom: .2em;
	left: 0;
	top: -0.1em;
}
#child_care .bg_white .aster_txt {
	font-size: 86%;
}
#child_care ol > li {
	position: relative;
	padding-left: 2.2em;
	margin-top: .8em;
}
#child_care .blg_list {
	display: flex;
	justify-content: space-between;
	max-width: 690px;
}
#child_care .blg_list > li {
	position: relative;
	width: 31.5%;
	display: flex;
	align-items: center;
	text-align: center;
	font-size: min(1.5vw,113%);
	letter-spacing: .1em;
	line-height: 1.3;
	white-space: nowrap;
	background-color: #f6f8f6;
	box-sizing: border-box;
	padding: 1em;
	border-radius: 1.5em;
}
#child_care .blg_list > li::before {
	display: block;
	content: "";
	background: url(../images/clinic/care_icon1.svg) no-repeat center center;
	background-size: contain;
	width: 3em;
	height: 3em;
	margin-right: 1em;
}
#child_care .blg_list > li:nth-of-type(2):before {background-image: url(../images/clinic/care_icon2.svg);}
#child_care .blg_list > li:nth-of-type(3):before {background-image: url(../images/clinic/care_icon3.svg);}

/* caution */
#child_care .caution .cc_index {
	width: 11em;
	margin: 0 auto 1.5em;
}
#child_care .caution dd {
	color: #FFF;
}
#child_care .caution .com_marulist {
	margin-bottom: 2em;
}
#child_care .caution .com_marulist > li {
	padding-bottom: .4em;
	margin-bottom: 1em;
	border-bottom: 1px dashed #e5703e;
}
#child_care .caution .com_marulist > li::before {
	color: #e5703e;
	font-size: 70%;
	top: .3em;
}
/* cc_point */
#child_care .cc_point {
	color: #FFF;
	font-size: 93%;
	background-color: #e5703e;
	box-sizing: border-box;
	padding: 1.8em 4.4%;
	border-radius: 1em;
	margin-top: 2em;
}

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#child_care .com_radibox {
	padding: 70px 6.8%;
}
#child_care .bg_white dl {
	display: grid;
	justify-content: space-between;
	grid-template-columns: 18.5% 80%;
	row-gap: 1.2em;
	column-gap: 1.5em;
}
#child_care .bg_white dl dt {
	align-self: flex-start;
}
#child_care .bg_white dl dd {
	align-self: center;
}

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#child_care .com_radibox {
	padding: 7% 5%;
}
#child_care .cc_index {
	font-size: 105%;
	padding: .5em 1em;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#child_care .abs1 {
	width: 20%;
}
#child_care .abs2 {
	width: 38%;
}
#child_care .cc_title {
	text-align: center;
	color: #FFF;
}
#child_care .cc_title .ft_min {
	font-size: 120%;
}
#child_care .cc_index {
	font-size: 105%;
	padding: .4em 1.5em;
	margin-bottom: .6em;
}
/* bg_white */
#child_care .bg_white {
	padding: 7% 5%;
	border-radius: 5vw;
	margin: 5% auto 8%;
}
#child_care .bg_white dt:not(:first-of-type) {
	margin-top: 1em;
}
#child_care .blg_list {
	flex-wrap: wrap;
}
#child_care .blg_list > li {
	font-size: 90%;
}
#child_care .blg_list > li:first-of-type {
	width: 100%;
	justify-content: center;
	margin-bottom: 2%;
}
#child_care .blg_list > li:not(:first-of-type) {
	display: block;
	width: 49%;
}
#child_care .blg_list > li:not(:first-of-type)::before {
	margin: 0 auto .6em;
}
/* caution */
#child_care .caution .cc_index {
	margin-bottom: 1.2em;
}
#child_care .caution .com_marulist {
	margin-bottom: 8%;
}
#child_care .caution .com_marulist > li {
	margin-bottom: .8em;
}
/* cc_point */
#child_care .cc_point {
	padding: 6% 5%;
	margin-top: 5%;
}
}



/*---------------------------------------------------------
certificate
---------------------------------------------------------*/

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#certificate .com_flt .img_l,
#certificate .com_flt .img_r {
	width: 48%;
	max-width: 620px;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#certificate .com_flt:nth-of-type(3) .img_r {
	width: 55%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#certificate .com_flt:nth-of-type(3) .img_r {
	width: 96%;
}
}


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

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

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

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

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


}