@charset "utf-8";
/* ----------------------------------------
@media screen and (min-width:1280px) {} ※ブレイクポイント最大値
@media screen and (min-width:1025px) {} ※以上PC（1025px以上）
@media screen and (max-width:1024px) {} ★以下タブレット：横（最大TB横、最小PC：1024px×768px）
@media screen and (max-width:768px) {} ★タブレット：標準（主に768px〜834px／最小600）
@media screen and (max-width:599px) {} ★以下スマホ（主に375px〜414px）
@media screen and (max-width:375px) {} ※スマホ最小（最小360・375px）
※フルHD：1920px×1080px
※タブレット標準：768px
※スマホ最小：360px
※ブレイクポイント最大値：1280px
-------------------------------------------*/




/* ----------------------------------------
【PCワイド】
-------------------------------------------*/
.title_sl{
font-family: serif;
    font-weight: 900;
    text-align: center;
    color: #fff;
    font-size: 190%;
    padding-bottom: 10px;
}
.title_sl::before {
    content: "";
    background: url(../img/sl-before.png) no-repeat center center scroll;
}
.title_sl::after {
    content: "";
    background: url(../img/sl-after.png) no-repeat center center scroll;
}
.about_bg_sp{
display: none;
}
/* ----------------------------------------
【PC】
-------------------------------------------*/
@media screen and (max-width:1280px){
#about_bl {
background-size: contain;
}
#chigai {
background: #1a1935 url(../img/chigai-bg.jpg) no-repeat center top scroll;
background-size: contain;
padding-top: 6em;
}
.clinic_info{
font-size: 100%;
}
}
/* ----------------------------------------
【タブレット横】
-------------------------------------------*/
@media screen and (max-width:1024px) {
#osusume {
background: #828391 url(../img/osusume_bg.jpg) no-repeat bottom center scroll;
background-size: auto;
}
#osusume ul li {
width: 100%;
margin: 1em auto;
padding: 10px;
font-size: 100%;
line-height: 1.4;
letter-spacing: 0;
}
.osusume_title{
max-width: 500px;
width: 90%;
	}
#about_bl {
background: #efeee9;
}
.about_bg_sp{
display: block;
margin: 1em auto 0;
max-width: 100%;
}
#chigai .before,
#chigai .after{
width: 100%;
max-width: 600px;
margin: 0 auto;
}
#chigai .chigai_arrow {
width: 20%;
margin: 0 auto;
}
ul.block_03 li .t2 {
font-size: 40px;
}
.clinic-1, .clinic-2 {
width: 100%;
max-width: 600px;
/*padding: 1em;*/
margin: 1em auto 2em;
}
.clinic_info {
padding:1em 0 0;
}
#footer_area .clinic-1, 
	#footer_area .clinic-2 {
width: 100%;
padding: 1.5em;
margin: 1em auto;
}
/**/
#plan ul.plan_list li {
width: 23%;
}
#message .message_title {font-size: 150%;}
}

/* ----------------------------------------
【タブレット縦】
-------------------------------------------*/
@media screen and (max-width:768px) {
#nonp ul.nonp_list li {width: 30%;}
#message {background: #181f48 url(../img/message_bg.jpg) no-repeat top center scroll;}
#message .wrap{width: 96%;margin: 0 auto;}
#footer_area .clinic_info {max-width: 500px;margin: 0 auto;}
}

/* ----------------------------------------
【スマホ】
-------------------------------------------*/
@media screen and (max-width:599px) {
.title_sl {font-size: 4.2vw;}
#flow dl dt {font-size: 120%;}
#flow .flow_bg {width: 90%;margin-left: 10%;}
#nonp ul.nonp_list li {width: 46%;}
#plan ul.plan_list li {width: 48%;}
#message .message_title {font-size: 130%;}
.messe_img_hiro{display: block;max-width: 300px;width: 80%;}
}

/* ----------------------------------------
【スマホ最小】
-------------------------------------------*/
@media screen and (max-width:375px) {

}