@charset "UTF-8";

/* 健康診断ページ。page-prevention.css をベースに、現在地ハイライトを 10 番目へ、
   見出し背景画像を images/checkup/ へ差し替えたもの。
   TODO: ttl-back.jpg / sp-ttl-back.jpg / contents01-photo01.jpg は予防ページからの
         暫定コピー。健康診断用の写真が用意でき次第、差し替えること。 */

#serviceslist ul li:nth-child(10) a{ background: #E7EBE5; }
#title_wrap h1{ color: #386369; }

@media screen and (min-width: 768px),print {
#main{ background: none;}
#title_wrap{ background: url(../images/checkup/ttl-back.jpg)no-repeat left; background-size: cover; }

#contentsmain{margin: 0 auto -46px;position: relative;padding: 55px 20px 72px;background: #fff;border-radius: 0px 0px 30px 30px;}
#contentsmain .inner-Box{padding: 0px 0px 16px 0px;max-width: 680px;margin: 0 auto;}
#contentsmain .inner-Box h2{font-size: 1.92rem;font-weight: 700;line-height: 1.3;letter-spacing: 0rem;margin: 67px 0 35px 0;box-shadow: -2px 2px 0px #BCD9C3;border-radius: 0px 15px 15px 0px;background: #DEEFE0;padding: 13px 18px;}
#contentsmain .inner-Box .photo{border-radius: 10px;overflow: hidden;margin-bottom: 31px;}
#contentsmain .inner-Box .photo img{ width: 100%; height: auto; }
#contentsmain .inner-Box p.text{font-size: 1.8rem;line-height: 2;letter-spacing: 0rem;position: relative;z-index: 3;margin-bottom: 36px;}
#contentsmain .inner-Box h3{font-size: 1.8rem; font-weight: 700; line-height: 1.4;letter-spacing: 0rem;position: relative;padding: 0 0 0 19px;margin-bottom: 18px;}
#contentsmain .inner-Box h3::before{ content: ""; display: block; width: 10px; height: 15px; border-radius: 0px 30px 30px 0px; background: #7EC28D; position: absolute; top: 5px; left: 0; }

#contentsmain .inner-Box2 .contactbtn{text-align: center;padding: 0 20px;margin-top: 66px;}
#contentsmain .inner-Box2 .contactbtn a{padding-top: 11px;padding-left: 0;padding-right: 0;}
#contentsmain .inner-Box2 .contactbtn .sppomini{ display: block; font-size: 1.4rem; text-align: center; }

#contentsmain .inner-Box2{padding: 15px 0px 26px 0px;max-width: 680px;margin: 0 auto;}
#contentsmain .inner-Box2 .title{font-size: 1.92rem;font-weight: 700;line-height: 1.3;letter-spacing: 0rem;margin: 0px 0 15px 0;box-shadow: -2px 2px 0px #BCD9C3;border-radius: 0px 15px 15px 0px;background: #DEEFE0;padding: 13px 18px;}
#contentsmain .inner-Box2 .title::before,#contentsmain .inner-Box2 .title::after{top: 19px;right: 20px;}
#contentsmain .inner-Box2 .incontent{margin-bottom: 32px;}
#contentsmain .inner-Box2 .accordion{margin-bottom: 66px;}
.accordion .content{ max-height:100px; }

#contentsmain .inner-Box2 .acttl{padding-left: 15px;position: relative;}
#contentsmain .inner-Box2 .acttl::before{content: "";width: 10px;height: 10px;display: block;border-radius: 2px;background: #386369;position: absolute;top: 12px;left: 0;}
#contentsmain .inner-Box2 .actext{background: #F3F5F2;padding: 19px 18px;line-height: 1.4;border-radius: 10px;}

#contentsmain .inner-Box2 .btmline{border-bottom: #E3E3E3 1px solid;padding-bottom: 24px;margin-bottom: 19px;}
#contentsmain .inner-Box2 .btmline2{border-bottom: #E3E3E3 1px solid;padding-bottom: 24px;margin-bottom: 19px;}
#contentsmain .inner-Box2 .acbttl{font-size: 1.8rem;font-weight: bold;letter-spacing: 0;margin-bottom: 13px;}
#contentsmain .inner-Box2 .acbttl .peti{display: inline-block;width: 56px;}
#contentsmain .inner-Box2 .acbttl .peti img{ width: 100%; height: auto;}
#contentsmain .inner-Box2 .acbttl .petts{position: relative;top: -10px;left: 11px;}

#contentsmain .inner-Box2 .accordion .photo{max-width: 340px;margin: 0 auto 32px;border-radius: 10px;overflow: hidden;}
#contentsmain .inner-Box2 .accordion .photo img{ width: 100%; height: auto; }
#contentsmain .inner-Box2 .accordion .mbb{margin-bottom: 35px;}

#contentssv{max-width: 724px;margin: 0 auto 56px;position: relative;padding: 118px 21px 0px;}
#contentssv h2{font-size: 1.92rem;font-weight: 700;line-height: 1.3;letter-spacing: 0rem;margin: 0 0 35px 0;box-shadow: -2px 2px 0px #BCD9C3;border-radius: 0px 15px 15px 0px;background: #DEEFE0;padding: 13px 18px;}
#contentsend{background: #fff;border-radius: 30px 0px 0px 0px;padding-top: 70px;padding-bottom: 80px;margin-bottom: -38px;}
#contentsend .inner-Box3{ display: none;}


}
@media screen and (min-width:768px) and ( max-width:1280px) {

}

