@charset "utf-8";

/* common
---------------------------------------------------*/
/* 下層ページ 遷移ページのナビhover設定 */
body.guide nav .nav_list01 > li:nth-child(2) > a,
body.procedure nav .nav_list01 > li:nth-child(3) > a,
body.support nav .nav_list01 > li:nth-child(4) > a,
body.about nav .nav_list01 > li:nth-child(5) > a,
body.map nav .nav_list01 > li:nth-child(6) > a,
body.nav07 nav .nav_list01 > li:nth-child(7) > a {
  background: #6CC8F3;
}

/* page_nav 遷移ページのhover設定 */
/* 人間ドック・健診コースのご案内（目次） */
body#dock #page_nav.guide .sub_nav li:nth-child(1) a,
body#medical_checkup #page_nav.guide .sub_nav li:nth-child(2) a,
body#option #page_nav.guide .sub_nav li:nth-child(3) a,
/* 健診の流れ */
body#overall #page_nav.procedure .sub_nav li:nth-child(1) a,
body#theday #page_nav.procedure .sub_nav li:nth-child(2) a,
body#reservation #page_nav.procedure .sub_nav li:nth-child(3) a,
/* 健診後のサポート（目次） */
body#advice #page_nav.support .sub_nav li:nth-child(1) a,
body#viewpoint #page_nav.support .sub_nav li:nth-child(2) a,
/* クリニックについて */
body#summary #page_nav.about .sub_nav li:nth-child(1) a,
body#feature #page_nav.about .sub_nav li:nth-child(2) a,
body#greeting #page_nav.about .sub_nav li:nth-child(3) a,
body#idea #page_nav.about .sub_nav li:nth-child(4) a,
body#introduce #page_nav.about .sub_nav li:nth-child(5),
/* お問い合わせ（目次） */
body#faq #page_nav.contact .sub_nav li:nth-child(1) a,
body#form_index #page_nav.contact .sub_nav li:nth-child(2) a,
/* Web予約リクエスト */
body#individual #page_nav.request .sub_nav li:nth-child(1) a,body#corporation #page_nav.request .sub_nav li:nth-child(2) a {
  background: #F0F7FF;
}


/* ↓↓↓↓ ここからコンテンツ ↓↓↓↓ */
main {
  padding-bottom: 120px;
}

#big_headline {
  height: 88px;
  padding: 32px 0;
  background: url("/common/img/big_headline_bg.png")repeat-x;
  box-sizing: border-box;
}

#big_headline h2 {
  font-size: 2.4em;
  font-weight: bold;
}

#content {
  padding-top: 16px;
}

#content .inner {
  display: flex;
  justify-content: space-between;
}

.ft_access {
  padding-top: 45px;
  border-top: #DEF1FF solid 2px;
}

@media only screen and (max-width:768px) {
  main {
    padding-bottom: 80px;
  }

  #big_headline {
    height: 100%;
    min-height: 68px;
    padding: 22px 0;
  }

  #big_headline h2 {
    font-size: 2em;
    line-height: 1.2;
  }

  #content {
    padding-top: 8px;
  }

  #content .inner {
    display: block;
  }

  .ft_access {
    padding-top: 24px;
  }
}




/* pankuzu
---------------------------------------------------*/
.pankuzu_area {
  padding: 14px 0;
}

#pankuzu li {
  font-size: 1.2em;
  line-height: 1.6;
  display: inline;
}

#pankuzu li + li:before {
  content: "";
  width: 6px;
  height: 11px;
  display: inline-block;
  background: url("/common/img/ico_pankuzu.png") no-repeat left center/6px 10px;
  margin: 0 18px;
}

#pankuzu a {
  color: #333;
}

#pankuzu a:hover {
  text-decoration: none;
}

@media only screen and (max-width:768px) {
  .pankuzu_area {
    padding: 6px 0;
  }

  #pankuzu li+li:before {
    margin: 0 8px;
  }
}


/* side_content
---------------------------------------------------*/
#side_content {
  width: 232px;
}

#side_content .category a {
  display: flex;
  align-items: center;
  height: 64px;
  color: #fff;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.2;
  padding: 15px;
  background: #23ADED;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
}
#side_content .category.no_list a { border-radius: 5px; }

#side_content .sub_nav li + li {
  border-top: #C9D6DE solid 1px;
}
#side_content .sub_nav li:last-child {
  border-bottom: #23ADED solid 1px;
}

