@charset "utf-8";

/* Mobile */
/* 센터소개 */
.container::before {content:''; width:600px; height:787px;position:absolute; bottom:-32%;  background: url(/images/21_health/content/sub01_intro_bg.png) no-repeat right center; right: -33%;z-index: -5; background-size: 100%;}
.container {position:relative;padding-bottom: 50px;}
.container .typo {margin: 0 auto;max-width: 280px; padding: 0 10px;}
.container .typo img {width:100%;    opacity: .7;}
.container h4 {margin:10px 0 50px 20px; font-size: 28px; font-weight: 200; background: none; padding: 0;}
.container h4>strong {font-weight: 500; color: #4635c8;}
.container p {margin: 10px 0 20px 20px; line-height: 1.4; font-size: 20px;color: #666; word-break: keep-all;}
.container .thanks {margin: 30px 0 20px 20px; line-height: 1.5; font-size: 20px; display: block;}

/* Tablet */
@media (min-width: 768px) {
.container::before {width: 900px;bottom: -45%; opacity: .7;right: -10%;}
.container .typo {margin: 0 auto 0 10px;max-width: 350px;}
}

/* Desktop */
@media all and (min-width:1023px) {
.container::before {bottom: -42%;right: -25%;} 
}

@media all and (min-width:1400px) {
.container .typo {margin:0 auto 20px 10px;max-width: 400px;}
.container::before {width:1200px; bottom: -56%;right: -25%;} 
}   

@media all and (min-width:1600px) {
.container::before {width:1800px; bottom:-14%;opacity: .5; right: -95%;} 
.container {max-width: 60%; padding-bottom: 80px;padding-top: 85px; position: relative;}
.container .typo {margin:0;position: absolute; right: -70%; top: 0;}
.container h4>strong {font-size: 1.4em;vertical-align: baseline;}
}

.sch_left{width: 100%;float: none;}