@charset "UTF-8";
.container {
  padding-left: clamp(15px, 30px, 3vw);
  padding-right: clamp(15px, 30px, 3vw);
  margin-left: auto;
  margin-right: auto;
  max-width: 100%; }
  .container .container {
    padding-left: 0;
    padding-right: 0; }

#pTitle {
  height: clamp(190px, 290px, 18vw);
  background-size: cover;
  background-position: center; }
  #pTitle .container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  #pTitle h1 {
    color: #fff;
    text-align: center;
    font-size: clamp(32px, 40px, 3vw);
    line-height: 1.1;
    font-weight: bold; }
    #pTitle h1 span {
      font-size: .75em; }
    #pTitle h1 small {
      font-size: 0.45em;
      background-color: #fff;
      color: #1464ad;
      display: inline-block;
      padding: 0.5em 1em;
      border-radius: 3px; }

#sec01 {
  padding-top: 4em;
  padding-bottom: 4em; }
  #sec01 h2 {
    font-size: clamp(20px, 30px, 3vw);
    line-height: 2.2;
    text-align: center;
    text-decoration: underline;
    -webkit-text-decoration-color: #00ACEA;
            text-decoration-color: #00ACEA;
    text-decoration-thickness: clamp(6px, 8px, 1.3vw);
    -webkit-text-decoration-style: solid;
            text-decoration-style: solid;
    text-underline-offset: .4em;
    margin-bottom: 2.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  #sec01 h3 {
    margin-bottom: .1em;
    margin-top: 0.75em;
    font-size: clamp(16px, 21px, 3vw); }
    #sec01 h3 button {
      width: 100%;
      display: block;
      border-radius: 6em;
      color: #fff;
      padding-top: 0.4em;
      padding-bottom: 0.4em;
      position: relative; }
      #sec01 h3 button[data-expand-target="iKun"] {
        background-color: rgba(20, 100, 173, 0.6); }
      #sec01 h3 button[data-expand-target="iSeven"] {
        background-color: rgba(20, 100, 173, 0.8); }
      #sec01 h3 button[data-expand-target="iNine"] {
        background-color: #1464ad; }
      #sec01 h3 button span {
        padding-left: 0.5em;
        padding-right: 0.5em; }
      #sec01 h3 button .i-icons {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        #sec01 h3 button .i-icons img {
          display: block; }
        #sec01 h3 button .i-icons .ico-collapse {
          display: none; }
      #sec01 h3 button.is-expanded .i-icons .ico-expand {
        display: none; }
  #sec01 .expand-contents-wrap {
    display: none; }
  #sec01 .expand-contents {
    text-align: center; }
  #sec01 #iNine {
    display: block; }

.list-kome {
  list-style: none;
  text-indent: -1em;
  padding-left: 1em; }

#sec02 {
  background-color: #DDF0FF;
  padding-top: 4em;
  padding-bottom: 4em; }
  #sec02 h2 {
    font-size: clamp(19px, 30px, 3vw);
    line-height: 2.2;
    text-align: center;
    text-decoration: underline;
    -webkit-text-decoration-color: #00ACEA;
            text-decoration-color: #00ACEA;
    text-decoration-thickness: clamp(2px, 4px, 1.3vw);
    -webkit-text-decoration-style: solid;
            text-decoration-style: solid;
    text-underline-offset: .4em;
    margin-bottom: .5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  #sec02 .i-icons {
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center; }
    #sec02 .i-icons img {
      margin-left: auto;
      margin-right: auto; }
  #sec02 .expand-button-center {
    text-align: center; }
    #sec02 .expand-button-center [data-expand-target],
    #sec02 .expand-button-center [data-toggle-target] {
      background-color: transparent;
      margin-bottom: 1em; }
      #sec02 .expand-button-center [data-expand-target]:hover h2,
      #sec02 .expand-button-center [data-toggle-target]:hover h2 {
        -webkit-text-decoration-color: #1464AD;
                text-decoration-color: #1464AD;
        color: #1464AD; }
      #sec02 .expand-button-center [data-expand-target] .ico-collapse,
      #sec02 .expand-button-center [data-toggle-target] .ico-collapse {
        display: none; }
      #sec02 .expand-button-center [data-expand-target].is-expanded .ico-collapse,
      #sec02 .expand-button-center [data-toggle-target].is-expanded .ico-collapse {
        display: block; }
      #sec02 .expand-button-center [data-expand-target].is-expanded .ico-expand,
      #sec02 .expand-button-center [data-toggle-target].is-expanded .ico-expand {
        display: none; }

#expandContentQ {
  text-align: left;
  background-color: #fff;
  border-radius: 10px;
  padding-top: clamp(1em, 1.75em, 2vw);
  padding-bottom: clamp(1em, 1.75em, 2vw);
  padding-left: clamp(1.5em, 2.5em, 3vw);
  padding-right: clamp(1.5em, 2.5em, 3vw);
  font-size: clamp(16px, 18px, 2vw);
  display: none; }
  #expandContentQ dl {
    font-weight: bold; }
  #expandContentQ dd {
    margin-left: 0;
    color: #1464ad; }
  @media print, screen and (min-width: 48em) {
    #expandContentQ dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    #expandContentQ dt {
      width: 8em;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    #expandContentQ dd {
      margin-bottom: 0; } }