#side_content .sub_nav li a {
  display: block;
  position: relative;
  color: #333;
  font-size: 1.4em;
  line-height: 1.2;
  padding: 20px 14px 18px 40px;
}
#side_content .sub_nav li a:hover {
  opacity: 1;
  background: #F0F7FF;
}
#side_content .sub_nav li a::before {
  position: absolute;
  content: "";
  top: 20px;
  left: 14px;
  width: 15px;
  height: 15px;
  background: url(/common/img/nav_arrow_sp.png)no-repeat center center/15px;
  transform: translateX(0px);
  transition: 0.5s;
}
#side_content .sub_nav li a:hover::before {
  transform: translateX(6px);
}
#side_content .sub_nav li.ext_link a::after {
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  margin-left: 10px;
  background: url("/common/img/header_ico_extLink_hover.png")no-repeat center center/10px;
}

#reservation_list {
  width: 232px;
  margin-top: 33px;
}

#reservation_list li + li {
  margin-top: 12px;
}

#reservation_list li a {
  display: block;
  width: 232px;
  height: 86px;
  border: #C9D6DE solid 1px;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 2px;
  box-sizing: border-box;
}

#reservation_list li .person {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 56px;
  color: #333;
  font-weight: bold;
  line-height: 1.2;
  padding: 12px;
  box-sizing: border-box;
}
#reservation_list li:nth-child(1) .person {
  background: url("/common/img/sub_reservation_list_bg01.jpg")no-repeat center right/230px 56px;
}
#reservation_list li:nth-child(2) .person {
  background: url("/common/img/sub_reservation_list_bg02.jpg")no-repeat center right/230px 56px;
}
#reservation_list li:nth-child(3) .person {
  background: url("/common/img/sub_reservation_list_bg03.jpg")no-repeat center right/230px 56px;
}

#reservation_list li .person span {
  display: block;
}
#reservation_list li .person .large {
  font-size: 1.8em;
}
#reservation_list li .person .normal {
  font-size: 1.5em;
}
#reservation_list li .person .small {
  font-size: 1em;
}

#reservation_list li .reservation {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  background: #23ADED;
}

#reservation_list li .reservation .txt {
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}
#reservation_list li .reservation .txt.sub_txt {
  padding-top: 2px;
}

#reservation_list li .reservation .sub_txt span img {
  vertical-align: initial;
}

#reservation_list li .reservation .kokokarada_img {
  display: inline-block;
  width: 78px;
  height: 100%;
}
#reservation_list li .reservation .kokokarada_img img {
  width: 100%;
  height: auto;
}

#reservation_list li .reservation .arrow_img {
  width: 14px;
  height: 14px;
  margin-left: 10px;
}
#reservation_list li .reservation .arrow_img img {
  width: 100%;
  height: auto;
}

#reservation_list li .annotation {
  display: inline-block;
  line-height: 1.2;
  margin-top: 6px;
}

@media only screen and (max-width:768px) {
  #side_content {
    display: none;
  }
}




/* main_content
---------------------------------------------------*/
#main_content {
  width: 728px;
}

#main_content h3 {
  color: #333;
  font-size: 2.8em;
  font-weight: bold;
  line-height: 1.2;
  padding:16px;
  border-left: #23ADED solid 5px;
  background: #F6F8F9;
}

#main_content h4 {
  font-size: 2em;
  font-weight: bold;
  padding: 14px 16px;
  border-left: #23ADED solid 5px;
  border-bottom: #23ADED solid 1px;
  background: #fff;
}
#main_content h3 + h4 {
  margin-top: 32px;
}
#main_content .txt + h4,
#main_content .txt + h4,
#main_content .table_area + h4 {
  margin-top: 56px;
}
#main_content .round_list + h4,
#main_content .s_link_but + h4,
#main_content .frame_number_list + h4,
#main_content .outerframe_number_list + h4,
#main_content .smooth_link + h4,
#main_content .faq_list + h4,
#main_content .square_list + h4,
#main_content .item_list + h4,
#main_content .number_list + h4 {
  margin-top: 62px;
}

#main_content h4 span {
  margin-right: 16px;
}

#main_content h5 {
  position: relative;
  font-size: 1.8em;
  font-weight: bold;
  padding: 0 0 10px 22px;
  border-bottom: #B7C8D2 solid 1px;
}
#main_content h5::before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  top: 3px;
  left: 0;
  background: #23ADED;
  border-radius: 1px;
}
#main_content h5 .normal {
  font-size: 0.89em;
  font-weight: initial;
}
#main_content .txt + h5,
#main_content .table_area + h5 {
  margin-top: 48px;
}
#main_content h4 + h5 {
  margin-top: 24px;
}

