/*하지교정클리닉*/
.inf01 { }
.inf01 .top_visual {background: url(../images/inf/top.jpg) 50% no-repeat; background-size: cover; }
.inf01 .top_visual .tit_sub .icon { background: url(../images/inf/icon_inf01.png) 50% no-repeat; }
.inf01 .top_visual .top_img{ max-width:880px; height:240px; margin:0 auto; background: url(../images/mind/img_mind01_1.png) no-repeat;}
.inf01 .top_visual .desc{ margin-bottom:50px;}
.inf01 .box01 ul { overflow: hidden; max-width: 900px; margin: 0 auto; }
.inf01 .box01 li { position:relative; padding-left:120px; padding-bottom:50px; background: url(../images/mind/img_mind01_2_0.png) 40px 0 repeat-y;}
.inf01 .box01 li.n5{ background:none; padding-bottom:0;}
.inf01 .box01 li .num{ position:absolute; top:0; left:0; width:80px; height:80px;}
.inf01 .box01 .n1 .num{background: url(../images/mind/img_mind01_2.png) 0 0 no-repeat;}
.inf01 .box01 .n2 .num{background: url(../images/mind/img_mind01_2.png) 0 -100px no-repeat;}
.inf01 .box01 .n3 .num{background: url(../images/mind/img_mind01_2.png) 0 -200px no-repeat;}
.inf01 .box01 .n4 .num{background: url(../images/mind/img_mind01_2.png) 0 -300px no-repeat;}
.inf01 .box01 .n5 .num{background: url(../images/mind/img_mind01_2.png) 0 -400px no-repeat;}
.inf01 .box01 .tit{ display:block; margin-bottom:10px; color: #333; font-size: 36px; font-weight: bold; letter-spacing: -0.045em; }
.inf01 .box01 p{ font-size:16px; padding-left:18px; margin-bottom:8px; text-align:justify; background: url(../images/mind/icon_check.png) 0 8px no-repeat;}
.inf01 .box02{ padding-top:0; }
.inf01 .box02 .tit_ssub{ text-align:left;}
.inf01 .box01{ padding-top:0; padding-bottom:0;}
.inf01 .box01 .inner{ width:100%; max-width:1140px; padding:80px 0; margin:0 auto; border:1px solid #ddd; box-sizing:border-box;}
.inf01 .box02 .inner{ max-width:1120px; margin:0 auto;}
.inf01 .box02 .cont{ overflow:hidden;}
.inf01 .box02 .left, .inf01 .box02 .right{ float:left; width:50%; box-sizing:border-box;}
.inf01 .box02 .left{ padding-right:40px; font-size:16px; line-height:1.8;}
.inf01 .box02 .right{ padding-left:40px;}
.inf01 .box02 .right .img img{ width:100%;}


.inf01 .box04{background:#f4f4ea;overflow:hidden;}
.inf01 .box04 h3{ overflow:hidden; color:#68c00c; margin-top:0; display:none;}
.inf01 .box04 h4, .inf01 .box05 h4{font-size:30px;margin-top: 0px;margin-bottom: 50px;text-align:left;}
.inf01 .box04 .inner, .inf01 .box05 .inner{ max-width:1140px; margin:0 auto;}
.inf01 .box04 .left, .inf01 .box05 .left{ width:40%; max-width: 480px;float:left;}
.inf01 .box04 .left .desc, .inf01 .box05 .left .desc{font-size:15px;line-height:1.8;margin-bottom:20px;color: #333;}
.inf01 .box04 .right, .inf01 .box05 .right{width:50%;max-width: 570px;float:right;padding:0 60px;border-left:1px solid #ddd;box-sizing:border-box;}
.inf01 .box04 .right .img, .inf01 .box05 .right .img{background:#fff;width:100%;max-width: 450px;margin-bottom:30px;}
.inf01 .box04 .right .img img, .inf01 .box05 .right .img img{ width:100%;}
.inf01 .box04 .right .tit, .inf01 .box05 .right .tit{ color:#222; font-size:24px; margin-bottom:15px;}
.inf01 .box04 .right li, .inf01 .box05 .right li{ position:relative; font-size:14px; margin-bottom:4px; padding-left:14px;}
.inf01 .box04 .right li:before, .inf01 .box05 .right li:before{position:absolute;top: 10px;left:0;content:''; width:4px; height:4px; border-radius:50%; background:#68c00c;}
.intoto {text-align:left; margin-left:25%;}


.inf01 .box05{ background:#fff; overflow:hidden;}
/*.mind01 .box05 h4{ font-size:30px; margin-top:0; margin-bottom:30px; text-align:left;}
.mind01 .box05 .inner{ max-width:1140px; margin:0 auto;}
.mind01 .box05 .left{ max-width:510px; float:left;}
.mind01 .box05 .left .desc{ font-size:15px; line-height:1.8; margin-bottom:20px;}
.mind01 .box05 .right{ width:100%; max-width:440px; float:left; border-left:1px solid #ddd; padding-left:60px; margin-left:60px; box-sizing:border-box;}
.mind01 .box05 .right .img{ background:#fff; width:100%; height:240px; margin-bottom:30px;}
.mind01 .box05 .right .tit{ color:#222; font-size:24px; margin-bottom:15px;}
.mind01 .box05 .right li{ position:relative; font-size:14px; margin-bottom:6px; padding-left:14px;}
.mind01 .box05 .right li:before{ position:absolute; top:3px; left:0; content:'●'; color:#68c00c; font-size:3px;}*/


@media screen and (max-width:1200px) {

}
@media screen and (max-width:1023px) {
.inf01 .top_visual .top_img{ background: url(../images/mind/img_mind01_1.png) no-repeat; background-size:100%;}

}
@media screen and (max-width:768px) {
.inf01 .top_visual .top_img{ max-width:506px; height:468px; background: url(../images/mind/img_mind01_1_1.png) 50% 20px no-repeat; background-size:90%;}
.inf01 .box01 .inner{ border:0; padding:60px 0;}
.inf01 .box01 li { padding-left:50px; padding-bottom:30px; background: url(../images/mind/img_mind01_2_0.png) 20px 0 repeat-y;}
.inf01 .box01 li .num{ position:absolute; top:0; left:0; width:40px; height:40px; background-size:40px !important;}
.inf01 .box01 .n1 .num{background: url(../images/mind/img_mind01_2.png) 0 0 no-repeat;}
.inf01 .box01 .n2 .num{background: url(../images/mind/img_mind01_2.png) 0 -50px no-repeat;}
.inf01 .box01 .n3 .num{background: url(../images/mind/img_mind01_2.png) 0 -100px no-repeat;}
.inf01 .box01 .n4 .num{background: url(../images/mind/img_mind01_2.png) 0 -150px no-repeat;}
.inf01 .box01 .n5 .num{background: url(../images/mind/img_mind01_2.png) 0 -200px no-repeat;}
.inf01 .box01 .tit{ font-size:24px;}
.inf01 .box01 p{ font-size:14px;}
.inf01 .box02 .left, .inf01 .box02 .right{ float:none; width:100%; padding-left:0; padding-right:0; font-size:14px;}
.inf01 .box02 .right{ margin-top:20px;}


.inf01 .box04 h4, .inf01 .box05 h4{ font-size:24px; margin-top:0 !important; margin-bottom:15px !important;}
.inf01 .box04 .right .tit, .inf01 .box05 .right .tit{ font-size:18px;}
.inf01 .box04 .left, .inf01 .box05 .left, .inf01 .box04 .right, .inf01 .box05 .right{ width:100%; max-width:480px; margin:0 auto; float:none;}
.inf01 .box04 .right, .inf01 .box05 .right{ border-left:0; margin-top:60px; padding:0;}
.intoto {text-align:left;margin-left:1%;}
}
@media screen and (max-width:480px) {
.inf01 .top_visual .top_img{ height:380px;}
.intoto {text-align:left;margin-left:1%;}
}
@media screen and (max-width:420px) {
.inf01 .top_visual .top_img{ height:320px;}
.intoto {text-align:left;margin-left:1%;}
}
@media screen and (max-width:360px) {
.inf01 .top_visual .top_img{ height:270px;}
.intoto {text-align:left;margin-left:1%;}
}