@charset "UTF-8";

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



/*クリニック紹介：共通
---------------------------------------------------------*/
.clin_index1 {
	color: #E5DCB0;
	font-size: min(347%,5.8vw);
	letter-spacing: normal;
	line-height: 1.2em;
	margin-bottom: .5em;
}
.clin_index2 {
	font-size: min(190%,3.0vw);
	letter-spacing: normal;
	line-height: 1.4em;
	margin-bottom: .3em;
}
.clin_style1 > dt {
	font-size: 150%;
	letter-spacing: normal;
	line-height: 1.4em;
	margin-bottom: .5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.clin_style1 > dt {
	font-size: 140%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.clin_index1 {
	font-size: 250%;
	margin-bottom: .5em;
}
.clin_index2 {
	font-size: 150%;
}
.clin_style1 > dt {
	text-align: center;
	font-size: 140%;
	margin-bottom: .3em;
}
}



/*welcome
---------------------------------------------------------*/
#welcome .com_bg {
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
}
#welcome .flex_box {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
#welcome .flex_box .box_l {
	width: 34%;
	max-width: 480px;
	padding-bottom: 9%;
}
#welcome .flex_box .box_r {
	width: 62%;
	max-width: 920px;
}
#welcome .flex_box .box_l .in_box {
	width: 92%;
	max-width: 360px;
	margin-left: auto;
	margin-right: 0;
}
#welcome .flex_box .box_l .abs_img {
	width: 25%;
	max-width: 320px;
	margin: auto;
	position: absolute;
	bottom: 0;
	transform: translateY(30%);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#welcome .com_bg {
	padding-top: 6%;
	padding-bottom: 6%;
}
#welcome .flex_box {
    align-items: flex-start;
}
#welcome .flex_box .box_l {
	padding-bottom: 12%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#welcome .com_bg {
	padding-top: 12%;
	padding-bottom: 0;
}
#welcome .flex_box {
	display: block;
}
#welcome .flex_box .box_l {
	width: 100%;
	max-width: 100%;
	padding-bottom: 9%;
}
#welcome .flex_box .box_r {
	width: 100%;
	max-width: 100%;
}
#welcome .flex_box .box_l .in_box {
	width: 90%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#welcome .flex_box .box_l .abs_img {
	width: 38%;
	top: 0;
	right: 5%;	
	bottom: auto;
	transform: translateY(-20%);
}
}



/*counseling
---------------------------------------------------------*/
#counseling .in_box {
	padding-top: 140px;
	padding-bottom: 160px;
}
#counseling .w980 {
	position: relative;
}
#counseling .clin_index1 {
	position: absolute;
	top: 0;
}
#counseling .box_r {
	width: 42%;
	max-width: 340px;
	margin-left: auto;
	margin-right: 0;
}
#counseling .box_r .img_box1 {
	width: 100%;
	max-width: 320px;
	margin-bottom: 16%;
}
#counseling .img_box2 {
	width: 50%;
	max-width: 520px;
	position: absolute;
	bottom: 0;
	transform: translateY(7%);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#counseling .in_box {
	padding-top: 12%;
	padding-bottom: 12%;
}
#counseling .clin_index1 {
	top: auto;
	bottom: 80%;
}
#counseling .box_r .img_box1 {
	margin-bottom: 10%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#counseling .in_box {
	padding-top: 22%;
	padding-bottom: 14%;
}
#counseling .clin_index1 {
	position: static;
}
#counseling .box_r {
	width: 100%;
	max-width: 100%;
	margin-bottom: 9%;
}
#counseling .box_r .img_box1 {
	width: 70%;
	max-width: 100%;
	margin: 0 auto 5%;
}
#counseling .img_box2 {
	width: 100%;
	max-width: 100%;
	position: static;
	transform: translateY(0%);
}
}



/*medical
---------------------------------------------------------*/
#medical .com_bg {
	padding-top: 110px;
	padding-bottom: 110px;
}
#medical .flex_box {
	display: flex;
    justify-content: space-between;
}
#medical .flex_box .box_l {
	width: 42%;
	max-width: 360px;
}
#medical .flex_box .box_l .clin_index1 {
	text-align: right;
	margin-bottom: 20%;
}
#medical .flex_box .box_r {
	width: 54%;
	max-width: 520px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#medical .com_bg {
	padding-top: 10%;
	padding-bottom: 10%;
}
#medical .flex_box {
    align-items: center;
}
#medical .flex_box .box_l .clin_index1 {
	margin-bottom: 10%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#medical .com_bg {
	padding-top: 12%;
	padding-bottom: 14%;
}
#medical .flex_box {
	display: block;
}
#medical .flex_box .box_l {
	width: 100%;
	max-width: 100%;
	margin-bottom: 9%;
}
#medical .flex_box .box_l .clin_index1 {
	margin-bottom: 0;
}
#medical .flex_box .box_r {
	width: 100%;
	max-width: 100%;
}
}



/*accessibility
---------------------------------------------------------*/
#accessibility .w980 {
	padding-top: 100px;	
}
#accessibility .clin_index1 {
	text-align: center;
	margin-bottom: 80px;
}
#accessibility .box_list {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#accessibility .box_list li {
	width: 48%;
	max-width: 450px;
}
#accessibility .box_list .clin_style1 {
	margin-top: 1.5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#accessibility .w980 {
	padding-top: 10%;	
}
#accessibility .clin_index1 {
	margin-bottom: 6%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#accessibility .w980 {
	padding-top: 16%;	
}
#accessibility .clin_index1 {
	margin-bottom: 10%;
}
#accessibility .box_list {
	display: block;
}
#accessibility .box_list li {
	width: 100%;
	max-width: 100%;
	margin-bottom: 10%;
}
#accessibility .box_list li:last-child {
	margin-bottom: 0;
}
#accessibility .box_list .img_box {
	width: 80%;
	margin: 0 auto;
}
#accessibility .box_list .clin_style1 {
	margin-top: 1.0em;
}
}



/*infoaddition
---------------------------------------------------------*/
#infoaddition .in_box {
	width: 94%;
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
	border-top: solid 1px #ccc;
	padding-top: 70px;
	text-align: center;
}
#infoaddition .ft_gothic {
	margin-bottom: .6em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#infoaddition .in_box {
	padding-top: 6%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#infoaddition .in_box {
	padding-top: 8%;
}
}



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

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

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