#main_content h6 {
  color: #1A9DD9;
  font-size: 1.7em;
  font-weight: bold;
}
#main_content .three_stages + h6,
#main_content .round_number_list + h6 {
  margin-top: 48px;
}
#main_content .txt + h6 {
  margin-top: 40px;
}


#main_content .txt {
  font-size: 1.6em;
  line-height: 1.6;
}
#main_content .txt.text_r {
  text-align: right;
}
#main_content .square_list + .txt,
#main_content .s_link_but + .txt,
#main_content .headline_number_list + .txt {
  margin-top: 40px;
}
#main_content h3 + .txt,
#main_content .item_list + .txt {
  margin-top: 32px;
}
#main_content .number_list + .txt {
  margin-top: 28px;
}
#main_content h4 + .txt
,#main_content .round_number_list + .txt {
  margin-top: 20px;
}
#main_content .txt p + p {
  margin-top: 20px;
}
#main_content h5 + .txt,
#main_content h6 + .txt {
  margin-top: 16px;
}

#main_content .tel {
  font-size: 1.8em;
  font-weight: bold;
}
#main_content .txt + .tel {
  margin-top: 16px;
}
#main_content .tel a {
  pointer-events: none;
  color: #333;
  font-weight: bold;
}

/* outer_frame設定 */
.outer_frame_blue {
  padding: 32px;
  border: #23ADED solid 1px;
  border-radius: 10px;
}

/* asterisk */
.asterisk {
  font-size: 1.6em;
  line-height: 1.6;
  padding-left: 1em;
  text-indent: -1em;
}
.link_but + .asterisk {
  margin-top: 22px;
}

@media only screen and (max-width:768px) {
  #main_content {
    width: 100%;
  }

  #main_content h3 {
    font-size: 2.4em;
    padding: 11px 16px;
  }

  #main_content h4 {
    line-height: 1.2;
    padding: 8px 16px;
  }
  #main_content h4.disply_f {
    display: flex;
  }
  #main_content h3 + h4 {
    margin-top: 20px;
  }
  #main_content .txt + h4,
  #main_content .s_link_but + h4,
  #main_content .square_list + h4,
  #main_content .outerframe_number_list + h4,
  #main_content .smooth_link + h4,
  #main_content .number_list + h4 {
    margin-top: 50px;
  }

  #main_content h4 span {
    margin-right: 12px;
  }
  #main_content h4.disply_f span {
    display: block;
    min-width: 82px;
    margin-right: 0;
  }

  #main_content h5 {
    line-height: 1.2;
  }
  #main_content .txt + h5,
  #main_content .table + h5,
  #main_content .table_area + h5 {
    margin-top: 40px;
  }

  #main_content .txt + h6 {
    margin-top: 36px;
  }
  #main_content table + h6,
  #main_content .three_stages + h6,
  #main_content .round_number_list + h6 {
    margin-top: 40px;
  }

  #main_content .txt {
    line-height: 1.5;
  }
  #main_content .square_list + .txt,
  #main_content .s_link_but + .txt {
    margin-top: 32px;
  }
  #main_content h3 + .txt {
    margin-top: 20px;
  }
  #main_content .number_list + .txt,
  #main_content .item_list + .txt {
    margin-top: 24px;
  }
  #main_content h4 + .txt,
  #main_content h5 + .txt {
    margin-top: 18px;
  }
  #main_content .txt p + p {
    margin-top: 16px;
  }
  #main_content h6 + .txt {
    margin-top: 12px;
  }

  #main_content .tel a {
    pointer-events: auto;
    color: #1A9DD9;
    font-weight: normal;
    text-decoration: underline!important;
  }

  /* outer_frame設定 */
  .outer_frame_blue {
    padding: 20px 16px;
  }

  /* asterisk */
  .asterisk {
    line-height: 1.5;
  }
  .link_but + .asterisk {
    margin-top: 16px;
  }
}



/* smooth_link */
.smooth_link {
  display: flex;
  align-items: center;
}
h3 + .smooth_link {
  margin-top: 32px;
}
.txt + .smooth_link {
  margin-top: 26px;
}
.smooth_link + .smooth_link {
  margin-top: 12px;
}

.smooth_link.rows2 li + li {
  margin-left: 16px;
}
.smooth_link.rows4 li + li {
  margin-left: 9px;
}

