@charset "UTF-8";
/*=============================================================
 clinic 院内紹介
=============================================================*/
/* forPC */
@media screen and (min-width: 600px) { #clinic #main { padding-bottom: 100px; }  #clinic #main .inner { width: 980px; margin: 0 auto; } }
/*!  #mainVisual
------------------------------------------------ */
#clinic #mainVisual { background-image: url(../img/about/clinic/bg_mainimg01_sp.png); }
#clinic #mainVisual .tit img { width: 95px; }
/* forPC */
@media screen and (min-width: 600px) { #clinic #mainVisual { background-image: url(../img/about/clinic/bg_mainimg01_pc.png); }  #clinic #mainVisual .tit img { width: 139px; } }
/*!  #intro
------------------------------------------------ */
#clinic #intro { background: url(../img/about/clinic/bg_intro01_sp.png) no-repeat center bottom; background-size: cover; }
#clinic #intro .leadTxt { padding: 25px 0 0; }
#clinic #intro .list { padding: 0 15px 20px; }
#clinic #intro .list li { padding-top: 13px; }
#clinic #intro .list .areaTit { overflow: hidden; margin-bottom: 12px; text-align: left; }
#clinic #intro .list .areaTit .number { box-sizing: border-box; width: 47px; padding: 0 13px 0 0; border-right: 2px dotted #cc9f6e; vertical-align: middle; }
#clinic #intro .list .areaTit .tit { line-height: 1.5; padding: 0 0 0 14px; color: #4c4c4c; font-size: 1.5rem; vertical-align: middle; letter-spacing: .15em; }
#clinic #intro .list .img { text-align: center; }
#clinic #intro .list .txt { line-height: 1.77; padding: 10px 0 0; color: #666; font-size: 1.3rem; letter-spacing: .15em; }
#clinic #intro .list li:nth-child(2) .img img { width: 70.4%; }
/* forPC */
@media screen and (min-width: 600px) { #clinic #intro { background-image: url(../img/about/clinic/bg_intro01_pc.png); }  #clinic #intro .leadTxt { padding: 50px 0 30px; }  #clinic #intro .list { padding: 0 0 110px; }  #clinic #intro .list li { padding-top: 60px; }  #clinic #intro .list li:nth-child(2) { position: relative; margin-top: 15px; }  #clinic #intro .list li:after { display: block; clear: both; content: ""; }  #clinic #intro .list .areaTit { float: left; width: 470px; margin-bottom: 13px; }  #clinic #intro .list .areaTit .number { width: 70px; padding: 0 21px 0 0; }  #clinic #intro .list .areaTit .tit { line-height: 1.64; padding: 0 0 0 18px; font-size: 2.2rem; }  #clinic #intro .list li:nth-child(2) .areaTit { float: right; width: 610px; margin-bottom: 7px; }  #clinic #intro .list li:nth-child(2) .areaTit .tit { padding-left: 22px; }  #clinic #intro .list .img { float: right; width: 485px; padding-top: 7px; text-align: right; }  #clinic #intro .list li:nth-child(2) .img { position: absolute; top: -66px; left: 25px; width: 347px; }  #clinic #intro .list li:nth-child(2) .img img { width: 100%; }  #clinic #intro .list .txt { float: left; width: 470px; line-height: 1.6; padding: 10px 0 0; font-size: 1.5rem; letter-spacing: .14em; }  #clinic #intro .list li:nth-child(2) .txt { float: right; width: 610px; }  #clinic #intro .areaImg { margin: 0 -373px; }  #clinic #intro .areaImg img { margin-left: -10px; } }
/*!  #privacy
------------------------------------------------ */
#clinic #privacy { padding: 0 15px 25px; }
#clinic #privacy .leadTxt { padding: 65px 0 10px; text-align: center; }
#clinic #privacy .leadTxt .tit { position: relative; margin-bottom: 12px; color: #cc9f6e; font-size: 1.3rem; letter-spacing: .15em; }
#clinic #privacy .leadTxt .tit:before { display: block; position: absolute; top: -38px; left: 50%; width: 26px; height: 30px; margin-left: -13px; background-image: url(../img/about/clinic/ico_clinic01.png); background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; }
#clinic #privacy .leadTxt .copy { line-height: 1.67; color: #666; font-size: 1.5rem; }
#clinic #privacy .txt { line-height: 1.77; padding: 0 0 14px; color: #666; font-size: 1.3rem; letter-spacing: .15em; }
/* forPC */
@media screen and (min-width: 600px) { #clinic #privacy { padding: 0 0 60px; }  #clinic #privacy .leadTxt { padding: 110px 0 30px; }  #clinic #privacy .leadTxt .tit { margin-bottom: 22px; font-size: 1.8rem; }  #clinic #privacy .leadTxt .tit:before { top: -49px; left: 50%; width: 35px; height: 42px; margin-left: -18px; }  #clinic #privacy .leadTxt .copy { line-height: 1.68; font-size: 2.6rem; letter-spacing: .15em; }  #clinic #privacy .txt { width: 840px; line-height: 1.6; margin: 0 auto; padding: 0 0 37px; font-size: 1.5rem; letter-spacing: .135em; } }
/*!  #family
------------------------------------------------ */
#clinic #family { position: relative; padding: 6px 15px 6px; background-color: #e1f2f4; }
#clinic #family:before , #clinic #family:after { display: block; position: absolute; left: 0; width: 100%; height: 7px; background: url(../img/about/clinic/bg_family01.png) repeat-x center; background-size: 330px; content: ""; }
#clinic #family:before { top: 0; }
#clinic #family:after { bottom: 0; }
#clinic #family .areaTxt { position: relative; padding: 24px 0 13px; }
#clinic #family .areaTxt:before { display: block; position: absolute; top: -6px; right: -15px; width: 120px; height: 108px; background-image: url(../img/about/clinic/img_family01_sp.png); background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; }
#clinic #family .areaTxt .tit { margin-bottom: 10px; color: #45c6d5; font-weight: 400; font-size: 1.3rem; letter-spacing: .15em; }
#clinic #family .areaTxt .copy { line-height: 1.5; margin-bottom: 15px; color: #666; font-size: 1.5rem; letter-spacing: .07em; }
#clinic #family .areaTxt .txt { line-height: 1.77; color: #666; font-size: 1.3rem; letter-spacing: .15em; }
#clinic #family .areaImg { padding: 0 0 25px; }
/* forPC */
@media screen and (min-width: 600px) { #clinic #family { padding: 6px 15px 6px; }  #clinic #family:before , #clinic #family:after { height: 14px; background-size: 660px; }  #clinic #family .inner:after { display: block; clear: both; content: ""; }  #clinic #family .areaTxt { position: relative; float: left; width: 530px; padding: 56px 0; }  #clinic #family .areaTxt:before { right: -103px; width: 272px; height: 216px; background-image: url(../img/about/clinic/img_family01_pc.png); }  #clinic #family .areaTxt .leadTxt { margin-bottom: 22px; }  #clinic #family .areaTxt .tit { margin-bottom: 18px; font-size: 2rem; }  #clinic #family .areaTxt .copy { line-height: 1.38; margin-bottom: 15px; font-size: 2.6rem; letter-spacing: .15em; }  #clinic #family .areaTxt .txt { line-height: 1.6; font-size: 1.5rem; }  #clinic #family .areaImg { float: right; width: 440px; padding: 56px 0 0; } }
/*!  #semiPrivate
------------------------------------------------ */
#clinic #semiPrivate { padding: 0 15px 36px; background: url(../img/about/clinic/bg_semi-private01_sp.png) no-repeat center; background-size: cover; }
#clinic #semiPrivate .leadTxt { padding: 65px 0 10px; text-align: center; }
#clinic #semiPrivate .leadTxt .tit { position: relative; margin-bottom: 12px; color: #cc9f6e; font-size: 1.3rem; letter-spacing: .15em; }
#clinic #semiPrivate .leadTxt .tit:before { display: block; position: absolute; top: -38px; left: 50%; width: 26px; height: 30px; margin-left: -13px; background-image: url(../img/about/clinic/ico_clinic01.png); background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; }
#clinic #semiPrivate .leadTxt .copy { line-height: 1.67; color: #666; font-size: 1.5rem; letter-spacing: .15em; }
#clinic #semiPrivate .txt { line-height: 1.77; padding: 0 0 14px; color: #666; font-size: 1.3rem; letter-spacing: .15em; }
/* forPC */
@media screen and (min-width: 600px) { #clinic #semiPrivate { padding: 0 15px 60px; background-image: url(../img/about/clinic/bg_semi-private01_pc.png); }  #clinic #semiPrivate .leadTxt { padding: 110px 0 28px; }  #clinic #semiPrivate .leadTxt .tit { margin-bottom: 32px; font-size: 1.8rem; }  #clinic #semiPrivate .leadTxt .tit:before { top: -50px; width: 35px; height: 41px; margin-left: -18px; }  #clinic #semiPrivate .leadTxt .copy { line-height: 1; font-size: 2.6rem; }  #clinic #semiPrivate .txt { width: 880px; line-height: 1.6; margin: 0 auto; padding: 0 27px 46px 0; font-size: 1.5rem; letter-spacing: .14em; }  #clinic #semiPrivate .img { margin: 0 -15px; } }
/*!  #operatingRoom
------------------------------------------------ */
#clinic #operatingRoom { padding: 0 15px 25px; }
#clinic #operatingRoom .leadTxt { padding: 65px 0 20px; text-align: center; }
#clinic #operatingRoom .leadTxt .tit { position: relative; margin-bottom: 12px; color: #cc9f6e; font-size: 1.3rem; letter-spacing: .15em; }
#clinic #operatingRoom .leadTxt .tit:before { display: block; position: absolute; top: -38px; left: 50%; width: 26px; height: 30px; margin-left: -13px; background-image: url(../img/about/clinic/ico_clinic01.png); background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; }
#clinic #operatingRoom .leadTxt .copy { line-height: 1.67; color: #666; font-size: 1.5rem; letter-spacing: .15em; }
#clinic #operatingRoom .intro { margin-bottom: 20px; }
#clinic #operatingRoom .intro .mainImg { margin-bottom: 15px; }
#clinic #operatingRoom .intro .areaTxt { line-height: 1.77; margin-bottom: 13px; color: #666; font-size: 1.3rem; letter-spacing: .15em; }
#clinic #operatingRoom .intro .areaImg { margin-bottom: 16px; }
#clinic #operatingRoom .secFeature { padding: 15px 12px 15px; border: 2px solid #ca9e6a; background-color: #fff; }
#clinic #operatingRoom .secFeature > .tit { position: relative; line-height: 1.33; margin-bottom: 20px; padding: 1px 0 1px 50px; color: #cc9f6e; font-weight: 400; font-size: 1.5rem; letter-spacing: .15em; }
#clinic #operatingRoom .secFeature > .tit .label { display: block; position: absolute; top: 50%; left: 0; width: 40px; padding: 10px 0 8px; background-color: #cc9f6e; color: #fff; font-size: 1rem; text-align: center; letter-spacing: .15em; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#clinic #operatingRoom .secFeature > .tit .label span { font-weight: 400; font-size: 1.3rem; letter-spacing: .15em; }
#clinic #operatingRoom .secFeature > .tit .label:before { display: block; position: absolute; bottom: -10px; left: 0; width: 0; height: 0; border-width: 10px 20px 0 0; border-style: solid; border-color: #cc9f6e transparent transparent transparent; content: ""; }
#clinic #operatingRoom .secFeature > .tit .label:after { display: block; position: absolute; right: 0; bottom: -10px; width: 0; height: 0; border-width: 0 20px 10px 0; border-style: solid; border-color: transparent #cc9f6e transparent transparent; content: ""; }
#clinic #operatingRoom .secFeature .areaContents .areaImg { margin-bottom: 18px; }
#clinic #operatingRoom .secFeature .areaContents .areaTxt { line-height: 1.77; color: #666; font-size: 1.3rem; letter-spacing: .15em; }
#clinic #operatingRoom .secFeature .areaContents .areaTxt .txt { padding-bottom: 8px; }
#clinic #operatingRoom .removeRisk { margin-bottom: 15px; padding-bottom: 10px; background-color: #fafafa; }
#clinic #operatingRoom .removeRisk .tit { line-height: 1.43; padding: 13px 0 10px; color: #cc9f6e; font-weight: 400; font-size: 1.4rem; letter-spacing: .15em; }
#clinic #operatingRoom .removeRisk .img { float: left; width: 45.9%; padding-right: 15px; }
#clinic #operatingRoom .removeRisk .txt { line-height: 1.58; color: #666; font-size: 1.2rem; letter-spacing: .15em; }
#clinic #operatingRoom .btn { width: 250px; margin: 0 auto; }
/* forPC */
@media screen and (min-width: 600px) { #clinic #operatingRoom { padding: 0 15px 74px; }  #clinic #operatingRoom .leadTxt { padding: 110px 0 42px; }  #clinic #operatingRoom .leadTxt .tit { margin-bottom: 22px; font-size: 1.8rem; }  #clinic #operatingRoom .leadTxt .tit:before { top: -50px; width: 35px; height: 41px; margin-left: -18px; }  #clinic #operatingRoom .leadTxt .copy { line-height: 1; font-size: 2.6rem; }  #clinic #operatingRoom .intro { margin-bottom: 20px; }  #clinic #operatingRoom .intro .mainImg { margin-bottom: 27px; }  #clinic #operatingRoom .intro .areaTxt { line-height: 1.6; margin-bottom: 13px; font-size: 1.5rem; }  #clinic #operatingRoom .intro .areaImg { margin-bottom: 16px; }  #clinic #operatingRoom .areaContents { overflow: hidden; }  #clinic #operatingRoom .areaContents .areaImg { float: right; width: 485px; margin-bottom: 0; }  #clinic #operatingRoom .areaContents .areaTxt { float: left; width: 450px; line-height: 1.6; font-size: 1.5rem; letter-spacing: .14em; }  #clinic #operatingRoom .areaContents .areaTxt .txt { padding-bottom: 8px; }  #clinic #operatingRoom .secFeature { box-sizing: border-box; width: 980px; overflow: hidden; margin: 0 auto; padding: 26px 43px 35px 36px; border: 4px solid #ca9e6a; }  #clinic #operatingRoom .secFeature > .tit { float: left; line-height: 1.5; margin-bottom: 10px; padding: 12px 0 12px 66px; font-size: 2.0rem; }  #clinic #operatingRoom .secFeature > .tit .label { width: 50px; margin-top: -3px; padding: 11px 0 7px; font-size: 1.1rem; }  #clinic #operatingRoom .secFeature > .tit .label span { font-size: 1.6rem; }  #clinic #operatingRoom .secFeature > .tit .label:before { display: block; position: absolute; bottom: -10px; left: 0; width: 0; height: 0; border-width: 10px 25px 0 0; border-style: solid; border-color: #cc9f6e transparent transparent transparent; content: ""; }  #clinic #operatingRoom .secFeature > .tit .label:after { display: block; position: absolute; right: 0; bottom: -10px; width: 0; height: 0; border-width: 0 25px 10px 0; border-style: solid; border-color: transparent #cc9f6e transparent transparent; content: ""; }  #clinic #operatingRoom .secFeature .areaContents { overflow: visible; }  #clinic #operatingRoom .secFeature .areaContents .areaImg { float: right; width: 371px; margin-bottom: 0; padding-top: 14px; }  #clinic #operatingRoom .secFeature .areaContents .areaTxt { float: left; width: 490px; padding-bottom: 10px; font-size: 1.4rem; letter-spacing: .14em; }  #clinic #operatingRoom .secFeature .areaContents .areaTxt .txt { padding-bottom: 15px; }  #clinic #operatingRoom .removeRisk { clear: both; overflow: hidden; margin: 0 -36px 30px; padding: 12px 36px 30px; }  #clinic #operatingRoom .removeRisk .tit { float: right; width: 620px; line-height: 1.5; padding: 13px 0 17px; font-size: 1.8rem; }  #clinic #operatingRoom .removeRisk .img { float: left; width: 246px; padding-top: 20px; }  #clinic #operatingRoom .removeRisk .txt { float: right; width: 630px; line-height: 1.71; margin-right: -10px; font-size: 1.4rem; }  #clinic #operatingRoom .btn { width: 360px; } }
/*!  #amenities
------------------------------------------------ */
#clinic #amenities { padding: 0 15px 15px; }
#clinic #amenities .leadTxt { padding: 20px 0 0; text-align: center; }
#clinic #amenities .leadTxt .tit { line-height: 1.39; margin-bottom: 8px; color: #666; font-weight: 400; font-size: 1.8rem; letter-spacing: .15em; }
#clinic #amenities .leadTxt .en { color: #cc9f6e; font-weight: 500; font-size: 1rem; letter-spacing: .15em; }
#clinic #amenities .list li { padding: 20px 0 0; }
#clinic #amenities .list li + li { border-top: 1px dotted #bdbdbd; }
#clinic #amenities .list .txt { line-height: 1.77; padding: 10px 0 15px; color: #666; font-size: 1.3rem; letter-spacing: .15em; }
#clinic #amenities .map{ margin: 0 -15px; padding: 15px; border-top: solid 1px #dcdcdc;}
/* forPC */
@media screen and (min-width: 600px) { #clinic #amenities { padding: 0 15px; }  #clinic #amenities .leadTxt { padding: 65px 0 20px; }  #clinic #amenities .leadTxt .tit { line-height: 1; margin-bottom: 18px; font-size: 2.6rem; }  #clinic #amenities .list li { padding: 20px 0 0; }  #clinic #amenities .list li + li { border-top: 0; }  #clinic #amenities .list .txt { line-height: 1.71; padding: 12px 0 0; font-size: 1.4rem; } #clinic #amenities .map{ margin: 50px 0 0; padding: 0; border: 0; }}