@charset "UTF-8";
.top-schedule {
  border-top: 1px solid #ccc;
  max-width: 700px;
}

.top-schedule-row {
  display: flex;
  flex-flow: row wrap;
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
}

.top-schedule-row-l {
  flex: 0 1 54.2857142857%;
}

.top-schedule-row-r {
  flex: 1;
}

@media print, screen and (min-width: 640px) {
  .YKKAP-Button {
    border: 2px solid #0084b9;
    padding: 25px 40px 25px 14px;
    font-size: 16px;
  }
}
/**
暫定対応
**/
.YKKAP-Button2 {
  display: block;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  border: 2px solid #0084b9;
  color: #0084b9 !important;
  line-height: 1.2;
  z-index: 0;
  font-family: "Sawarabi Gothic", sans-serif;
}

@media print, screen and (min-width: 640px) {
  .YKKAP-Button2 {
    border: 2px solid #0084b9;
    padding: 25px 40px 25px 14px;
    font-size: 16px;
    transform-origin: left top;
    transform: scale(1, 1);
    z-index: 1;
  }
}
@media screen and (max-width: 639px) {
  .YKKAP-Button2 {
    padding: 5.33333vw 13.33333vw 5.33333vw 5.46667vw;
    font-size: 4.26667vw;
  }
  /**
  暫定対応ここまで
  **/
  .top-schedule {
    border-top: 1px solid #ccc;
    width: 100%;
  }
  .top-schedule-row {
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
  }
}
.-o-main {
  padding: 5.9em 4.8em 0;
  background-image: url(../image/bg_main.png);
}
.-o-main h2 {
  padding-bottom: 0.5454545455em;
  border-bottom: 1px solid #4cc6f2;
  font-size: 4.4em;
  line-height: 1.2857142857;
}
.-o-main p strong {
  color: #4cc6f2;
}
.-o-main p strong:nth-child(1) {
  font-size: 3.2em;
  line-height: 1.4375;
  margin-top: 0.58em;
}
.-o-main p span:nth-child(2) {
  text-align: center;
  align-self: center;
  font-size: 2.4em;
  margin-top: 1em;
  margin-left: 0.12em;
}
.-o-main p span:nth-child(2) small {
  font-size: 0.58em;
  font-weight: normal;
}
.-o-main p strong:nth-child(3) {
  font-size: 19em;
  margin-top: -0.07em;
  margin-left: -0.07em;
}
.-o-main p span:nth-child(4) {
  font-size: 5.2em;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 768px) {
  .-o-main {
    background-image: url(../image/bg_main_sp.png);
    background-color: #dcf6ff;
    padding: 40.8vw 20px 22px;
  }
  .-o-main h2 {
    padding-bottom: 0.6785714286em;
    font-size: 2.8em;
  }
  .-o-main p {
    flex-wrap: wrap;
    justify-content: center;
  }
  .-o-main p strong:nth-child(1) {
    width: 100%;
    text-align: center;
    font-size: 2.2em;
    letter-spacing: 0;
  }
  .-o-main p strong:nth-child(1) br {
    display: none;
  }
  .-o-main p span:nth-child(2) {
    font-size: 1.8em;
  }
  .-o-main p strong:nth-child(3) {
    font-size: 10.1em;
  }
  .-o-main p span:nth-child(4) {
    font-size: 2.7em;
  }
}
.-o .-o-box-gray {
  background-color: #f5f5f5;
  padding: 20px 30px;
  margin: 15px 0 24px;
}
.-o .-o-box-gray h3 {
  font-size: 1.6em;
  line-height: 1.2;
  margin-bottom: 10px;
}
.-o .-o-box-gray ul {
  display: grid;
  gap: 6px;
  list-style-type: none;
  padding-left: 1.5em;
}
.-o .-o-box-gray ul li {
  font-size: 1.4em;
  line-height: 1.5714285714;
}
.-o .-o-box-gray ul li:before {
  content: "●";
  display: inline-block;
  font-size: 0.7142857143em;
  width: 1.5em;
  margin-left: -1.5em;
}
@media screen and (max-width: 768px) {
  .-o .-o-box-gray {
    padding: 18px 15px;
  }
}
.-o .YKKAP-TextM,
.-o .YKKAP-TextS {
  color: #666;
}
.-o .-o-box-note {
  margin-top: 20px;
  font-size: 1.4em;
  line-height: 1.4285714286;
}
.-o .-o-box-note ul {
  list-style-type: disc;
  padding-left: 1.5em;
}
.-o .-o-box-note ul li {
  margin-top: 0.5714285714em;
}
@media screen and (max-width: 639px) {
  .-o .-o-box-note {
    font-size: 1.3em;
  }
}

.YKKAP-outline-nav {
  padding: 18px 0;
  border-top: 1px #7fc2dc dotted;
  border-bottom: 1px #7fc2dc dotted;
}

.YKKAP-outline-nav-item {
  margin: 0 20px;
}

.YKKAP-outline-nav-item:first-child {
  margin-left: 0;
}

.YKKAP-outline-nav-item-arrow {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 6px 3px;
  border: 2px solid;
  border-color: transparent transparent #0084b9 #0084b9;
  transform: rotate(-45deg);
  box-sizing: content-box;
}

@media screen and (max-width: 639px) {
  .YKKAP-outline-nav {
    padding: 12px 0;
  }
  .YKKAP-outline-nav-item {
    display: block;
    margin: 12px 0;
  }
  .YKKAP-outline-row {
    flex-flow: column nowrap;
  }
  .YKKAP-DetailLink {
    padding: 0;
  }
  .YKKAP-TOTO-DetailLink {
    padding: 0;
  }
}
.common-tabs {
  margin-bottom: 0;
}
.common-tabs li br {
  display: none;
}
@media screen and (max-width: 639px) {
  .common-tabs li br {
    display: block;
  }
}
@media screen and (max-width: 639px) {
  .common-tabs {
    padding-bottom: 20px;
    border-bottom: 1px solid #0084b9;
  }
}

.tab-contents {
  display: none;
}
.tab-contents.active {
  display: block;
}
.tab-contents h4 {
  margin-top: 25px;
}
@media screen and (max-width: 639px) {
  .tab-contents h4 span {
    display: block;
  }
}

.-o-table {
  width: 100%;
  margin-top: 10px;
  border-top: 1px solid #000;
  line-height: 1.5;
  font-size: clamp(0em, 2.6666666667vw, 14px);
}
.-o-table thead th {
  background: #f5f5f5;
}
.-o-table th,
.-o-table td {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  text-align: center;
  vertical-align: middle;
}
.-o-table th:last-child,
.-o-table td:last-child {
  border-right: none;
}
.-o-table th {
  padding: 10px 5px;
  font-weight: normal;
  word-break: keep-all;
}
.-o-table td {
  padding: 9px 5px;
  font-size: clamp(0em, 1.2em, 16px);
}
.-o-table td.YKKAP-PickupText-color {
  font-size: clamp(0em, 1.4em, 16px);
}
.-o-table thead th b {
  font-size: clamp(0em, 1.2em, 16px);
}
.-o-table tbody th b {
  font-size: clamp(0em, 1.6em, 21px);
}/*# sourceMappingURL=index.css.map */