.smooth_link li a {
  position: relative;
  display: flex;
  align-items: center;
  color: #333;
  font-size: 1.6em;
  border: #23ADED solid 1px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 2px;
  box-sizing: border-box;
}
.smooth_link.rows2 li a {
  width: 356px;
  height: 48px;
  padding: 16px 16px 16px 43px;
}
.smooth_link.rows4 li a {
  width: 173px;
  height: 56px;
  line-height: 1.2;
  padding: 10px 18px 9px 40px;
}
.smooth_link li a::before {
  position: absolute;
  content: "";
  width: 12px;
  height: 100%;
  top: 0;
  left: 15px;
  background: url("/common/img/smooth_link_arrow.png")no-repeat center center/12px 8px;
}
@media only screen and (max-width:768px) {
  .smooth_link.rows2 {
    display: block;
  }
  .smooth_link.rows4 {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  h3 + .smooth_link {
    margin-top: 20px;
  }
  .txt + .smooth_link {
    margin-top: 32px;
  }

  .smooth_link.rows4 li {
    width: 49%;
  }
  .smooth_link.rows2 li + li {
    margin: 16px 0 0;
  }
  .smooth_link.rows4 li + li {
    margin-left: 0;
  }
  .smooth_link.rows4 li:nth-child(n+3) {
    margin-top: 12px;
  }

  .smooth_link.rows2 li a {
    width: 100%;
    height: 100%;
    min-height: 48px;
    padding: 15px 16px 15px 43px;
  }
  .smooth_link.rows4 li a {
    width: 100%;
    height: 100%;
    min-height: 56px;
    padding: 8px 12px 8px 36px;
  }
}



/* index_link */
.index_link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
h3 + .index_link {
  margin-top: 32px;
}
.index_link + .index_link {
  margin-top: 16px;
}

.index_link li {
  width: 354px;
}
.index_link li:nth-child(n+3) {
  margin-top: 16px;
}

.index_link li a {
  display: block;
  height: 130px;
  color: #333;
  padding: 15px 16px 25px;
  border: #23ADED solid 1px;
  border-radius: 10px;
  box-sizing: border-box;
}

.index_link li a .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 39px;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.1;
}

.index_link li a .item .arrow_img {
  display: inline-block;
  width: 20px;
  height: 100%;
}
.index_link li a .item .ex_link_img {
  display: inline-block;
  width: 14px;
  height: 100%;
  margin: -8px 3px 0 0;
}
.index_link li a .item .arrow_img img,
.index_link li a .item .ex_link_img img {
  width: 100%;
  height: auto;
}

.index_link li a .explanation {
  font-size: 1.6em;
  line-height: 1.5;
  margin-top: 5px;
}

@media only screen and (max-width:768px) {
  .index_link {
    display: block;
  }
  h3 + .index_link {
    margin-top: 24px;
  }
  .index_link + .index_link {
    margin-top: 14px;
  }

  .index_link li {
    width: 100%;
    max-width: 343px;
    margin: 0 auto;
  }
  .index_link li + li {
    margin-top: 14px;
  }
  .index_link li:nth-child(n+3) {
    margin-top: 14px;
  }

  .index_link li a {
    height: 100%;
    min-height: 116px;
    padding: 20px 10px;
  }

  .index_link li a .item {
    min-height: initial;
  }

  .index_link li a .explanation {
    margin-top: 16px;
  }
}



/* square_list */
.txt + .square_list {
  margin-top: 40px;
}
h4 + .square_list {
  margin-top: 32px;
}

.square_list li {
  position: relative;
}
.square_list li::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: 7px;
  left: 0;
  background: #23ADED;
  border-radius: 1px;
}
.square_list li + li {
  margin-top: 26px;
}

.square_list li dl dt {
  font-size: 1.6em;
  line-height: 1.5;
  padding-left: 20px;
}

.square_list li dl dd {
  margin-top: 12px;
}

@media only screen and (max-width:768px) {
  .txt + .square_list {
    margin-top: 32px;
  }
  /* h4 + .square_list {
    margin-top: 32px;
  } */

  .square_list li::before {
    top: 7px;
    left: 0;
  }
}


/* linkbut_list設定 */
.linkbut_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.txt + .linkbut_list {
  margin-top: 40px;
}

.linkbut_list li + li {
  margin-left: 16px;
}
.linkbut_list li:nth-child(n+4) {
  margin: 16px 0 0 16px;
}
.linkbut_list li:nth-child(2n+1) {
  margin: 16px 0 0;
}
.linkbut_list li:nth-child(1) {
  margin: 0;
}

