@charset "utf-8";

.l-ctVisual {
  background-image:url(../image/ctVisual.jpg?d=04061551);
}

@media print,screen and (min-width:641px) {
  .sec {
    padding-top:80px;
    padding-bottom:100px;
  }
}

@media screen and (max-width:640px) {
  .sec {
    padding-top:2.5em;
    padding-bottom:2.5em;
  }
}


/*----------------------------------------------------------------------------------------------------

  脳だけ検診と脳ドックの違い
  
----------------------------------------------------------------------------------------------------*/

.hikakuTbl {
  width:100%;
  border-collapse:separate;
}

.hikakuTbl thead th:first-child {
  background-color:#fff;
}

.hikakuTbl tbody tr:nth-child(odd) th,
.hikakuTbl tbody tr:nth-child(odd) td {
  background-color:#f0edeb;
}

.hikakuTbl tbody tr:nth-child(even) th,
.hikakuTbl tbody tr:nth-child(even) td {
  background-color:#faf9f9;
}

.hikakuTbl th,
.hikakuTbl td {
  line-height:1.6;
  vertical-align:middle;
}

.hikakuTbl tbody tr:first-child td {
  vertical-align:top;
}

.hikakuTbl thead th:first-child,
.hikakuTbl thead th.kenshin,
.hikakuTbl tbody th,
.hikakuTbl tr td:not(:last-child) {
  border-right:0.5em solid #fff;
}

.hikakuTbl thead th.kenshin,
.hikakuTbl thead th.dock {
  padding:0.5em 0.75em;
  color:#fff;
  font-weight:500;
}