@media screen and (max-width: 767px) {
#main{background: #F3F5F2;}
#title_wrap h1{padding-top: 17.2vw;}
#title_wrap{background: url(../images/checkup/sp-ttl-back.jpg)no-repeat;background-size: 100% auto;height: 51.3vw;}

#contentsmain{margin: 0 auto -11.59vw;position: relative;padding: 14.81vw 7.73vw 8.7vw;background: #fff;border-radius: 5vw;}
#contentsmain .inner-Box{padding: 0vw 0.0vw 0.13vw 0.0vw;margin-bottom: 3vw;}
#contentsmain .inner-Box h2{font-size: 4.26vw;font-weight: 700;line-height: 1.3;letter-spacing: 0.128vw;margin: 15vw 0 7.85vw 0;box-shadow: -0.48vw 0.48vw 0.0vw #BCD9C3;border-radius: 0.0vw 3.62vw 3.62vw 0.0vw;background: #DEEFE0;padding: 3.14vw 4.35vw;}
#contentsmain .inner-Box .photo{border-radius: 2.42vw;overflow: hidden;margin-bottom: 4.09vw;}
#contentsmain .inner-Box .photo img{ width: 100%; height: auto; }
#contentsmain .inner-Box p.text{font-size: 4vw;line-height: 2;letter-spacing: 0.0vw;position: relative;z-index: 3;margin-bottom: 7.9vw;}
#contentsmain .inner-Box h3{font-size: 4vw;font-weight: 700;line-height: 1.4;letter-spacing: 0.0vw;position: relative;padding: 0 0 0 4.59vw;margin-bottom: 1.35vw;}
#contentsmain .inner-Box h3::before{content: "";display: block;width: 2.66vw;height: 4vw;border-radius: 0.0vw 7.25vw 7.25vw 0.0vw;background: #7EC28D;position: absolute;top: 0.71vw;left: 0;}

#contentsmain .inner-Box2{padding: 3.62vw 0.0vw 0vw 0.0vw;margin-bottom: -1.8vw;}
#contentsmain .inner-Box2 .title{font-size: 4.26vw;font-weight: 700;line-height: 1.3;letter-spacing: 0.128vw;margin: 0.0vw 0 4.22vw 0;box-shadow: -0.48vw 0.48vw 0.0vw #BCD9C3;border-radius: 0.0vw 3.62vw 3.62vw 0.0vw;background: #DEEFE0;padding: 3.14vw 4.35vw;}
#contentsmain .inner-Box2 .title::before,#contentsmain .inner-Box2 .title::after{top: 4.59vw;right: 4.83vw;}
#contentsmain .inner-Box2 .incontent{}
#contentsmain .inner-Box2 .accordion{margin-bottom: -4.06vw;}
.accordion .content{ max-height:24.15vw; }
#contentsmain .inner-Box2 .acttl{padding-left: 5.82vw;position: relative;}
#contentsmain .inner-Box2 .acttl::before{content: "";width: 2.02vw;height: 2.02vw;display: block;border-radius: 0.48vw;background: #386369;position: absolute;top: 3.2vw;left: 2.4vw;}
#contentsmain .inner-Box2 .actext{background: #F3F5F2;padding: 4.59vw 4.35vw;line-height: 1.4;border-radius: 2.42vw;margin-right: 1.4vw;margin-bottom: 7.93vw;}


#contentsmain .inner-Box2 .contactbtn{text-align: center;padding: 0 2.83vw;margin-top: 14.94vw;}
#contentsmain .inner-Box2 .contactbtn a{padding-top: 4.76vw;padding-left: 0;padding-right: 0;height: 20.7vw;}
#contentsmain .inner-Box2 .contactbtn .sppomini{display: block;font-size: 3.38vw;text-align: center;position: relative;top: -1vw;}

#contentsmain .inner-Box2 .btmline{border-bottom: #E3E3E3 0.24vw solid;padding-bottom: 2.5vw;margin-bottom: 4.09vw;}
#contentsmain .inner-Box2 .btmline2{border-bottom: #E3E3E3 0.24vw solid;padding-bottom: 2.5vw;margin-bottom: 7.09vw;}
#contentsmain .inner-Box2 .acbttl{font-size: 4vw;font-weight: bold;letter-spacing: 0;margin-bottom: 2.54vw;}
#contentsmain .inner-Box2 .acbttl .peti{display: inline-block;width: 12.8vw;}
#contentsmain .inner-Box2 .acbttl .peti img{ width: 100%; height: auto;}
#contentsmain .inner-Box2 .acbttl .petts{position: relative;top: -2.42vw;left: 1.16vw;}

#contentsmain .inner-Box2 .accordion .photo{margin: 0 auto 7.73vw;border-radius: 2.42vw;overflow: hidden;}
#contentsmain .inner-Box2 .accordion .photo img{ width: 100%; height: auto; }
#contentsmain .inner-Box2 .accordion .mbb{margin-bottom: 8.45vw;}


#contentssv{margin: 0 auto 11.13vw;position: relative;padding: 27.7vw 8.07vw 0.0vw;}
#contentssv h2{font-size: 4.26vw;font-weight: 700;line-height: 1.3;letter-spacing: 0.0vw;margin: 0 0 7.95vw 0;box-shadow: -0.48vw 0.48vw 0.0vw #BCD9C3;border-radius: 0.0vw 3.62vw 3.62vw 0.0vw;background: #DEEFE0;padding: 2.84vw 4.35vw;}
#contentsend{background: #fff;border-radius: 5.25vw 5.25vw 0.0vw 0.0vw;padding-top: 15.91vw;padding-bottom: 7.32vw;margin-bottom: -9.18vw;}
#contentsend .inner-Box3{ display: none;}

}