.linkbut_list li a {
  position: relative;
  display: flex;
  align-items: center;
  width: 356px;
  height: 70px;
  color: #333;
  font-size: 1.6em;
  line-height: 1.3;
  text-align: left;
  padding-right: 50px;
  border: #23ADED solid 1px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 2px;
  box-sizing: border-box;
}
@media only screen and (max-width:768px) {
  .linkbut_list {
    display: block;
  }
  .txt + .linkbut_list {
    margin-top: 32px;
  }

  .linkbut_list li + li {
    margin: 14px 0 0;
  }
  .linkbut_list li:nth-child(n+4) {
    margin: 14px 0 0;
  }
  .linkbut_list li:nth-child(2n+1) {
    margin: 14px 0 0;
  }

  .linkbut_list li a {
    width: 100%;
    height: initial;
    min-height: 70px;
  }
}



/* link_but設定 */
.link_but a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 514px;
  height: 88px;
  color: #fff;
  font-size: 1.8em;
  font-weight: bold;
  margin: 0 auto;
  background: #EA5252;
  box-shadow: rgba(0, 0, 0, 0.16) 0 4px 5px;
  border-radius: 4px;
  box-sizing: border-box;
}

.link_but a .arrow_img {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 20px;
  height: auto;
}
.link_but a .arrow_img img {
  width: 100%;
  height: auto;
}

.link_but.ico_computer a {
  padding: 20px 40px 20px 73px;
}
.link_but.ico_computer a::before {
  position: absolute;
  content: "";
  width: 55px;
  height: 100%;
  top: 0;
  left: 18px;
  background: url("/common/img/link_but_ico_computer.png")no-repeat center center/55px 43px;
}

/* s_link_but設定 */
.s_link_but {
  display: inline-block;
}
.txt + .s_link_but,
.square_list + .s_link_but {
  margin-top: 24px;
}

.s_link_but a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 48px;
  color: #333;
  font-size: 1.6em;
  line-height: 1.6;
  padding: 10px 16px;
  background: #fff;
  border: #23ADED solid 1px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 2px;
  box-sizing: border-box;
}

.s_link_but a .arrow_img {
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 14px;
}
.s_link_but.ex_link a .arrow_img {
  margin-left: 0;
  margin-right: 12px;
}
.s_link_but a .ex_link_img {
  width: 10px;
  min-width: 10px;
  margin-left: 8px;
}
.s_link_but a .pdf_link_img {
  width: 18px;
  min-width: 18px;
  margin-left: 12px;
}
.linkbut_list a .pdf_link_img {
  position: absolute;
  width: 18px;
  height: 20px;
  min-width: 18px;
  top: 22px;
  right: 0;
  margin: 0 16px 0 14px;
}
.s_link_but a .download_img {
  width: 18px;
  min-width: 18px;
  margin-right: 14px;
}
.linkbut_list a .download_img {
  display: block;
  width: 18px;
  min-width: 18px;
  margin: 0 14px 0 16px;
}

.s_link_but a .arrow_img img,
.s_link_but a .ex_link_img img {
  width: 100%;
  height: 100%;
  vertical-align: initial;
}
.s_link_but a .pdf_link_img img,
.s_link_but a .download_img img,
.linkbut_list a .pdf_link_img img,
.linkbut_list a .download_img img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
@media only screen and (max-width:768px) {
  .s_link_but {
    display: block;
  }

  .s_link_but a {
    justify-content: center;
    max-width: 343px;
    padding: 10px 16px;
    margin: 0 auto;
  }

  .s_link_but a .download_img img,
  .s_link_but a .pdf_link_img img {
    margin-top: -4px;
  }

  .s_link_but a .arrow_img {
    margin: 0 12px 0 0;
  }
}

/* m_link_but設定 */
.m_link_but a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 224px;
  min-height: 64px;
  color: #333;
  font-size: 1.6em;
  line-height: 1.6;
  padding: 18px 36px 18px 16px;
  border: #23ADED solid 1px;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 2px;
  box-sizing: border-box;
}
.m_link_but a::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 100%;
  top: 0;
  right: 16px;
  background: url("/common/img/index_link_arrow.png")no-repeat center center/20px 20px;
}

@media only screen and (max-width:768px) {
  /* link_but設定 */
  .link_but a {
    width: 100%;
    max-width: 311px;
    height: 100%;
    min-height: 84px;
    text-align: center;
    font-size: 1.6em;
    line-height: 1.2;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 3px;
  }

  .link_but.ico_computer a {
    padding: 20px 40px 20px 58px;
  }
  .link_but.ico_computer a::before {
    width: 41px;
    left: 17px;
    background: url("/common/img/link_but_ico_computer_sp.png")no-repeat center center/41px 32px;
  }

  /* m_link_but設定 */
  .m_link_but a {
    text-align: center;
    width: 100%;
    max-width: 343px;
    line-height: 1.6;
    padding: 18px 36px 18px 36px;
    margin: 0 auto;
  }
}




