@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");

/* message_page common
---------------------------------------------------*/
.nav_side .side_ttl {
  background-image: url(/message/common/img/btn_pagenav05_2_on.svg);
  background-size: 186px 60px;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.nav_side nav a {
  background-repeat: no-repeat;
  background-position: left 10px center;
  display: block;
  text-indent: calc(100% + 14px);
  white-space: nowrap;
  overflow: hidden;
  padding: 8px 10px;
  transition: 0s all;
}

#message_family .nav_side nav .sidenav01 a,
#message_toyou .nav_side nav .sidenav02 a,
#message_diary .nav_side nav .sidenav03 a,
#message_faq .nav_side nav .sidenav04 a,
#message_method .nav_side nav .sidenav05 a {
  background-color: #23B4BE;
}

#message_family .nav_side nav .sidenav01 a:before,
#message_toyou .nav_side nav .sidenav02 a:before,
#message_diary .nav_side nav .sidenav03 a:before,
#message_faq .nav_side nav .sidenav04 a:before,
#message_method .nav_side nav .sidenav05 a:before {
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.36%2015%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22sub%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1.63%2C15a1.62%2C1.62%2C0%2C0%2C1-1.1-2.82L5.44%2C7.67%2C1%2C2.72A1.62%2C1.62%2C0%2C1%2C1%2C3.35.53L8.94%2C6.69A1.63%2C1.63%2C0%2C0%2C1%2C8.83%2C9L2.72%2C14.57A1.59%2C1.59%2C0%2C0%2C1%2C1.63%2C15Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-size: contain;
}

.nav_side nav .sidenav01 a {
  background-image: url(/common/img/btn_subnav05_01_off.svg);
  background-size: 234px 16px;
}

#message_family .nav_side nav .sidenav01 a,
.nav_side nav .sidenav01 a:hover {
  background-image: url(/common/img/btn_subnav05_01_on.svg);
}

.nav_side nav .sidenav02 a {
  background-image: url(/common/img/btn_subnav05_02_off.svg);
  background-size: 107px 19px;
}

#message_toyou .nav_side nav .sidenav02 a,
.nav_side nav .sidenav02 a:hover {
  background-image: url(/common/img/btn_subnav05_02_on.svg);
}

.nav_side nav .sidenav03 a {
  background-image: url(/common/img/btn_subnav05_03_off.svg);
  background-size: 104px 19px;
}

#message_diary .nav_side nav .sidenav03 a,
.nav_side nav .sidenav03 a:hover {
  background-image: url(/common/img/btn_subnav05_03_on.svg);
}

/* .nav_side nav .sidenav04 a {
  background-image: url(/common/img/btn_subnav05_04_off.svg);
  background-size: 102px 15px;
}

#message_faq .nav_side nav .sidenav04 a,
.nav_side nav .sidenav04 a:hover {
  background-image: url(/common/img/btn_subnav05_04_on.svg);
}

.nav_side nav .sidenav05 a {
  background-image: url(/common/img/btn_subnav05_05_off.svg);
  background-size: 106px 16px;
}

#message_method .nav_side nav .sidenav05 a,
.nav_side nav .sidenav05 a:hover {
  background-image: url(/common/img/btn_subnav05_05_on.svg);
}

.nav_side nav > ul > .sidenav05 {
  border-bottom: none; */
}

#message_top .overview_btn .pagenav01 a {
  background-image: url(/message/common/img/btn_pagenav01_off.svg);
  background-size: 177px 74px;
}

#message_top .overview_btn .pagenav01 a:hover {
  background-image: url(/message/common/img/btn_pagenav01_on.svg);
}

#message_top .overview_btn .pagenav02 a {
  background-image: url(/message/common/img/btn_pagenav02_off.svg);
  background-size: 204px 48px;
}

#message_top .overview_btn .pagenav02 a:hover {
  background-image: url(/message/common/img/btn_pagenav02_on.svg);
}

#message_top .overview_btn .pagenav03 a {
  background-image: url(/message/common/img/btn_pagenav03_off.svg);
  background-size: 227px 48px;
}

#message_top .overview_btn .pagenav03 a:hover {
  background-image: url(/message/common/img/btn_pagenav03_on.svg);
}

#message_top .overview_btn .pagenav04 a {
  background-image: url(/message/common/img/btn_pagenav04_off.svg);
  background-size: 162px 20px;
}

#message_top .overview_btn .pagenav04 a:hover {
  background-image: url(/message/common/img/btn_pagenav04_on.svg);
}

#message_top .overview_btn .pagenav05 a {
  background-image: url(/message/common/img/btn_pagenav05_off.svg);
  background-size: 152px 21px;
}

#message_top .overview_btn .pagenav05 a:hover {
  background-image: url(/message/common/img/btn_pagenav05_on.svg);
}

/* IEのみ適用させたいとき
---------------------------------------------------*/
@media all and (-ms-high-contrast: none) {
  /* IE */
  
  .nav_side nav a {
    text-indent: 100%;
  }
}


/* message_page contents
---------------------------------------------------*/
.under_page section + section {
  margin-top: 64px;
}

section .list_check + figure {
  margin-top: 20px;
}

section:last-child {
  margin-bottom: 75px;
}

section .txt_sup {
  font-size: 1.6em;
}

.under_page section p {
  letter-spacing: 0;
}

.colum_col2 .box_img {
  width: 100%;
  max-width: 207px;
}

.colum_col2 .box_img figure {
  border: 1px solid #00B8BF;
}

.colum_col2 .box_txt {
  width: calc(100% - 248px);
}

.btn_pdf a {
  display: block;
  width: 100%;
  max-width: 205px;
  margin: 20px auto 0;
  text-align: center;
  color: #00B8BF;
  border: 2px solid #00B8BF;
  font-weight: bold;
  border-radius: 50px;
  padding: 9px 0;
}

.btn_pdf a:hover {
  background: #00B8BF;
  color: #fff;
}

.box_teacher {
  margin-top: 12px;
}

.box_teacher .title {
  font-size: 1.2em;
  margin-bottom: 1px;
}

.box_teacher dl {
  display: flex;
  align-items: center;
}

.box_teacher dl + dl {
  margin-top: 0.5em;
}

.box_teacher dl dt,
.box_teacher dl dd {
  color: #573B19;
  font-weight: bold;
}

.box_teacher dt {
  display: flex;
  align-items: center;
  font-size: 1.6em;
}

.box_teacher dl dd {
  font-size: 1.2em;
  margin-left: 1.5em;
}

.box_teacher dt .t_small {
  font-size: 0.75em;
}

#section02 {
  margin-top: 99px;
}

#section02 .txt_sup,
#section03 .txt_sup {
  margin-top: 18px;
}

#section04 .txt_sup {
  margin-top: 24px;
}

@media only screen and (max-width: 768px) {
  .box_teacher dl {
    display: block;
  }

  .box_teacher dl + dl {
    margin-top: 1em;
  }

  .box_teacher dl dd {
    margin-left: 0;
    margin-top: 0.5em;
  }

  #section02 .txt_sup,
  #section03 .txt_sup,
  #section04 .txt_sup  {
    margin-top: 24px;
  }
}