.hikakuTbl thead th.kenshin { background-color:#ffac3a; }
.hikakuTbl thead th.dock { background-color:#55a555; }

.hikakuTbl tbody th {
  white-space:nowrap;
}

.hikakuTbl-scr {
  overflow-x:auto;
}

.hikakuTbl thead th:first-child,
.hikakuTbl tbody th {
  position:-webkit-sticky;
  position:sticky;
  top:0;
  left:0;
}

@media print,screen and (min-width:641px) {
  .hikaku {
    padding-bottom:80px;
  }
  
  .hikakuTbl th,
  .hikakuTbl td {
    padding:1em;
  }
}

@media screen and (max-width:640px) {
  .hikaku {
    padding-bottom:2.5em;
  }
  
  .hikakuTbl {
    min-width:440px;
    font-size:0.88em;
  }
  
  .hikakuTbl tbody th .f-nowrap {
    display:block;
  }
  
  .hikakuTbl th,
  .hikakuTbl td {
    padding:0.75em;
  }
}

@media screen and (max-width:560px) {
  .hikakuTbl tbody td {
    font-size:0.9em;
  }
}

/* 検査項目 ----------------------------------------*/

.hikaku-kensa-komokuList {
  list-style:none;
}

.hikaku-kensa-komokuList li {
  background-position:left top 0.3em;
  background-repeat:no-repeat;
  background-size:auto 1em;
  padding-left:1.5em;
  padding-right:1.5em;
}

.hikaku-kensa-komokuList li:not(:first-child) {
  margin-top:0.25em;
}

.hikaku-kensa-komokuList.kenshin li {
  background-image:url(../../image/icon/checkbox.svg);
}
.hikaku-kensa-komokuList.dock li {
  background-image:url(../../image/icon/checkbox_green.svg);
}
.hikaku-kensa-komokuList li.false {
  background-image:url(../../image/icon/checkbox_false.svg);
}


/*----------------------------------------------------------------------------------------------------

  脳ドックについて
  
----------------------------------------------------------------------------------------------------*/

@media print,screen and (min-width:641px) {
  .dock {
    padding-bottom:80px;
  }
}

@media screen and (max-width:640px) {
  .dock {
    padding-bottom:2.5em;
  }
}


/*--------------------------------------------------------------------------------
  ポイント
--------------------------------------------------------------------------------*/

.dock .point-hdline {
  text-align:center;
  padding-bottom:1em;
}


/*--------------------------------------------------------------------------------
  詳細
--------------------------------------------------------------------------------*/

.dock-kensa-komokuList.p-listMk li.false:before {
  content:"〇";
}


/*----------------------------------------------------------------------------------------------------

  脳だけ健診
  
----------------------------------------------------------------------------------------------------*/

.kenshin-ex-img {
  position:relative;
  z-index:-1;
}

.kenshin-ex-img:after {
  content:"";
  width:100%;
  display:block;
  background:url(../../image/icon/ar-down_yellow.svg) no-repeat center center;
  background-size:contain;
}

.kenshin-ex-ttl {
  font-weight:700;
  line-height:1.4;
  display:inline-block;
  position:relative;
}

.kenshin-ex-ttl:before,
.kenshin-ex-ttl:after {
  display:block;
  content:"";
  width:1px;
  height:100%;
  background-color:#9b6e50;
  position:absolute;
  bottom:0;
}

.kenshin-ex-ttl:before {
  left:0;
  -webkit-transform:rotate(-35deg);
  -o-transform:rotate(-35deg);
  transform:rotate(-35deg);
}

.kenshin-ex-ttl:after {
  right:0;
  -webkit-transform:rotate(35deg);
  -o-transform:rotate(35deg);
  transform:rotate(35deg);
}

.kenshin-ex-ttl b {
  display:inline-block;
  margin-left:-0.25em;
}

@media print,screen and (min-width:641px) {
  .kenshin-ex-img {
    margin-top:-40px;
  }
  
  .kenshin-ex-img:after {
    height:3em;
    margin-top:2.5em;
    margin-bottom:2.5em;
  }
  
  .kenshin-ex-img img {
    max-width:700px;
  }
  
  .kenshin-ex-ttl {
    font-size:1.44em;
    padding-left:2.5em;
    padding-right:2.5em;
  }
}

@media screen and (max-width:640px) {
  .kenshin-ex-img {
    margin-top:-webkit-calc(-1 * (40 / 640 * 100vw));
    margin-top:calc(-1 * (40 / 640 * 100vw));
  }
  
  .kenshin-ex-img:after {
    height:2.5em;
    margin-top:1.5em;
    margin-bottom:1.5em;
  }
  
  .kenshin-ex-ttl {
    font-size:1.22em;
    padding-left:2em;
    padding-right:2em;
  }
}

@media screen and (max-width:480px) {
  .kenshin-ex-ttl {
    font-size:1.1em;
  }
}

/*--------------------------------------------------------------------------------
  ポイント
--------------------------------------------------------------------------------*/

@media print,screen and (min-width:641px) {
  .kenshin .point {
    padding-top:60px;
  }
}

@media screen and (max-width:640px) {
  .kenshin .point {
    padding-top:2em;
  }
}


/*----------------------------------------------------------------------------------------------------

  ポイント
  
----------------------------------------------------------------------------------------------------*/

.point {
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

.point__box {
  width:100%;
  background-color:#fef9e7;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
  
.point__box:not(:first-of-type) {
  margin-top:1em;
}

.point__box:before {
  content:"";
  display:inline-block;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
}

.point01:before { background-image:url(../image/point_ic01.svg); }
.point02:before { background-image:url(../image/point_ic02.svg); }
.point03:before { background-image:url(../image/point_ic03.svg); }
.point04:before { background-image:url(../image/point_ic04.svg); }
.point05:before { background-image:url(../image/point_ic05.svg); }

.point__box .point-txt {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
}

.point__box .point-ttl {
  color:#ffac3a;
  font-weight:500;
  font-size:1.22em;
}

@media print,screen and (min-width:641px) {
  .point__box {
    padding-left:2.5em;
  }
  
  .point__box .point-txt {
    padding:2.5em;
  }
  
  .point__box:before {
    width:120px;
    height:120px;
  }
}

@media screen and (max-width:640px) {
  .point__box {
    padding-left:1.5em;
  }
  
  .point__box .point-txt {
    padding:1.5em;
    min-height:-webkit-calc(140 / 640 * 100vw);
    min-height:calc(140 / 640 * 100vw);
  }
  
  .point__box:before {
    width:-webkit-calc(100 / 640 * 100vw);
    width:calc(100 / 640 * 100vw);
    height:-webkit-calc(100 / 640 * 100vw);
    height:calc(100 / 640 * 100vw);
  }
}

@media screen and (max-width:480px) {
  .point__box {
    padding-left:0;
    padding-top:1.5em;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
  }
  
  .point__box .point-txt {
    padding-left:1.5em;
    padding-top:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
  }
  
  .point__box .point-ttl {
    width:100%;
    text-align:center;
    padding-bottom:0.5em;
  }
  
  .point__box:before {
    width:100%;
    height:-webkit-calc(90 / 480 * 100vw);
    height:calc(90 / 480 * 100vw);
    min-height:70px;
    display:block;
    margin-bottom:1em;
  }
}


/*----------------------------------------------------------------------------------------------------

  詳細
  
----------------------------------------------------------------------------------------------------*/

.shosai {
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}

.shosaiTbl {
  width:100%;
  min-width:360px;
  border-collapse:collapse;
  border:2px solid #cde6af;
}

.shosaiTbl th,
.shosaiTbl td {
  line-height:1.4;
  border:1px solid #cde6af;
}

.shosaiTbl th {
  background-color:#f1f8e8;
  font-weight:500;
}

.shosaiTbl td {
  text-align:left;
  vertical-align:middle;
}

.shosaiTbl .option {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  margin:-1em;
}

.shosaiTbl .option dt,
.shosaiTbl .option dd {
  padding:1em;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

.shosaiTbl .option dd {
  text-align:right;
}

.shosaiTbl .option ul {
  width:100%;
  list-style:none;
}

.shosaiTbl .option li {
  position:relative;
}

.shosaiTbl .option li:not(:first-child) {
  margin-top:0.25em;
}

.shosaiTbl .option li:before {
  content:attr(data-label);
  position:absolute;
  left:0;
  top:0;
  font-weight:500;
}

@media print,screen and (min-width:641px) {
  .shosai {
    padding-top:60px;
  }

  .shosaiTbl th,
  .shosaiTbl td {
    padding:1em;
  }

  .shosaiTbl .option dt:not(:first-of-type),
  .shosaiTbl .option dd:not(:first-of-type) {
    border-top:1px solid #cde6af;
  }
  
  .shosaiTbl .option dd {
    border-left:1px dotted #cde6af;
  }
  
  .shosaiTbl .option dt {
    width:70%;
  }

  .shosaiTbl .option dd {
    width:30%;
  }
}

@media screen and (max-width:640px) {
  .shosai {
    padding-top:2em;
  }
  
  .shosaiTbl th {
    width:25%;
    min-width:7em;
  }
  
  .shosaiTbl th,
  .shosaiTbl td {
    padding:0.8em;
  }

  .shosaiTbl .option dt:not(:first-of-type) {
    border-top:1px solid #cde6af;
  }
  
  .shosaiTbl .option dd {
    border-top:1px dotted #cde6af;
  }
  
  .shosaiTbl .option dt,
  .shosaiTbl .option dd {
    width:100%;
  }
}


/*----------------------------------------------------------------------------------------------------

  検査を受けることが出来ない方
  
----------------------------------------------------------------------------------------------------*/

.shosaiCheck {
  border:2px dotted #afd780;
  text-align:left;
}

.shosaiCheck ul {
  padding-top:0.75em;
}

@media print,screen and (min-width:641px) {
  .shosaiCheck {
    padding:2em 2.5em;
    margin-top:80px;
  }
}

@media screen and (max-width:640px) {
  .shosaiCheck {
    padding:1.25em 1.5em;
    margin-top:2.5em;
  }
}