/* round_list */
.txt + .round_list {
  margin-top: 32px;
}

.round_list li {
  position: relative;
  padding-left: 20px;
}
.round_list li::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: 3px;
  left: 0;
  background: #23ADED;
  border-radius: 50%;
}
.round_list li + li {
  margin-top: 32px;
}

.round_list li dl dt {
  font-size: 1.6em;
  font-weight: bold;
}

.round_list li dl dd {
  font-size: 1.6em;
  line-height: 1.5;
  margin-top: 12px;
}
@media only screen and (max-width:768px) {
  .txt + .round_list {
    margin-top: 24px;
  }

  .round_list li {
    padding-left: 18px;
  }
  .round_list li + li {
    margin-top: 24px;
  }
}


/* red_round_list */
h4 + .red_round_list {
  margin-top: 20px;
}

.red_round_list li {
  position: relative;
  font-size: 1.6em;
  line-height: 1.6;
  padding-left: 16px;
}
.red_round_list li + li {
  margin-top: 7px;
}

.red_round_list li::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  top: 8px;
  left: 0;
  background: #EA5252;
  border-radius: 50%;
}


/* round_number_list */
h6 + .round_number_list {
  margin-top: 16px;
}
.round_number_list li {
  position: relative;
  font-size: 1.6em;
  line-height: 1.6;
  padding-left: 26px;
}
.round_number_list li + li {
  margin-top: 12px;
}
.round_number_list li::before {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  top: 3px;
  left: 0;
  color: #fff;
  font-size: 0.75em;
  font-weight: bold;
  background: #23ADED;
  border-radius: 50%;
}
.round_number_list li:nth-child(1)::before {
  content: "1";
}
.round_number_list li:nth-child(2)::before {
  content: "2";
}
.round_number_list li:nth-child(3)::before {
  content: "3";
}
.round_number_list li:nth-child(4)::before {
  content: "4";
}
.round_number_list li .underline {
  text-decoration: underline
}
@media only screen and (max-width:768px) {
  .round_number_list li + li {
    margin-top: 10px;
  }
}


/* number_list */
h4 + .number_list,
h5 + .number_list {
  margin-top: 20px;
}

.number_list li {
  font-size: 1.6em;
  line-height: 1.6;
  padding-left: 6px;
  margin-left: 18px;
  list-style-type: decimal;
}
.number_list li + li {
  margin-top: 8px;
}
@media only screen and (max-width:768px) {
  h5 + .number_list {
    margin-top: 18px;
  }

  .number_list li {
    margin-left: 24px;
  }
  .number_list li + li {
    margin-top: 18px;
  }
}



/* headline_number_list */
.txt + .headline_number_list {
  margin-top: 48px;
}
.headline_number_list li + li {
  margin-top: 40px;
}
.headline_number_list li .item {
  color: #333;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.5;
  padding-left: 1.5em;
  margin-bottom: 8px;
  text-indent: -1.5em;
}




/* frame_number_list */
h4 + .frame_number_list {
  margin-top: 32px;
}

.frame_number_list li {
  position: relative;
  padding-left: 45px;
}
.frame_number_list li::before {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "";
  width: 32px;
  height: 32px;
  top: 3px;
  left: 0;
  color: #1A9DD9;
  font-size: 2em;
  font-weight: bold;
  border: #1A9DD9 solid 1px;
  border-radius: 5px;
  box-sizing: border-box;
}
.frame_number_list li:nth-child(1)::before { content: "1"; }
.frame_number_list li:nth-child(2)::before { content: "2"; }
.frame_number_list li:nth-child(3)::before { content: "3"; }
.frame_number_list li:nth-child(4)::before { content: "4"; }
.frame_number_list li:nth-child(5)::before { content: "5"; }
.frame_number_list li + li {
  margin-top: 34px;
}

.frame_number_list li dl dt {
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.6;
  padding-top: 7px;
}

.frame_number_list li dl dt small {
  font-size: 0.75em;
}

.frame_number_list li dl dd {
  font-size: 1.6em;
  line-height: 1.6;
  margin-top: 12px;
}
@media only screen and (max-width:768px) {
  h4 + .frame_number_list {
    margin-top: 20px;
  }

  .frame_number_list li + li {
    margin-top: 24px;
  }

  .frame_number_list li dl dt {
    line-height: 1.2;
    padding-top: 10px;
  }

  .frame_number_list li dl dd {
    line-height: 1.5;
  }
}