#sec03 {
  background-color: #fff;
  padding-top: 4em;
  padding-bottom: 4em; }
  #sec03 h2 {
    font-size: clamp(19px, 30px, 3vw);
    line-height: 2.2;
    text-align: center;
    text-decoration: underline;
    -webkit-text-decoration-color: #00ACEA;
            text-decoration-color: #00ACEA;
    text-decoration-thickness: clamp(2px, 4px, 1.3vw);
    -webkit-text-decoration-style: solid;
            text-decoration-style: solid;
    text-underline-offset: .4em;
    margin-bottom: 3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  #sec03 .i-img-wrap {
    margin-top: 2.5em; }

.point-unit {
  margin-bottom: 2.5em; }
  @media print, screen and (min-width: 48em) {
    .point-unit {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-column-gap: 3em;
              column-gap: 3em; } }
  .point-unit h3 {
    margin-top: .25em;
    font-size: clamp(21px, 30px, 3vw);
    border-bottom: solid 2px #00ACEA;
    color: #1464ad;
    margin-bottom: 0.8em; }
  .point-unit p.i-texxt-main {
    font-size: clamp(17px, 18px, 2vw);
    font-weight: bold; }
  .point-unit p.i-kome {
    font-size: clamp(13px, 14px, 2vw);
    text-indent: -1em;
    padding-left: 1em; }
  .point-unit .point-num {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 1.5em; }
    .point-unit .point-num .point-num-inner {
      background-color: #1464AD;
      padding: 0.75em .75em 0.75em 1.25em;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #fff;
      line-height: 1;
      border-radius: 10px 10px 0 10px;
      padding-top: clamp(0.5em, 0.75em, 1vw);
      padding-bottom: clamp(0.5em, 0.75em, 1vw);
      padding-right: 0.75em;
      padding-left: 1.25em; }
    .point-unit .point-num .i-text {
      font-size: clamp(13px, 21px, 3vw); }
    .point-unit .point-num .i-num {
      font-size: clamp(22px, 30px, 3vw); }
    .point-unit .point-num .i-img {
      padding-left: 2em; }
      .point-unit .point-num .i-img img {
        width: clamp(25px, 30px, 3vw); }

.hosho-contents {
  margin-top: 4em; }

.hosho-contents-unit table {
  border-top: solid 1px #D9D9D9; }
.hosho-contents-unit th, .hosho-contents-unit td {
  vertical-align: top;
  border-bottom: solid 1px #D9D9D9;
  padding-top: 1em;
  padding-bottom: 1em; }
.hosho-contents-unit th {
  font-size: clamp(19px, 21px, 2vw);
  color: #1464ad;
  text-align: left;
  white-space: nowrap;
  padding-right: 3em; }
  .hosho-contents-unit th span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .hosho-contents-unit th span:before {
      content: "●";
      font-size: clamp(10px, 12px, 2vw);
      margin-right: 1em; }
.hosho-contents-unit p {
  margin-top: .4em;
  margin-bottom: .4em; }
.hosho-contents-unit .i-text-main {
  font-size: clamp(16px, 18px, 2vw);
  font-weight: bold; }
.hosho-contents-unit .i-text-main-noraml {
  font-size: clamp(16px, 18px, 2vw); }
.hosho-contents-unit .list-kome {
  font-size: 0.875em; }
.hosho-contents-unit dt {
  font-weight: bold;
  font-size: clamp(16px, 18px, 2vw); }
.hosho-contents-unit dd {
  margin-left: 0; }
.hosho-contents-unit dl ~ dl {
  margin-top: 1.5em; }
@media print, screen and (max-width: 48em) {
  .hosho-contents-unit table, .hosho-contents-unit tbody, .hosho-contents-unit tr, .hosho-contents-unit th, .hosho-contents-unit td {
    display: block; }
  .hosho-contents-unit th {
    border-bottom: none;
    padding-bottom: 0; }
  .hosho-contents-unit td {
    padding-top: 0; } }

.hosho-taishogai-section {
  background-color: #F9F9F9;
  margin-bottom: 5em;
  padding-top: clamp(1em, 3.5em, 3vw);
  padding-bottom: clamp(1em, 3.5em, 3vw);
  padding-left: clamp(1.5em, 5.5em, 5vw);
  padding-right: clamp(1.5em, 5.5em, 5vw); }
  .hosho-taishogai-section h2 {
    text-align: center; }
  .hosho-taishogai-section .i-lead {
    background-color: #fff;
    text-align: center;
    font-size: clamp(16px, 18px, 2vw);
    padding-top: 0.4em;
    padding-bottom: 0.4em; }

.list-index-kakko {
  list-style: none;
  padding-left: 1em; }
  .list-index-kakko li {
    counter-increment: table-ol;
    position: relative;
    padding-left: 2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
    .list-index-kakko li:before {
      content: counter(table-ol) "）";
      position: absolute;
      left: 0; }

.c-button--lg--wide-280--white--sh.bordered {
  border: solid 1px #ddd;
  margin-bottom: 3em; }
