@charset "UTF-8";
/*=============================================================
 #specialty 当院のこだわり
=============================================================*/
#mainImg { background-image: url(../img/specialty/bg_main01_sp.png); }
@media all and (min-width: 600px) { #mainImg { background-image: url(../img/specialty/bg_main01_pc.png); } }
/* #intro
================================================ */
#intro { padding-top: 45px; }
@media all and (min-width: 600px) { #intro { padding-top: 73px; } }
/* #treatment
================================================ */
#treatment .inner { padding: 40px 15px; }
#treatment .areaImg { margin-bottom: 18px; }
#treatment .areaTxt .tit { margin-bottom: 5px; }
#treatment .areaTxt .txt { font-size: 1.4rem; line-height: 1.9; }
#treatment .areaTxt .txt + .txt { margin-top: 27px; }
#treatment .comparison { margin-top: 27px; }
#treatment .comparison .secComparison .tit { padding: 8px 0 12px; color: #fff; font-size: 1.7rem; font-weight: 500; text-align: center; }
#treatment .comparison .secComparison .list { padding: 10px 20px 24px 24px; border: 1px solid #e5e5e5; border-top: 0; }
#treatment .comparison .secComparison .list .item { position: relative; padding: 0 0 0 15px; font-size: 1.4rem; line-height: 2; }
#treatment .comparison .secComparison .list .item:before { position: absolute; content: ""; top: 9px; left: 0; width: 10px; height: 10px; border-radius: 50%; }
#treatment .comparison .merit .tit { background: #b09253; }
#treatment .comparison .merit .list .item:before { background: #b09253; }
#treatment .comparison .demerit { margin-top: 15px; }
#treatment .comparison .demerit .tit { background: #65658a; }
#treatment .comparison .demerit .list .item:before { background: #65658a; }
@media all and (min-width: 600px) { #treatment .inner { width: 1100px; margin: auto; padding: 76px 0 90px; box-sizing: border-box; }  #treatment .leadTit { margin-bottom: 48px; }  #treatment .areaImg { float: left; width: 530px; margin: 0 40px 20px 0; }  #treatment .areaTxt .tit { margin-top: -8px; margin-bottom: 22px; }  #treatment .areaTxt .tit span { display: inline; }  #treatment .areaTxt .txt { font-size: 1.6rem; }  #treatment .comparison { overflow: hidden; margin: 60px 0 0; }  #treatment .comparison .secComparison { width: 530px; }  #treatment .comparison .secComparison .tit { padding: 6px 0 10px; font-size: 2.2rem; }  #treatment .comparison .secComparison .list { padding: 20px 45px 30px 30px; }  #treatment .comparison .secComparison .list .item { padding: 0 0 0 12px; font-size: 1.6rem; }  #treatment .comparison .secComparison .list .item:before { top: 13px; width: 8px; height: 8px; }  #treatment .comparison .merit { float: left; }  #treatment .comparison .demerit { float: right; margin: 0; } }
/* #guidedSurgery
================================================ */
#guidedSurgery > .inner { padding: 40px 15px; }
#guidedSurgery .intro { margin-bottom: 26px; }
#guidedSurgery .intro .leadTit { margin-bottom: 24px; }
#guidedSurgery .intro .areaImg { margin-bottom: 18px; }
#guidedSurgery .intro .areaTxt .tit { margin-bottom: 10px; }
#guidedSurgery .intro .areaTxt .txt { line-height: 1.9; }
#guidedSurgery .sec .areaImg { margin-bottom: 12px; }
#guidedSurgery .sec .areaTxt { margin-bottom: 18px; }
#guidedSurgery .sec + .sec { margin-top: 15px; }
@media all and (min-width: 600px) { #guidedSurgery > .inner { padding: 76px 50px 90px; }  #guidedSurgery .intro { margin-bottom: 0; }  #guidedSurgery .intro .leadTit { margin-bottom: 50px; }  #guidedSurgery .intro .areaImg { float: right; width: 530px; margin: 0 0 20px 40px; }  #guidedSurgery .intro .areaTxt { margin-bottom: 65px; }  #guidedSurgery .intro .areaTxt .tit { margin-bottom: 20px; }  #guidedSurgery .sec { overflow: hidden; }  #guidedSurgery .sec .leadTit { clear: both; }  #guidedSurgery .sec .areaImg { float: left; width: 370px; margin: 0; }  #guidedSurgery .sec .areaTxt { margin: 0; padding: 0 0 0 410px; }  #guidedSurgery .sec .areaTxt .txt { margin-top: -10px; }  #guidedSurgery .sec .imgList { clear: both; }  #guidedSurgery .sec + .sec { margin-top: 30px; }  #guidedSurgery #ct .areaTxt, #guidedSurgery #plan .areaTxt { margin-bottom: 44px; }  #guidedSurgery #ct .areaImg, #guidedSurgery #plan .areaImg { margin-bottom: 44px; } }
/* #other
================================================ */
#other .inner { padding: 40px 15px 50px; }
#other .leadTit { margin-bottom: 20px; }
#other .sec .tit { margin-bottom: 10px; }
#other .sec .txt { line-height: 1.9; }
#other .sec .img { margin-top: 30px; }
#other .sec + .sec { margin-top: 30px; }
@media all and (min-width: 600px) { #other .inner { width: 1100px; margin: auto; padding: 76px 0 80px; }  #other .leadTit { margin-bottom: 42px; }  #other .sec .tit { margin-bottom: 20px; }  #other .sec .img { margin-top: 40px; }  #other .sec + .sec { margin-top: 62px; } }
/* #support
================================================ */
#support .inner { padding: 40px 15px 50px; }
#support .leadTit { margin-bottom: 20px; }
#support .areaImg { margin-bottom: 20px; }
#support .areaTxt .tit { margin-bottom: 10px; }
@media all and (min-width: 600px) { #support .inner { overflow: hidden; width: 1100px; margin: auto; padding: 76px 0 100px; }  #support .leadTit { margin-bottom: 42px; clear: both; }  #support .areaImg { float: left; width: 530px; margin: 0 40px 0 0; }  #support .areaTxt .tit { margin-bottom: 20px; }  #support .areaTxt .tit span { display: inline-block; } }