/* 項目のリスト表(item_list) */
h4 + .item_list {
  margin-top: 32px;
}
.txt + .item_list,
h5 + .item_list {
  margin-top: 24px;
}

.item_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.item_list li {
  width: 173px;
  height: 56px;
  font-size: 1.6em;
  text-align: center;
  padding: 19px 10px;
  background: #DEF1FF;
  border: #23ADED solid 1px;
  border-radius: 5px;
  box-sizing: border-box;
}
.item_list li + li { margin-left: 12px; }
.item_list li:nth-child(n+5) { margin: 12px 0 0 12px}
.item_list li:nth-child(4n+1) { margin-top: 12px; margin-left: 0; }
.item_list li:nth-child(1) { margin-top: 0; }
.item_list li.applicable {
  color: #333;
  background: #FFFFC6;
  border: #D5D563 solid 1px;
}
.item_list li.no_applicable {
  color: #63727B;
  background: #fff;
  border: #C0CED6 solid 1px;
}
@media only screen and (max-width:768px) {
  h4 + .item_list {
    margin-top: 18px;
  }
  .txt + .item_list,
  h5 + .item_list {
    margin-top: 18px;
  }

  .item_list li {
    width: 48.5%;
    height: 100%;
    min-height: 48px;
    padding: 15px 10px;
  }
  .item_list li + li { margin-left: 3%; }
  .item_list li:nth-child(n+5) { margin: 0}
  .item_list li:nth-child(n+4) { margin: 10px 0 0 3%}
  .item_list li:nth-child(4n+1) { margin-top: 0;}
  .item_list li:nth-child(2n+1) { margin-top: 10px; margin-left: 0; }
  .item_list li:nth-child(1) { margin-top: 0; }
}



/* コラムエリア(column_area) */
.column_area {
  margin-top: 62px;
  padding: 24px;
  background: #F0F7FF;
  border-radius: 10px;
}

.column_area .txt + .linkbut_area {
  margin-top: 16px;
}

.column_area .linkbut_area .s_link_but a:hover {
  opacity: 0.8;
}
@media only screen and (max-width:768px) {
  .column_area {
    margin-top: 50px;
    padding: 20px 16px;
  }

  .column_area .linkbut_area .s_link_but a:hover {
    opacity: 1;
  }
}


/* テーブルエリア01(table_area) */
.txt + .table_area {
  margin-top: 40px;
}
h4 + .table_area {
  margin-top: 32px;
}
h6 + .table_area {
  margin-top: 16px;
}

.table {
  width: 728px;
  border: #B7C8D2 solid 1px;
  box-sizing: border-box;
}
.table_area + .table_area .table {
  border: none;
  border-right: #B7C8D2 solid 1px;
  border-bottom: #B7C8D2 solid 1px;
  border-left: #B7C8D2 solid 1px;
}

.table tr th, .table tr td {
  font-size: 1.6em;
  text-align: center;
  line-height: 1.6;
  vertical-align: middle;
  padding-top: 2px;
  border: #B7C8D2 solid 1px;
  box-sizing: border-box;
}
.table_area + .table_area .table tr th,
.table_area + .table_area .table tr td {
  border: none;
  border-right: #B7C8D2 solid 1px;
  border-bottom: #B7C8D2 solid 1px;
  border-left: #B7C8D2 solid 1px;
}

/* pattern01 */
.table.pattern01 thead tr {
  height: 48px;
  color: #fff;
  font-weight: bold;
  background: #23ADED;
}

.table.pattern01 tbody tr {
  color: #333;
  background: #fff;
}

.table.pattern01 tbody td {
  text-align: left;
  padding: 11px 15px;
}
.table.pattern01 tbody td:last-child {
  text-align: right;
  padding: 11px 16px 11px 13px;
}

/* pattern02 */
.table.pattern02 {
  border: #93ADBC solid 1px;
}
.table.pattern02 tr th, .table.pattern02 tr td {
  border: #93ADBC solid 1px;
}

.table.pattern02 thead tr {
  height: 48px;
  color: #fff;
  font-weight: bold;
  background: #738D9D;
}

.table.pattern02 tbody tr {
  color: #333;
}
.table.pattern02 tbody tr.bg_green {
  background: #E7F7D6;
}
.table.pattern02 tbody tr.bg_yellow {
  background: #FFFFD6;
}
.table.pattern02 tbody tr.bg_orange {
  background: #F7E5BE;
}
.table.pattern02 tbody tr.bg_purple {
  background: #E6E9F4;
}
.table.pattern02 tbody td {
  text-align: left;
  padding: 11px 14px;
}
.table.pattern02 tbody td:first-child {
  text-align: center;
}

/* pattern03 */
.table.pattern03 {
  border: #B7C8D2 solid 1px;
}
.table.pattern03 + .table.pattern03{
  border: none;
  border-right: #B7C8D2 solid 1px;
  border-bottom: #B7C8D2 solid 1px;
  border-left: #B7C8D2 solid 1px;
}

.table.pattern03 tr th,
.table.pattern03 tr td {
  border: none;
}

.table.pattern03 thead tr th {
  border-bottom: #fff solid 1px;
}
.table.pattern03 thead tr th + th {
  border-left: #fff solid 1px;
}

.table.pattern03 thead tr {
  height: 56px;
  color: #333;
  line-height: 1.2;
  background: #FFD034;
}

.table.pattern03 thead tr th {
  line-height: 1.2;
  font-weight: bold;
  padding: 0 17px;
}

.table.pattern03 tbody tr {
  color: #333;
  border-bottom: #B7C8D2 dotted 1px;
}
.table.pattern03 tbody .last_block { border-bottom: #B7C8D2 solid 1px; }

.table.pattern03 tbody th {
  text-align: left;
  padding: 11px 14px;
}
.table.pattern03 tbody td {
  text-align: left;
  padding: 11px 16px;
}
.table.pattern03 tbody tr th.item {
  text-align: center;
  color: #fff;
  font-weight: bold;
  background: #23ADED;
  border-right: #fff solid 1px;
  border-bottom: #fff solid 1px;
}
.table.pattern03 tbody tr th.item.last_block {
  border-bottom: #B7C8D2 solid 1px;
}
.table.pattern03 tbody tr th.item p {
  color: #fff;
  font-weight: bold;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
}
.table.pattern03 tbody tr th.item p span {
  -ms-text-combine-horizontal: all; /* 英数字の向きを縦にする */
}
.table.pattern03 tbody tr .item.t_left {
  text-align: left;
}
.table.pattern03 tbody tr th.sub_item {
  color: #333;
  background: #F0F7FF;
  padding: 11px 12px;
}
.table.pattern03 tbody tr td {
  position: relative;
  border-left: #B7C8D2 solid 1px;
}
.table.pattern03 tbody tr td.round::before {
  position: absolute;
  content: "";
  top: 15px;
  left: 15px;
  width: 16px;
  height: 16px;
  background: #333;
  border-radius: 50%;
}
.table.pattern03 tbody tr td a {
  color: #333;
  text-decoration: underline;
}

@media only screen and (max-width:768px) {
  .table thead.spOnly {
    display: table-header-group!important;
  }
  .table th.spOnly, .table td.spOnly {
    display: table-cell!important;
  }

  .txt + .table_area {
    margin-top: 36px;
  }
  /* h4 + .table_area {
    margin-top: 32px;
  } */
  h6 + .table_area {
    margin-top: 12px;
  }
  .table_area + .table_area {
    margin-top: 40px;
  }

  .table {
    width: 100%;
  }
  .table_area + .table_area .table {
    border: #B7C8D2 solid 1px;
  }
  h6 + .table {
    margin-top: 8px;
  }

  .table tr th, .table tr td {
    font-size: 1.4em;
    line-height: 1.2;
  }
  .table_area + .table_area .table tr th,
  .table_area + .table_area .table tr td {
    border: #B7C8D2 solid 1px;
  }

  /* pattern01 */
  .table_area.mt12 {
    margin-top: 12px;
  }

  .table.pattern01 thead tr {
    height: 100%;
    min-height: 32px;
  }
  .table.pattern01 thead tr th {
    padding: 8px 0 7px;
  }

  .table.pattern01 tbody td {
    text-align: left;
    padding: 12px 9px;
  }
  .table.pattern01 tbody td:last-child {
    padding: 12px 8px;
  }

  .table.pattern01 tbody td span.spOnly {
    display: inline!important;
  }

  /* pattern02 */
  .table.pattern02 {
    width: 728px;
  }
}




/* 準備中ページ（coming_soon）
---------------------------------------------------*/
#coming_soon .preparation {
  margin-top: 120px;
}

#coming_soon .preparation p {
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.6;
}

@media only screen and (max-width:768px) {
  #coming_soon .preparation p {
    font-size: 1.4em;
  }
}