@charset "UTF-8";
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: #fff;
  -webkit-box-shadow: 1px -1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 1px -1px 10px rgba(0, 0, 0, 0.1);
}
.header > .container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 20px;
  height: 80px;
}
@media (max-width: 1220px) {
  .header > .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1050px) {
  .header > .container {
    margin: 0 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 100%;
  }
}
@media (max-width: 1050px) {
  .header > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 9999;
    height: 64px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 767px) {
  .header > .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1050px) {
  .header .menu-icon {
    display: none;
  }
}
.header .menu-icon a.close {
  background: none;
}
.header.ikebukuro-header, .header.fukuoka-header, .header.nagoya-header, .header.osaka-header, .header.shinjuku-header, .header.tokyo-header, .header.yokohama-header {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 1050px) {
  .header.ikebukuro-header, .header.fukuoka-header, .header.nagoya-header, .header.osaka-header, .header.shinjuku-header, .header.tokyo-header, .header.yokohama-header {
    border-bottom: 1px solid #D9D7D2;
  }
}
.header.ikebukuro-header .container, .header.fukuoka-header .container, .header.nagoya-header .container, .header.osaka-header .container, .header.shinjuku-header .container, .header.tokyo-header .container, .header.yokohama-header .container {
  height: 90px;
}
.header.ikebukuro-header .hdr-top, .header.fukuoka-header .hdr-top, .header.nagoya-header .hdr-top, .header.osaka-header .hdr-top, .header.shinjuku-header .hdr-top, .header.tokyo-header .hdr-top, .header.yokohama-header .hdr-top {
  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;
  gap: 8px;
}
.header.ikebukuro-header .hdr-title, .header.fukuoka-header .hdr-title, .header.nagoya-header .hdr-title, .header.osaka-header .hdr-title, .header.shinjuku-header .hdr-title, .header.tokyo-header .hdr-title, .header.yokohama-header .hdr-title {
  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;
  gap: 16px;
  min-width: 180px;
}
@media (max-width: 1050px) {
  .header.ikebukuro-header .hdr-title, .header.fukuoka-header .hdr-title, .header.nagoya-header .hdr-title, .header.osaka-header .hdr-title, .header.shinjuku-header .hdr-title, .header.tokyo-header .hdr-title, .header.yokohama-header .hdr-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 8px;
  }
}
.header.ikebukuro-header .hdr-title span, .header.fukuoka-header .hdr-title span, .header.nagoya-header .hdr-title span, .header.osaka-header .hdr-title span, .header.shinjuku-header .hdr-title span, .header.tokyo-header .hdr-title span, .header.yokohama-header .hdr-title span {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  line-height: 1.8;
  color: #02A8CD;
  border: 1px solid #02A8CD;
  border-radius: 4px;
  padding: 0 15px;
  white-space: nowrap;
}
@media (max-width: 1050px) {
  .header.ikebukuro-header .hdr-title span, .header.fukuoka-header .hdr-title span, .header.nagoya-header .hdr-title span, .header.osaka-header .hdr-title span, .header.shinjuku-header .hdr-title span, .header.tokyo-header .hdr-title span, .header.yokohama-header .hdr-title span {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
    line-height: 1.05;
    padding: 4px 5px;
  }
}
.header.ikebukuro-header .hdr-title .ikebukuro-header-text, .header.fukuoka-header .hdr-title .ikebukuro-header-text, .header.nagoya-header .hdr-title .ikebukuro-header-text, .header.osaka-header .hdr-title .ikebukuro-header-text, .header.shinjuku-header .hdr-title .ikebukuro-header-text, .header.tokyo-header .hdr-title .ikebukuro-header-text, .header.yokohama-header .hdr-title .ikebukuro-header-text {
  display: none;
}
@media (max-width: 1050px) {
  .header.ikebukuro-header .hdr-title .ikebukuro-header-text, .header.fukuoka-header .hdr-title .ikebukuro-header-text, .header.nagoya-header .hdr-title .ikebukuro-header-text, .header.osaka-header .hdr-title .ikebukuro-header-text, .header.shinjuku-header .hdr-title .ikebukuro-header-text, .header.tokyo-header .hdr-title .ikebukuro-header-text, .header.yokohama-header .hdr-title .ikebukuro-header-text {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 1.35;
    color: #413E37;
    white-space: nowrap;
  }
}
@media (max-width: 400px) {
  .header.ikebukuro-header .hdr-title .ikebukuro-header-text, .header.fukuoka-header .hdr-title .ikebukuro-header-text, .header.nagoya-header .hdr-title .ikebukuro-header-text, .header.osaka-header .hdr-title .ikebukuro-header-text, .header.shinjuku-header .hdr-title .ikebukuro-header-text, .header.tokyo-header .hdr-title .ikebukuro-header-text, .header.yokohama-header .hdr-title .ikebukuro-header-text {
    font-size: 9px;
    font-size: 0.9rem;
  }
}
.header.ikebukuro-header .hdr-title .fukuoka-header-text, .header.fukuoka-header .hdr-title .fukuoka-header-text, .header.nagoya-header .hdr-title .fukuoka-header-text, .header.osaka-header .hdr-title .fukuoka-header-text, .header.shinjuku-header .hdr-title .fukuoka-header-text, .header.tokyo-header .hdr-title .fukuoka-header-text, .header.yokohama-header .hdr-title .fukuoka-header-text {
  display: none;
}
@media (max-width: 1050px) {
  .header.ikebukuro-header .hdr-title .fukuoka-header-text, .header.fukuoka-header .hdr-title .fukuoka-header-text, .header.nagoya-header .hdr-title .fukuoka-header-text, .header.osaka-header .hdr-title .fukuoka-header-text, .header.shinjuku-header .hdr-title .fukuoka-header-text, .header.tokyo-header .hdr-title .fukuoka-header-text, .header.yokohama-header .hdr-title .fukuoka-header-text {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 1.35;
    color: #413E37;
    white-space: nowrap;
  }
}
@media (max-width: 400px) {
  .header.ikebukuro-header .hdr-title .fukuoka-header-text, .header.fukuoka-header .hdr-title .fukuoka-header-text, .header.nagoya-header .hdr-title .fukuoka-header-text, .header.osaka-header .hdr-title .fukuoka-header-text, .header.shinjuku-header .hdr-title .fukuoka-header-text, .header.tokyo-header .hdr-title .fukuoka-header-text, .header.yokohama-header .hdr-title .fukuoka-header-text {
    font-size: 9px;
    font-size: 0.9rem;
  }
}
.header.ikebukuro-header .hdr-title .nagoya-header-text, .header.fukuoka-header .hdr-title .nagoya-header-text, .header.nagoya-header .hdr-title .nagoya-header-text, .header.osaka-header .hdr-title .nagoya-header-text, .header.shinjuku-header .hdr-title .nagoya-header-text, .header.tokyo-header .hdr-title .nagoya-header-text, .header.yokohama-header .hdr-title .nagoya-header-text {
  display: none;
}
@media (max-width: 1050px) {
  .header.ikebukuro-header .hdr-title .nagoya-header-text, .header.fukuoka-header .hdr-title .nagoya-header-text, .header.nagoya-header .hdr-title .nagoya-header-text, .header.osaka-header .hdr-title .nagoya-header-text, .header.shinjuku-header .hdr-title .nagoya-header-text, .header.tokyo-header .hdr-title .nagoya-header-text, .header.yokohama-header .hdr-title .nagoya-header-text {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 1.35;
    color: #413E37;
    white-space: nowrap;
  }
}
@media (max-width: 400px) {
  .header.ikebukuro-header .hdr-title .nagoya-header-text, .header.fukuoka-header .hdr-title .nagoya-header-text, .header.nagoya-header .hdr-title .nagoya-header-text, .header.osaka-header .hdr-title .nagoya-header-text, .header.shinjuku-header .hdr-title .nagoya-header-text, .header.tokyo-header .hdr-title .nagoya-header-text, .header.yokohama-header .hdr-title .nagoya-header-text {
    font-size: 9px;
    font-size: 0.9rem;
  }
}
.header.ikebukuro-header .hdr-title .osaka-header-text, .header.fukuoka-header .hdr-title .osaka-header-text, .header.nagoya-header .hdr-title .osaka-header-text, .header.osaka-header .hdr-title .osaka-header-text, .header.shinjuku-header .hdr-title .osaka-header-text, .header.tokyo-header .hdr-title .osaka-header-text, .header.yokohama-header .hdr-title .osaka-header-text {
  display: none;
}
@media (max-width: 1050px) {
  .header.ikebukuro-header .hdr-title .osaka-header-text, .header.fukuoka-header .hdr-title .osaka-header-text, .header.nagoya-header .hdr-title .osaka-header-text, .header.osaka-header .hdr-title .osaka-header-text, .header.shinjuku-header .hdr-title .osaka-header-text, .header.tokyo-header .hdr-title .osaka-header-text, .header.yokohama-header .hdr-title .osaka-header-text {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 1.35;
    color: #413E37;
    white-space: nowrap;
  }
}
@media (max-width: 400px) {
  .header.ikebukuro-header .hdr-title .osaka-header-text, .header.fukuoka-header .hdr-title .osaka-header-text, .header.nagoya-header .hdr-title .osaka-header-text, .header.osaka-header .hdr-title .osaka-header-text, .header.shinjuku-header .hdr-title .osaka-header-text, .header.tokyo-header .hdr-title .osaka-header-text, .header.yokohama-header .hdr-title .osaka-header-text {
    font-size: 9px;
    font-size: 0.9rem;
  }
}
.header.ikebukuro-header .hdr-title .shinjuku-header-text, .header.fukuoka-header .hdr-title .shinjuku-header-text, .header.nagoya-header .hdr-title .shinjuku-header-text, .header.osaka-header .hdr-title .shinjuku-header-text, .header.shinjuku-header .hdr-title .shinjuku-header-text, .header.tokyo-header .hdr-title .shinjuku-header-text, .header.yokohama-header .hdr-title .shinjuku-header-text {
  display: none;
}
@media (max-width: 1050px) {
  .header.ikebukuro-header .hdr-title .shinjuku-header-text, .header.fukuoka-header .hdr-title .shinjuku-header-text, .header.nagoya-header .hdr-title .shinjuku-header-text, .header.osaka-header .hdr-title .shinjuku-header-text, .header.shinjuku-header .hdr-title .shinjuku-header-text, .header.tokyo-header .hdr-title .shinjuku-header-text, .header.yokohama-header .hdr-title .shinjuku-header-text {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 1.35;
    color: #413E37;
    white-space: nowrap;
  }
}
@media (max-width: 400px) {
  .header.ikebukuro-header .hdr-title .shinjuku-header-text, .header.fukuoka-header .hdr-title .shinjuku-header-text, .header.nagoya-header .hdr-title .shinjuku-header-text, .header.osaka-header .hdr-title .shinjuku-header-text, .header.shinjuku-header .hdr-title .shinjuku-header-text, .header.tokyo-header .hdr-title .shinjuku-header-text, .header.yokohama-header .hdr-title .shinjuku-header-text {
    font-size: 9px;
    font-size: 0.9rem;
  }
}
.header.ikebukuro-header .hdr-title .tokyo-header-text, .header.fukuoka-header .hdr-title .tokyo-header-text, .header.nagoya-header .hdr-title .tokyo-header-text, .header.osaka-header .hdr-title .tokyo-header-text, .header.shinjuku-header .hdr-title .tokyo-header-text, .header.tokyo-header .hdr-title .tokyo-header-text, .header.yokohama-header .hdr-title .tokyo-header-text {
  display: none;
}
@media (max-width: 1050px) {
  .header.ikebukuro-header .hdr-title .tokyo-header-text, .header.fukuoka-header .hdr-title .tokyo-header-text, .header.nagoya-header .hdr-title .tokyo-header-text, .header.osaka-header .hdr-title .tokyo-header-text, .header.shinjuku-header .hdr-title .tokyo-header-text, .header.tokyo-header .hdr-title .tokyo-header-text, .header.yokohama-header .hdr-title .tokyo-header-text {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 1.35;
    color: #413E37;
    white-space: nowrap;
  }
}
@media (max-width: 400px) {
  .header.ikebukuro-header .hdr-title .tokyo-header-text, .header.fukuoka-header .hdr-title .tokyo-header-text, .header.nagoya-header .hdr-title .tokyo-header-text, .header.osaka-header .hdr-title .tokyo-header-text, .header.shinjuku-header .hdr-title .tokyo-header-text, .header.tokyo-header .hdr-title .tokyo-header-text, .header.yokohama-header .hdr-title .tokyo-header-text {
    font-size: 9px;
    font-size: 0.9rem;
  }
}
.header.ikebukuro-header .hdr-title .yokohama-header-text, .header.fukuoka-header .hdr-title .yokohama-header-text, .header.nagoya-header .hdr-title .yokohama-header-text, .header.osaka-header .hdr-title .yokohama-header-text, .header.shinjuku-header .hdr-title .yokohama-header-text, .header.tokyo-header .hdr-title .yokohama-header-text, .header.yokohama-header .hdr-title .yokohama-header-text {
  display: none;
}
@media (max-width: 1050px) {
  .header.ikebukuro-header .hdr-title .yokohama-header-text, .header.fukuoka-header .hdr-title .yokohama-header-text, .header.nagoya-header .hdr-title .yokohama-header-text, .header.osaka-header .hdr-title .yokohama-header-text, .header.shinjuku-header .hdr-title .yokohama-header-text, .header.tokyo-header .hdr-title .yokohama-header-text, .header.yokohama-header .hdr-title .yokohama-header-text {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 1.35;
    color: #413E37;
    white-space: nowrap;
  }
}
@media (max-width: 400px) {
  .header.ikebukuro-header .hdr-title .yokohama-header-text, .header.fukuoka-header .hdr-title .yokohama-header-text, .header.nagoya-header .hdr-title .yokohama-header-text, .header.osaka-header .hdr-title .yokohama-header-text, .header.shinjuku-header .hdr-title .yokohama-header-text, .header.tokyo-header .hdr-title .yokohama-header-text, .header.yokohama-header .hdr-title .yokohama-header-text {
    font-size: 9px;
    font-size: 0.9rem;
  }
}
.header.ikebukuro-header .hdr-title .hdr-top, .header.fukuoka-header .hdr-title .hdr-top, .header.nagoya-header .hdr-title .hdr-top, .header.osaka-header .hdr-title .hdr-top, .header.shinjuku-header .hdr-title .hdr-top, .header.tokyo-header .hdr-title .hdr-top, .header.yokohama-header .hdr-title .hdr-top {
  max-width: 291px;
}
.header.ikebukuro-header .nav-socials, .header.fukuoka-header .nav-socials, .header.nagoya-header .nav-socials, .header.osaka-header .nav-socials, .header.shinjuku-header .nav-socials, .header.tokyo-header .nav-socials, .header.yokohama-header .nav-socials {
  display: none;
}
@media (min-width: 1410px) {
  .header.ikebukuro-header .nav-socials, .header.fukuoka-header .nav-socials, .header.nagoya-header .nav-socials, .header.osaka-header .nav-socials, .header.shinjuku-header .nav-socials, .header.tokyo-header .nav-socials, .header.yokohama-header .nav-socials {
    display: block;
  }
}
.header.ikebukuro-header .global-nav-inner, .header.fukuoka-header .global-nav-inner, .header.nagoya-header .global-nav-inner, .header.osaka-header .global-nav-inner, .header.shinjuku-header .global-nav-inner, .header.tokyo-header .global-nav-inner, .header.yokohama-header .global-nav-inner {
  display: none;
}
@media (min-width: 1050px) {
  .header.ikebukuro-header .global-nav-inner, .header.fukuoka-header .global-nav-inner, .header.nagoya-header .global-nav-inner, .header.osaka-header .global-nav-inner, .header.shinjuku-header .global-nav-inner, .header.tokyo-header .global-nav-inner, .header.yokohama-header .global-nav-inner {
    display: block;
  }
  .header.ikebukuro-header .global-nav-inner > ul, .header.fukuoka-header .global-nav-inner > ul, .header.nagoya-header .global-nav-inner > ul, .header.osaka-header .global-nav-inner > ul, .header.shinjuku-header .global-nav-inner > ul, .header.tokyo-header .global-nav-inner > ul, .header.yokohama-header .global-nav-inner > ul {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1050px) and (max-width: 1240px) {
  .header.ikebukuro-header .global-nav-inner > ul, .header.fukuoka-header .global-nav-inner > ul, .header.nagoya-header .global-nav-inner > ul, .header.osaka-header .global-nav-inner > ul, .header.shinjuku-header .global-nav-inner > ul, .header.tokyo-header .global-nav-inner > ul, .header.yokohama-header .global-nav-inner > ul {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1050px) {
  .header.ikebukuro-header .global-nav-inner > ul > li, .header.fukuoka-header .global-nav-inner > ul > li, .header.nagoya-header .global-nav-inner > ul > li, .header.osaka-header .global-nav-inner > ul > li, .header.shinjuku-header .global-nav-inner > ul > li, .header.tokyo-header .global-nav-inner > ul > li, .header.yokohama-header .global-nav-inner > ul > li {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: auto;
  }
  .header.ikebukuro-header .global-nav-inner > ul > li > a, .header.fukuoka-header .global-nav-inner > ul > li > a, .header.nagoya-header .global-nav-inner > ul > li > a, .header.osaka-header .global-nav-inner > ul > li > a, .header.shinjuku-header .global-nav-inner > ul > li > a, .header.tokyo-header .global-nav-inner > ul > li > a, .header.yokohama-header .global-nav-inner > ul > li > a {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 1050px) and (max-width: 1240px) {
  .header.ikebukuro-header .global-nav-inner > ul > li > a, .header.fukuoka-header .global-nav-inner > ul > li > a, .header.nagoya-header .global-nav-inner > ul > li > a, .header.osaka-header .global-nav-inner > ul > li > a, .header.shinjuku-header .global-nav-inner > ul > li > a, .header.tokyo-header .global-nav-inner > ul > li > a, .header.yokohama-header .global-nav-inner > ul > li > a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 1050px) {
  .header.ikebukuro-header .global-nav-inner > ul > li > a .header-title, .header.fukuoka-header .global-nav-inner > ul > li > a .header-title, .header.nagoya-header .global-nav-inner > ul > li > a .header-title, .header.osaka-header .global-nav-inner > ul > li > a .header-title, .header.shinjuku-header .global-nav-inner > ul > li > a .header-title, .header.tokyo-header .global-nav-inner > ul > li > a .header-title, .header.yokohama-header .global-nav-inner > ul > li > a .header-title {
    margin-top: 5px;
  }
}
@media (min-width: 1050px) and (max-width: 1240px) {
  .header.ikebukuro-header .global-nav-inner > ul > li > a .header-title, .header.fukuoka-header .global-nav-inner > ul > li > a .header-title, .header.nagoya-header .global-nav-inner > ul > li > a .header-title, .header.osaka-header .global-nav-inner > ul > li > a .header-title, .header.shinjuku-header .global-nav-inner > ul > li > a .header-title, .header.tokyo-header .global-nav-inner > ul > li > a .header-title, .header.yokohama-header .global-nav-inner > ul > li > a .header-title {
    font-size: 9px;
    font-size: 0.9rem;
  }
}
@media (max-width: 1050px) {
  .header.ikebukuro-header .global-nav-inner, .header.fukuoka-header .global-nav-inner, .header.nagoya-header .global-nav-inner, .header.osaka-header .global-nav-inner, .header.shinjuku-header .global-nav-inner, .header.tokyo-header .global-nav-inner, .header.yokohama-header .global-nav-inner {
    height: calc(100vh - 90px);
  }
}
.header.ikebukuro-header .menu-icon, .header.fukuoka-header .menu-icon, .header.nagoya-header .menu-icon, .header.osaka-header .menu-icon, .header.shinjuku-header .menu-icon, .header.tokyo-header .menu-icon, .header.yokohama-header .menu-icon {
  display: none;
}
@media (max-width: 1050px) {
  .header.ikebukuro-header .menu-icon, .header.fukuoka-header .menu-icon, .header.nagoya-header .menu-icon, .header.osaka-header .menu-icon, .header.shinjuku-header .menu-icon, .header.tokyo-header .menu-icon, .header.yokohama-header .menu-icon {
    display: block;
  }
}
.header.ikebukuro-header .nav-course-options, .header.fukuoka-header .nav-course-options, .header.nagoya-header .nav-course-options, .header.osaka-header .nav-course-options, .header.shinjuku-header .nav-course-options, .header.tokyo-header .nav-course-options, .header.yokohama-header .nav-course-options {
  display: none;
}
@media (max-width: 1050px) {
  .header.ikebukuro-header .nav-course-options, .header.fukuoka-header .nav-course-options, .header.nagoya-header .nav-course-options, .header.osaka-header .nav-course-options, .header.shinjuku-header .nav-course-options, .header.tokyo-header .nav-course-options, .header.yokohama-header .nav-course-options {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 60px;
    top: 50%;
    gap: 8px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (max-width: 400px) {
  .header.ikebukuro-header .nav-course-options, .header.fukuoka-header .nav-course-options, .header.nagoya-header .nav-course-options, .header.osaka-header .nav-course-options, .header.shinjuku-header .nav-course-options, .header.tokyo-header .nav-course-options, .header.yokohama-header .nav-course-options {
    right: 50px;
  }
}
.header.ikebukuro-header .nav-course-options .hdr-course-item.tel, .header.fukuoka-header .nav-course-options .hdr-course-item.tel, .header.nagoya-header .nav-course-options .hdr-course-item.tel, .header.osaka-header .nav-course-options .hdr-course-item.tel, .header.shinjuku-header .nav-course-options .hdr-course-item.tel, .header.tokyo-header .nav-course-options .hdr-course-item.tel, .header.yokohama-header .nav-course-options .hdr-course-item.tel {
  background: #fff;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  border: 1px solid #0F46A1;
  padding: 0;
  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;
}

.hdr-title {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  min-width: 200px;
  height: auto;
  line-height: 1;
  text-align: left;
  background-color: inherit;
  font-size: 10px;
  font-size: 1rem;
  z-index: 2;
}
@media (max-width: 1050px) {
  .hdr-title {
    width: 140px;
    height: auto;
    padding: 0;
  }
}
@media (max-width: 990px) {
  .hdr-title {
    min-width: 100px;
  }
}
.hdr-title img {
  width: auto;
  max-width: 100%;
  vertical-align: middle;
}
.hdr-title a {
  display: inline-block;
  color: #333;
}
.hdr-title object {
  pointer-events: none;
  width: 200px;
  height: 50px;
}
@media (max-width: 1050px) {
  .hdr-title object {
    width: 70px;
    height: 17.5px;
  }
}
.hdr-title .ikebukuro-header-text,
.hdr-title .fukuoka-header-text,
.hdr-title .nagoya-header-text,
.hdr-title .osaka-header-text,
.hdr-title .shinjuku-header-text,
.hdr-title .tokyo-header-text,
.hdr-title .yokohama-header-text,
.hdr-title .hdr-top span {
  display: none;
}
.hdr-title .hdr-top {
  max-width: 200px;
}
@media (max-width: 767px) {
  .hdr-title .hdr-top img {
    width: 100px;
  }
}

.global-nav {
  display: block;
  width: calc(100% - 200px);
}
@media (min-width: 1050px) {
  .global-nav-inner {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    width: 100vw;
    width: calc(100% + 200px);
    margin: 0 auto;
    max-width: 100%;
  }
}
@media (max-width: 1050px) {
  .global-nav-inner {
    display: block !important;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    max-width: 310px;
    background-color: #EAFAFF;
    z-index: 9999;
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
}
@media (min-width: 1050px) {
  .global-nav-inner > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .global-nav-inner > ul > li {
    display: inline-block;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .global-nav-inner > ul > li.menu-under > a {
    padding-right: 15px;
  }
  .global-nav-inner > ul > li > a {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 1050px) {
  .global-nav-inner > ul {
    padding-left: 0;
  }
  .global-nav-inner > ul > li:first-child {
    border-top: 1px solid #9BC1FF;
  }
  .global-nav-inner > ul > li + li {
    border-top: 1px solid #9BC1FF;
  }
}
.global-nav-inner a {
  display: inline-block;
  padding: 5px 30px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #0F46A1;
  letter-spacing: 0.72px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1700px) {
  .global-nav-inner a {
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media (max-width: 1360px) {
  .global-nav-inner a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 1220px) {
  .global-nav-inner a {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (max-width: 1050px) {
  .global-nav-inner a {
    display: block;
    padding: 12px 20px 10px;
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.global-nav-inner a .header-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  letter-spacing: 0.48px;
  line-height: 1.4;
  color: #333;
  height: 28px;
  margin-top: 3px;
}
@media (max-width: 1050px) {
  .global-nav-inner a .header-title {
    color: #0F46A1;
    font-size: 10px;
    font-size: 1rem;
    display: block;
    text-align: left;
    line-height: 18px;
    margin-top: 3px;
    height: auto;
  }
}

@media (min-width: 1050px) {
  .sub-menu a {
    color: #333;
  }
}
@media (max-width: 1050px) {
  .sub-menu li + li {
    border-top: 1px solid #9BC1FF;
  }
}

.menu-under {
  position: relative;
}
@media (min-width: 1050px) {
  .menu-under:hover .global-menu-inner {
    display: block;
  }
}
.menu-under > a {
  position: relative;
}
@media (min-width: 1050px) {
  .menu-under > a {
    padding: 5px 25px 5px 5px;
  }
}
.menu-under > a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  margin: auto;
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: translate(0, -50%) rotate(135deg);
          transform: translate(0, -50%) rotate(135deg);
  margin-top: -5px;
}
@media (max-width: 1050px) {
  .menu-under > a:before {
    right: 17px;
    border: none;
    width: 17px;
    height: 2px;
    background: #0F46A1;
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
    margin-top: 0;
  }
}
@media (max-width: 1050px) {
  .menu-under > a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 2px;
    height: 17px;
    background: #0F46A1;
    margin-top: -8px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 1;
  }
}
.menu-under > a.menu-under-open:before {
  -webkit-transform: translate(0, 0) rotate(-45deg);
          transform: translate(0, 0) rotate(-45deg);
}
@media (max-width: 1050px) {
  .menu-under > a.menu-under-open:before {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}
@media (max-width: 1050px) {
  .menu-under > a.menu-under-open:after {
    -webkit-transform: translate(0, 0) rotate(90deg);
            transform: translate(0, 0) rotate(90deg);
    opacity: 0;
  }
}

.global-menu-inner {
  display: none;
}
@media (min-width: 1050px) {
  .global-menu-inner {
    position: absolute;
    top: 50px;
    left: 0;
    top: calc(100% - 12px);
    width: 235px;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    z-index: 999;
    padding-top: 0;
    margin-left: -50px;
  }
}

.sub-menu {
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  padding: 5px 0;
  overflow: hidden;
  margin-left: 0;
  top: 100%;
  width: 235px;
}
@media (max-width: 1050px) {
  .sub-menu {
    width: 100%;
    margin-left: auto;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media (max-width: 1050px) {
  .sub-menu {
    border-radius: 0;
    padding: 0px;
    border-top: 1px solid #9BC1FF;
  }
}
.sub-menu a {
  display: block;
  padding: 10px;
  color: #333;
  text-align: left;
}
@media (min-width: 991px) {
  .sub-menu a {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    padding: 12px 20px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
  }
  .sub-menu a:hover {
    background-color: #0F46A1;
    color: #fff;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
}
@media (max-width: 1050px) {
  .sub-menu a {
    padding: 15px 40px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #0F46A1;
    font-family: "Zen Kaku Gothic New", sans-serif;
  }
}

.global-nav-inner {
  display: none;
}
@media (min-width: 1050px) {
  .global-nav-inner {
    display: block;
  }
}
@media (max-width: 1050px) {
  .global-nav-inner {
    height: calc(100vh - 64px - env(safe-area-inset-bottom));
    overflow-y: auto;
    padding-bottom: calc(20px + env(safe-area-inset-bottom));
  }
}

.nav-course-options {
  display: none;
}
@media (max-width: 1050px) {
  .nav-course-options {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 60px;
    top: 50%;
    gap: 8px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.nav-course-options .hdr-course-item {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.24px;
  width: 56px;
  border-radius: 4px;
  padding: 5px 10px;
  text-align: center;
}
.nav-course-options .hdr-course-item:first-child {
  background: linear-gradient(173deg, #F6EF37 0%, #FFE565 100%), linear-gradient(173deg, #004ECF 0%, #0F46A1 100%), linear-gradient(0deg, #F6EF37 100%);
  color: #0F46A1;
}
.nav-course-options .hdr-course-item:last-child {
  background: linear-gradient(173deg, #004ECF 0%, #0F46A1 100%), linear-gradient(0deg, #F6EF37 100%);
  color: #fff;
}

.nav-socials {
  position: relative;
  z-index: 101;
  width: 100%;
  max-width: 116px;
}
@media (max-width: 1240px) {
  .nav-socials {
    display: none;
  }
}
.nav-socials ul {
  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;
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-socials ul li {
  margin: 0 8px;
}

.mobile-reservation-app {
  padding: 21px 20px;
}
.mobile-reservation-app > ul {
  margin-top: 10px;
}
.mobile-reservation-app > ul > li + li {
  margin-top: 10px;
}
.mobile-reservation-app p {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  font-weight: 700;
}
.mobile-reservation-app .button {
  font-weight: 700;
  min-height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  line-height: 1.4;
}
.mobile-reservation-app .button.linear-blue {
  border: none;
  background: linear-gradient(135deg, #004ECF 0%, #0F46A1 100%);
  color: #fff;
}
.mobile-reservation-app .button.linear-yellow {
  border: none;
  background: linear-gradient(135deg, #F6EF37 0%, #FFE565 100%);
  color: #0F46A1;
}

@media (min-width: 1050px) {
  .ikebukuro-header-opt main .breadcrumbs,
  .fukuoka-header-opt main .breadcrumbs,
  .nagoya-header-opt main .breadcrumbs,
  .osaka-header-opt main .breadcrumbs,
  .shinjuku-header-opt main .breadcrumbs,
  .tokyo-header-opt main .breadcrumbs,
  .yokohama-header-opt main .breadcrumbs {
    padding-left: 80px;
  }
}

.menu-under-store {
  position: relative;
}
.menu-under-store .store-cross-icon {
  display: none;
}
@media (max-width: 1050px) {
  .menu-under-store .store-cross-icon {
    display: block;
    position: absolute;
    height: 60px;
    width: 80px;
    top: 0;
    right: 0;
    z-index: 99;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
}

@media (max-width: 1050px) {
  .social-media-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: calc(120px + env(safe-area-inset-bottom));
  }
  .social-media-header .social-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    height: 40px;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: black;
    font-size: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}

.header .menu-icon {
  display: none;
}
@media (max-width: 1050px) {
  .header .menu-icon {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 9999;
  }
}
@media (max-width: 1050px) {
  .header.menu-open .global-nav-inner {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.menu-icon a {
  position: relative;
  display: block;
  width: 24px;
  height: 18px;
  padding: 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  overflow: hidden;
}
.menu-icon a:before, .menu-icon a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 2px;
  background: #0F46A1;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.menu-icon a:before {
  top: 0;
}
.menu-icon a:after {
  bottom: 0;
}
.menu-icon a span {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 2px;
  background: #0F46A1;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.menu-icon a.close {
  height: 22px;
}
.menu-icon a.close:before {
  bottom: 0;
  -webkit-transform: translate(0, 0) rotate(45deg);
          transform: translate(0, 0) rotate(45deg);
}
.menu-icon a.close:after {
  top: 0;
  -webkit-transform: translate(0, 0) rotate(-45deg);
          transform: translate(0, 0) rotate(-45deg);
}
.menu-icon a.close span {
  display: none;
}

footer {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #0DAFE8), color-stop(51%, #45D6E2), to(#AEE4E6));
  background: linear-gradient(180deg, #0DAFE8 20%, #45D6E2 51%, #AEE4E6 100%);
  padding: 100px 0 54px;
  padding-top: 100px;
}
@media (max-width: 990px) {
  footer {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 80px;
    background: #0DAFE8;
    background: linear-gradient(179deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
  }
}
footer a,
footer p {
  color: #333;
}
footer .wave {
  background-color: #0f46a1;
  display: none;
}
footer .wave img {
  width: 100%;
}
footer:after {
  content: "";
  position: absolute;
  bottom: calc(100% - 140px);
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 16%;
  background: url("../images/common/footer_wave_final.svg") no-repeat bottom center;
  background-size: cover;
  z-index: 1;
}
@media (max-width: 990px) {
  footer:after {
    bottom: 100%;
  }
}
footer .floating-text {
  position: absolute;
  line-height: 1;
  color: #fff;
  height: 150px;
  width: 100%;
  top: -16px;
  z-index: 2;
}
@media (max-width: 990px) {
  footer .floating-text {
    height: 100px;
    top: 0px;
  }
}
footer .floating-text .text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 150px;
  font-size: 15rem;
  position: absolute;
  top: -2px;
  left: 0;
  height: 202px;
  z-index: 10;
  color: #0892e1;
}
@media (max-width: 990px) {
  footer .floating-text .text {
    font-size: 75px;
    font-size: 7.5rem;
    line-height: 1;
    height: 86px;
    color: #6DC9F1;
  }
}
footer .floating-text .text span {
  z-index: 1024;
  position: relative;
  opacity: 0.8;
  font-weight: 700;
}
@media (max-width: 990px) {
  footer .floating-text .text span {
    mix-blend-mode: color-burn;
    letter-spacing: 4px;
    color: #07a6e5;
    opacity: 1;
  }
}
footer .floating-text .text:nth-child(odd) {
  -webkit-animation: marquee 60s linear infinite;
          animation: marquee 60s linear infinite;
  z-index: 101;
}
footer .floating-text .text:nth-child(odd):after {
  content: "";
  display: block;
  height: 101px;
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
}
@media (max-width: 990px) {
  footer .floating-text .text:nth-child(odd):after {
    height: 50px;
  }
}
footer .footer-top-space {
  margin-top: 53px;
}

.footer-top-button {
  max-width: 1024px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 40px auto 40px;
}
@media (max-width: 990px) {
  .footer-top-button {
    margin-top: 24px;
  }
}
.footer-top-button .button {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 990px) {
  .footer-top-button .button {
    padding-top: 19px;
    padding-bottom: 19px;
  }
}
.footer-top-button .button.button-yellow {
  color: #0F46A1;
  border: 2px solid #F6EF37;
}
@media (max-width: 990px) {
  .footer-top-button .button.button-yellow {
    border: 2px solid #fff;
  }
}
@media (max-width: 990px) {
  .footer-top-button .col {
    margin-top: 16px;
  }
}

.footer-logo {
  position: relative;
  text-align: center;
  max-width: 230px;
  margin: 40px auto 24px;
  z-index: 12;
}
@media (max-width: 990px) {
  .footer-logo {
    margin-top: 0;
  }
}

.border-separator {
  border-bottom: 1px solid rgba(15, 70, 161, 0.2);
  margin: 40px 0;
}
@media (max-width: 990px) {
  .border-separator {
    display: none;
  }
}
.border-separator + .mobile-col {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.footer-nav li,
.footer-mobile-nav li {
  font-size: 10px;
  font-size: 1rem;
  line-height: 2;
}
.footer-nav li a,
.footer-mobile-nav li a {
  color: #333;
  font-weight: 500;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 0.4px;
  line-height: 1.8;
}
.footer-nav li a.f-link-arrow,
.footer-mobile-nav li a.f-link-arrow {
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.48px;
  line-height: 2.25;
  position: relative;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.footer-nav li a.f-link-arrow:before,
.footer-mobile-nav li a.f-link-arrow:before {
  content: "";
  width: 5px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -5px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: url("../images/common/chevron_forward.webp") no-repeat top center;
  background-size: contain;
}
.footer-nav li a.f-link-bullet,
.footer-mobile-nav li a.f-link-bullet {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.48px;
  line-height: 1.8;
  position: relative;
  padding-left: 15px;
}
@media (max-width: 990px) {
  .footer-nav li a.f-link-bullet,
  .footer-mobile-nav li a.f-link-bullet {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.footer-nav li a.f-link-bullet:before,
.footer-mobile-nav li a.f-link-bullet:before {
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 0;
  background: #0F46A1;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.footer-nav li a.f-link-normal,
.footer-mobile-nav li a.f-link-normal {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}

.footer-nav {
  margin: 0 auto;
  max-width: 1240px;
}
@media (max-width: 990px) {
  .footer-nav {
    display: none;
    gap: 4px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 990px) {
  .footer-nav .mobile-col {
    width: 50%;
  }
}
@media (min-width: 1050px) {
  .footer-nav .mobile-col.mobile-col-bottom .col:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 120px;
  }
  .footer-nav .mobile-col.mobile-col-bottom .col:nth-child(2) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 155px;
  }
  .footer-nav .mobile-col.mobile-col-bottom .col:nth-child(3) {
    min-width: 256px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.footer-nav .mobile-col:last-child .col:nth-last-child(2) {
  max-width: 160px;
}
.footer-nav .mobile-col:last-child .col:last-child {
  position: relative;
  margin-left: 80px;
}
@media (max-width: 1120px) {
  .footer-nav .mobile-col:last-child .col:last-child {
    margin-left: 60px;
  }
}
.footer-nav .mobile-col:last-child .col:last-child::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: -40px;
  background-color: rgba(15, 70, 161, 0.2);
}
@media (max-width: 1120px) {
  .footer-nav .mobile-col:last-child .col:last-child::before {
    left: -30px;
  }
}
.footer-nav .col {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  min-width: 160px;
}
@media (max-width: 990px) {
  .footer-nav .col {
    min-width: auto;
  }
}
@media (max-width: 990px) {
  .footer-nav .col + .col {
    margin-top: 30px;
  }
}
.footer-nav ul + .footer-h4 {
  margin-top: 24px;
}

.footer-mobile-nav {
  padding: 0 25px;
}
.footer-mobile-nav a, .footer-mobile-nav p {
  color: #333;
}
.footer-mobile-nav .footer-h4 {
  display: block;
  margin-bottom: 24px;
}
@media (max-width: 990px) {
  .footer-mobile-nav .footer-h4 {
    margin-bottom: 16px;
  }
}
@media (max-width: 990px) {
  .footer-mobile-nav .footer-h4 + ul {
    margin-bottom: 16px;
  }
}
.footer-mobile-nav .footer-h4 span a {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 500;
  display: block;
  letter-spacing: 0.4px;
  line-height: 1.8;
}
.footer-mobile-nav .others-link {
  margin-top: 10px;
}
.footer-mobile-nav .others-link > li a {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.48px;
  line-height: 1.8;
}
.footer-mobile-nav .others-link > li + li {
  margin-top: 8px;
}

.footer-h4 {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.96px;
  text-transform: uppercase;
}
@media (max-width: 990px) {
  .footer-h4 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
    font-weight: 500;
  }
}
.footer-h4 span {
  color: #333;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media (max-width: 990px) {
  .footer-h4 span {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;
    display: block;
    letter-spacing: 0.4px;
    line-height: 1.8;
  }
}

.footer-list li {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}

.copyright {
  padding: 4rem 0.5rem 80px;
  text-align: center;
}
.copyright p {
  font-size: 12px;
  font-size: 1.2rem;
  color: #333;
  font-weight: 500;
}

.social-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  margin-bottom: 15px;
}
.social-media .social-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  color: black;
  font-size: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.social-media .social-link:hover {
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.social-media .social-link:hover .fa-youtube {
  color: #FF0000;
}
.social-media .social-link:hover .fa-instagram {
  color: #E4405F;
}
.social-media .social-link:hover .fa-facebook {
  color: #1877F2;
}

main .container,
main .container-s,
main .container-inner,
main .container-l {
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 1239px) {
  main .container,
  main .container-s,
  main .container-inner,
  main .container-l {
    width: calc(100% - 40px);
  }
}
main .container-l {
  max-width: 1360px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 990px) {
  main .container-l {
    padding-left: 0;
    padding-right: 0;
  }
}
main .container {
  max-width: 1240px;
}
main .container-s {
  max-width: 880px;
}
main .container-inner {
  max-width: 635px;
}

.span-1 {
  width: 8.3333333333%;
}

.span-2 {
  width: 16.6666666667%;
}

.span-3 {
  width: 25%;
}

.span-4 {
  width: 33.3333333333%;
}

.span-5 {
  width: 41.6666666667%;
}

.span-6 {
  width: 50%;
}

.span-7 {
  width: 58.3333333333%;
}

.span-8 {
  width: 66.6666666667%;
}

.span-9 {
  width: 75%;
}

.span-10 {
  width: 83.3333333333%;
}

.span-11 {
  width: 90.666667%;
}

.span-12 {
  width: 100%;
}

.row figure {
  padding: 0;
  text-align: center;
}
.row > [class*=span-] {
  float: left;
}

@media (max-width: 990px) {
  .row:not([class^=gutter-]).sp-col1 > .col,
  .flex:not([class^=gutter-]).sp-col1 > .col {
    width: 100%;
  }
  .row:not([class^=gutter-]).sp-col2 > .col,
  .flex:not([class^=gutter-]).sp-col2 > .col {
    width: 50%;
  }
  .row:not([class^=gutter-]).sp-col3 > .col,
  .flex:not([class^=gutter-]).sp-col3 > .col {
    width: 33.3333333333%;
  }
}

.row.gutter-5,
.flex.gutter-5 {
  margin-left: -5px;
}
.row.gutter-5 > [class*=span-],
.flex.gutter-5 > [class*=span-] {
  margin-left: 5px;
}
.row.gutter-5 > .span-1,
.flex.gutter-5 > .span-1 {
  width: calc(8.3333333333% - 5px);
}
.row.gutter-5 > .span-2,
.flex.gutter-5 > .span-2 {
  width: calc(16.6666666667% - 5px);
}
.row.gutter-5 > .span-3,
.flex.gutter-5 > .span-3 {
  width: calc(25% - 5px);
}
.row.gutter-5 > .span-4,
.flex.gutter-5 > .span-4 {
  width: calc(33.3333333333% - 5px);
}
.row.gutter-5 > .span-5,
.flex.gutter-5 > .span-5 {
  width: calc(41.6666666667% - 5px);
}
.row.gutter-5 > .span-6,
.flex.gutter-5 > .span-6 {
  width: calc(50% - 5px);
}
.row.gutter-5 > .span-7,
.flex.gutter-5 > .span-7 {
  width: calc(58.3333333333% - 5px);
}
.row.gutter-5 > .span-8,
.flex.gutter-5 > .span-8 {
  width: calc(66.6666666667% - 5px);
}
.row.gutter-5 > .span-9,
.flex.gutter-5 > .span-9 {
  width: calc(75% - 5px);
}
.row.gutter-5 > .span-10,
.flex.gutter-5 > .span-10 {
  width: calc(83.3333333333% - 5px);
}
.row.gutter-5 > .span-11,
.flex.gutter-5 > .span-11 {
  width: calc(90.666667% - 5px);
}
.row.gutter-5 > .span-12,
.flex.gutter-5 > .span-12 {
  width: calc(100% - 5px);
}
@media (min-width: 991px) {
  .row.pc-gutter-5,
  .flex.pc-gutter-5 {
    margin-left: -5px;
  }
  .row.pc-gutter-5 > [class*=span-],
  .flex.pc-gutter-5 > [class*=span-] {
    margin-left: 5px;
  }
  .row.pc-gutter-5 > .span-1,
  .flex.pc-gutter-5 > .span-1 {
    width: calc(8.3333333333% - 5px);
  }
  .row.pc-gutter-5 > .span-2,
  .flex.pc-gutter-5 > .span-2 {
    width: calc(16.6666666667% - 5px);
  }
  .row.pc-gutter-5 > .span-3,
  .flex.pc-gutter-5 > .span-3 {
    width: calc(25% - 5px);
  }
  .row.pc-gutter-5 > .span-4,
  .flex.pc-gutter-5 > .span-4 {
    width: calc(33.3333333333% - 5px);
  }
  .row.pc-gutter-5 > .span-5,
  .flex.pc-gutter-5 > .span-5 {
    width: calc(41.6666666667% - 5px);
  }
  .row.pc-gutter-5 > .span-6,
  .flex.pc-gutter-5 > .span-6 {
    width: calc(50% - 5px);
  }
  .row.pc-gutter-5 > .span-7,
  .flex.pc-gutter-5 > .span-7 {
    width: calc(58.3333333333% - 5px);
  }
  .row.pc-gutter-5 > .span-8,
  .flex.pc-gutter-5 > .span-8 {
    width: calc(66.6666666667% - 5px);
  }
  .row.pc-gutter-5 > .span-9,
  .flex.pc-gutter-5 > .span-9 {
    width: calc(75% - 5px);
  }
  .row.pc-gutter-5 > .span-10,
  .flex.pc-gutter-5 > .span-10 {
    width: calc(83.3333333333% - 5px);
  }
  .row.pc-gutter-5 > .span-11,
  .flex.pc-gutter-5 > .span-11 {
    width: calc(90.666667% - 5px);
  }
  .row.pc-gutter-5 > .span-12,
  .flex.pc-gutter-5 > .span-12 {
    width: calc(100% - 5px);
  }
}
@media (max-width: 990px) {
  .row.sp-gutter-5,
  .flex.sp-gutter-5 {
    margin-left: -5px;
  }
  .row.sp-gutter-5 > [class*=span-],
  .flex.sp-gutter-5 > [class*=span-] {
    margin-left: 5px;
  }
  .row.sp-gutter-5 > .span-1,
  .flex.sp-gutter-5 > .span-1 {
    width: calc(8.3333333333% - 5px);
  }
  .row.sp-gutter-5 > .span-2,
  .flex.sp-gutter-5 > .span-2 {
    width: calc(16.6666666667% - 5px);
  }
  .row.sp-gutter-5 > .span-3,
  .flex.sp-gutter-5 > .span-3 {
    width: calc(25% - 5px);
  }
  .row.sp-gutter-5 > .span-4,
  .flex.sp-gutter-5 > .span-4 {
    width: calc(33.3333333333% - 5px);
  }
  .row.sp-gutter-5 > .span-5,
  .flex.sp-gutter-5 > .span-5 {
    width: calc(41.6666666667% - 5px);
  }
  .row.sp-gutter-5 > .span-6,
  .flex.sp-gutter-5 > .span-6 {
    width: calc(50% - 5px);
  }
  .row.sp-gutter-5 > .span-7,
  .flex.sp-gutter-5 > .span-7 {
    width: calc(58.3333333333% - 5px);
  }
  .row.sp-gutter-5 > .span-8,
  .flex.sp-gutter-5 > .span-8 {
    width: calc(66.6666666667% - 5px);
  }
  .row.sp-gutter-5 > .span-9,
  .flex.sp-gutter-5 > .span-9 {
    width: calc(75% - 5px);
  }
  .row.sp-gutter-5 > .span-10,
  .flex.sp-gutter-5 > .span-10 {
    width: calc(83.3333333333% - 5px);
  }
  .row.sp-gutter-5 > .span-11,
  .flex.sp-gutter-5 > .span-11 {
    width: calc(90.666667% - 5px);
  }
  .row.sp-gutter-5 > .span-12,
  .flex.sp-gutter-5 > .span-12 {
    width: calc(100% - 5px);
  }
}
@media (max-width: 990px) {
  .row.gutter-5.sp-col1 > .col, .row.sp-gutter-5.sp-col1 > .col,
  .flex.gutter-5.sp-col1 > .col,
  .flex.sp-gutter-5.sp-col1 > .col {
    width: calc(100% - 5px);
  }
  .row.gutter-5.sp-col2 > .col, .row.sp-gutter-5.sp-col2 > .col,
  .flex.gutter-5.sp-col2 > .col,
  .flex.sp-gutter-5.sp-col2 > .col {
    width: calc(50% - 5px);
  }
  .row.gutter-5.sp-col3 > .col, .row.sp-gutter-5.sp-col3 > .col,
  .flex.gutter-5.sp-col3 > .col,
  .flex.sp-gutter-5.sp-col3 > .col {
    width: calc(33.3333333333% - 5px);
  }
}
.row.gutter-8,
.flex.gutter-8 {
  margin-left: -8px;
}
.row.gutter-8 > [class*=span-],
.flex.gutter-8 > [class*=span-] {
  margin-left: 8px;
}
.row.gutter-8 > .span-1,
.flex.gutter-8 > .span-1 {
  width: calc(8.3333333333% - 8px);
}
.row.gutter-8 > .span-2,
.flex.gutter-8 > .span-2 {
  width: calc(16.6666666667% - 8px);
}
.row.gutter-8 > .span-3,
.flex.gutter-8 > .span-3 {
  width: calc(25% - 8px);
}
.row.gutter-8 > .span-4,
.flex.gutter-8 > .span-4 {
  width: calc(33.3333333333% - 8px);
}
.row.gutter-8 > .span-5,
.flex.gutter-8 > .span-5 {
  width: calc(41.6666666667% - 8px);
}
.row.gutter-8 > .span-6,
.flex.gutter-8 > .span-6 {
  width: calc(50% - 8px);
}
.row.gutter-8 > .span-7,
.flex.gutter-8 > .span-7 {
  width: calc(58.3333333333% - 8px);
}
.row.gutter-8 > .span-8,
.flex.gutter-8 > .span-8 {
  width: calc(66.6666666667% - 8px);
}
.row.gutter-8 > .span-9,
.flex.gutter-8 > .span-9 {
  width: calc(75% - 8px);
}
.row.gutter-8 > .span-10,
.flex.gutter-8 > .span-10 {
  width: calc(83.3333333333% - 8px);
}
.row.gutter-8 > .span-11,
.flex.gutter-8 > .span-11 {
  width: calc(90.666667% - 8px);
}
.row.gutter-8 > .span-12,
.flex.gutter-8 > .span-12 {
  width: calc(100% - 8px);
}
@media (min-width: 991px) {
  .row.pc-gutter-8,
  .flex.pc-gutter-8 {
    margin-left: -8px;
  }
  .row.pc-gutter-8 > [class*=span-],
  .flex.pc-gutter-8 > [class*=span-] {
    margin-left: 8px;
  }
  .row.pc-gutter-8 > .span-1,
  .flex.pc-gutter-8 > .span-1 {
    width: calc(8.3333333333% - 8px);
  }
  .row.pc-gutter-8 > .span-2,
  .flex.pc-gutter-8 > .span-2 {
    width: calc(16.6666666667% - 8px);
  }
  .row.pc-gutter-8 > .span-3,
  .flex.pc-gutter-8 > .span-3 {
    width: calc(25% - 8px);
  }
  .row.pc-gutter-8 > .span-4,
  .flex.pc-gutter-8 > .span-4 {
    width: calc(33.3333333333% - 8px);
  }
  .row.pc-gutter-8 > .span-5,
  .flex.pc-gutter-8 > .span-5 {
    width: calc(41.6666666667% - 8px);
  }
  .row.pc-gutter-8 > .span-6,
  .flex.pc-gutter-8 > .span-6 {
    width: calc(50% - 8px);
  }
  .row.pc-gutter-8 > .span-7,
  .flex.pc-gutter-8 > .span-7 {
    width: calc(58.3333333333% - 8px);
  }
  .row.pc-gutter-8 > .span-8,
  .flex.pc-gutter-8 > .span-8 {
    width: calc(66.6666666667% - 8px);
  }
  .row.pc-gutter-8 > .span-9,
  .flex.pc-gutter-8 > .span-9 {
    width: calc(75% - 8px);
  }
  .row.pc-gutter-8 > .span-10,
  .flex.pc-gutter-8 > .span-10 {
    width: calc(83.3333333333% - 8px);
  }
  .row.pc-gutter-8 > .span-11,
  .flex.pc-gutter-8 > .span-11 {
    width: calc(90.666667% - 8px);
  }
  .row.pc-gutter-8 > .span-12,
  .flex.pc-gutter-8 > .span-12 {
    width: calc(100% - 8px);
  }
}
@media (max-width: 990px) {
  .row.sp-gutter-8,
  .flex.sp-gutter-8 {
    margin-left: -8px;
  }
  .row.sp-gutter-8 > [class*=span-],
  .flex.sp-gutter-8 > [class*=span-] {
    margin-left: 8px;
  }
  .row.sp-gutter-8 > .span-1,
  .flex.sp-gutter-8 > .span-1 {
    width: calc(8.3333333333% - 8px);
  }
  .row.sp-gutter-8 > .span-2,
  .flex.sp-gutter-8 > .span-2 {
    width: calc(16.6666666667% - 8px);
  }
  .row.sp-gutter-8 > .span-3,
  .flex.sp-gutter-8 > .span-3 {
    width: calc(25% - 8px);
  }
  .row.sp-gutter-8 > .span-4,
  .flex.sp-gutter-8 > .span-4 {
    width: calc(33.3333333333% - 8px);
  }
  .row.sp-gutter-8 > .span-5,
  .flex.sp-gutter-8 > .span-5 {
    width: calc(41.6666666667% - 8px);
  }
  .row.sp-gutter-8 > .span-6,
  .flex.sp-gutter-8 > .span-6 {
    width: calc(50% - 8px);
  }
  .row.sp-gutter-8 > .span-7,
  .flex.sp-gutter-8 > .span-7 {
    width: calc(58.3333333333% - 8px);
  }
  .row.sp-gutter-8 > .span-8,
  .flex.sp-gutter-8 > .span-8 {
    width: calc(66.6666666667% - 8px);
  }
  .row.sp-gutter-8 > .span-9,
  .flex.sp-gutter-8 > .span-9 {
    width: calc(75% - 8px);
  }
  .row.sp-gutter-8 > .span-10,
  .flex.sp-gutter-8 > .span-10 {
    width: calc(83.3333333333% - 8px);
  }
  .row.sp-gutter-8 > .span-11,
  .flex.sp-gutter-8 > .span-11 {
    width: calc(90.666667% - 8px);
  }
  .row.sp-gutter-8 > .span-12,
  .flex.sp-gutter-8 > .span-12 {
    width: calc(100% - 8px);
  }
}
@media (max-width: 990px) {
  .row.gutter-8.sp-col1 > .col, .row.sp-gutter-8.sp-col1 > .col,
  .flex.gutter-8.sp-col1 > .col,
  .flex.sp-gutter-8.sp-col1 > .col {
    width: calc(100% - 8px);
  }
  .row.gutter-8.sp-col2 > .col, .row.sp-gutter-8.sp-col2 > .col,
  .flex.gutter-8.sp-col2 > .col,
  .flex.sp-gutter-8.sp-col2 > .col {
    width: calc(50% - 8px);
  }
  .row.gutter-8.sp-col3 > .col, .row.sp-gutter-8.sp-col3 > .col,
  .flex.gutter-8.sp-col3 > .col,
  .flex.sp-gutter-8.sp-col3 > .col {
    width: calc(33.3333333333% - 8px);
  }
}
.row.gutter-10,
.flex.gutter-10 {
  margin-left: -10px;
}
.row.gutter-10 > [class*=span-],
.flex.gutter-10 > [class*=span-] {
  margin-left: 10px;
}
.row.gutter-10 > .span-1,
.flex.gutter-10 > .span-1 {
  width: calc(8.3333333333% - 10px);
}
.row.gutter-10 > .span-2,
.flex.gutter-10 > .span-2 {
  width: calc(16.6666666667% - 10px);
}
.row.gutter-10 > .span-3,
.flex.gutter-10 > .span-3 {
  width: calc(25% - 10px);
}
.row.gutter-10 > .span-4,
.flex.gutter-10 > .span-4 {
  width: calc(33.3333333333% - 10px);
}
.row.gutter-10 > .span-5,
.flex.gutter-10 > .span-5 {
  width: calc(41.6666666667% - 10px);
}
.row.gutter-10 > .span-6,
.flex.gutter-10 > .span-6 {
  width: calc(50% - 10px);
}
.row.gutter-10 > .span-7,
.flex.gutter-10 > .span-7 {
  width: calc(58.3333333333% - 10px);
}
.row.gutter-10 > .span-8,
.flex.gutter-10 > .span-8 {
  width: calc(66.6666666667% - 10px);
}
.row.gutter-10 > .span-9,
.flex.gutter-10 > .span-9 {
  width: calc(75% - 10px);
}
.row.gutter-10 > .span-10,
.flex.gutter-10 > .span-10 {
  width: calc(83.3333333333% - 10px);
}
.row.gutter-10 > .span-11,
.flex.gutter-10 > .span-11 {
  width: calc(90.666667% - 10px);
}
.row.gutter-10 > .span-12,
.flex.gutter-10 > .span-12 {
  width: calc(100% - 10px);
}
@media (min-width: 991px) {
  .row.pc-gutter-10,
  .flex.pc-gutter-10 {
    margin-left: -10px;
  }
  .row.pc-gutter-10 > [class*=span-],
  .flex.pc-gutter-10 > [class*=span-] {
    margin-left: 10px;
  }
  .row.pc-gutter-10 > .span-1,
  .flex.pc-gutter-10 > .span-1 {
    width: calc(8.3333333333% - 10px);
  }
  .row.pc-gutter-10 > .span-2,
  .flex.pc-gutter-10 > .span-2 {
    width: calc(16.6666666667% - 10px);
  }
  .row.pc-gutter-10 > .span-3,
  .flex.pc-gutter-10 > .span-3 {
    width: calc(25% - 10px);
  }
  .row.pc-gutter-10 > .span-4,
  .flex.pc-gutter-10 > .span-4 {
    width: calc(33.3333333333% - 10px);
  }
  .row.pc-gutter-10 > .span-5,
  .flex.pc-gutter-10 > .span-5 {
    width: calc(41.6666666667% - 10px);
  }
  .row.pc-gutter-10 > .span-6,
  .flex.pc-gutter-10 > .span-6 {
    width: calc(50% - 10px);
  }
  .row.pc-gutter-10 > .span-7,
  .flex.pc-gutter-10 > .span-7 {
    width: calc(58.3333333333% - 10px);
  }
  .row.pc-gutter-10 > .span-8,
  .flex.pc-gutter-10 > .span-8 {
    width: calc(66.6666666667% - 10px);
  }
  .row.pc-gutter-10 > .span-9,
  .flex.pc-gutter-10 > .span-9 {
    width: calc(75% - 10px);
  }
  .row.pc-gutter-10 > .span-10,
  .flex.pc-gutter-10 > .span-10 {
    width: calc(83.3333333333% - 10px);
  }
  .row.pc-gutter-10 > .span-11,
  .flex.pc-gutter-10 > .span-11 {
    width: calc(90.666667% - 10px);
  }
  .row.pc-gutter-10 > .span-12,
  .flex.pc-gutter-10 > .span-12 {
    width: calc(100% - 10px);
  }
}
@media (max-width: 990px) {
  .row.sp-gutter-10,
  .flex.sp-gutter-10 {
    margin-left: -10px;
  }
  .row.sp-gutter-10 > [class*=span-],
  .flex.sp-gutter-10 > [class*=span-] {
    margin-left: 10px;
  }
  .row.sp-gutter-10 > .span-1,
  .flex.sp-gutter-10 > .span-1 {
    width: calc(8.3333333333% - 10px);
  }
  .row.sp-gutter-10 > .span-2,
  .flex.sp-gutter-10 > .span-2 {
    width: calc(16.6666666667% - 10px);
  }
  .row.sp-gutter-10 > .span-3,
  .flex.sp-gutter-10 > .span-3 {
    width: calc(25% - 10px);
  }
  .row.sp-gutter-10 > .span-4,
  .flex.sp-gutter-10 > .span-4 {
    width: calc(33.3333333333% - 10px);
  }
  .row.sp-gutter-10 > .span-5,
  .flex.sp-gutter-10 > .span-5 {
    width: calc(41.6666666667% - 10px);
  }
  .row.sp-gutter-10 > .span-6,
  .flex.sp-gutter-10 > .span-6 {
    width: calc(50% - 10px);
  }
  .row.sp-gutter-10 > .span-7,
  .flex.sp-gutter-10 > .span-7 {
    width: calc(58.3333333333% - 10px);
  }
  .row.sp-gutter-10 > .span-8,
  .flex.sp-gutter-10 > .span-8 {
    width: calc(66.6666666667% - 10px);
  }
  .row.sp-gutter-10 > .span-9,
  .flex.sp-gutter-10 > .span-9 {
    width: calc(75% - 10px);
  }
  .row.sp-gutter-10 > .span-10,
  .flex.sp-gutter-10 > .span-10 {
    width: calc(83.3333333333% - 10px);
  }
  .row.sp-gutter-10 > .span-11,
  .flex.sp-gutter-10 > .span-11 {
    width: calc(90.666667% - 10px);
  }
  .row.sp-gutter-10 > .span-12,
  .flex.sp-gutter-10 > .span-12 {
    width: calc(100% - 10px);
  }
}
@media (max-width: 990px) {
  .row.gutter-10.sp-col1 > .col, .row.sp-gutter-10.sp-col1 > .col,
  .flex.gutter-10.sp-col1 > .col,
  .flex.sp-gutter-10.sp-col1 > .col {
    width: calc(100% - 10px);
  }
  .row.gutter-10.sp-col2 > .col, .row.sp-gutter-10.sp-col2 > .col,
  .flex.gutter-10.sp-col2 > .col,
  .flex.sp-gutter-10.sp-col2 > .col {
    width: calc(50% - 10px);
  }
  .row.gutter-10.sp-col3 > .col, .row.sp-gutter-10.sp-col3 > .col,
  .flex.gutter-10.sp-col3 > .col,
  .flex.sp-gutter-10.sp-col3 > .col {
    width: calc(33.3333333333% - 10px);
  }
}
.row.gutter-15,
.flex.gutter-15 {
  margin-left: -15px;
}
.row.gutter-15 > [class*=span-],
.flex.gutter-15 > [class*=span-] {
  margin-left: 15px;
}
.row.gutter-15 > .span-1,
.flex.gutter-15 > .span-1 {
  width: calc(8.3333333333% - 15px);
}
.row.gutter-15 > .span-2,
.flex.gutter-15 > .span-2 {
  width: calc(16.6666666667% - 15px);
}
.row.gutter-15 > .span-3,
.flex.gutter-15 > .span-3 {
  width: calc(25% - 15px);
}
.row.gutter-15 > .span-4,
.flex.gutter-15 > .span-4 {
  width: calc(33.3333333333% - 15px);
}
.row.gutter-15 > .span-5,
.flex.gutter-15 > .span-5 {
  width: calc(41.6666666667% - 15px);
}
.row.gutter-15 > .span-6,
.flex.gutter-15 > .span-6 {
  width: calc(50% - 15px);
}
.row.gutter-15 > .span-7,
.flex.gutter-15 > .span-7 {
  width: calc(58.3333333333% - 15px);
}
.row.gutter-15 > .span-8,
.flex.gutter-15 > .span-8 {
  width: calc(66.6666666667% - 15px);
}
.row.gutter-15 > .span-9,
.flex.gutter-15 > .span-9 {
  width: calc(75% - 15px);
}
.row.gutter-15 > .span-10,
.flex.gutter-15 > .span-10 {
  width: calc(83.3333333333% - 15px);
}
.row.gutter-15 > .span-11,
.flex.gutter-15 > .span-11 {
  width: calc(90.666667% - 15px);
}
.row.gutter-15 > .span-12,
.flex.gutter-15 > .span-12 {
  width: calc(100% - 15px);
}
@media (min-width: 991px) {
  .row.pc-gutter-15,
  .flex.pc-gutter-15 {
    margin-left: -15px;
  }
  .row.pc-gutter-15 > [class*=span-],
  .flex.pc-gutter-15 > [class*=span-] {
    margin-left: 15px;
  }
  .row.pc-gutter-15 > .span-1,
  .flex.pc-gutter-15 > .span-1 {
    width: calc(8.3333333333% - 15px);
  }
  .row.pc-gutter-15 > .span-2,
  .flex.pc-gutter-15 > .span-2 {
    width: calc(16.6666666667% - 15px);
  }
  .row.pc-gutter-15 > .span-3,
  .flex.pc-gutter-15 > .span-3 {
    width: calc(25% - 15px);
  }
  .row.pc-gutter-15 > .span-4,
  .flex.pc-gutter-15 > .span-4 {
    width: calc(33.3333333333% - 15px);
  }
  .row.pc-gutter-15 > .span-5,
  .flex.pc-gutter-15 > .span-5 {
    width: calc(41.6666666667% - 15px);
  }
  .row.pc-gutter-15 > .span-6,
  .flex.pc-gutter-15 > .span-6 {
    width: calc(50% - 15px);
  }
  .row.pc-gutter-15 > .span-7,
  .flex.pc-gutter-15 > .span-7 {
    width: calc(58.3333333333% - 15px);
  }
  .row.pc-gutter-15 > .span-8,
  .flex.pc-gutter-15 > .span-8 {
    width: calc(66.6666666667% - 15px);
  }
  .row.pc-gutter-15 > .span-9,
  .flex.pc-gutter-15 > .span-9 {
    width: calc(75% - 15px);
  }
  .row.pc-gutter-15 > .span-10,
  .flex.pc-gutter-15 > .span-10 {
    width: calc(83.3333333333% - 15px);
  }
  .row.pc-gutter-15 > .span-11,
  .flex.pc-gutter-15 > .span-11 {
    width: calc(90.666667% - 15px);
  }
  .row.pc-gutter-15 > .span-12,
  .flex.pc-gutter-15 > .span-12 {
    width: calc(100% - 15px);
  }
}
@media (max-width: 990px) {
  .row.sp-gutter-15,
  .flex.sp-gutter-15 {
    margin-left: -15px;
  }
  .row.sp-gutter-15 > [class*=span-],
  .flex.sp-gutter-15 > [class*=span-] {
    margin-left: 15px;
  }
  .row.sp-gutter-15 > .span-1,
  .flex.sp-gutter-15 > .span-1 {
    width: calc(8.3333333333% - 15px);
  }
  .row.sp-gutter-15 > .span-2,
  .flex.sp-gutter-15 > .span-2 {
    width: calc(16.6666666667% - 15px);
  }
  .row.sp-gutter-15 > .span-3,
  .flex.sp-gutter-15 > .span-3 {
    width: calc(25% - 15px);
  }
  .row.sp-gutter-15 > .span-4,
  .flex.sp-gutter-15 > .span-4 {
    width: calc(33.3333333333% - 15px);
  }
  .row.sp-gutter-15 > .span-5,
  .flex.sp-gutter-15 > .span-5 {
    width: calc(41.6666666667% - 15px);
  }
  .row.sp-gutter-15 > .span-6,
  .flex.sp-gutter-15 > .span-6 {
    width: calc(50% - 15px);
  }
  .row.sp-gutter-15 > .span-7,
  .flex.sp-gutter-15 > .span-7 {
    width: calc(58.3333333333% - 15px);
  }
  .row.sp-gutter-15 > .span-8,
  .flex.sp-gutter-15 > .span-8 {
    width: calc(66.6666666667% - 15px);
  }
  .row.sp-gutter-15 > .span-9,
  .flex.sp-gutter-15 > .span-9 {
    width: calc(75% - 15px);
  }
  .row.sp-gutter-15 > .span-10,
  .flex.sp-gutter-15 > .span-10 {
    width: calc(83.3333333333% - 15px);
  }
  .row.sp-gutter-15 > .span-11,
  .flex.sp-gutter-15 > .span-11 {
    width: calc(90.666667% - 15px);
  }
  .row.sp-gutter-15 > .span-12,
  .flex.sp-gutter-15 > .span-12 {
    width: calc(100% - 15px);
  }
}
@media (max-width: 990px) {
  .row.gutter-15.sp-col1 > .col, .row.sp-gutter-15.sp-col1 > .col,
  .flex.gutter-15.sp-col1 > .col,
  .flex.sp-gutter-15.sp-col1 > .col {
    width: calc(100% - 15px);
  }
  .row.gutter-15.sp-col2 > .col, .row.sp-gutter-15.sp-col2 > .col,
  .flex.gutter-15.sp-col2 > .col,
  .flex.sp-gutter-15.sp-col2 > .col {
    width: calc(50% - 15px);
  }
  .row.gutter-15.sp-col3 > .col, .row.sp-gutter-15.sp-col3 > .col,
  .flex.gutter-15.sp-col3 > .col,
  .flex.sp-gutter-15.sp-col3 > .col {
    width: calc(33.3333333333% - 15px);
  }
}
.row.gutter-16,
.flex.gutter-16 {
  margin-left: -16px;
}
.row.gutter-16 > [class*=span-],
.flex.gutter-16 > [class*=span-] {
  margin-left: 16px;
}
.row.gutter-16 > .span-1,
.flex.gutter-16 > .span-1 {
  width: calc(8.3333333333% - 16px);
}
.row.gutter-16 > .span-2,
.flex.gutter-16 > .span-2 {
  width: calc(16.6666666667% - 16px);
}
.row.gutter-16 > .span-3,
.flex.gutter-16 > .span-3 {
  width: calc(25% - 16px);
}
.row.gutter-16 > .span-4,
.flex.gutter-16 > .span-4 {
  width: calc(33.3333333333% - 16px);
}
.row.gutter-16 > .span-5,
.flex.gutter-16 > .span-5 {
  width: calc(41.6666666667% - 16px);
}
.row.gutter-16 > .span-6,
.flex.gutter-16 > .span-6 {
  width: calc(50% - 16px);
}
.row.gutter-16 > .span-7,
.flex.gutter-16 > .span-7 {
  width: calc(58.3333333333% - 16px);
}
.row.gutter-16 > .span-8,
.flex.gutter-16 > .span-8 {
  width: calc(66.6666666667% - 16px);
}
.row.gutter-16 > .span-9,
.flex.gutter-16 > .span-9 {
  width: calc(75% - 16px);
}
.row.gutter-16 > .span-10,
.flex.gutter-16 > .span-10 {
  width: calc(83.3333333333% - 16px);
}
.row.gutter-16 > .span-11,
.flex.gutter-16 > .span-11 {
  width: calc(90.666667% - 16px);
}
.row.gutter-16 > .span-12,
.flex.gutter-16 > .span-12 {
  width: calc(100% - 16px);
}
@media (min-width: 991px) {
  .row.pc-gutter-16,
  .flex.pc-gutter-16 {
    margin-left: -16px;
  }
  .row.pc-gutter-16 > [class*=span-],
  .flex.pc-gutter-16 > [class*=span-] {
    margin-left: 16px;
  }
  .row.pc-gutter-16 > .span-1,
  .flex.pc-gutter-16 > .span-1 {
    width: calc(8.3333333333% - 16px);
  }
  .row.pc-gutter-16 > .span-2,
  .flex.pc-gutter-16 > .span-2 {
    width: calc(16.6666666667% - 16px);
  }
  .row.pc-gutter-16 > .span-3,
  .flex.pc-gutter-16 > .span-3 {
    width: calc(25% - 16px);
  }
  .row.pc-gutter-16 > .span-4,
  .flex.pc-gutter-16 > .span-4 {
    width: calc(33.3333333333% - 16px);
  }
  .row.pc-gutter-16 > .span-5,
  .flex.pc-gutter-16 > .span-5 {
    width: calc(41.6666666667% - 16px);
  }
  .row.pc-gutter-16 > .span-6,
  .flex.pc-gutter-16 > .span-6 {
    width: calc(50% - 16px);
  }
  .row.pc-gutter-16 > .span-7,
  .flex.pc-gutter-16 > .span-7 {
    width: calc(58.3333333333% - 16px);
  }
  .row.pc-gutter-16 > .span-8,
  .flex.pc-gutter-16 > .span-8 {
    width: calc(66.6666666667% - 16px);
  }
  .row.pc-gutter-16 > .span-9,
  .flex.pc-gutter-16 > .span-9 {
    width: calc(75% - 16px);
  }
  .row.pc-gutter-16 > .span-10,
  .flex.pc-gutter-16 > .span-10 {
    width: calc(83.3333333333% - 16px);
  }
  .row.pc-gutter-16 > .span-11,
  .flex.pc-gutter-16 > .span-11 {
    width: calc(90.666667% - 16px);
  }
  .row.pc-gutter-16 > .span-12,
  .flex.pc-gutter-16 > .span-12 {
    width: calc(100% - 16px);
  }
}
@media (max-width: 990px) {
  .row.sp-gutter-16,
  .flex.sp-gutter-16 {
    margin-left: -16px;
  }
  .row.sp-gutter-16 > [class*=span-],
  .flex.sp-gutter-16 > [class*=span-] {
    margin-left: 16px;
  }
  .row.sp-gutter-16 > .span-1,
  .flex.sp-gutter-16 > .span-1 {
    width: calc(8.3333333333% - 16px);
  }
  .row.sp-gutter-16 > .span-2,
  .flex.sp-gutter-16 > .span-2 {
    width: calc(16.6666666667% - 16px);
  }
  .row.sp-gutter-16 > .span-3,
  .flex.sp-gutter-16 > .span-3 {
    width: calc(25% - 16px);
  }
  .row.sp-gutter-16 > .span-4,
  .flex.sp-gutter-16 > .span-4 {
    width: calc(33.3333333333% - 16px);
  }
  .row.sp-gutter-16 > .span-5,
  .flex.sp-gutter-16 > .span-5 {
    width: calc(41.6666666667% - 16px);
  }
  .row.sp-gutter-16 > .span-6,
  .flex.sp-gutter-16 > .span-6 {
    width: calc(50% - 16px);
  }
  .row.sp-gutter-16 > .span-7,
  .flex.sp-gutter-16 > .span-7 {
    width: calc(58.3333333333% - 16px);
  }
  .row.sp-gutter-16 > .span-8,
  .flex.sp-gutter-16 > .span-8 {
    width: calc(66.6666666667% - 16px);
  }
  .row.sp-gutter-16 > .span-9,
  .flex.sp-gutter-16 > .span-9 {
    width: calc(75% - 16px);
  }
  .row.sp-gutter-16 > .span-10,
  .flex.sp-gutter-16 > .span-10 {
    width: calc(83.3333333333% - 16px);
  }
  .row.sp-gutter-16 > .span-11,
  .flex.sp-gutter-16 > .span-11 {
    width: calc(90.666667% - 16px);
  }
  .row.sp-gutter-16 > .span-12,
  .flex.sp-gutter-16 > .span-12 {
    width: calc(100% - 16px);
  }
}
@media (max-width: 990px) {
  .row.gutter-16.sp-col1 > .col, .row.sp-gutter-16.sp-col1 > .col,
  .flex.gutter-16.sp-col1 > .col,
  .flex.sp-gutter-16.sp-col1 > .col {
    width: calc(100% - 16px);
  }
  .row.gutter-16.sp-col2 > .col, .row.sp-gutter-16.sp-col2 > .col,
  .flex.gutter-16.sp-col2 > .col,
  .flex.sp-gutter-16.sp-col2 > .col {
    width: calc(50% - 16px);
  }
  .row.gutter-16.sp-col3 > .col, .row.sp-gutter-16.sp-col3 > .col,
  .flex.gutter-16.sp-col3 > .col,
  .flex.sp-gutter-16.sp-col3 > .col {
    width: calc(33.3333333333% - 16px);
  }
}
.row.gutter-20,
.flex.gutter-20 {
  margin-left: -20px;
}
.row.gutter-20 > [class*=span-],
.flex.gutter-20 > [class*=span-] {
  margin-left: 20px;
}
.row.gutter-20 > .span-1,
.flex.gutter-20 > .span-1 {
  width: calc(8.3333333333% - 20px);
}
.row.gutter-20 > .span-2,
.flex.gutter-20 > .span-2 {
  width: calc(16.6666666667% - 20px);
}
.row.gutter-20 > .span-3,
.flex.gutter-20 > .span-3 {
  width: calc(25% - 20px);
}
.row.gutter-20 > .span-4,
.flex.gutter-20 > .span-4 {
  width: calc(33.3333333333% - 20px);
}
.row.gutter-20 > .span-5,
.flex.gutter-20 > .span-5 {
  width: calc(41.6666666667% - 20px);
}
.row.gutter-20 > .span-6,
.flex.gutter-20 > .span-6 {
  width: calc(50% - 20px);
}
.row.gutter-20 > .span-7,
.flex.gutter-20 > .span-7 {
  width: calc(58.3333333333% - 20px);
}
.row.gutter-20 > .span-8,
.flex.gutter-20 > .span-8 {
  width: calc(66.6666666667% - 20px);
}
.row.gutter-20 > .span-9,
.flex.gutter-20 > .span-9 {
  width: calc(75% - 20px);
}
.row.gutter-20 > .span-10,
.flex.gutter-20 > .span-10 {
  width: calc(83.3333333333% - 20px);
}
.row.gutter-20 > .span-11,
.flex.gutter-20 > .span-11 {
  width: calc(90.666667% - 20px);
}
.row.gutter-20 > .span-12,
.flex.gutter-20 > .span-12 {
  width: calc(100% - 20px);
}
@media (min-width: 991px) {
  .row.pc-gutter-20,
  .flex.pc-gutter-20 {
    margin-left: -20px;
  }
  .row.pc-gutter-20 > [class*=span-],
  .flex.pc-gutter-20 > [class*=span-] {
    margin-left: 20px;
  }
  .row.pc-gutter-20 > .span-1,
  .flex.pc-gutter-20 > .span-1 {
    width: calc(8.3333333333% - 20px);
  }
  .row.pc-gutter-20 > .span-2,
  .flex.pc-gutter-20 > .span-2 {
    width: calc(16.6666666667% - 20px);
  }
  .row.pc-gutter-20 > .span-3,
  .flex.pc-gutter-20 > .span-3 {
    width: calc(25% - 20px);
  }
  .row.pc-gutter-20 > .span-4,
  .flex.pc-gutter-20 > .span-4 {
    width: calc(33.3333333333% - 20px);
  }
  .row.pc-gutter-20 > .span-5,
  .flex.pc-gutter-20 > .span-5 {
    width: calc(41.6666666667% - 20px);
  }
  .row.pc-gutter-20 > .span-6,
  .flex.pc-gutter-20 > .span-6 {
    width: calc(50% - 20px);
  }
  .row.pc-gutter-20 > .span-7,
  .flex.pc-gutter-20 > .span-7 {
    width: calc(58.3333333333% - 20px);
  }
  .row.pc-gutter-20 > .span-8,
  .flex.pc-gutter-20 > .span-8 {
    width: calc(66.6666666667% - 20px);
  }
  .row.pc-gutter-20 > .span-9,
  .flex.pc-gutter-20 > .span-9 {
    width: calc(75% - 20px);
  }
  .row.pc-gutter-20 > .span-10,
  .flex.pc-gutter-20 > .span-10 {
    width: calc(83.3333333333% - 20px);
  }
  .row.pc-gutter-20 > .span-11,
  .flex.pc-gutter-20 > .span-11 {
    width: calc(90.666667% - 20px);
  }
  .row.pc-gutter-20 > .span-12,
  .flex.pc-gutter-20 > .span-12 {
    width: calc(100% - 20px);
  }
}
@media (max-width: 990px) {
  .row.sp-gutter-20,
  .flex.sp-gutter-20 {
    margin-left: -20px;
  }
  .row.sp-gutter-20 > [class*=span-],
  .flex.sp-gutter-20 > [class*=span-] {
    margin-left: 20px;
  }
  .row.sp-gutter-20 > .span-1,
  .flex.sp-gutter-20 > .span-1 {
    width: calc(8.3333333333% - 20px);
  }
  .row.sp-gutter-20 > .span-2,
  .flex.sp-gutter-20 > .span-2 {
    width: calc(16.6666666667% - 20px);
  }
  .row.sp-gutter-20 > .span-3,
  .flex.sp-gutter-20 > .span-3 {
    width: calc(25% - 20px);
  }
  .row.sp-gutter-20 > .span-4,
  .flex.sp-gutter-20 > .span-4 {
    width: calc(33.3333333333% - 20px);
  }
  .row.sp-gutter-20 > .span-5,
  .flex.sp-gutter-20 > .span-5 {
    width: calc(41.6666666667% - 20px);
  }
  .row.sp-gutter-20 > .span-6,
  .flex.sp-gutter-20 > .span-6 {
    width: calc(50% - 20px);
  }
  .row.sp-gutter-20 > .span-7,
  .flex.sp-gutter-20 > .span-7 {
    width: calc(58.3333333333% - 20px);
  }
  .row.sp-gutter-20 > .span-8,
  .flex.sp-gutter-20 > .span-8 {
    width: calc(66.6666666667% - 20px);
  }
  .row.sp-gutter-20 > .span-9,
  .flex.sp-gutter-20 > .span-9 {
    width: calc(75% - 20px);
  }
  .row.sp-gutter-20 > .span-10,
  .flex.sp-gutter-20 > .span-10 {
    width: calc(83.3333333333% - 20px);
  }
  .row.sp-gutter-20 > .span-11,
  .flex.sp-gutter-20 > .span-11 {
    width: calc(90.666667% - 20px);
  }
  .row.sp-gutter-20 > .span-12,
  .flex.sp-gutter-20 > .span-12 {
    width: calc(100% - 20px);
  }
}
@media (max-width: 990px) {
  .row.gutter-20.sp-col1 > .col, .row.sp-gutter-20.sp-col1 > .col,
  .flex.gutter-20.sp-col1 > .col,
  .flex.sp-gutter-20.sp-col1 > .col {
    width: calc(100% - 20px);
  }
  .row.gutter-20.sp-col2 > .col, .row.sp-gutter-20.sp-col2 > .col,
  .flex.gutter-20.sp-col2 > .col,
  .flex.sp-gutter-20.sp-col2 > .col {
    width: calc(50% - 20px);
  }
  .row.gutter-20.sp-col3 > .col, .row.sp-gutter-20.sp-col3 > .col,
  .flex.gutter-20.sp-col3 > .col,
  .flex.sp-gutter-20.sp-col3 > .col {
    width: calc(33.3333333333% - 20px);
  }
}
.row.gutter-24,
.flex.gutter-24 {
  margin-left: -24px;
}
.row.gutter-24 > [class*=span-],
.flex.gutter-24 > [class*=span-] {
  margin-left: 24px;
}
.row.gutter-24 > .span-1,
.flex.gutter-24 > .span-1 {
  width: calc(8.3333333333% - 24px);
}
.row.gutter-24 > .span-2,
.flex.gutter-24 > .span-2 {
  width: calc(16.6666666667% - 24px);
}
.row.gutter-24 > .span-3,
.flex.gutter-24 > .span-3 {
  width: calc(25% - 24px);
}
.row.gutter-24 > .span-4,
.flex.gutter-24 > .span-4 {
  width: calc(33.3333333333% - 24px);
}
.row.gutter-24 > .span-5,
.flex.gutter-24 > .span-5 {
  width: calc(41.6666666667% - 24px);
}
.row.gutter-24 > .span-6,
.flex.gutter-24 > .span-6 {
  width: calc(50% - 24px);
}
.row.gutter-24 > .span-7,
.flex.gutter-24 > .span-7 {
  width: calc(58.3333333333% - 24px);
}
.row.gutter-24 > .span-8,
.flex.gutter-24 > .span-8 {
  width: calc(66.6666666667% - 24px);
}
.row.gutter-24 > .span-9,
.flex.gutter-24 > .span-9 {
  width: calc(75% - 24px);
}
.row.gutter-24 > .span-10,
.flex.gutter-24 > .span-10 {
  width: calc(83.3333333333% - 24px);
}
.row.gutter-24 > .span-11,
.flex.gutter-24 > .span-11 {
  width: calc(90.666667% - 24px);
}
.row.gutter-24 > .span-12,
.flex.gutter-24 > .span-12 {
  width: calc(100% - 24px);
}
@media (min-width: 991px) {
  .row.pc-gutter-24,
  .flex.pc-gutter-24 {
    margin-left: -24px;
  }
  .row.pc-gutter-24 > [class*=span-],
  .flex.pc-gutter-24 > [class*=span-] {
    margin-left: 24px;
  }
  .row.pc-gutter-24 > .span-1,
  .flex.pc-gutter-24 > .span-1 {
    width: calc(8.3333333333% - 24px);
  }
  .row.pc-gutter-24 > .span-2,
  .flex.pc-gutter-24 > .span-2 {
    width: calc(16.6666666667% - 24px);
  }
  .row.pc-gutter-24 > .span-3,
  .flex.pc-gutter-24 > .span-3 {
    width: calc(25% - 24px);
  }
  .row.pc-gutter-24 > .span-4,
  .flex.pc-gutter-24 > .span-4 {
    width: calc(33.3333333333% - 24px);
  }
  .row.pc-gutter-24 > .span-5,
  .flex.pc-gutter-24 > .span-5 {
    width: calc(41.6666666667% - 24px);
  }
  .row.pc-gutter-24 > .span-6,
  .flex.pc-gutter-24 > .span-6 {
    width: calc(50% - 24px);
  }
  .row.pc-gutter-24 > .span-7,
  .flex.pc-gutter-24 > .span-7 {
    width: calc(58.3333333333% - 24px);
  }
  .row.pc-gutter-24 > .span-8,
  .flex.pc-gutter-24 > .span-8 {
    width: calc(66.6666666667% - 24px);
  }
  .row.pc-gutter-24 > .span-9,
  .flex.pc-gutter-24 > .span-9 {
    width: calc(75% - 24px);
  }
  .row.pc-gutter-24 > .span-10,
  .flex.pc-gutter-24 > .span-10 {
    width: calc(83.3333333333% - 24px);
  }
  .row.pc-gutter-24 > .span-11,
  .flex.pc-gutter-24 > .span-11 {
    width: calc(90.666667% - 24px);
  }
  .row.pc-gutter-24 > .span-12,
  .flex.pc-gutter-24 > .span-12 {
    width: calc(100% - 24px);
  }
}
@media (max-width: 990px) {
  .row.sp-gutter-24,
  .flex.sp-gutter-24 {
    margin-left: -24px;
  }
  .row.sp-gutter-24 > [class*=span-],
  .flex.sp-gutter-24 > [class*=span-] {
    margin-left: 24px;
  }
  .row.sp-gutter-24 > .span-1,
  .flex.sp-gutter-24 > .span-1 {
    width: calc(8.3333333333% - 24px);
  }
  .row.sp-gutter-24 > .span-2,
  .flex.sp-gutter-24 > .span-2 {
    width: calc(16.6666666667% - 24px);
  }
  .row.sp-gutter-24 > .span-3,
  .flex.sp-gutter-24 > .span-3 {
    width: calc(25% - 24px);
  }
  .row.sp-gutter-24 > .span-4,
  .flex.sp-gutter-24 > .span-4 {
    width: calc(33.3333333333% - 24px);
  }
  .row.sp-gutter-24 > .span-5,
  .flex.sp-gutter-24 > .span-5 {
    width: calc(41.6666666667% - 24px);
  }
  .row.sp-gutter-24 > .span-6,
  .flex.sp-gutter-24 > .span-6 {
    width: calc(50% - 24px);
  }
  .row.sp-gutter-24 > .span-7,
  .flex.sp-gutter-24 > .span-7 {
    width: calc(58.3333333333% - 24px);
  }
  .row.sp-gutter-24 > .span-8,
  .flex.sp-gutter-24 > .span-8 {
    width: calc(66.6666666667% - 24px);
  }
  .row.sp-gutter-24 > .span-9,
  .flex.sp-gutter-24 > .span-9 {
    width: calc(75% - 24px);
  }
  .row.sp-gutter-24 > .span-10,
  .flex.sp-gutter-24 > .span-10 {
    width: calc(83.3333333333% - 24px);
  }
  .row.sp-gutter-24 > .span-11,
  .flex.sp-gutter-24 > .span-11 {
    width: calc(90.666667% - 24px);
  }
  .row.sp-gutter-24 > .span-12,
  .flex.sp-gutter-24 > .span-12 {
    width: calc(100% - 24px);
  }
}
@media (max-width: 990px) {
  .row.gutter-24.sp-col1 > .col, .row.sp-gutter-24.sp-col1 > .col,
  .flex.gutter-24.sp-col1 > .col,
  .flex.sp-gutter-24.sp-col1 > .col {
    width: calc(100% - 24px);
  }
  .row.gutter-24.sp-col2 > .col, .row.sp-gutter-24.sp-col2 > .col,
  .flex.gutter-24.sp-col2 > .col,
  .flex.sp-gutter-24.sp-col2 > .col {
    width: calc(50% - 24px);
  }
  .row.gutter-24.sp-col3 > .col, .row.sp-gutter-24.sp-col3 > .col,
  .flex.gutter-24.sp-col3 > .col,
  .flex.sp-gutter-24.sp-col3 > .col {
    width: calc(33.3333333333% - 24px);
  }
}
.row.gutter-25,
.flex.gutter-25 {
  margin-left: -25px;
}
.row.gutter-25 > [class*=span-],
.flex.gutter-25 > [class*=span-] {
  margin-left: 25px;
}
.row.gutter-25 > .span-1,
.flex.gutter-25 > .span-1 {
  width: calc(8.3333333333% - 25px);
}
.row.gutter-25 > .span-2,
.flex.gutter-25 > .span-2 {
  width: calc(16.6666666667% - 25px);
}
.row.gutter-25 > .span-3,
.flex.gutter-25 > .span-3 {
  width: calc(25% - 25px);
}
.row.gutter-25 > .span-4,
.flex.gutter-25 > .span-4 {
  width: calc(33.3333333333% - 25px);
}
.row.gutter-25 > .span-5,
.flex.gutter-25 > .span-5 {
  width: calc(41.6666666667% - 25px);
}
.row.gutter-25 > .span-6,
.flex.gutter-25 > .span-6 {
  width: calc(50% - 25px);
}
.row.gutter-25 > .span-7,
.flex.gutter-25 > .span-7 {
  width: calc(58.3333333333% - 25px);
}
.row.gutter-25 > .span-8,
.flex.gutter-25 > .span-8 {
  width: calc(66.6666666667% - 25px);
}
.row.gutter-25 > .span-9,
.flex.gutter-25 > .span-9 {
  width: calc(75% - 25px);
}
.row.gutter-25 > .span-10,
.flex.gutter-25 > .span-10 {
  width: calc(83.3333333333% - 25px);
}
.row.gutter-25 > .span-11,
.flex.gutter-25 > .span-11 {
  width: calc(90.666667% - 25px);
}
.row.gutter-25 > .span-12,
.flex.gutter-25 > .span-12 {
  width: calc(100% - 25px);
}
@media (min-width: 991px) {
  .row.pc-gutter-25,
  .flex.pc-gutter-25 {
    margin-left: -25px;
  }
  .row.pc-gutter-25 > [class*=span-],
  .flex.pc-gutter-25 > [class*=span-] {
    margin-left: 25px;
  }
  .row.pc-gutter-25 > .span-1,
  .flex.pc-gutter-25 > .span-1 {
    width: calc(8.3333333333% - 25px);
  }
  .row.pc-gutter-25 > .span-2,
  .flex.pc-gutter-25 > .span-2 {
    width: calc(16.6666666667% - 25px);
  }
  .row.pc-gutter-25 > .span-3,
  .flex.pc-gutter-25 > .span-3 {
    width: calc(25% - 25px);
  }
  .row.pc-gutter-25 > .span-4,
  .flex.pc-gutter-25 > .span-4 {
    width: calc(33.3333333333% - 25px);
  }
  .row.pc-gutter-25 > .span-5,
  .flex.pc-gutter-25 > .span-5 {
    width: calc(41.6666666667% - 25px);
  }
  .row.pc-gutter-25 > .span-6,
  .flex.pc-gutter-25 > .span-6 {
    width: calc(50% - 25px);
  }
  .row.pc-gutter-25 > .span-7,
  .flex.pc-gutter-25 > .span-7 {
    width: calc(58.3333333333% - 25px);
  }
  .row.pc-gutter-25 > .span-8,
  .flex.pc-gutter-25 > .span-8 {
    width: calc(66.6666666667% - 25px);
  }
  .row.pc-gutter-25 > .span-9,
  .flex.pc-gutter-25 > .span-9 {
    width: calc(75% - 25px);
  }
  .row.pc-gutter-25 > .span-10,
  .flex.pc-gutter-25 > .span-10 {
    width: calc(83.3333333333% - 25px);
  }
  .row.pc-gutter-25 > .span-11,
  .flex.pc-gutter-25 > .span-11 {
    width: calc(90.666667% - 25px);
  }
  .row.pc-gutter-25 > .span-12,
  .flex.pc-gutter-25 > .span-12 {
    width: calc(100% - 25px);
  }
}
@media (max-width: 990px) {
  .row.sp-gutter-25,
  .flex.sp-gutter-25 {
    margin-left: -25px;
  }
  .row.sp-gutter-25 > [class*=span-],
  .flex.sp-gutter-25 > [class*=span-] {
    margin-left: 25px;
  }
  .row.sp-gutter-25 > .span-1,
  .flex.sp-gutter-25 > .span-1 {
    width: calc(8.3333333333% - 25px);
  }
  .row.sp-gutter-25 > .span-2,
  .flex.sp-gutter-25 > .span-2 {
    width: calc(16.6666666667% - 25px);
  }
  .row.sp-gutter-25 > .span-3,
  .flex.sp-gutter-25 > .span-3 {
    width: calc(25% - 25px);
  }
  .row.sp-gutter-25 > .span-4,
  .flex.sp-gutter-25 > .span-4 {
    width: calc(33.3333333333% - 25px);
  }
  .row.sp-gutter-25 > .span-5,
  .flex.sp-gutter-25 > .span-5 {
    width: calc(41.6666666667% - 25px);
  }
  .row.sp-gutter-25 > .span-6,
  .flex.sp-gutter-25 > .span-6 {
    width: calc(50% - 25px);
  }
  .row.sp-gutter-25 > .span-7,
  .flex.sp-gutter-25 > .span-7 {
    width: calc(58.3333333333% - 25px);
  }
  .row.sp-gutter-25 > .span-8,
  .flex.sp-gutter-25 > .span-8 {
    width: calc(66.6666666667% - 25px);
  }
  .row.sp-gutter-25 > .span-9,
  .flex.sp-gutter-25 > .span-9 {
    width: calc(75% - 25px);
  }
  .row.sp-gutter-25 > .span-10,
  .flex.sp-gutter-25 > .span-10 {
    width: calc(83.3333333333% - 25px);
  }
  .row.sp-gutter-25 > .span-11,
  .flex.sp-gutter-25 > .span-11 {
    width: calc(90.666667% - 25px);
  }
  .row.sp-gutter-25 > .span-12,
  .flex.sp-gutter-25 > .span-12 {
    width: calc(100% - 25px);
  }
}
@media (max-width: 990px) {
  .row.gutter-25.sp-col1 > .col, .row.sp-gutter-25.sp-col1 > .col,
  .flex.gutter-25.sp-col1 > .col,
  .flex.sp-gutter-25.sp-col1 > .col {
    width: calc(100% - 25px);
  }
  .row.gutter-25.sp-col2 > .col, .row.sp-gutter-25.sp-col2 > .col,
  .flex.gutter-25.sp-col2 > .col,
  .flex.sp-gutter-25.sp-col2 > .col {
    width: calc(50% - 25px);
  }
  .row.gutter-25.sp-col3 > .col, .row.sp-gutter-25.sp-col3 > .col,
  .flex.gutter-25.sp-col3 > .col,
  .flex.sp-gutter-25.sp-col3 > .col {
    width: calc(33.3333333333% - 25px);
  }
}
.row.gutter-30,
.flex.gutter-30 {
  margin-left: -30px;
}
.row.gutter-30 > [class*=span-],
.flex.gutter-30 > [class*=span-] {
  margin-left: 30px;
}
.row.gutter-30 > .span-1,
.flex.gutter-30 > .span-1 {
  width: calc(8.3333333333% - 30px);
}
.row.gutter-30 > .span-2,
.flex.gutter-30 > .span-2 {
  width: calc(16.6666666667% - 30px);
}
.row.gutter-30 > .span-3,
.flex.gutter-30 > .span-3 {
  width: calc(25% - 30px);
}
.row.gutter-30 > .span-4,
.flex.gutter-30 > .span-4 {
  width: calc(33.3333333333% - 30px);
}
.row.gutter-30 > .span-5,
.flex.gutter-30 > .span-5 {
  width: calc(41.6666666667% - 30px);
}
.row.gutter-30 > .span-6,
.flex.gutter-30 > .span-6 {
  width: calc(50% - 30px);
}
.row.gutter-30 > .span-7,
.flex.gutter-30 > .span-7 {
  width: calc(58.3333333333% - 30px);
}
.row.gutter-30 > .span-8,
.flex.gutter-30 > .span-8 {
  width: calc(66.6666666667% - 30px);
}
.row.gutter-30 > .span-9,
.flex.gutter-30 > .span-9 {
  width: calc(75% - 30px);
}
.row.gutter-30 > .span-10,
.flex.gutter-30 > .span-10 {
  width: calc(83.3333333333% - 30px);
}
.row.gutter-30 > .span-11,
.flex.gutter-30 > .span-11 {
  width: calc(90.666667% - 30px);
}
.row.gutter-30 > .span-12,
.flex.gutter-30 > .span-12 {
  width: calc(100% - 30px);
}
@media (min-width: 991px) {
  .row.pc-gutter-30,
  .flex.pc-gutter-30 {
    margin-left: -30px;
  }
  .row.pc-gutter-30 > [class*=span-],
  .flex.pc-gutter-30 > [class*=span-] {
    margin-left: 30px;
  }
  .row.pc-gutter-30 > .span-1,
  .flex.pc-gutter-30 > .span-1 {
    width: calc(8.3333333333% - 30px);
  }
  .row.pc-gutter-30 > .span-2,
  .flex.pc-gutter-30 > .span-2 {
    width: calc(16.6666666667% - 30px);
  }
  .row.pc-gutter-30 > .span-3,
  .flex.pc-gutter-30 > .span-3 {
    width: calc(25% - 30px);
  }
  .row.pc-gutter-30 > .span-4,
  .flex.pc-gutter-30 > .span-4 {
    width: calc(33.3333333333% - 30px);
  }
  .row.pc-gutter-30 > .span-5,
  .flex.pc-gutter-30 > .span-5 {
    width: calc(41.6666666667% - 30px);
  }
  .row.pc-gutter-30 > .span-6,
  .flex.pc-gutter-30 > .span-6 {
    width: calc(50% - 30px);
  }
  .row.pc-gutter-30 > .span-7,
  .flex.pc-gutter-30 > .span-7 {
    width: calc(58.3333333333% - 30px);
  }
  .row.pc-gutter-30 > .span-8,
  .flex.pc-gutter-30 > .span-8 {
    width: calc(66.6666666667% - 30px);
  }
  .row.pc-gutter-30 > .span-9,
  .flex.pc-gutter-30 > .span-9 {
    width: calc(75% - 30px);
  }
  .row.pc-gutter-30 > .span-10,
  .flex.pc-gutter-30 > .span-10 {
    width: calc(83.3333333333% - 30px);
  }
  .row.pc-gutter-30 > .span-11,
  .flex.pc-gutter-30 > .span-11 {
    width: calc(90.666667% - 30px);
  }
  .row.pc-gutter-30 > .span-12,
  .flex.pc-gutter-30 > .span-12 {
    width: calc(100% - 30px);
  }
}
@media (max-width: 990px) {
  .row.sp-gutter-30,
  .flex.sp-gutter-30 {
    margin-left: -30px;
  }
  .row.sp-gutter-30 > [class*=span-],
  .flex.sp-gutter-30 > [class*=span-] {
    margin-left: 30px;
  }
  .row.sp-gutter-30 > .span-1,
  .flex.sp-gutter-30 > .span-1 {
    width: calc(8.3333333333% - 30px);
  }
  .row.sp-gutter-30 > .span-2,
  .flex.sp-gutter-30 > .span-2 {
    width: calc(16.6666666667% - 30px);
  }
  .row.sp-gutter-30 > .span-3,
  .flex.sp-gutter-30 > .span-3 {
    width: calc(25% - 30px);
  }
  .row.sp-gutter-30 > .span-4,
  .flex.sp-gutter-30 > .span-4 {
    width: calc(33.3333333333% - 30px);
  }
  .row.sp-gutter-30 > .span-5,
  .flex.sp-gutter-30 > .span-5 {
    width: calc(41.6666666667% - 30px);
  }
  .row.sp-gutter-30 > .span-6,
  .flex.sp-gutter-30 > .span-6 {
    width: calc(50% - 30px);
  }
  .row.sp-gutter-30 > .span-7,
  .flex.sp-gutter-30 > .span-7 {
    width: calc(58.3333333333% - 30px);
  }
  .row.sp-gutter-30 > .span-8,
  .flex.sp-gutter-30 > .span-8 {
    width: calc(66.6666666667% - 30px);
  }
  .row.sp-gutter-30 > .span-9,
  .flex.sp-gutter-30 > .span-9 {
    width: calc(75% - 30px);
  }
  .row.sp-gutter-30 > .span-10,
  .flex.sp-gutter-30 > .span-10 {
    width: calc(83.3333333333% - 30px);
  }
  .row.sp-gutter-30 > .span-11,
  .flex.sp-gutter-30 > .span-11 {
    width: calc(90.666667% - 30px);
  }
  .row.sp-gutter-30 > .span-12,
  .flex.sp-gutter-30 > .span-12 {
    width: calc(100% - 30px);
  }
}
@media (max-width: 990px) {
  .row.gutter-30.sp-col1 > .col, .row.sp-gutter-30.sp-col1 > .col,
  .flex.gutter-30.sp-col1 > .col,
  .flex.sp-gutter-30.sp-col1 > .col {
    width: calc(100% - 30px);
  }
  .row.gutter-30.sp-col2 > .col, .row.sp-gutter-30.sp-col2 > .col,
  .flex.gutter-30.sp-col2 > .col,
  .flex.sp-gutter-30.sp-col2 > .col {
    width: calc(50% - 30px);
  }
  .row.gutter-30.sp-col3 > .col, .row.sp-gutter-30.sp-col3 > .col,
  .flex.gutter-30.sp-col3 > .col,
  .flex.sp-gutter-30.sp-col3 > .col {
    width: calc(33.3333333333% - 30px);
  }
}
.row.gutter-32,
.flex.gutter-32 {
  margin-left: -32px;
}
.row.gutter-32 > [class*=span-],
.flex.gutter-32 > [class*=span-] {
  margin-left: 32px;
}
.row.gutter-32 > .span-1,
.flex.gutter-32 > .span-1 {
  width: calc(8.3333333333% - 32px);
}
.row.gutter-32 > .span-2,
.flex.gutter-32 > .span-2 {
  width: calc(16.6666666667% - 32px);
}
.row.gutter-32 > .span-3,
.flex.gutter-32 > .span-3 {
  width: calc(25% - 32px);
}
.row.gutter-32 > .span-4,
.flex.gutter-32 > .span-4 {
  width: calc(33.3333333333% - 32px);
}
.row.gutter-32 > .span-5,
.flex.gutter-32 > .span-5 {
  width: calc(41.6666666667% - 32px);
}
.row.gutter-32 > .span-6,
.flex.gutter-32 > .span-6 {
  width: calc(50% - 32px);
}
.row.gutter-32 > .span-7,
.flex.gutter-32 > .span-7 {
  width: calc(58.3333333333% - 32px);
}
.row.gutter-32 > .span-8,
.flex.gutter-32 > .span-8 {
  width: calc(66.6666666667% - 32px);
}
.row.gutter-32 > .span-9,
.flex.gutter-32 > .span-9 {
  width: calc(75% - 32px);
}
.row.gutter-32 > .span-10,
.flex.gutter-32 > .span-10 {
  width: calc(83.3333333333% - 32px);
}
.row.gutter-32 > .span-11,
.flex.gutter-32 > .span-11 {
  width: calc(90.666667% - 32px);
}
.row.gutter-32 > .span-12,
.flex.gutter-32 > .span-12 {
  width: calc(100% - 32px);
}
@media (min-width: 991px) {
  .row.pc-gutter-32,
  .flex.pc-gutter-32 {
    margin-left: -32px;
  }
  .row.pc-gutter-32 > [class*=span-],
  .flex.pc-gutter-32 > [class*=span-] {
    margin-left: 32px;
  }
  .row.pc-gutter-32 > .span-1,
  .flex.pc-gutter-32 > .span-1 {
    width: calc(8.3333333333% - 32px);
  }
  .row.pc-gutter-32 > .span-2,
  .flex.pc-gutter-32 > .span-2 {
    width: calc(16.6666666667% - 32px);
  }
  .row.pc-gutter-32 > .span-3,
  .flex.pc-gutter-32 > .span-3 {
    width: calc(25% - 32px);
  }
  .row.pc-gutter-32 > .span-4,
  .flex.pc-gutter-32 > .span-4 {
    width: calc(33.3333333333% - 32px);
  }
  .row.pc-gutter-32 > .span-5,
  .flex.pc-gutter-32 > .span-5 {
    width: calc(41.6666666667% - 32px);
  }
  .row.pc-gutter-32 > .span-6,
  .flex.pc-gutter-32 > .span-6 {
    width: calc(50% - 32px);
  }
  .row.pc-gutter-32 > .span-7,
  .flex.pc-gutter-32 > .span-7 {
    width: calc(58.3333333333% - 32px);
  }
  .row.pc-gutter-32 > .span-8,
  .flex.pc-gutter-32 > .span-8 {
    width: calc(66.6666666667% - 32px);
  }
  .row.pc-gutter-32 > .span-9,
  .flex.pc-gutter-32 > .span-9 {
    width: calc(75% - 32px);
  }
  .row.pc-gutter-32 > .span-10,
  .flex.pc-gutter-32 > .span-10 {
    width: calc(83.3333333333% - 32px);
  }
  .row.pc-gutter-32 > .span-11,
  .flex.pc-gutter-32 > .span-11 {
    width: calc(90.666667% - 32px);
  }
  .row.pc-gutter-32 > .span-12,
  .flex.pc-gutter-32 > .span-12 {
    width: calc(100% - 32px);
  }
}
@media (max-width: 990px) {
  .row.sp-gutter-32,
  .flex.sp-gutter-32 {
    margin-left: -32px;
  }
  .row.sp-gutter-32 > [class*=span-],
  .flex.sp-gutter-32 > [class*=span-] {
    margin-left: 32px;
  }
  .row.sp-gutter-32 > .span-1,
  .flex.sp-gutter-32 > .span-1 {
    width: calc(8.3333333333% - 32px);
  }
  .row.sp-gutter-32 > .span-2,
  .flex.sp-gutter-32 > .span-2 {
    width: calc(16.6666666667% - 32px);
  }
  .row.sp-gutter-32 > .span-3,
  .flex.sp-gutter-32 > .span-3 {
    width: calc(25% - 32px);
  }
  .row.sp-gutter-32 > .span-4,
  .flex.sp-gutter-32 > .span-4 {
    width: calc(33.3333333333% - 32px);
  }
  .row.sp-gutter-32 > .span-5,
  .flex.sp-gutter-32 > .span-5 {
    width: calc(41.6666666667% - 32px);
  }
  .row.sp-gutter-32 > .span-6,
  .flex.sp-gutter-32 > .span-6 {
    width: calc(50% - 32px);
  }
  .row.sp-gutter-32 > .span-7,
  .flex.sp-gutter-32 > .span-7 {
    width: calc(58.3333333333% - 32px);
  }
  .row.sp-gutter-32 > .span-8,
  .flex.sp-gutter-32 > .span-8 {
    width: calc(66.6666666667% - 32px);
  }
  .row.sp-gutter-32 > .span-9,
  .flex.sp-gutter-32 > .span-9 {
    width: calc(75% - 32px);
  }
  .row.sp-gutter-32 > .span-10,
  .flex.sp-gutter-32 > .span-10 {
    width: calc(83.3333333333% - 32px);
  }
  .row.sp-gutter-32 > .span-11,
  .flex.sp-gutter-32 > .span-11 {
    width: calc(90.666667% - 32px);
  }
  .row.sp-gutter-32 > .span-12,
  .flex.sp-gutter-32 > .span-12 {
    width: calc(100% - 32px);
  }
}
@media (max-width: 990px) {
  .row.gutter-32.sp-col1 > .col, .row.sp-gutter-32.sp-col1 > .col,
  .flex.gutter-32.sp-col1 > .col,
  .flex.sp-gutter-32.sp-col1 > .col {
    width: calc(100% - 32px);
  }
  .row.gutter-32.sp-col2 > .col, .row.sp-gutter-32.sp-col2 > .col,
  .flex.gutter-32.sp-col2 > .col,
  .flex.sp-gutter-32.sp-col2 > .col {
    width: calc(50% - 32px);
  }
  .row.gutter-32.sp-col3 > .col, .row.sp-gutter-32.sp-col3 > .col,
  .flex.gutter-32.sp-col3 > .col,
  .flex.sp-gutter-32.sp-col3 > .col {
    width: calc(33.3333333333% - 32px);
  }
}
.row.gutter-40,
.flex.gutter-40 {
  margin-left: -40px;
}
.row.gutter-40 > [class*=span-],
.flex.gutter-40 > [class*=span-] {
  margin-left: 40px;
}
.row.gutter-40 > .span-1,
.flex.gutter-40 > .span-1 {
  width: calc(8.3333333333% - 40px);
}
.row.gutter-40 > .span-2,
.flex.gutter-40 > .span-2 {
  width: calc(16.6666666667% - 40px);
}
.row.gutter-40 > .span-3,
.flex.gutter-40 > .span-3 {
  width: calc(25% - 40px);
}
.row.gutter-40 > .span-4,
.flex.gutter-40 > .span-4 {
  width: calc(33.3333333333% - 40px);
}
.row.gutter-40 > .span-5,
.flex.gutter-40 > .span-5 {
  width: calc(41.6666666667% - 40px);
}
.row.gutter-40 > .span-6,
.flex.gutter-40 > .span-6 {
  width: calc(50% - 40px);
}
.row.gutter-40 > .span-7,
.flex.gutter-40 > .span-7 {
  width: calc(58.3333333333% - 40px);
}
.row.gutter-40 > .span-8,
.flex.gutter-40 > .span-8 {
  width: calc(66.6666666667% - 40px);
}
.row.gutter-40 > .span-9,
.flex.gutter-40 > .span-9 {
  width: calc(75% - 40px);
}
.row.gutter-40 > .span-10,
.flex.gutter-40 > .span-10 {
  width: calc(83.3333333333% - 40px);
}
.row.gutter-40 > .span-11,
.flex.gutter-40 > .span-11 {
  width: calc(90.666667% - 40px);
}
.row.gutter-40 > .span-12,
.flex.gutter-40 > .span-12 {
  width: calc(100% - 40px);
}
@media (min-width: 991px) {
  .row.pc-gutter-40,
  .flex.pc-gutter-40 {
    margin-left: -40px;
  }
  .row.pc-gutter-40 > [class*=span-],
  .flex.pc-gutter-40 > [class*=span-] {
    margin-left: 40px;
  }
  .row.pc-gutter-40 > .span-1,
  .flex.pc-gutter-40 > .span-1 {
    width: calc(8.3333333333% - 40px);
  }
  .row.pc-gutter-40 > .span-2,
  .flex.pc-gutter-40 > .span-2 {
    width: calc(16.6666666667% - 40px);
  }
  .row.pc-gutter-40 > .span-3,
  .flex.pc-gutter-40 > .span-3 {
    width: calc(25% - 40px);
  }
  .row.pc-gutter-40 > .span-4,
  .flex.pc-gutter-40 > .span-4 {
    width: calc(33.3333333333% - 40px);
  }
  .row.pc-gutter-40 > .span-5,
  .flex.pc-gutter-40 > .span-5 {
    width: calc(41.6666666667% - 40px);
  }
  .row.pc-gutter-40 > .span-6,
  .flex.pc-gutter-40 > .span-6 {
    width: calc(50% - 40px);
  }
  .row.pc-gutter-40 > .span-7,
  .flex.pc-gutter-40 > .span-7 {
    width: calc(58.3333333333% - 40px);
  }
  .row.pc-gutter-40 > .span-8,
  .flex.pc-gutter-40 > .span-8 {
    width: calc(66.6666666667% - 40px);
  }
  .row.pc-gutter-40 > .span-9,
  .flex.pc-gutter-40 > .span-9 {
    width: calc(75% - 40px);
  }
  .row.pc-gutter-40 > .span-10,
  .flex.pc-gutter-40 > .span-10 {
    width: calc(83.3333333333% - 40px);
  }
  .row.pc-gutter-40 > .span-11,
  .flex.pc-gutter-40 > .span-11 {
    width: calc(90.666667% - 40px);
  }
  .row.pc-gutter-40 > .span-12,
  .flex.pc-gutter-40 > .span-12 {
    width: calc(100% - 40px);
  }
}
@media (max-width: 990px) {
  .row.sp-gutter-40,
  .flex.sp-gutter-40 {
    margin-left: -40px;
  }
  .row.sp-gutter-40 > [class*=span-],
  .flex.sp-gutter-40 > [class*=span-] {
    margin-left: 40px;
  }
  .row.sp-gutter-40 > .span-1,
  .flex.sp-gutter-40 > .span-1 {
    width: calc(8.3333333333% - 40px);
  }
  .row.sp-gutter-40 > .span-2,
  .flex.sp-gutter-40 > .span-2 {
    width: calc(16.6666666667% - 40px);
  }
  .row.sp-gutter-40 > .span-3,
  .flex.sp-gutter-40 > .span-3 {
    width: calc(25% - 40px);
  }
  .row.sp-gutter-40 > .span-4,
  .flex.sp-gutter-40 > .span-4 {
    width: calc(33.3333333333% - 40px);
  }
  .row.sp-gutter-40 > .span-5,
  .flex.sp-gutter-40 > .span-5 {
    width: calc(41.6666666667% - 40px);
  }
  .row.sp-gutter-40 > .span-6,
  .flex.sp-gutter-40 > .span-6 {
    width: calc(50% - 40px);
  }
  .row.sp-gutter-40 > .span-7,
  .flex.sp-gutter-40 > .span-7 {
    width: calc(58.3333333333% - 40px);
  }
  .row.sp-gutter-40 > .span-8,
  .flex.sp-gutter-40 > .span-8 {
    width: calc(66.6666666667% - 40px);
  }
  .row.sp-gutter-40 > .span-9,
  .flex.sp-gutter-40 > .span-9 {
    width: calc(75% - 40px);
  }
  .row.sp-gutter-40 > .span-10,
  .flex.sp-gutter-40 > .span-10 {
    width: calc(83.3333333333% - 40px);
  }
  .row.sp-gutter-40 > .span-11,
  .flex.sp-gutter-40 > .span-11 {
    width: calc(90.666667% - 40px);
  }
  .row.sp-gutter-40 > .span-12,
  .flex.sp-gutter-40 > .span-12 {
    width: calc(100% - 40px);
  }
}
@media (max-width: 990px) {
  .row.gutter-40.sp-col1 > .col, .row.sp-gutter-40.sp-col1 > .col,
  .flex.gutter-40.sp-col1 > .col,
  .flex.sp-gutter-40.sp-col1 > .col {
    width: calc(100% - 40px);
  }
  .row.gutter-40.sp-col2 > .col, .row.sp-gutter-40.sp-col2 > .col,
  .flex.gutter-40.sp-col2 > .col,
  .flex.sp-gutter-40.sp-col2 > .col {
    width: calc(50% - 40px);
  }
  .row.gutter-40.sp-col3 > .col, .row.sp-gutter-40.sp-col3 > .col,
  .flex.gutter-40.sp-col3 > .col,
  .flex.sp-gutter-40.sp-col3 > .col {
    width: calc(33.3333333333% - 40px);
  }
}
.row.gutter-50,
.flex.gutter-50 {
  margin-left: -50px;
}
.row.gutter-50 > [class*=span-],
.flex.gutter-50 > [class*=span-] {
  margin-left: 50px;
}
.row.gutter-50 > .span-1,
.flex.gutter-50 > .span-1 {
  width: calc(8.3333333333% - 50px);
}
.row.gutter-50 > .span-2,
.flex.gutter-50 > .span-2 {
  width: calc(16.6666666667% - 50px);
}
.row.gutter-50 > .span-3,
.flex.gutter-50 > .span-3 {
  width: calc(25% - 50px);
}
.row.gutter-50 > .span-4,
.flex.gutter-50 > .span-4 {
  width: calc(33.3333333333% - 50px);
}
.row.gutter-50 > .span-5,
.flex.gutter-50 > .span-5 {
  width: calc(41.6666666667% - 50px);
}
.row.gutter-50 > .span-6,
.flex.gutter-50 > .span-6 {
  width: calc(50% - 50px);
}
.row.gutter-50 > .span-7,
.flex.gutter-50 > .span-7 {
  width: calc(58.3333333333% - 50px);
}
.row.gutter-50 > .span-8,
.flex.gutter-50 > .span-8 {
  width: calc(66.6666666667% - 50px);
}
.row.gutter-50 > .span-9,
.flex.gutter-50 > .span-9 {
  width: calc(75% - 50px);
}
.row.gutter-50 > .span-10,
.flex.gutter-50 > .span-10 {
  width: calc(83.3333333333% - 50px);
}
.row.gutter-50 > .span-11,
.flex.gutter-50 > .span-11 {
  width: calc(90.666667% - 50px);
}
.row.gutter-50 > .span-12,
.flex.gutter-50 > .span-12 {
  width: calc(100% - 50px);
}
@media (min-width: 991px) {
  .row.pc-gutter-50,
  .flex.pc-gutter-50 {
    margin-left: -50px;
  }
  .row.pc-gutter-50 > [class*=span-],
  .flex.pc-gutter-50 > [class*=span-] {
    margin-left: 50px;
  }
  .row.pc-gutter-50 > .span-1,
  .flex.pc-gutter-50 > .span-1 {
    width: calc(8.3333333333% - 50px);
  }
  .row.pc-gutter-50 > .span-2,
  .flex.pc-gutter-50 > .span-2 {
    width: calc(16.6666666667% - 50px);
  }
  .row.pc-gutter-50 > .span-3,
  .flex.pc-gutter-50 > .span-3 {
    width: calc(25% - 50px);
  }
  .row.pc-gutter-50 > .span-4,
  .flex.pc-gutter-50 > .span-4 {
    width: calc(33.3333333333% - 50px);
  }
  .row.pc-gutter-50 > .span-5,
  .flex.pc-gutter-50 > .span-5 {
    width: calc(41.6666666667% - 50px);
  }
  .row.pc-gutter-50 > .span-6,
  .flex.pc-gutter-50 > .span-6 {
    width: calc(50% - 50px);
  }
  .row.pc-gutter-50 > .span-7,
  .flex.pc-gutter-50 > .span-7 {
    width: calc(58.3333333333% - 50px);
  }
  .row.pc-gutter-50 > .span-8,
  .flex.pc-gutter-50 > .span-8 {
    width: calc(66.6666666667% - 50px);
  }
  .row.pc-gutter-50 > .span-9,
  .flex.pc-gutter-50 > .span-9 {
    width: calc(75% - 50px);
  }
  .row.pc-gutter-50 > .span-10,
  .flex.pc-gutter-50 > .span-10 {
    width: calc(83.3333333333% - 50px);
  }
  .row.pc-gutter-50 > .span-11,
  .flex.pc-gutter-50 > .span-11 {
    width: calc(90.666667% - 50px);
  }
  .row.pc-gutter-50 > .span-12,
  .flex.pc-gutter-50 > .span-12 {
    width: calc(100% - 50px);
  }
}
@media (max-width: 990px) {
  .row.sp-gutter-50,
  .flex.sp-gutter-50 {
    margin-left: -50px;
  }
  .row.sp-gutter-50 > [class*=span-],
  .flex.sp-gutter-50 > [class*=span-] {
    margin-left: 50px;
  }
  .row.sp-gutter-50 > .span-1,
  .flex.sp-gutter-50 > .span-1 {
    width: calc(8.3333333333% - 50px);
  }
  .row.sp-gutter-50 > .span-2,
  .flex.sp-gutter-50 > .span-2 {
    width: calc(16.6666666667% - 50px);
  }
  .row.sp-gutter-50 > .span-3,
  .flex.sp-gutter-50 > .span-3 {
    width: calc(25% - 50px);
  }
  .row.sp-gutter-50 > .span-4,
  .flex.sp-gutter-50 > .span-4 {
    width: calc(33.3333333333% - 50px);
  }
  .row.sp-gutter-50 > .span-5,
  .flex.sp-gutter-50 > .span-5 {
    width: calc(41.6666666667% - 50px);
  }
  .row.sp-gutter-50 > .span-6,
  .flex.sp-gutter-50 > .span-6 {
    width: calc(50% - 50px);
  }
  .row.sp-gutter-50 > .span-7,
  .flex.sp-gutter-50 > .span-7 {
    width: calc(58.3333333333% - 50px);
  }
  .row.sp-gutter-50 > .span-8,
  .flex.sp-gutter-50 > .span-8 {
    width: calc(66.6666666667% - 50px);
  }
  .row.sp-gutter-50 > .span-9,
  .flex.sp-gutter-50 > .span-9 {
    width: calc(75% - 50px);
  }
  .row.sp-gutter-50 > .span-10,
  .flex.sp-gutter-50 > .span-10 {
    width: calc(83.3333333333% - 50px);
  }
  .row.sp-gutter-50 > .span-11,
  .flex.sp-gutter-50 > .span-11 {
    width: calc(90.666667% - 50px);
  }
  .row.sp-gutter-50 > .span-12,
  .flex.sp-gutter-50 > .span-12 {
    width: calc(100% - 50px);
  }
}
@media (max-width: 990px) {
  .row.gutter-50.sp-col1 > .col, .row.sp-gutter-50.sp-col1 > .col,
  .flex.gutter-50.sp-col1 > .col,
  .flex.sp-gutter-50.sp-col1 > .col {
    width: calc(100% - 50px);
  }
  .row.gutter-50.sp-col2 > .col, .row.sp-gutter-50.sp-col2 > .col,
  .flex.gutter-50.sp-col2 > .col,
  .flex.sp-gutter-50.sp-col2 > .col {
    width: calc(50% - 50px);
  }
  .row.gutter-50.sp-col3 > .col, .row.sp-gutter-50.sp-col3 > .col,
  .flex.gutter-50.sp-col3 > .col,
  .flex.sp-gutter-50.sp-col3 > .col {
    width: calc(33.3333333333% - 50px);
  }
}
.row.gutter-60,
.flex.gutter-60 {
  margin-left: -60px;
}
.row.gutter-60 > [class*=span-],
.flex.gutter-60 > [class*=span-] {
  margin-left: 60px;
}
.row.gutter-60 > .span-1,
.flex.gutter-60 > .span-1 {
  width: calc(8.3333333333% - 60px);
}
.row.gutter-60 > .span-2,
.flex.gutter-60 > .span-2 {
  width: calc(16.6666666667% - 60px);
}
.row.gutter-60 > .span-3,
.flex.gutter-60 > .span-3 {
  width: calc(25% - 60px);
}
.row.gutter-60 > .span-4,
.flex.gutter-60 > .span-4 {
  width: calc(33.3333333333% - 60px);
}
.row.gutter-60 > .span-5,
.flex.gutter-60 > .span-5 {
  width: calc(41.6666666667% - 60px);
}
.row.gutter-60 > .span-6,
.flex.gutter-60 > .span-6 {
  width: calc(50% - 60px);
}
.row.gutter-60 > .span-7,
.flex.gutter-60 > .span-7 {
  width: calc(58.3333333333% - 60px);
}
.row.gutter-60 > .span-8,
.flex.gutter-60 > .span-8 {
  width: calc(66.6666666667% - 60px);
}
.row.gutter-60 > .span-9,
.flex.gutter-60 > .span-9 {
  width: calc(75% - 60px);
}
.row.gutter-60 > .span-10,
.flex.gutter-60 > .span-10 {
  width: calc(83.3333333333% - 60px);
}
.row.gutter-60 > .span-11,
.flex.gutter-60 > .span-11 {
  width: calc(90.666667% - 60px);
}
.row.gutter-60 > .span-12,
.flex.gutter-60 > .span-12 {
  width: calc(100% - 60px);
}
@media (min-width: 991px) {
  .row.pc-gutter-60,
  .flex.pc-gutter-60 {
    margin-left: -60px;
  }
  .row.pc-gutter-60 > [class*=span-],
  .flex.pc-gutter-60 > [class*=span-] {
    margin-left: 60px;
  }
  .row.pc-gutter-60 > .span-1,
  .flex.pc-gutter-60 > .span-1 {
    width: calc(8.3333333333% - 60px);
  }
  .row.pc-gutter-60 > .span-2,
  .flex.pc-gutter-60 > .span-2 {
    width: calc(16.6666666667% - 60px);
  }
  .row.pc-gutter-60 > .span-3,
  .flex.pc-gutter-60 > .span-3 {
    width: calc(25% - 60px);
  }
  .row.pc-gutter-60 > .span-4,
  .flex.pc-gutter-60 > .span-4 {
    width: calc(33.3333333333% - 60px);
  }
  .row.pc-gutter-60 > .span-5,
  .flex.pc-gutter-60 > .span-5 {
    width: calc(41.6666666667% - 60px);
  }
  .row.pc-gutter-60 > .span-6,
  .flex.pc-gutter-60 > .span-6 {
    width: calc(50% - 60px);
  }
  .row.pc-gutter-60 > .span-7,
  .flex.pc-gutter-60 > .span-7 {
    width: calc(58.3333333333% - 60px);
  }
  .row.pc-gutter-60 > .span-8,
  .flex.pc-gutter-60 > .span-8 {
    width: calc(66.6666666667% - 60px);
  }
  .row.pc-gutter-60 > .span-9,
  .flex.pc-gutter-60 > .span-9 {
    width: calc(75% - 60px);
  }
  .row.pc-gutter-60 > .span-10,
  .flex.pc-gutter-60 > .span-10 {
    width: calc(83.3333333333% - 60px);
  }
  .row.pc-gutter-60 > .span-11,
  .flex.pc-gutter-60 > .span-11 {
    width: calc(90.666667% - 60px);
  }
  .row.pc-gutter-60 > .span-12,
  .flex.pc-gutter-60 > .span-12 {
    width: calc(100% - 60px);
  }
}
@media (max-width: 990px) {
  .row.sp-gutter-60,
  .flex.sp-gutter-60 {
    margin-left: -60px;
  }
  .row.sp-gutter-60 > [class*=span-],
  .flex.sp-gutter-60 > [class*=span-] {
    margin-left: 60px;
  }
  .row.sp-gutter-60 > .span-1,
  .flex.sp-gutter-60 > .span-1 {
    width: calc(8.3333333333% - 60px);
  }
  .row.sp-gutter-60 > .span-2,
  .flex.sp-gutter-60 > .span-2 {
    width: calc(16.6666666667% - 60px);
  }
  .row.sp-gutter-60 > .span-3,
  .flex.sp-gutter-60 > .span-3 {
    width: calc(25% - 60px);
  }
  .row.sp-gutter-60 > .span-4,
  .flex.sp-gutter-60 > .span-4 {
    width: calc(33.3333333333% - 60px);
  }
  .row.sp-gutter-60 > .span-5,
  .flex.sp-gutter-60 > .span-5 {
    width: calc(41.6666666667% - 60px);
  }
  .row.sp-gutter-60 > .span-6,
  .flex.sp-gutter-60 > .span-6 {
    width: calc(50% - 60px);
  }
  .row.sp-gutter-60 > .span-7,
  .flex.sp-gutter-60 > .span-7 {
    width: calc(58.3333333333% - 60px);
  }
  .row.sp-gutter-60 > .span-8,
  .flex.sp-gutter-60 > .span-8 {
    width: calc(66.6666666667% - 60px);
  }
  .row.sp-gutter-60 > .span-9,
  .flex.sp-gutter-60 > .span-9 {
    width: calc(75% - 60px);
  }
  .row.sp-gutter-60 > .span-10,
  .flex.sp-gutter-60 > .span-10 {
    width: calc(83.3333333333% - 60px);
  }
  .row.sp-gutter-60 > .span-11,
  .flex.sp-gutter-60 > .span-11 {
    width: calc(90.666667% - 60px);
  }
  .row.sp-gutter-60 > .span-12,
  .flex.sp-gutter-60 > .span-12 {
    width: calc(100% - 60px);
  }
}
@media (max-width: 990px) {
  .row.gutter-60.sp-col1 > .col, .row.sp-gutter-60.sp-col1 > .col,
  .flex.gutter-60.sp-col1 > .col,
  .flex.sp-gutter-60.sp-col1 > .col {
    width: calc(100% - 60px);
  }
  .row.gutter-60.sp-col2 > .col, .row.sp-gutter-60.sp-col2 > .col,
  .flex.gutter-60.sp-col2 > .col,
  .flex.sp-gutter-60.sp-col2 > .col {
    width: calc(50% - 60px);
  }
  .row.gutter-60.sp-col3 > .col, .row.sp-gutter-60.sp-col3 > .col,
  .flex.gutter-60.sp-col3 > .col,
  .flex.sp-gutter-60.sp-col3 > .col {
    width: calc(33.3333333333% - 60px);
  }
}
.row.gutter-80,
.flex.gutter-80 {
  margin-left: -80px;
}
.row.gutter-80 > [class*=span-],
.flex.gutter-80 > [class*=span-] {
  margin-left: 80px;
}
.row.gutter-80 > .span-1,
.flex.gutter-80 > .span-1 {
  width: calc(8.3333333333% - 80px);
}
.row.gutter-80 > .span-2,
.flex.gutter-80 > .span-2 {
  width: calc(16.6666666667% - 80px);
}
.row.gutter-80 > .span-3,
.flex.gutter-80 > .span-3 {
  width: calc(25% - 80px);
}
.row.gutter-80 > .span-4,
.flex.gutter-80 > .span-4 {
  width: calc(33.3333333333% - 80px);
}
.row.gutter-80 > .span-5,
.flex.gutter-80 > .span-5 {
  width: calc(41.6666666667% - 80px);
}
.row.gutter-80 > .span-6,
.flex.gutter-80 > .span-6 {
  width: calc(50% - 80px);
}
.row.gutter-80 > .span-7,
.flex.gutter-80 > .span-7 {
  width: calc(58.3333333333% - 80px);
}
.row.gutter-80 > .span-8,
.flex.gutter-80 > .span-8 {
  width: calc(66.6666666667% - 80px);
}
.row.gutter-80 > .span-9,
.flex.gutter-80 > .span-9 {
  width: calc(75% - 80px);
}
.row.gutter-80 > .span-10,
.flex.gutter-80 > .span-10 {
  width: calc(83.3333333333% - 80px);
}
.row.gutter-80 > .span-11,
.flex.gutter-80 > .span-11 {
  width: calc(90.666667% - 80px);
}
.row.gutter-80 > .span-12,
.flex.gutter-80 > .span-12 {
  width: calc(100% - 80px);
}
@media (min-width: 991px) {
  .row.pc-gutter-80,
  .flex.pc-gutter-80 {
    margin-left: -80px;
  }
  .row.pc-gutter-80 > [class*=span-],
  .flex.pc-gutter-80 > [class*=span-] {
    margin-left: 80px;
  }
  .row.pc-gutter-80 > .span-1,
  .flex.pc-gutter-80 > .span-1 {
    width: calc(8.3333333333% - 80px);
  }
  .row.pc-gutter-80 > .span-2,
  .flex.pc-gutter-80 > .span-2 {
    width: calc(16.6666666667% - 80px);
  }
  .row.pc-gutter-80 > .span-3,
  .flex.pc-gutter-80 > .span-3 {
    width: calc(25% - 80px);
  }
  .row.pc-gutter-80 > .span-4,
  .flex.pc-gutter-80 > .span-4 {
    width: calc(33.3333333333% - 80px);
  }
  .row.pc-gutter-80 > .span-5,
  .flex.pc-gutter-80 > .span-5 {
    width: calc(41.6666666667% - 80px);
  }
  .row.pc-gutter-80 > .span-6,
  .flex.pc-gutter-80 > .span-6 {
    width: calc(50% - 80px);
  }
  .row.pc-gutter-80 > .span-7,
  .flex.pc-gutter-80 > .span-7 {
    width: calc(58.3333333333% - 80px);
  }
  .row.pc-gutter-80 > .span-8,
  .flex.pc-gutter-80 > .span-8 {
    width: calc(66.6666666667% - 80px);
  }
  .row.pc-gutter-80 > .span-9,
  .flex.pc-gutter-80 > .span-9 {
    width: calc(75% - 80px);
  }
  .row.pc-gutter-80 > .span-10,
  .flex.pc-gutter-80 > .span-10 {
    width: calc(83.3333333333% - 80px);
  }
  .row.pc-gutter-80 > .span-11,
  .flex.pc-gutter-80 > .span-11 {
    width: calc(90.666667% - 80px);
  }
  .row.pc-gutter-80 > .span-12,
  .flex.pc-gutter-80 > .span-12 {
    width: calc(100% - 80px);
  }
}
@media (max-width: 990px) {
  .row.sp-gutter-80,
  .flex.sp-gutter-80 {
    margin-left: -80px;
  }
  .row.sp-gutter-80 > [class*=span-],
  .flex.sp-gutter-80 > [class*=span-] {
    margin-left: 80px;
  }
  .row.sp-gutter-80 > .span-1,
  .flex.sp-gutter-80 > .span-1 {
    width: calc(8.3333333333% - 80px);
  }
  .row.sp-gutter-80 > .span-2,
  .flex.sp-gutter-80 > .span-2 {
    width: calc(16.6666666667% - 80px);
  }
  .row.sp-gutter-80 > .span-3,
  .flex.sp-gutter-80 > .span-3 {
    width: calc(25% - 80px);
  }
  .row.sp-gutter-80 > .span-4,
  .flex.sp-gutter-80 > .span-4 {
    width: calc(33.3333333333% - 80px);
  }
  .row.sp-gutter-80 > .span-5,
  .flex.sp-gutter-80 > .span-5 {
    width: calc(41.6666666667% - 80px);
  }
  .row.sp-gutter-80 > .span-6,
  .flex.sp-gutter-80 > .span-6 {
    width: calc(50% - 80px);
  }
  .row.sp-gutter-80 > .span-7,
  .flex.sp-gutter-80 > .span-7 {
    width: calc(58.3333333333% - 80px);
  }
  .row.sp-gutter-80 > .span-8,
  .flex.sp-gutter-80 > .span-8 {
    width: calc(66.6666666667% - 80px);
  }
  .row.sp-gutter-80 > .span-9,
  .flex.sp-gutter-80 > .span-9 {
    width: calc(75% - 80px);
  }
  .row.sp-gutter-80 > .span-10,
  .flex.sp-gutter-80 > .span-10 {
    width: calc(83.3333333333% - 80px);
  }
  .row.sp-gutter-80 > .span-11,
  .flex.sp-gutter-80 > .span-11 {
    width: calc(90.666667% - 80px);
  }
  .row.sp-gutter-80 > .span-12,
  .flex.sp-gutter-80 > .span-12 {
    width: calc(100% - 80px);
  }
}
@media (max-width: 990px) {
  .row.gutter-80.sp-col1 > .col, .row.sp-gutter-80.sp-col1 > .col,
  .flex.gutter-80.sp-col1 > .col,
  .flex.sp-gutter-80.sp-col1 > .col {
    width: calc(100% - 80px);
  }
  .row.gutter-80.sp-col2 > .col, .row.sp-gutter-80.sp-col2 > .col,
  .flex.gutter-80.sp-col2 > .col,
  .flex.sp-gutter-80.sp-col2 > .col {
    width: calc(50% - 80px);
  }
  .row.gutter-80.sp-col3 > .col, .row.sp-gutter-80.sp-col3 > .col,
  .flex.gutter-80.sp-col3 > .col,
  .flex.sp-gutter-80.sp-col3 > .col {
    width: calc(33.3333333333% - 80px);
  }
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 990px) {
  .flex.sp-col1, .flex.sp-col2, .flex.sp-col3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.flex + .flex {
  margin-top: 15px;
}

@media (min-width: 991px) {
  .pc-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 990px) {
  .sp-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-align-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.flex-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex-end-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-between-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex:not(.reverse).gutter-5 > .col + .col {
  margin-left: 5px;
}
@media (min-width: 991px) {
  .flex:not(.reverse).pc-gutter-5 > .col + .col {
    margin-left: 5px;
  }
}
@media (max-width: 990px) {
  .flex:not(.reverse).sp-gutter-5 > .col + .col {
    margin-left: 5px;
  }
}
.flex.reverse.gutter-5 > .col {
  margin-left: 5px;
}
.flex.reverse.gutter-5 > .col:last-child {
  margin-left: 0;
}
@media (min-width: 991px) {
  .flex.reverse.pc-gutter-5 > .col {
    margin-left: 5px;
  }
  .flex.reverse.pc-gutter-5 > .col:last-child {
    margin-left: 0;
  }
}
@media (max-width: 990px) {
  .flex.reverse.sp-gutter-5 > .col {
    margin-left: 5px;
  }
  .flex.reverse.sp-gutter-5 > .col:last-child {
    margin-left: 0;
  }
}
.flex:not(.reverse).gutter-8 > .col + .col {
  margin-left: 8px;
}
@media (min-width: 991px) {
  .flex:not(.reverse).pc-gutter-8 > .col + .col {
    margin-left: 8px;
  }
}
@media (max-width: 990px) {
  .flex:not(.reverse).sp-gutter-8 > .col + .col {
    margin-left: 8px;
  }
}
.flex.reverse.gutter-8 > .col {
  margin-left: 8px;
}
.flex.reverse.gutter-8 > .col:last-child {
  margin-left: 0;
}
@media (min-width: 991px) {
  .flex.reverse.pc-gutter-8 > .col {
    margin-left: 8px;
  }
  .flex.reverse.pc-gutter-8 > .col:last-child {
    margin-left: 0;
  }
}
@media (max-width: 990px) {
  .flex.reverse.sp-gutter-8 > .col {
    margin-left: 8px;
  }
  .flex.reverse.sp-gutter-8 > .col:last-child {
    margin-left: 0;
  }
}
.flex:not(.reverse).gutter-10 > .col + .col {
  margin-left: 10px;
}
@media (min-width: 991px) {
  .flex:not(.reverse).pc-gutter-10 > .col + .col {
    margin-left: 10px;
  }
}
@media (max-width: 990px) {
  .flex:not(.reverse).sp-gutter-10 > .col + .col {
    margin-left: 10px;
  }
}
.flex.reverse.gutter-10 > .col {
  margin-left: 10px;
}
.flex.reverse.gutter-10 > .col:last-child {
  margin-left: 0;
}
@media (min-width: 991px) {
  .flex.reverse.pc-gutter-10 > .col {
    margin-left: 10px;
  }
  .flex.reverse.pc-gutter-10 > .col:last-child {
    margin-left: 0;
  }
}
@media (max-width: 990px) {
  .flex.reverse.sp-gutter-10 > .col {
    margin-left: 10px;
  }
  .flex.reverse.sp-gutter-10 > .col:last-child {
    margin-left: 0;
  }
}
.flex:not(.reverse).gutter-15 > .col + .col {
  margin-left: 15px;
}
@media (min-width: 991px) {
  .flex:not(.reverse).pc-gutter-15 > .col + .col {
    margin-left: 15px;
  }
}
@media (max-width: 990px) {
  .flex:not(.reverse).sp-gutter-15 > .col + .col {
    margin-left: 15px;
  }
}
.flex.reverse.gutter-15 > .col {
  margin-left: 15px;
}
.flex.reverse.gutter-15 > .col:last-child {
  margin-left: 0;
}
@media (min-width: 991px) {
  .flex.reverse.pc-gutter-15 > .col {
    margin-left: 15px;
  }
  .flex.reverse.pc-gutter-15 > .col:last-child {
    margin-left: 0;
  }
}
@media (max-width: 990px) {
  .flex.reverse.sp-gutter-15 > .col {
    margin-left: 15px;
  }
  .flex.reverse.sp-gutter-15 > .col:last-child {
    margin-left: 0;
  }
}
.flex:not(.reverse).gutter-16 > .col + .col {
  margin-left: 16px;
}
@media (min-width: 991px) {
  .flex:not(.reverse).pc-gutter-16 > .col + .col {
    margin-left: 16px;
  }
}
@media (max-width: 990px) {
  .flex:not(.reverse).sp-gutter-16 > .col + .col {
    margin-left: 16px;
  }
}
.flex.reverse.gutter-16 > .col {
  margin-left: 16px;
}
.flex.reverse.gutter-16 > .col:last-child {
  margin-left: 0;
}
@media (min-width: 991px) {
  .flex.reverse.pc-gutter-16 > .col {
    margin-left: 16px;
  }
  .flex.reverse.pc-gutter-16 > .col:last-child {
    margin-left: 0;
  }
}
@media (max-width: 990px) {
  .flex.reverse.sp-gutter-16 > .col {
    margin-left: 16px;
  }
  .flex.reverse.sp-gutter-16 > .col:last-child {
    margin-left: 0;
  }
}
.flex:not(.reverse).gutter-20 > .col + .col {
  margin-left: 20px;
}
@media (min-width: 991px) {
  .flex:not(.reverse).pc-gutter-20 > .col + .col {
    margin-left: 20px;
  }
}
@media (max-width: 990px) {
  .flex:not(.reverse).sp-gutter-20 > .col + .col {
    margin-left: 20px;
  }
}
.flex.reverse.gutter-20 > .col {
  margin-left: 20px;
}
.flex.reverse.gutter-20 > .col:last-child {
  margin-left: 0;
}
@media (min-width: 991px) {
  .flex.reverse.pc-gutter-20 > .col {
    margin-left: 20px;
  }
  .flex.reverse.pc-gutter-20 > .col:last-child {
    margin-left: 0;
  }
}
@media (max-width: 990px) {
  .flex.reverse.sp-gutter-20 > .col {
    margin-left: 20px;
  }
  .flex.reverse.sp-gutter-20 > .col:last-child {
    margin-left: 0;
  }
}
.flex:not(.reverse).gutter-24 > .col + .col {
  margin-left: 24px;
}
@media (min-width: 991px) {
  .flex:not(.reverse).pc-gutter-24 > .col + .col {
    margin-left: 24px;
  }
}
@media (max-width: 990px) {
  .flex:not(.reverse).sp-gutter-24 > .col + .col {
    margin-left: 24px;
  }
}
.flex.reverse.gutter-24 > .col {
  margin-left: 24px;
}
.flex.reverse.gutter-24 > .col:last-child {
  margin-left: 0;
}
@media (min-width: 991px) {
  .flex.reverse.pc-gutter-24 > .col {
    margin-left: 24px;
  }
  .flex.reverse.pc-gutter-24 > .col:last-child {
    margin-left: 0;
  }
}
@media (max-width: 990px) {
  .flex.reverse.sp-gutter-24 > .col {
    margin-left: 24px;
  }
  .flex.reverse.sp-gutter-24 > .col:last-child {
    margin-left: 0;
  }
}
.flex:not(.reverse).gutter-25 > .col + .col {
  margin-left: 25px;
}
@media (min-width: 991px) {
  .flex:not(.reverse).pc-gutter-25 > .col + .col {
    margin-left: 25px;
  }
}
@media (max-width: 990px) {
  .flex:not(.reverse).sp-gutter-25 > .col + .col {
    margin-left: 25px;
  }
}
.flex.reverse.gutter-25 > .col {
  margin-left: 25px;
}
.flex.reverse.gutter-25 > .col:last-child {
  margin-left: 0;
}
@media (min-width: 991px) {
  .flex.reverse.pc-gutter-25 > .col {
    margin-left: 25px;
  }
  .flex.reverse.pc-gutter-25 > .col:last-child {
    margin-left: 0;
  }
}
@media (max-width: 990px) {
  .flex.reverse.sp-gutter-25 > .col {
    margin-left: 25px;
  }
  .flex.reverse.sp-gutter-25 > .col:last-child {
    margin-left: 0;
  }
}
.flex:not(.reverse).gutter-30 > .col + .col {
  margin-left: 30px;
}
@media (min-width: 991px) {
  .flex:not(.reverse).pc-gutter-30 > .col + .col {
    margin-left: 30px;
  }
}
@media (max-width: 990px) {
  .flex:not(.reverse).sp-gutter-30 > .col + .col {
    margin-left: 30px;
  }
}
.flex.reverse.gutter-30 > .col {
  margin-left: 30px;
}
.flex.reverse.gutter-30 > .col:last-child {
  margin-left: 0;
}
@media (min-width: 991px) {
  .flex.reverse.pc-gutter-30 > .col {
    margin-left: 30px;
  }
  .flex.reverse.pc-gutter-30 > .col:last-child {
    margin-left: 0;
  }
}
@media (max-width: 990px) {
  .flex.reverse.sp-gutter-30 > .col {
    margin-left: 30px;
  }
  .flex.reverse.sp-gutter-30 > .col:last-child {
    margin-left: 0;
  }
}
.flex:not(.reverse).gutter-32 > .col + .col {
  margin-left: 32px;
}
@media (min-width: 991px) {
  .flex:not(.reverse).pc-gutter-32 > .col + .col {
    margin-left: 32px;
  }
}
@media (max-width: 990px) {
  .flex:not(.reverse).sp-gutter-32 > .col + .col {
    margin-left: 32px;
  }
}
.flex.reverse.gutter-32 > .col {
  margin-left: 32px;
}
.flex.reverse.gutter-32 > .col:last-child {
  margin-left: 0;
}
@media (min-width: 991px) {
  .flex.reverse.pc-gutter-32 > .col {
    margin-left: 32px;
  }
  .flex.reverse.pc-gutter-32 > .col:last-child {
    margin-left: 0;
  }
}
@media (max-width: 990px) {
  .flex.reverse.sp-gutter-32 > .col {
    margin-left: 32px;
  }
  .flex.reverse.sp-gutter-32 > .col:last-child {
    margin-left: 0;
  }
}
.flex:not(.reverse).gutter-40 > .col + .col {
  margin-left: 40px;
}
@media (min-width: 991px) {
  .flex:not(.reverse).pc-gutter-40 > .col + .col {
    margin-left: 40px;
  }
}
@media (max-width: 990px) {
  .flex:not(.reverse).sp-gutter-40 > .col + .col {
    margin-left: 40px;
  }
}
.flex.reverse.gutter-40 > .col {
  margin-left: 40px;
}
.flex.reverse.gutter-40 > .col:last-child {
  margin-left: 0;
}
@media (min-width: 991px) {
  .flex.reverse.pc-gutter-40 > .col {
    margin-left: 40px;
  }
  .flex.reverse.pc-gutter-40 > .col:last-child {
    margin-left: 0;
  }
}
@media (max-width: 990px) {
  .flex.reverse.sp-gutter-40 > .col {
    margin-left: 40px;
  }
  .flex.reverse.sp-gutter-40 > .col:last-child {
    margin-left: 0;
  }
}
.flex:not(.reverse).gutter-50 > .col + .col {
  margin-left: 50px;
}
@media (min-width: 991px) {
  .flex:not(.reverse).pc-gutter-50 > .col + .col {
    margin-left: 50px;
  }
}
@media (max-width: 990px) {
  .flex:not(.reverse).sp-gutter-50 > .col + .col {
    margin-left: 50px;
  }
}
.flex.reverse.gutter-50 > .col {
  margin-left: 50px;
}
.flex.reverse.gutter-50 > .col:last-child {
  margin-left: 0;
}
@media (min-width: 991px) {
  .flex.reverse.pc-gutter-50 > .col {
    margin-left: 50px;
  }
  .flex.reverse.pc-gutter-50 > .col:last-child {
    margin-left: 0;
  }
}
@media (max-width: 990px) {
  .flex.reverse.sp-gutter-50 > .col {
    margin-left: 50px;
  }
  .flex.reverse.sp-gutter-50 > .col:last-child {
    margin-left: 0;
  }
}
.flex:not(.reverse).gutter-60 > .col + .col {
  margin-left: 60px;
}
@media (min-width: 991px) {
  .flex:not(.reverse).pc-gutter-60 > .col + .col {
    margin-left: 60px;
  }
}
@media (max-width: 990px) {
  .flex:not(.reverse).sp-gutter-60 > .col + .col {
    margin-left: 60px;
  }
}
.flex.reverse.gutter-60 > .col {
  margin-left: 60px;
}
.flex.reverse.gutter-60 > .col:last-child {
  margin-left: 0;
}
@media (min-width: 991px) {
  .flex.reverse.pc-gutter-60 > .col {
    margin-left: 60px;
  }
  .flex.reverse.pc-gutter-60 > .col:last-child {
    margin-left: 0;
  }
}
@media (max-width: 990px) {
  .flex.reverse.sp-gutter-60 > .col {
    margin-left: 60px;
  }
  .flex.reverse.sp-gutter-60 > .col:last-child {
    margin-left: 0;
  }
}
.flex:not(.reverse).gutter-80 > .col + .col {
  margin-left: 80px;
}
@media (min-width: 991px) {
  .flex:not(.reverse).pc-gutter-80 > .col + .col {
    margin-left: 80px;
  }
}
@media (max-width: 990px) {
  .flex:not(.reverse).sp-gutter-80 > .col + .col {
    margin-left: 80px;
  }
}
.flex.reverse.gutter-80 > .col {
  margin-left: 80px;
}
.flex.reverse.gutter-80 > .col:last-child {
  margin-left: 0;
}
@media (min-width: 991px) {
  .flex.reverse.pc-gutter-80 > .col {
    margin-left: 80px;
  }
  .flex.reverse.pc-gutter-80 > .col:last-child {
    margin-left: 0;
  }
}
@media (max-width: 990px) {
  .flex.reverse.sp-gutter-80 > .col {
    margin-left: 80px;
  }
  .flex.reverse.sp-gutter-80 > .col:last-child {
    margin-left: 0;
  }
}

.flex-12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-12 > .col {
  width: calc(100% / 12);
}
@media (max-width: 990px) {
  .flex-12 > .col {
    width: 100%;
  }
}
@media (max-width: 990px) {
  .flex-12.sp-col1, .flex-12.sp-col2, .flex-12.sp-col3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-12:not([class^=gutter-]).sp-col2 > .col {
    width: 50%;
  }
  .flex-12:not([class^=gutter-]).sp-col3 > .col {
    width: 33.3333333333%;
  }
}
.flex-12.gutter-5 > .col {
  width: calc((100% - calc(5px * 11)) / 12);
  margin-right: 5px;
}
.flex-12.gutter-5 > .col + .col {
  margin-left: 0 !important;
}
.flex-12.gutter-5 > .col:nth-child(12n) {
  margin-right: 0;
}
.flex-12.gutter-5.flex-wrap > .col:nth-child(n+13) {
  margin-top: 5px;
}
@media (max-width: 990px) {
  .flex-12.gutter-5.sp-col2 > .col {
    width: calc((100% - 5px) / 2);
    margin-right: 5px;
  }
  .flex-12.gutter-5.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-12.gutter-5.sp-col2 > .col:nth-child(n+3) {
    margin-top: 5px;
  }
  .flex-12.gutter-5.sp-col3 > .col {
    width: calc((100% - 5px * 2) / 3);
    margin-right: 5px;
  }
  .flex-12.gutter-5.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-12.gutter-5.sp-col3 > .col:nth-child(n+4) {
    margin-top: 5px;
  }
}
@media (min-width: 991px) {
  .flex-12.pc-gutter-5 > .col {
    width: calc((100% - calc(5px * 11)) / 12);
    margin-right: 5px;
  }
  .flex-12.pc-gutter-5 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.pc-gutter-5.flex-wrap > .col:nth-child(n+13) {
    margin-top: 5px;
  }
}
@media (max-width: 990px) {
  .flex-12.sp-gutter-5 > .col {
    width: calc((100% - calc(5px * 11)) / 12);
    margin-right: 5px;
  }
  .flex-12.sp-gutter-5 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.sp-gutter-5.flex-wrap > .col:nth-child(n+13) {
    margin-top: 5px;
  }
}
.flex-12.gutter-8 > .col {
  width: calc((100% - calc(8px * 11)) / 12);
  margin-right: 8px;
}
.flex-12.gutter-8 > .col + .col {
  margin-left: 0 !important;
}
.flex-12.gutter-8 > .col:nth-child(12n) {
  margin-right: 0;
}
.flex-12.gutter-8.flex-wrap > .col:nth-child(n+13) {
  margin-top: 8px;
}
@media (max-width: 990px) {
  .flex-12.gutter-8.sp-col2 > .col {
    width: calc((100% - 8px) / 2);
    margin-right: 8px;
  }
  .flex-12.gutter-8.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-12.gutter-8.sp-col2 > .col:nth-child(n+3) {
    margin-top: 8px;
  }
  .flex-12.gutter-8.sp-col3 > .col {
    width: calc((100% - 8px * 2) / 3);
    margin-right: 8px;
  }
  .flex-12.gutter-8.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-12.gutter-8.sp-col3 > .col:nth-child(n+4) {
    margin-top: 8px;
  }
}
@media (min-width: 991px) {
  .flex-12.pc-gutter-8 > .col {
    width: calc((100% - calc(8px * 11)) / 12);
    margin-right: 8px;
  }
  .flex-12.pc-gutter-8 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.pc-gutter-8.flex-wrap > .col:nth-child(n+13) {
    margin-top: 8px;
  }
}
@media (max-width: 990px) {
  .flex-12.sp-gutter-8 > .col {
    width: calc((100% - calc(8px * 11)) / 12);
    margin-right: 8px;
  }
  .flex-12.sp-gutter-8 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.sp-gutter-8.flex-wrap > .col:nth-child(n+13) {
    margin-top: 8px;
  }
}
.flex-12.gutter-10 > .col {
  width: calc((100% - calc(10px * 11)) / 12);
  margin-right: 10px;
}
.flex-12.gutter-10 > .col + .col {
  margin-left: 0 !important;
}
.flex-12.gutter-10 > .col:nth-child(12n) {
  margin-right: 0;
}
.flex-12.gutter-10.flex-wrap > .col:nth-child(n+13) {
  margin-top: 10px;
}
@media (max-width: 990px) {
  .flex-12.gutter-10.sp-col2 > .col {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .flex-12.gutter-10.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-12.gutter-10.sp-col2 > .col:nth-child(n+3) {
    margin-top: 10px;
  }
  .flex-12.gutter-10.sp-col3 > .col {
    width: calc((100% - 10px * 2) / 3);
    margin-right: 10px;
  }
  .flex-12.gutter-10.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-12.gutter-10.sp-col3 > .col:nth-child(n+4) {
    margin-top: 10px;
  }
}
@media (min-width: 991px) {
  .flex-12.pc-gutter-10 > .col {
    width: calc((100% - calc(10px * 11)) / 12);
    margin-right: 10px;
  }
  .flex-12.pc-gutter-10 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.pc-gutter-10.flex-wrap > .col:nth-child(n+13) {
    margin-top: 10px;
  }
}
@media (max-width: 990px) {
  .flex-12.sp-gutter-10 > .col {
    width: calc((100% - calc(10px * 11)) / 12);
    margin-right: 10px;
  }
  .flex-12.sp-gutter-10 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.sp-gutter-10.flex-wrap > .col:nth-child(n+13) {
    margin-top: 10px;
  }
}
.flex-12.gutter-15 > .col {
  width: calc((100% - calc(15px * 11)) / 12);
  margin-right: 15px;
}
.flex-12.gutter-15 > .col + .col {
  margin-left: 0 !important;
}
.flex-12.gutter-15 > .col:nth-child(12n) {
  margin-right: 0;
}
.flex-12.gutter-15.flex-wrap > .col:nth-child(n+13) {
  margin-top: 15px;
}
@media (max-width: 990px) {
  .flex-12.gutter-15.sp-col2 > .col {
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
  }
  .flex-12.gutter-15.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-12.gutter-15.sp-col2 > .col:nth-child(n+3) {
    margin-top: 15px;
  }
  .flex-12.gutter-15.sp-col3 > .col {
    width: calc((100% - 15px * 2) / 3);
    margin-right: 15px;
  }
  .flex-12.gutter-15.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-12.gutter-15.sp-col3 > .col:nth-child(n+4) {
    margin-top: 15px;
  }
}
@media (min-width: 991px) {
  .flex-12.pc-gutter-15 > .col {
    width: calc((100% - calc(15px * 11)) / 12);
    margin-right: 15px;
  }
  .flex-12.pc-gutter-15 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.pc-gutter-15.flex-wrap > .col:nth-child(n+13) {
    margin-top: 15px;
  }
}
@media (max-width: 990px) {
  .flex-12.sp-gutter-15 > .col {
    width: calc((100% - calc(15px * 11)) / 12);
    margin-right: 15px;
  }
  .flex-12.sp-gutter-15 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.sp-gutter-15.flex-wrap > .col:nth-child(n+13) {
    margin-top: 15px;
  }
}
.flex-12.gutter-16 > .col {
  width: calc((100% - calc(16px * 11)) / 12);
  margin-right: 16px;
}
.flex-12.gutter-16 > .col + .col {
  margin-left: 0 !important;
}
.flex-12.gutter-16 > .col:nth-child(12n) {
  margin-right: 0;
}
.flex-12.gutter-16.flex-wrap > .col:nth-child(n+13) {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .flex-12.gutter-16.sp-col2 > .col {
    width: calc((100% - 16px) / 2);
    margin-right: 16px;
  }
  .flex-12.gutter-16.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-12.gutter-16.sp-col2 > .col:nth-child(n+3) {
    margin-top: 16px;
  }
  .flex-12.gutter-16.sp-col3 > .col {
    width: calc((100% - 16px * 2) / 3);
    margin-right: 16px;
  }
  .flex-12.gutter-16.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-12.gutter-16.sp-col3 > .col:nth-child(n+4) {
    margin-top: 16px;
  }
}
@media (min-width: 991px) {
  .flex-12.pc-gutter-16 > .col {
    width: calc((100% - calc(16px * 11)) / 12);
    margin-right: 16px;
  }
  .flex-12.pc-gutter-16 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.pc-gutter-16.flex-wrap > .col:nth-child(n+13) {
    margin-top: 16px;
  }
}
@media (max-width: 990px) {
  .flex-12.sp-gutter-16 > .col {
    width: calc((100% - calc(16px * 11)) / 12);
    margin-right: 16px;
  }
  .flex-12.sp-gutter-16 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.sp-gutter-16.flex-wrap > .col:nth-child(n+13) {
    margin-top: 16px;
  }
}
.flex-12.gutter-20 > .col {
  width: calc((100% - calc(20px * 11)) / 12);
  margin-right: 20px;
}
.flex-12.gutter-20 > .col + .col {
  margin-left: 0 !important;
}
.flex-12.gutter-20 > .col:nth-child(12n) {
  margin-right: 0;
}
.flex-12.gutter-20.flex-wrap > .col:nth-child(n+13) {
  margin-top: 20px;
}
@media (max-width: 990px) {
  .flex-12.gutter-20.sp-col2 > .col {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
  }
  .flex-12.gutter-20.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-12.gutter-20.sp-col2 > .col:nth-child(n+3) {
    margin-top: 20px;
  }
  .flex-12.gutter-20.sp-col3 > .col {
    width: calc((100% - 20px * 2) / 3);
    margin-right: 20px;
  }
  .flex-12.gutter-20.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-12.gutter-20.sp-col3 > .col:nth-child(n+4) {
    margin-top: 20px;
  }
}
@media (min-width: 991px) {
  .flex-12.pc-gutter-20 > .col {
    width: calc((100% - calc(20px * 11)) / 12);
    margin-right: 20px;
  }
  .flex-12.pc-gutter-20 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.pc-gutter-20.flex-wrap > .col:nth-child(n+13) {
    margin-top: 20px;
  }
}
@media (max-width: 990px) {
  .flex-12.sp-gutter-20 > .col {
    width: calc((100% - calc(20px * 11)) / 12);
    margin-right: 20px;
  }
  .flex-12.sp-gutter-20 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.sp-gutter-20.flex-wrap > .col:nth-child(n+13) {
    margin-top: 20px;
  }
}
.flex-12.gutter-24 > .col {
  width: calc((100% - calc(24px * 11)) / 12);
  margin-right: 24px;
}
.flex-12.gutter-24 > .col + .col {
  margin-left: 0 !important;
}
.flex-12.gutter-24 > .col:nth-child(12n) {
  margin-right: 0;
}
.flex-12.gutter-24.flex-wrap > .col:nth-child(n+13) {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .flex-12.gutter-24.sp-col2 > .col {
    width: calc((100% - 24px) / 2);
    margin-right: 24px;
  }
  .flex-12.gutter-24.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-12.gutter-24.sp-col2 > .col:nth-child(n+3) {
    margin-top: 24px;
  }
  .flex-12.gutter-24.sp-col3 > .col {
    width: calc((100% - 24px * 2) / 3);
    margin-right: 24px;
  }
  .flex-12.gutter-24.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-12.gutter-24.sp-col3 > .col:nth-child(n+4) {
    margin-top: 24px;
  }
}
@media (min-width: 991px) {
  .flex-12.pc-gutter-24 > .col {
    width: calc((100% - calc(24px * 11)) / 12);
    margin-right: 24px;
  }
  .flex-12.pc-gutter-24 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.pc-gutter-24.flex-wrap > .col:nth-child(n+13) {
    margin-top: 24px;
  }
}
@media (max-width: 990px) {
  .flex-12.sp-gutter-24 > .col {
    width: calc((100% - calc(24px * 11)) / 12);
    margin-right: 24px;
  }
  .flex-12.sp-gutter-24 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.sp-gutter-24.flex-wrap > .col:nth-child(n+13) {
    margin-top: 24px;
  }
}
.flex-12.gutter-25 > .col {
  width: calc((100% - calc(25px * 11)) / 12);
  margin-right: 25px;
}
.flex-12.gutter-25 > .col + .col {
  margin-left: 0 !important;
}
.flex-12.gutter-25 > .col:nth-child(12n) {
  margin-right: 0;
}
.flex-12.gutter-25.flex-wrap > .col:nth-child(n+13) {
  margin-top: 25px;
}
@media (max-width: 990px) {
  .flex-12.gutter-25.sp-col2 > .col {
    width: calc((100% - 25px) / 2);
    margin-right: 25px;
  }
  .flex-12.gutter-25.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-12.gutter-25.sp-col2 > .col:nth-child(n+3) {
    margin-top: 25px;
  }
  .flex-12.gutter-25.sp-col3 > .col {
    width: calc((100% - 25px * 2) / 3);
    margin-right: 25px;
  }
  .flex-12.gutter-25.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-12.gutter-25.sp-col3 > .col:nth-child(n+4) {
    margin-top: 25px;
  }
}
@media (min-width: 991px) {
  .flex-12.pc-gutter-25 > .col {
    width: calc((100% - calc(25px * 11)) / 12);
    margin-right: 25px;
  }
  .flex-12.pc-gutter-25 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.pc-gutter-25.flex-wrap > .col:nth-child(n+13) {
    margin-top: 25px;
  }
}
@media (max-width: 990px) {
  .flex-12.sp-gutter-25 > .col {
    width: calc((100% - calc(25px * 11)) / 12);
    margin-right: 25px;
  }
  .flex-12.sp-gutter-25 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.sp-gutter-25.flex-wrap > .col:nth-child(n+13) {
    margin-top: 25px;
  }
}
.flex-12.gutter-30 > .col {
  width: calc((100% - calc(30px * 11)) / 12);
  margin-right: 30px;
}
.flex-12.gutter-30 > .col + .col {
  margin-left: 0 !important;
}
.flex-12.gutter-30 > .col:nth-child(12n) {
  margin-right: 0;
}
.flex-12.gutter-30.flex-wrap > .col:nth-child(n+13) {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .flex-12.gutter-30.sp-col2 > .col {
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
  }
  .flex-12.gutter-30.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-12.gutter-30.sp-col2 > .col:nth-child(n+3) {
    margin-top: 30px;
  }
  .flex-12.gutter-30.sp-col3 > .col {
    width: calc((100% - 30px * 2) / 3);
    margin-right: 30px;
  }
  .flex-12.gutter-30.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-12.gutter-30.sp-col3 > .col:nth-child(n+4) {
    margin-top: 30px;
  }
}
@media (min-width: 991px) {
  .flex-12.pc-gutter-30 > .col {
    width: calc((100% - calc(30px * 11)) / 12);
    margin-right: 30px;
  }
  .flex-12.pc-gutter-30 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.pc-gutter-30.flex-wrap > .col:nth-child(n+13) {
    margin-top: 30px;
  }
}
@media (max-width: 990px) {
  .flex-12.sp-gutter-30 > .col {
    width: calc((100% - calc(30px * 11)) / 12);
    margin-right: 30px;
  }
  .flex-12.sp-gutter-30 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.sp-gutter-30.flex-wrap > .col:nth-child(n+13) {
    margin-top: 30px;
  }
}
.flex-12.gutter-32 > .col {
  width: calc((100% - calc(32px * 11)) / 12);
  margin-right: 32px;
}
.flex-12.gutter-32 > .col + .col {
  margin-left: 0 !important;
}
.flex-12.gutter-32 > .col:nth-child(12n) {
  margin-right: 0;
}
.flex-12.gutter-32.flex-wrap > .col:nth-child(n+13) {
  margin-top: 32px;
}
@media (max-width: 990px) {
  .flex-12.gutter-32.sp-col2 > .col {
    width: calc((100% - 32px) / 2);
    margin-right: 32px;
  }
  .flex-12.gutter-32.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-12.gutter-32.sp-col2 > .col:nth-child(n+3) {
    margin-top: 32px;
  }
  .flex-12.gutter-32.sp-col3 > .col {
    width: calc((100% - 32px * 2) / 3);
    margin-right: 32px;
  }
  .flex-12.gutter-32.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-12.gutter-32.sp-col3 > .col:nth-child(n+4) {
    margin-top: 32px;
  }
}
@media (min-width: 991px) {
  .flex-12.pc-gutter-32 > .col {
    width: calc((100% - calc(32px * 11)) / 12);
    margin-right: 32px;
  }
  .flex-12.pc-gutter-32 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.pc-gutter-32.flex-wrap > .col:nth-child(n+13) {
    margin-top: 32px;
  }
}
@media (max-width: 990px) {
  .flex-12.sp-gutter-32 > .col {
    width: calc((100% - calc(32px * 11)) / 12);
    margin-right: 32px;
  }
  .flex-12.sp-gutter-32 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.sp-gutter-32.flex-wrap > .col:nth-child(n+13) {
    margin-top: 32px;
  }
}
.flex-12.gutter-40 > .col {
  width: calc((100% - calc(40px * 11)) / 12);
  margin-right: 40px;
}
.flex-12.gutter-40 > .col + .col {
  margin-left: 0 !important;
}
.flex-12.gutter-40 > .col:nth-child(12n) {
  margin-right: 0;
}
.flex-12.gutter-40.flex-wrap > .col:nth-child(n+13) {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .flex-12.gutter-40.sp-col2 > .col {
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
  }
  .flex-12.gutter-40.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-12.gutter-40.sp-col2 > .col:nth-child(n+3) {
    margin-top: 40px;
  }
  .flex-12.gutter-40.sp-col3 > .col {
    width: calc((100% - 40px * 2) / 3);
    margin-right: 40px;
  }
  .flex-12.gutter-40.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-12.gutter-40.sp-col3 > .col:nth-child(n+4) {
    margin-top: 40px;
  }
}
@media (min-width: 991px) {
  .flex-12.pc-gutter-40 > .col {
    width: calc((100% - calc(40px * 11)) / 12);
    margin-right: 40px;
  }
  .flex-12.pc-gutter-40 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.pc-gutter-40.flex-wrap > .col:nth-child(n+13) {
    margin-top: 40px;
  }
}
@media (max-width: 990px) {
  .flex-12.sp-gutter-40 > .col {
    width: calc((100% - calc(40px * 11)) / 12);
    margin-right: 40px;
  }
  .flex-12.sp-gutter-40 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.sp-gutter-40.flex-wrap > .col:nth-child(n+13) {
    margin-top: 40px;
  }
}
.flex-12.gutter-50 > .col {
  width: calc((100% - calc(50px * 11)) / 12);
  margin-right: 50px;
}
.flex-12.gutter-50 > .col + .col {
  margin-left: 0 !important;
}
.flex-12.gutter-50 > .col:nth-child(12n) {
  margin-right: 0;
}
.flex-12.gutter-50.flex-wrap > .col:nth-child(n+13) {
  margin-top: 50px;
}
@media (max-width: 990px) {
  .flex-12.gutter-50.sp-col2 > .col {
    width: calc((100% - 50px) / 2);
    margin-right: 50px;
  }
  .flex-12.gutter-50.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-12.gutter-50.sp-col2 > .col:nth-child(n+3) {
    margin-top: 50px;
  }
  .flex-12.gutter-50.sp-col3 > .col {
    width: calc((100% - 50px * 2) / 3);
    margin-right: 50px;
  }
  .flex-12.gutter-50.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-12.gutter-50.sp-col3 > .col:nth-child(n+4) {
    margin-top: 50px;
  }
}
@media (min-width: 991px) {
  .flex-12.pc-gutter-50 > .col {
    width: calc((100% - calc(50px * 11)) / 12);
    margin-right: 50px;
  }
  .flex-12.pc-gutter-50 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.pc-gutter-50.flex-wrap > .col:nth-child(n+13) {
    margin-top: 50px;
  }
}
@media (max-width: 990px) {
  .flex-12.sp-gutter-50 > .col {
    width: calc((100% - calc(50px * 11)) / 12);
    margin-right: 50px;
  }
  .flex-12.sp-gutter-50 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.sp-gutter-50.flex-wrap > .col:nth-child(n+13) {
    margin-top: 50px;
  }
}
.flex-12.gutter-60 > .col {
  width: calc((100% - calc(60px * 11)) / 12);
  margin-right: 60px;
}
.flex-12.gutter-60 > .col + .col {
  margin-left: 0 !important;
}
.flex-12.gutter-60 > .col:nth-child(12n) {
  margin-right: 0;
}
.flex-12.gutter-60.flex-wrap > .col:nth-child(n+13) {
  margin-top: 60px;
}
@media (max-width: 990px) {
  .flex-12.gutter-60.sp-col2 > .col {
    width: calc((100% - 60px) / 2);
    margin-right: 60px;
  }
  .flex-12.gutter-60.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-12.gutter-60.sp-col2 > .col:nth-child(n+3) {
    margin-top: 60px;
  }
  .flex-12.gutter-60.sp-col3 > .col {
    width: calc((100% - 60px * 2) / 3);
    margin-right: 60px;
  }
  .flex-12.gutter-60.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-12.gutter-60.sp-col3 > .col:nth-child(n+4) {
    margin-top: 60px;
  }
}
@media (min-width: 991px) {
  .flex-12.pc-gutter-60 > .col {
    width: calc((100% - calc(60px * 11)) / 12);
    margin-right: 60px;
  }
  .flex-12.pc-gutter-60 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.pc-gutter-60.flex-wrap > .col:nth-child(n+13) {
    margin-top: 60px;
  }
}
@media (max-width: 990px) {
  .flex-12.sp-gutter-60 > .col {
    width: calc((100% - calc(60px * 11)) / 12);
    margin-right: 60px;
  }
  .flex-12.sp-gutter-60 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.sp-gutter-60.flex-wrap > .col:nth-child(n+13) {
    margin-top: 60px;
  }
}
.flex-12.gutter-80 > .col {
  width: calc((100% - calc(80px * 11)) / 12);
  margin-right: 80px;
}
.flex-12.gutter-80 > .col + .col {
  margin-left: 0 !important;
}
.flex-12.gutter-80 > .col:nth-child(12n) {
  margin-right: 0;
}
.flex-12.gutter-80.flex-wrap > .col:nth-child(n+13) {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .flex-12.gutter-80.sp-col2 > .col {
    width: calc((100% - 80px) / 2);
    margin-right: 80px;
  }
  .flex-12.gutter-80.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-12.gutter-80.sp-col2 > .col:nth-child(n+3) {
    margin-top: 80px;
  }
  .flex-12.gutter-80.sp-col3 > .col {
    width: calc((100% - 80px * 2) / 3);
    margin-right: 80px;
  }
  .flex-12.gutter-80.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-12.gutter-80.sp-col3 > .col:nth-child(n+4) {
    margin-top: 80px;
  }
}
@media (min-width: 991px) {
  .flex-12.pc-gutter-80 > .col {
    width: calc((100% - calc(80px * 11)) / 12);
    margin-right: 80px;
  }
  .flex-12.pc-gutter-80 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.pc-gutter-80.flex-wrap > .col:nth-child(n+13) {
    margin-top: 80px;
  }
}
@media (max-width: 990px) {
  .flex-12.sp-gutter-80 > .col {
    width: calc((100% - calc(80px * 11)) / 12);
    margin-right: 80px;
  }
  .flex-12.sp-gutter-80 > .col:nth-child(12n) {
    margin-right: 0;
  }
  .flex-12.sp-gutter-80.flex-wrap > .col:nth-child(n+13) {
    margin-top: 80px;
  }
}
.flex-11 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-11 > .col {
  width: calc(100% / 11);
}
@media (max-width: 990px) {
  .flex-11 > .col {
    width: 100%;
  }
}
@media (max-width: 990px) {
  .flex-11.sp-col1, .flex-11.sp-col2, .flex-11.sp-col3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-11:not([class^=gutter-]).sp-col2 > .col {
    width: 50%;
  }
  .flex-11:not([class^=gutter-]).sp-col3 > .col {
    width: 33.3333333333%;
  }
}
.flex-11.gutter-5 > .col {
  width: calc((100% - calc(5px * 10)) / 11);
  margin-right: 5px;
}
.flex-11.gutter-5 > .col + .col {
  margin-left: 0 !important;
}
.flex-11.gutter-5 > .col:nth-child(11n) {
  margin-right: 0;
}
.flex-11.gutter-5.flex-wrap > .col:nth-child(n+12) {
  margin-top: 5px;
}
@media (max-width: 990px) {
  .flex-11.gutter-5.sp-col2 > .col {
    width: calc((100% - 5px) / 2);
    margin-right: 5px;
  }
  .flex-11.gutter-5.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-11.gutter-5.sp-col2 > .col:nth-child(n+3) {
    margin-top: 5px;
  }
  .flex-11.gutter-5.sp-col3 > .col {
    width: calc((100% - 5px * 2) / 3);
    margin-right: 5px;
  }
  .flex-11.gutter-5.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-11.gutter-5.sp-col3 > .col:nth-child(n+4) {
    margin-top: 5px;
  }
}
@media (min-width: 991px) {
  .flex-11.pc-gutter-5 > .col {
    width: calc((100% - calc(5px * 10)) / 11);
    margin-right: 5px;
  }
  .flex-11.pc-gutter-5 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.pc-gutter-5.flex-wrap > .col:nth-child(n+12) {
    margin-top: 5px;
  }
}
@media (max-width: 990px) {
  .flex-11.sp-gutter-5 > .col {
    width: calc((100% - calc(5px * 10)) / 11);
    margin-right: 5px;
  }
  .flex-11.sp-gutter-5 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.sp-gutter-5.flex-wrap > .col:nth-child(n+12) {
    margin-top: 5px;
  }
}
.flex-11.gutter-8 > .col {
  width: calc((100% - calc(8px * 10)) / 11);
  margin-right: 8px;
}
.flex-11.gutter-8 > .col + .col {
  margin-left: 0 !important;
}
.flex-11.gutter-8 > .col:nth-child(11n) {
  margin-right: 0;
}
.flex-11.gutter-8.flex-wrap > .col:nth-child(n+12) {
  margin-top: 8px;
}
@media (max-width: 990px) {
  .flex-11.gutter-8.sp-col2 > .col {
    width: calc((100% - 8px) / 2);
    margin-right: 8px;
  }
  .flex-11.gutter-8.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-11.gutter-8.sp-col2 > .col:nth-child(n+3) {
    margin-top: 8px;
  }
  .flex-11.gutter-8.sp-col3 > .col {
    width: calc((100% - 8px * 2) / 3);
    margin-right: 8px;
  }
  .flex-11.gutter-8.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-11.gutter-8.sp-col3 > .col:nth-child(n+4) {
    margin-top: 8px;
  }
}
@media (min-width: 991px) {
  .flex-11.pc-gutter-8 > .col {
    width: calc((100% - calc(8px * 10)) / 11);
    margin-right: 8px;
  }
  .flex-11.pc-gutter-8 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.pc-gutter-8.flex-wrap > .col:nth-child(n+12) {
    margin-top: 8px;
  }
}
@media (max-width: 990px) {
  .flex-11.sp-gutter-8 > .col {
    width: calc((100% - calc(8px * 10)) / 11);
    margin-right: 8px;
  }
  .flex-11.sp-gutter-8 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.sp-gutter-8.flex-wrap > .col:nth-child(n+12) {
    margin-top: 8px;
  }
}
.flex-11.gutter-10 > .col {
  width: calc((100% - calc(10px * 10)) / 11);
  margin-right: 10px;
}
.flex-11.gutter-10 > .col + .col {
  margin-left: 0 !important;
}
.flex-11.gutter-10 > .col:nth-child(11n) {
  margin-right: 0;
}
.flex-11.gutter-10.flex-wrap > .col:nth-child(n+12) {
  margin-top: 10px;
}
@media (max-width: 990px) {
  .flex-11.gutter-10.sp-col2 > .col {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .flex-11.gutter-10.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-11.gutter-10.sp-col2 > .col:nth-child(n+3) {
    margin-top: 10px;
  }
  .flex-11.gutter-10.sp-col3 > .col {
    width: calc((100% - 10px * 2) / 3);
    margin-right: 10px;
  }
  .flex-11.gutter-10.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-11.gutter-10.sp-col3 > .col:nth-child(n+4) {
    margin-top: 10px;
  }
}
@media (min-width: 991px) {
  .flex-11.pc-gutter-10 > .col {
    width: calc((100% - calc(10px * 10)) / 11);
    margin-right: 10px;
  }
  .flex-11.pc-gutter-10 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.pc-gutter-10.flex-wrap > .col:nth-child(n+12) {
    margin-top: 10px;
  }
}
@media (max-width: 990px) {
  .flex-11.sp-gutter-10 > .col {
    width: calc((100% - calc(10px * 10)) / 11);
    margin-right: 10px;
  }
  .flex-11.sp-gutter-10 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.sp-gutter-10.flex-wrap > .col:nth-child(n+12) {
    margin-top: 10px;
  }
}
.flex-11.gutter-15 > .col {
  width: calc((100% - calc(15px * 10)) / 11);
  margin-right: 15px;
}
.flex-11.gutter-15 > .col + .col {
  margin-left: 0 !important;
}
.flex-11.gutter-15 > .col:nth-child(11n) {
  margin-right: 0;
}
.flex-11.gutter-15.flex-wrap > .col:nth-child(n+12) {
  margin-top: 15px;
}
@media (max-width: 990px) {
  .flex-11.gutter-15.sp-col2 > .col {
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
  }
  .flex-11.gutter-15.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-11.gutter-15.sp-col2 > .col:nth-child(n+3) {
    margin-top: 15px;
  }
  .flex-11.gutter-15.sp-col3 > .col {
    width: calc((100% - 15px * 2) / 3);
    margin-right: 15px;
  }
  .flex-11.gutter-15.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-11.gutter-15.sp-col3 > .col:nth-child(n+4) {
    margin-top: 15px;
  }
}
@media (min-width: 991px) {
  .flex-11.pc-gutter-15 > .col {
    width: calc((100% - calc(15px * 10)) / 11);
    margin-right: 15px;
  }
  .flex-11.pc-gutter-15 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.pc-gutter-15.flex-wrap > .col:nth-child(n+12) {
    margin-top: 15px;
  }
}
@media (max-width: 990px) {
  .flex-11.sp-gutter-15 > .col {
    width: calc((100% - calc(15px * 10)) / 11);
    margin-right: 15px;
  }
  .flex-11.sp-gutter-15 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.sp-gutter-15.flex-wrap > .col:nth-child(n+12) {
    margin-top: 15px;
  }
}
.flex-11.gutter-16 > .col {
  width: calc((100% - calc(16px * 10)) / 11);
  margin-right: 16px;
}
.flex-11.gutter-16 > .col + .col {
  margin-left: 0 !important;
}
.flex-11.gutter-16 > .col:nth-child(11n) {
  margin-right: 0;
}
.flex-11.gutter-16.flex-wrap > .col:nth-child(n+12) {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .flex-11.gutter-16.sp-col2 > .col {
    width: calc((100% - 16px) / 2);
    margin-right: 16px;
  }
  .flex-11.gutter-16.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-11.gutter-16.sp-col2 > .col:nth-child(n+3) {
    margin-top: 16px;
  }
  .flex-11.gutter-16.sp-col3 > .col {
    width: calc((100% - 16px * 2) / 3);
    margin-right: 16px;
  }
  .flex-11.gutter-16.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-11.gutter-16.sp-col3 > .col:nth-child(n+4) {
    margin-top: 16px;
  }
}
@media (min-width: 991px) {
  .flex-11.pc-gutter-16 > .col {
    width: calc((100% - calc(16px * 10)) / 11);
    margin-right: 16px;
  }
  .flex-11.pc-gutter-16 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.pc-gutter-16.flex-wrap > .col:nth-child(n+12) {
    margin-top: 16px;
  }
}
@media (max-width: 990px) {
  .flex-11.sp-gutter-16 > .col {
    width: calc((100% - calc(16px * 10)) / 11);
    margin-right: 16px;
  }
  .flex-11.sp-gutter-16 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.sp-gutter-16.flex-wrap > .col:nth-child(n+12) {
    margin-top: 16px;
  }
}
.flex-11.gutter-20 > .col {
  width: calc((100% - calc(20px * 10)) / 11);
  margin-right: 20px;
}
.flex-11.gutter-20 > .col + .col {
  margin-left: 0 !important;
}
.flex-11.gutter-20 > .col:nth-child(11n) {
  margin-right: 0;
}
.flex-11.gutter-20.flex-wrap > .col:nth-child(n+12) {
  margin-top: 20px;
}
@media (max-width: 990px) {
  .flex-11.gutter-20.sp-col2 > .col {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
  }
  .flex-11.gutter-20.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-11.gutter-20.sp-col2 > .col:nth-child(n+3) {
    margin-top: 20px;
  }
  .flex-11.gutter-20.sp-col3 > .col {
    width: calc((100% - 20px * 2) / 3);
    margin-right: 20px;
  }
  .flex-11.gutter-20.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-11.gutter-20.sp-col3 > .col:nth-child(n+4) {
    margin-top: 20px;
  }
}
@media (min-width: 991px) {
  .flex-11.pc-gutter-20 > .col {
    width: calc((100% - calc(20px * 10)) / 11);
    margin-right: 20px;
  }
  .flex-11.pc-gutter-20 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.pc-gutter-20.flex-wrap > .col:nth-child(n+12) {
    margin-top: 20px;
  }
}
@media (max-width: 990px) {
  .flex-11.sp-gutter-20 > .col {
    width: calc((100% - calc(20px * 10)) / 11);
    margin-right: 20px;
  }
  .flex-11.sp-gutter-20 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.sp-gutter-20.flex-wrap > .col:nth-child(n+12) {
    margin-top: 20px;
  }
}
.flex-11.gutter-24 > .col {
  width: calc((100% - calc(24px * 10)) / 11);
  margin-right: 24px;
}
.flex-11.gutter-24 > .col + .col {
  margin-left: 0 !important;
}
.flex-11.gutter-24 > .col:nth-child(11n) {
  margin-right: 0;
}
.flex-11.gutter-24.flex-wrap > .col:nth-child(n+12) {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .flex-11.gutter-24.sp-col2 > .col {
    width: calc((100% - 24px) / 2);
    margin-right: 24px;
  }
  .flex-11.gutter-24.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-11.gutter-24.sp-col2 > .col:nth-child(n+3) {
    margin-top: 24px;
  }
  .flex-11.gutter-24.sp-col3 > .col {
    width: calc((100% - 24px * 2) / 3);
    margin-right: 24px;
  }
  .flex-11.gutter-24.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-11.gutter-24.sp-col3 > .col:nth-child(n+4) {
    margin-top: 24px;
  }
}
@media (min-width: 991px) {
  .flex-11.pc-gutter-24 > .col {
    width: calc((100% - calc(24px * 10)) / 11);
    margin-right: 24px;
  }
  .flex-11.pc-gutter-24 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.pc-gutter-24.flex-wrap > .col:nth-child(n+12) {
    margin-top: 24px;
  }
}
@media (max-width: 990px) {
  .flex-11.sp-gutter-24 > .col {
    width: calc((100% - calc(24px * 10)) / 11);
    margin-right: 24px;
  }
  .flex-11.sp-gutter-24 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.sp-gutter-24.flex-wrap > .col:nth-child(n+12) {
    margin-top: 24px;
  }
}
.flex-11.gutter-25 > .col {
  width: calc((100% - calc(25px * 10)) / 11);
  margin-right: 25px;
}
.flex-11.gutter-25 > .col + .col {
  margin-left: 0 !important;
}
.flex-11.gutter-25 > .col:nth-child(11n) {
  margin-right: 0;
}
.flex-11.gutter-25.flex-wrap > .col:nth-child(n+12) {
  margin-top: 25px;
}
@media (max-width: 990px) {
  .flex-11.gutter-25.sp-col2 > .col {
    width: calc((100% - 25px) / 2);
    margin-right: 25px;
  }
  .flex-11.gutter-25.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-11.gutter-25.sp-col2 > .col:nth-child(n+3) {
    margin-top: 25px;
  }
  .flex-11.gutter-25.sp-col3 > .col {
    width: calc((100% - 25px * 2) / 3);
    margin-right: 25px;
  }
  .flex-11.gutter-25.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-11.gutter-25.sp-col3 > .col:nth-child(n+4) {
    margin-top: 25px;
  }
}
@media (min-width: 991px) {
  .flex-11.pc-gutter-25 > .col {
    width: calc((100% - calc(25px * 10)) / 11);
    margin-right: 25px;
  }
  .flex-11.pc-gutter-25 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.pc-gutter-25.flex-wrap > .col:nth-child(n+12) {
    margin-top: 25px;
  }
}
@media (max-width: 990px) {
  .flex-11.sp-gutter-25 > .col {
    width: calc((100% - calc(25px * 10)) / 11);
    margin-right: 25px;
  }
  .flex-11.sp-gutter-25 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.sp-gutter-25.flex-wrap > .col:nth-child(n+12) {
    margin-top: 25px;
  }
}
.flex-11.gutter-30 > .col {
  width: calc((100% - calc(30px * 10)) / 11);
  margin-right: 30px;
}
.flex-11.gutter-30 > .col + .col {
  margin-left: 0 !important;
}
.flex-11.gutter-30 > .col:nth-child(11n) {
  margin-right: 0;
}
.flex-11.gutter-30.flex-wrap > .col:nth-child(n+12) {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .flex-11.gutter-30.sp-col2 > .col {
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
  }
  .flex-11.gutter-30.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-11.gutter-30.sp-col2 > .col:nth-child(n+3) {
    margin-top: 30px;
  }
  .flex-11.gutter-30.sp-col3 > .col {
    width: calc((100% - 30px * 2) / 3);
    margin-right: 30px;
  }
  .flex-11.gutter-30.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-11.gutter-30.sp-col3 > .col:nth-child(n+4) {
    margin-top: 30px;
  }
}
@media (min-width: 991px) {
  .flex-11.pc-gutter-30 > .col {
    width: calc((100% - calc(30px * 10)) / 11);
    margin-right: 30px;
  }
  .flex-11.pc-gutter-30 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.pc-gutter-30.flex-wrap > .col:nth-child(n+12) {
    margin-top: 30px;
  }
}
@media (max-width: 990px) {
  .flex-11.sp-gutter-30 > .col {
    width: calc((100% - calc(30px * 10)) / 11);
    margin-right: 30px;
  }
  .flex-11.sp-gutter-30 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.sp-gutter-30.flex-wrap > .col:nth-child(n+12) {
    margin-top: 30px;
  }
}
.flex-11.gutter-32 > .col {
  width: calc((100% - calc(32px * 10)) / 11);
  margin-right: 32px;
}
.flex-11.gutter-32 > .col + .col {
  margin-left: 0 !important;
}
.flex-11.gutter-32 > .col:nth-child(11n) {
  margin-right: 0;
}
.flex-11.gutter-32.flex-wrap > .col:nth-child(n+12) {
  margin-top: 32px;
}
@media (max-width: 990px) {
  .flex-11.gutter-32.sp-col2 > .col {
    width: calc((100% - 32px) / 2);
    margin-right: 32px;
  }
  .flex-11.gutter-32.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-11.gutter-32.sp-col2 > .col:nth-child(n+3) {
    margin-top: 32px;
  }
  .flex-11.gutter-32.sp-col3 > .col {
    width: calc((100% - 32px * 2) / 3);
    margin-right: 32px;
  }
  .flex-11.gutter-32.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-11.gutter-32.sp-col3 > .col:nth-child(n+4) {
    margin-top: 32px;
  }
}
@media (min-width: 991px) {
  .flex-11.pc-gutter-32 > .col {
    width: calc((100% - calc(32px * 10)) / 11);
    margin-right: 32px;
  }
  .flex-11.pc-gutter-32 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.pc-gutter-32.flex-wrap > .col:nth-child(n+12) {
    margin-top: 32px;
  }
}
@media (max-width: 990px) {
  .flex-11.sp-gutter-32 > .col {
    width: calc((100% - calc(32px * 10)) / 11);
    margin-right: 32px;
  }
  .flex-11.sp-gutter-32 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.sp-gutter-32.flex-wrap > .col:nth-child(n+12) {
    margin-top: 32px;
  }
}
.flex-11.gutter-40 > .col {
  width: calc((100% - calc(40px * 10)) / 11);
  margin-right: 40px;
}
.flex-11.gutter-40 > .col + .col {
  margin-left: 0 !important;
}
.flex-11.gutter-40 > .col:nth-child(11n) {
  margin-right: 0;
}
.flex-11.gutter-40.flex-wrap > .col:nth-child(n+12) {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .flex-11.gutter-40.sp-col2 > .col {
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
  }
  .flex-11.gutter-40.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-11.gutter-40.sp-col2 > .col:nth-child(n+3) {
    margin-top: 40px;
  }
  .flex-11.gutter-40.sp-col3 > .col {
    width: calc((100% - 40px * 2) / 3);
    margin-right: 40px;
  }
  .flex-11.gutter-40.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-11.gutter-40.sp-col3 > .col:nth-child(n+4) {
    margin-top: 40px;
  }
}
@media (min-width: 991px) {
  .flex-11.pc-gutter-40 > .col {
    width: calc((100% - calc(40px * 10)) / 11);
    margin-right: 40px;
  }
  .flex-11.pc-gutter-40 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.pc-gutter-40.flex-wrap > .col:nth-child(n+12) {
    margin-top: 40px;
  }
}
@media (max-width: 990px) {
  .flex-11.sp-gutter-40 > .col {
    width: calc((100% - calc(40px * 10)) / 11);
    margin-right: 40px;
  }
  .flex-11.sp-gutter-40 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.sp-gutter-40.flex-wrap > .col:nth-child(n+12) {
    margin-top: 40px;
  }
}
.flex-11.gutter-50 > .col {
  width: calc((100% - calc(50px * 10)) / 11);
  margin-right: 50px;
}
.flex-11.gutter-50 > .col + .col {
  margin-left: 0 !important;
}
.flex-11.gutter-50 > .col:nth-child(11n) {
  margin-right: 0;
}
.flex-11.gutter-50.flex-wrap > .col:nth-child(n+12) {
  margin-top: 50px;
}
@media (max-width: 990px) {
  .flex-11.gutter-50.sp-col2 > .col {
    width: calc((100% - 50px) / 2);
    margin-right: 50px;
  }
  .flex-11.gutter-50.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-11.gutter-50.sp-col2 > .col:nth-child(n+3) {
    margin-top: 50px;
  }
  .flex-11.gutter-50.sp-col3 > .col {
    width: calc((100% - 50px * 2) / 3);
    margin-right: 50px;
  }
  .flex-11.gutter-50.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-11.gutter-50.sp-col3 > .col:nth-child(n+4) {
    margin-top: 50px;
  }
}
@media (min-width: 991px) {
  .flex-11.pc-gutter-50 > .col {
    width: calc((100% - calc(50px * 10)) / 11);
    margin-right: 50px;
  }
  .flex-11.pc-gutter-50 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.pc-gutter-50.flex-wrap > .col:nth-child(n+12) {
    margin-top: 50px;
  }
}
@media (max-width: 990px) {
  .flex-11.sp-gutter-50 > .col {
    width: calc((100% - calc(50px * 10)) / 11);
    margin-right: 50px;
  }
  .flex-11.sp-gutter-50 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.sp-gutter-50.flex-wrap > .col:nth-child(n+12) {
    margin-top: 50px;
  }
}
.flex-11.gutter-60 > .col {
  width: calc((100% - calc(60px * 10)) / 11);
  margin-right: 60px;
}
.flex-11.gutter-60 > .col + .col {
  margin-left: 0 !important;
}
.flex-11.gutter-60 > .col:nth-child(11n) {
  margin-right: 0;
}
.flex-11.gutter-60.flex-wrap > .col:nth-child(n+12) {
  margin-top: 60px;
}
@media (max-width: 990px) {
  .flex-11.gutter-60.sp-col2 > .col {
    width: calc((100% - 60px) / 2);
    margin-right: 60px;
  }
  .flex-11.gutter-60.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-11.gutter-60.sp-col2 > .col:nth-child(n+3) {
    margin-top: 60px;
  }
  .flex-11.gutter-60.sp-col3 > .col {
    width: calc((100% - 60px * 2) / 3);
    margin-right: 60px;
  }
  .flex-11.gutter-60.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-11.gutter-60.sp-col3 > .col:nth-child(n+4) {
    margin-top: 60px;
  }
}
@media (min-width: 991px) {
  .flex-11.pc-gutter-60 > .col {
    width: calc((100% - calc(60px * 10)) / 11);
    margin-right: 60px;
  }
  .flex-11.pc-gutter-60 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.pc-gutter-60.flex-wrap > .col:nth-child(n+12) {
    margin-top: 60px;
  }
}
@media (max-width: 990px) {
  .flex-11.sp-gutter-60 > .col {
    width: calc((100% - calc(60px * 10)) / 11);
    margin-right: 60px;
  }
  .flex-11.sp-gutter-60 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.sp-gutter-60.flex-wrap > .col:nth-child(n+12) {
    margin-top: 60px;
  }
}
.flex-11.gutter-80 > .col {
  width: calc((100% - calc(80px * 10)) / 11);
  margin-right: 80px;
}
.flex-11.gutter-80 > .col + .col {
  margin-left: 0 !important;
}
.flex-11.gutter-80 > .col:nth-child(11n) {
  margin-right: 0;
}
.flex-11.gutter-80.flex-wrap > .col:nth-child(n+12) {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .flex-11.gutter-80.sp-col2 > .col {
    width: calc((100% - 80px) / 2);
    margin-right: 80px;
  }
  .flex-11.gutter-80.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-11.gutter-80.sp-col2 > .col:nth-child(n+3) {
    margin-top: 80px;
  }
  .flex-11.gutter-80.sp-col3 > .col {
    width: calc((100% - 80px * 2) / 3);
    margin-right: 80px;
  }
  .flex-11.gutter-80.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-11.gutter-80.sp-col3 > .col:nth-child(n+4) {
    margin-top: 80px;
  }
}
@media (min-width: 991px) {
  .flex-11.pc-gutter-80 > .col {
    width: calc((100% - calc(80px * 10)) / 11);
    margin-right: 80px;
  }
  .flex-11.pc-gutter-80 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.pc-gutter-80.flex-wrap > .col:nth-child(n+12) {
    margin-top: 80px;
  }
}
@media (max-width: 990px) {
  .flex-11.sp-gutter-80 > .col {
    width: calc((100% - calc(80px * 10)) / 11);
    margin-right: 80px;
  }
  .flex-11.sp-gutter-80 > .col:nth-child(11n) {
    margin-right: 0;
  }
  .flex-11.sp-gutter-80.flex-wrap > .col:nth-child(n+12) {
    margin-top: 80px;
  }
}
.flex-10 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-10 > .col {
  width: calc(100% / 10);
}
@media (max-width: 990px) {
  .flex-10 > .col {
    width: 100%;
  }
}
@media (max-width: 990px) {
  .flex-10.sp-col1, .flex-10.sp-col2, .flex-10.sp-col3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-10:not([class^=gutter-]).sp-col2 > .col {
    width: 50%;
  }
  .flex-10:not([class^=gutter-]).sp-col3 > .col {
    width: 33.3333333333%;
  }
}
.flex-10.gutter-5 > .col {
  width: calc((100% - calc(5px * 9)) / 10);
  margin-right: 5px;
}
.flex-10.gutter-5 > .col + .col {
  margin-left: 0 !important;
}
.flex-10.gutter-5 > .col:nth-child(10n) {
  margin-right: 0;
}
.flex-10.gutter-5.flex-wrap > .col:nth-child(n+11) {
  margin-top: 5px;
}
@media (max-width: 990px) {
  .flex-10.gutter-5.sp-col2 > .col {
    width: calc((100% - 5px) / 2);
    margin-right: 5px;
  }
  .flex-10.gutter-5.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-10.gutter-5.sp-col2 > .col:nth-child(n+3) {
    margin-top: 5px;
  }
  .flex-10.gutter-5.sp-col3 > .col {
    width: calc((100% - 5px * 2) / 3);
    margin-right: 5px;
  }
  .flex-10.gutter-5.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-10.gutter-5.sp-col3 > .col:nth-child(n+4) {
    margin-top: 5px;
  }
}
@media (min-width: 991px) {
  .flex-10.pc-gutter-5 > .col {
    width: calc((100% - calc(5px * 9)) / 10);
    margin-right: 5px;
  }
  .flex-10.pc-gutter-5 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.pc-gutter-5.flex-wrap > .col:nth-child(n+11) {
    margin-top: 5px;
  }
}
@media (max-width: 990px) {
  .flex-10.sp-gutter-5 > .col {
    width: calc((100% - calc(5px * 9)) / 10);
    margin-right: 5px;
  }
  .flex-10.sp-gutter-5 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.sp-gutter-5.flex-wrap > .col:nth-child(n+11) {
    margin-top: 5px;
  }
}
.flex-10.gutter-8 > .col {
  width: calc((100% - calc(8px * 9)) / 10);
  margin-right: 8px;
}
.flex-10.gutter-8 > .col + .col {
  margin-left: 0 !important;
}
.flex-10.gutter-8 > .col:nth-child(10n) {
  margin-right: 0;
}
.flex-10.gutter-8.flex-wrap > .col:nth-child(n+11) {
  margin-top: 8px;
}
@media (max-width: 990px) {
  .flex-10.gutter-8.sp-col2 > .col {
    width: calc((100% - 8px) / 2);
    margin-right: 8px;
  }
  .flex-10.gutter-8.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-10.gutter-8.sp-col2 > .col:nth-child(n+3) {
    margin-top: 8px;
  }
  .flex-10.gutter-8.sp-col3 > .col {
    width: calc((100% - 8px * 2) / 3);
    margin-right: 8px;
  }
  .flex-10.gutter-8.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-10.gutter-8.sp-col3 > .col:nth-child(n+4) {
    margin-top: 8px;
  }
}
@media (min-width: 991px) {
  .flex-10.pc-gutter-8 > .col {
    width: calc((100% - calc(8px * 9)) / 10);
    margin-right: 8px;
  }
  .flex-10.pc-gutter-8 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.pc-gutter-8.flex-wrap > .col:nth-child(n+11) {
    margin-top: 8px;
  }
}
@media (max-width: 990px) {
  .flex-10.sp-gutter-8 > .col {
    width: calc((100% - calc(8px * 9)) / 10);
    margin-right: 8px;
  }
  .flex-10.sp-gutter-8 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.sp-gutter-8.flex-wrap > .col:nth-child(n+11) {
    margin-top: 8px;
  }
}
.flex-10.gutter-10 > .col {
  width: calc((100% - calc(10px * 9)) / 10);
  margin-right: 10px;
}
.flex-10.gutter-10 > .col + .col {
  margin-left: 0 !important;
}
.flex-10.gutter-10 > .col:nth-child(10n) {
  margin-right: 0;
}
.flex-10.gutter-10.flex-wrap > .col:nth-child(n+11) {
  margin-top: 10px;
}
@media (max-width: 990px) {
  .flex-10.gutter-10.sp-col2 > .col {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .flex-10.gutter-10.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-10.gutter-10.sp-col2 > .col:nth-child(n+3) {
    margin-top: 10px;
  }
  .flex-10.gutter-10.sp-col3 > .col {
    width: calc((100% - 10px * 2) / 3);
    margin-right: 10px;
  }
  .flex-10.gutter-10.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-10.gutter-10.sp-col3 > .col:nth-child(n+4) {
    margin-top: 10px;
  }
}
@media (min-width: 991px) {
  .flex-10.pc-gutter-10 > .col {
    width: calc((100% - calc(10px * 9)) / 10);
    margin-right: 10px;
  }
  .flex-10.pc-gutter-10 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.pc-gutter-10.flex-wrap > .col:nth-child(n+11) {
    margin-top: 10px;
  }
}
@media (max-width: 990px) {
  .flex-10.sp-gutter-10 > .col {
    width: calc((100% - calc(10px * 9)) / 10);
    margin-right: 10px;
  }
  .flex-10.sp-gutter-10 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.sp-gutter-10.flex-wrap > .col:nth-child(n+11) {
    margin-top: 10px;
  }
}
.flex-10.gutter-15 > .col {
  width: calc((100% - calc(15px * 9)) / 10);
  margin-right: 15px;
}
.flex-10.gutter-15 > .col + .col {
  margin-left: 0 !important;
}
.flex-10.gutter-15 > .col:nth-child(10n) {
  margin-right: 0;
}
.flex-10.gutter-15.flex-wrap > .col:nth-child(n+11) {
  margin-top: 15px;
}
@media (max-width: 990px) {
  .flex-10.gutter-15.sp-col2 > .col {
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
  }
  .flex-10.gutter-15.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-10.gutter-15.sp-col2 > .col:nth-child(n+3) {
    margin-top: 15px;
  }
  .flex-10.gutter-15.sp-col3 > .col {
    width: calc((100% - 15px * 2) / 3);
    margin-right: 15px;
  }
  .flex-10.gutter-15.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-10.gutter-15.sp-col3 > .col:nth-child(n+4) {
    margin-top: 15px;
  }
}
@media (min-width: 991px) {
  .flex-10.pc-gutter-15 > .col {
    width: calc((100% - calc(15px * 9)) / 10);
    margin-right: 15px;
  }
  .flex-10.pc-gutter-15 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.pc-gutter-15.flex-wrap > .col:nth-child(n+11) {
    margin-top: 15px;
  }
}
@media (max-width: 990px) {
  .flex-10.sp-gutter-15 > .col {
    width: calc((100% - calc(15px * 9)) / 10);
    margin-right: 15px;
  }
  .flex-10.sp-gutter-15 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.sp-gutter-15.flex-wrap > .col:nth-child(n+11) {
    margin-top: 15px;
  }
}
.flex-10.gutter-16 > .col {
  width: calc((100% - calc(16px * 9)) / 10);
  margin-right: 16px;
}
.flex-10.gutter-16 > .col + .col {
  margin-left: 0 !important;
}
.flex-10.gutter-16 > .col:nth-child(10n) {
  margin-right: 0;
}
.flex-10.gutter-16.flex-wrap > .col:nth-child(n+11) {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .flex-10.gutter-16.sp-col2 > .col {
    width: calc((100% - 16px) / 2);
    margin-right: 16px;
  }
  .flex-10.gutter-16.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-10.gutter-16.sp-col2 > .col:nth-child(n+3) {
    margin-top: 16px;
  }
  .flex-10.gutter-16.sp-col3 > .col {
    width: calc((100% - 16px * 2) / 3);
    margin-right: 16px;
  }
  .flex-10.gutter-16.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-10.gutter-16.sp-col3 > .col:nth-child(n+4) {
    margin-top: 16px;
  }
}
@media (min-width: 991px) {
  .flex-10.pc-gutter-16 > .col {
    width: calc((100% - calc(16px * 9)) / 10);
    margin-right: 16px;
  }
  .flex-10.pc-gutter-16 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.pc-gutter-16.flex-wrap > .col:nth-child(n+11) {
    margin-top: 16px;
  }
}
@media (max-width: 990px) {
  .flex-10.sp-gutter-16 > .col {
    width: calc((100% - calc(16px * 9)) / 10);
    margin-right: 16px;
  }
  .flex-10.sp-gutter-16 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.sp-gutter-16.flex-wrap > .col:nth-child(n+11) {
    margin-top: 16px;
  }
}
.flex-10.gutter-20 > .col {
  width: calc((100% - calc(20px * 9)) / 10);
  margin-right: 20px;
}
.flex-10.gutter-20 > .col + .col {
  margin-left: 0 !important;
}
.flex-10.gutter-20 > .col:nth-child(10n) {
  margin-right: 0;
}
.flex-10.gutter-20.flex-wrap > .col:nth-child(n+11) {
  margin-top: 20px;
}
@media (max-width: 990px) {
  .flex-10.gutter-20.sp-col2 > .col {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
  }
  .flex-10.gutter-20.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-10.gutter-20.sp-col2 > .col:nth-child(n+3) {
    margin-top: 20px;
  }
  .flex-10.gutter-20.sp-col3 > .col {
    width: calc((100% - 20px * 2) / 3);
    margin-right: 20px;
  }
  .flex-10.gutter-20.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-10.gutter-20.sp-col3 > .col:nth-child(n+4) {
    margin-top: 20px;
  }
}
@media (min-width: 991px) {
  .flex-10.pc-gutter-20 > .col {
    width: calc((100% - calc(20px * 9)) / 10);
    margin-right: 20px;
  }
  .flex-10.pc-gutter-20 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.pc-gutter-20.flex-wrap > .col:nth-child(n+11) {
    margin-top: 20px;
  }
}
@media (max-width: 990px) {
  .flex-10.sp-gutter-20 > .col {
    width: calc((100% - calc(20px * 9)) / 10);
    margin-right: 20px;
  }
  .flex-10.sp-gutter-20 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.sp-gutter-20.flex-wrap > .col:nth-child(n+11) {
    margin-top: 20px;
  }
}
.flex-10.gutter-24 > .col {
  width: calc((100% - calc(24px * 9)) / 10);
  margin-right: 24px;
}
.flex-10.gutter-24 > .col + .col {
  margin-left: 0 !important;
}
.flex-10.gutter-24 > .col:nth-child(10n) {
  margin-right: 0;
}
.flex-10.gutter-24.flex-wrap > .col:nth-child(n+11) {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .flex-10.gutter-24.sp-col2 > .col {
    width: calc((100% - 24px) / 2);
    margin-right: 24px;
  }
  .flex-10.gutter-24.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-10.gutter-24.sp-col2 > .col:nth-child(n+3) {
    margin-top: 24px;
  }
  .flex-10.gutter-24.sp-col3 > .col {
    width: calc((100% - 24px * 2) / 3);
    margin-right: 24px;
  }
  .flex-10.gutter-24.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-10.gutter-24.sp-col3 > .col:nth-child(n+4) {
    margin-top: 24px;
  }
}
@media (min-width: 991px) {
  .flex-10.pc-gutter-24 > .col {
    width: calc((100% - calc(24px * 9)) / 10);
    margin-right: 24px;
  }
  .flex-10.pc-gutter-24 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.pc-gutter-24.flex-wrap > .col:nth-child(n+11) {
    margin-top: 24px;
  }
}
@media (max-width: 990px) {
  .flex-10.sp-gutter-24 > .col {
    width: calc((100% - calc(24px * 9)) / 10);
    margin-right: 24px;
  }
  .flex-10.sp-gutter-24 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.sp-gutter-24.flex-wrap > .col:nth-child(n+11) {
    margin-top: 24px;
  }
}
.flex-10.gutter-25 > .col {
  width: calc((100% - calc(25px * 9)) / 10);
  margin-right: 25px;
}
.flex-10.gutter-25 > .col + .col {
  margin-left: 0 !important;
}
.flex-10.gutter-25 > .col:nth-child(10n) {
  margin-right: 0;
}
.flex-10.gutter-25.flex-wrap > .col:nth-child(n+11) {
  margin-top: 25px;
}
@media (max-width: 990px) {
  .flex-10.gutter-25.sp-col2 > .col {
    width: calc((100% - 25px) / 2);
    margin-right: 25px;
  }
  .flex-10.gutter-25.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-10.gutter-25.sp-col2 > .col:nth-child(n+3) {
    margin-top: 25px;
  }
  .flex-10.gutter-25.sp-col3 > .col {
    width: calc((100% - 25px * 2) / 3);
    margin-right: 25px;
  }
  .flex-10.gutter-25.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-10.gutter-25.sp-col3 > .col:nth-child(n+4) {
    margin-top: 25px;
  }
}
@media (min-width: 991px) {
  .flex-10.pc-gutter-25 > .col {
    width: calc((100% - calc(25px * 9)) / 10);
    margin-right: 25px;
  }
  .flex-10.pc-gutter-25 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.pc-gutter-25.flex-wrap > .col:nth-child(n+11) {
    margin-top: 25px;
  }
}
@media (max-width: 990px) {
  .flex-10.sp-gutter-25 > .col {
    width: calc((100% - calc(25px * 9)) / 10);
    margin-right: 25px;
  }
  .flex-10.sp-gutter-25 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.sp-gutter-25.flex-wrap > .col:nth-child(n+11) {
    margin-top: 25px;
  }
}
.flex-10.gutter-30 > .col {
  width: calc((100% - calc(30px * 9)) / 10);
  margin-right: 30px;
}
.flex-10.gutter-30 > .col + .col {
  margin-left: 0 !important;
}
.flex-10.gutter-30 > .col:nth-child(10n) {
  margin-right: 0;
}
.flex-10.gutter-30.flex-wrap > .col:nth-child(n+11) {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .flex-10.gutter-30.sp-col2 > .col {
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
  }
  .flex-10.gutter-30.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-10.gutter-30.sp-col2 > .col:nth-child(n+3) {
    margin-top: 30px;
  }
  .flex-10.gutter-30.sp-col3 > .col {
    width: calc((100% - 30px * 2) / 3);
    margin-right: 30px;
  }
  .flex-10.gutter-30.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-10.gutter-30.sp-col3 > .col:nth-child(n+4) {
    margin-top: 30px;
  }
}
@media (min-width: 991px) {
  .flex-10.pc-gutter-30 > .col {
    width: calc((100% - calc(30px * 9)) / 10);
    margin-right: 30px;
  }
  .flex-10.pc-gutter-30 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.pc-gutter-30.flex-wrap > .col:nth-child(n+11) {
    margin-top: 30px;
  }
}
@media (max-width: 990px) {
  .flex-10.sp-gutter-30 > .col {
    width: calc((100% - calc(30px * 9)) / 10);
    margin-right: 30px;
  }
  .flex-10.sp-gutter-30 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.sp-gutter-30.flex-wrap > .col:nth-child(n+11) {
    margin-top: 30px;
  }
}
.flex-10.gutter-32 > .col {
  width: calc((100% - calc(32px * 9)) / 10);
  margin-right: 32px;
}
.flex-10.gutter-32 > .col + .col {
  margin-left: 0 !important;
}
.flex-10.gutter-32 > .col:nth-child(10n) {
  margin-right: 0;
}
.flex-10.gutter-32.flex-wrap > .col:nth-child(n+11) {
  margin-top: 32px;
}
@media (max-width: 990px) {
  .flex-10.gutter-32.sp-col2 > .col {
    width: calc((100% - 32px) / 2);
    margin-right: 32px;
  }
  .flex-10.gutter-32.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-10.gutter-32.sp-col2 > .col:nth-child(n+3) {
    margin-top: 32px;
  }
  .flex-10.gutter-32.sp-col3 > .col {
    width: calc((100% - 32px * 2) / 3);
    margin-right: 32px;
  }
  .flex-10.gutter-32.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-10.gutter-32.sp-col3 > .col:nth-child(n+4) {
    margin-top: 32px;
  }
}
@media (min-width: 991px) {
  .flex-10.pc-gutter-32 > .col {
    width: calc((100% - calc(32px * 9)) / 10);
    margin-right: 32px;
  }
  .flex-10.pc-gutter-32 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.pc-gutter-32.flex-wrap > .col:nth-child(n+11) {
    margin-top: 32px;
  }
}
@media (max-width: 990px) {
  .flex-10.sp-gutter-32 > .col {
    width: calc((100% - calc(32px * 9)) / 10);
    margin-right: 32px;
  }
  .flex-10.sp-gutter-32 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.sp-gutter-32.flex-wrap > .col:nth-child(n+11) {
    margin-top: 32px;
  }
}
.flex-10.gutter-40 > .col {
  width: calc((100% - calc(40px * 9)) / 10);
  margin-right: 40px;
}
.flex-10.gutter-40 > .col + .col {
  margin-left: 0 !important;
}
.flex-10.gutter-40 > .col:nth-child(10n) {
  margin-right: 0;
}
.flex-10.gutter-40.flex-wrap > .col:nth-child(n+11) {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .flex-10.gutter-40.sp-col2 > .col {
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
  }
  .flex-10.gutter-40.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-10.gutter-40.sp-col2 > .col:nth-child(n+3) {
    margin-top: 40px;
  }
  .flex-10.gutter-40.sp-col3 > .col {
    width: calc((100% - 40px * 2) / 3);
    margin-right: 40px;
  }
  .flex-10.gutter-40.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-10.gutter-40.sp-col3 > .col:nth-child(n+4) {
    margin-top: 40px;
  }
}
@media (min-width: 991px) {
  .flex-10.pc-gutter-40 > .col {
    width: calc((100% - calc(40px * 9)) / 10);
    margin-right: 40px;
  }
  .flex-10.pc-gutter-40 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.pc-gutter-40.flex-wrap > .col:nth-child(n+11) {
    margin-top: 40px;
  }
}
@media (max-width: 990px) {
  .flex-10.sp-gutter-40 > .col {
    width: calc((100% - calc(40px * 9)) / 10);
    margin-right: 40px;
  }
  .flex-10.sp-gutter-40 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.sp-gutter-40.flex-wrap > .col:nth-child(n+11) {
    margin-top: 40px;
  }
}
.flex-10.gutter-50 > .col {
  width: calc((100% - calc(50px * 9)) / 10);
  margin-right: 50px;
}
.flex-10.gutter-50 > .col + .col {
  margin-left: 0 !important;
}
.flex-10.gutter-50 > .col:nth-child(10n) {
  margin-right: 0;
}
.flex-10.gutter-50.flex-wrap > .col:nth-child(n+11) {
  margin-top: 50px;
}
@media (max-width: 990px) {
  .flex-10.gutter-50.sp-col2 > .col {
    width: calc((100% - 50px) / 2);
    margin-right: 50px;
  }
  .flex-10.gutter-50.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-10.gutter-50.sp-col2 > .col:nth-child(n+3) {
    margin-top: 50px;
  }
  .flex-10.gutter-50.sp-col3 > .col {
    width: calc((100% - 50px * 2) / 3);
    margin-right: 50px;
  }
  .flex-10.gutter-50.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-10.gutter-50.sp-col3 > .col:nth-child(n+4) {
    margin-top: 50px;
  }
}
@media (min-width: 991px) {
  .flex-10.pc-gutter-50 > .col {
    width: calc((100% - calc(50px * 9)) / 10);
    margin-right: 50px;
  }
  .flex-10.pc-gutter-50 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.pc-gutter-50.flex-wrap > .col:nth-child(n+11) {
    margin-top: 50px;
  }
}
@media (max-width: 990px) {
  .flex-10.sp-gutter-50 > .col {
    width: calc((100% - calc(50px * 9)) / 10);
    margin-right: 50px;
  }
  .flex-10.sp-gutter-50 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.sp-gutter-50.flex-wrap > .col:nth-child(n+11) {
    margin-top: 50px;
  }
}
.flex-10.gutter-60 > .col {
  width: calc((100% - calc(60px * 9)) / 10);
  margin-right: 60px;
}
.flex-10.gutter-60 > .col + .col {
  margin-left: 0 !important;
}
.flex-10.gutter-60 > .col:nth-child(10n) {
  margin-right: 0;
}
.flex-10.gutter-60.flex-wrap > .col:nth-child(n+11) {
  margin-top: 60px;
}
@media (max-width: 990px) {
  .flex-10.gutter-60.sp-col2 > .col {
    width: calc((100% - 60px) / 2);
    margin-right: 60px;
  }
  .flex-10.gutter-60.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-10.gutter-60.sp-col2 > .col:nth-child(n+3) {
    margin-top: 60px;
  }
  .flex-10.gutter-60.sp-col3 > .col {
    width: calc((100% - 60px * 2) / 3);
    margin-right: 60px;
  }
  .flex-10.gutter-60.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-10.gutter-60.sp-col3 > .col:nth-child(n+4) {
    margin-top: 60px;
  }
}
@media (min-width: 991px) {
  .flex-10.pc-gutter-60 > .col {
    width: calc((100% - calc(60px * 9)) / 10);
    margin-right: 60px;
  }
  .flex-10.pc-gutter-60 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.pc-gutter-60.flex-wrap > .col:nth-child(n+11) {
    margin-top: 60px;
  }
}
@media (max-width: 990px) {
  .flex-10.sp-gutter-60 > .col {
    width: calc((100% - calc(60px * 9)) / 10);
    margin-right: 60px;
  }
  .flex-10.sp-gutter-60 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.sp-gutter-60.flex-wrap > .col:nth-child(n+11) {
    margin-top: 60px;
  }
}
.flex-10.gutter-80 > .col {
  width: calc((100% - calc(80px * 9)) / 10);
  margin-right: 80px;
}
.flex-10.gutter-80 > .col + .col {
  margin-left: 0 !important;
}
.flex-10.gutter-80 > .col:nth-child(10n) {
  margin-right: 0;
}
.flex-10.gutter-80.flex-wrap > .col:nth-child(n+11) {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .flex-10.gutter-80.sp-col2 > .col {
    width: calc((100% - 80px) / 2);
    margin-right: 80px;
  }
  .flex-10.gutter-80.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-10.gutter-80.sp-col2 > .col:nth-child(n+3) {
    margin-top: 80px;
  }
  .flex-10.gutter-80.sp-col3 > .col {
    width: calc((100% - 80px * 2) / 3);
    margin-right: 80px;
  }
  .flex-10.gutter-80.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-10.gutter-80.sp-col3 > .col:nth-child(n+4) {
    margin-top: 80px;
  }
}
@media (min-width: 991px) {
  .flex-10.pc-gutter-80 > .col {
    width: calc((100% - calc(80px * 9)) / 10);
    margin-right: 80px;
  }
  .flex-10.pc-gutter-80 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.pc-gutter-80.flex-wrap > .col:nth-child(n+11) {
    margin-top: 80px;
  }
}
@media (max-width: 990px) {
  .flex-10.sp-gutter-80 > .col {
    width: calc((100% - calc(80px * 9)) / 10);
    margin-right: 80px;
  }
  .flex-10.sp-gutter-80 > .col:nth-child(10n) {
    margin-right: 0;
  }
  .flex-10.sp-gutter-80.flex-wrap > .col:nth-child(n+11) {
    margin-top: 80px;
  }
}
.flex-9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-9 > .col {
  width: calc(100% / 9);
}
@media (max-width: 990px) {
  .flex-9 > .col {
    width: 100%;
  }
}
@media (max-width: 990px) {
  .flex-9.sp-col1, .flex-9.sp-col2, .flex-9.sp-col3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-9:not([class^=gutter-]).sp-col2 > .col {
    width: 50%;
  }
  .flex-9:not([class^=gutter-]).sp-col3 > .col {
    width: 33.3333333333%;
  }
}
.flex-9.gutter-5 > .col {
  width: calc((100% - calc(5px * 8)) / 9);
  margin-right: 5px;
}
.flex-9.gutter-5 > .col + .col {
  margin-left: 0 !important;
}
.flex-9.gutter-5 > .col:nth-child(9n) {
  margin-right: 0;
}
.flex-9.gutter-5.flex-wrap > .col:nth-child(n+10) {
  margin-top: 5px;
}
@media (max-width: 990px) {
  .flex-9.gutter-5.sp-col2 > .col {
    width: calc((100% - 5px) / 2);
    margin-right: 5px;
  }
  .flex-9.gutter-5.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-9.gutter-5.sp-col2 > .col:nth-child(n+3) {
    margin-top: 5px;
  }
  .flex-9.gutter-5.sp-col3 > .col {
    width: calc((100% - 5px * 2) / 3);
    margin-right: 5px;
  }
  .flex-9.gutter-5.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-9.gutter-5.sp-col3 > .col:nth-child(n+4) {
    margin-top: 5px;
  }
}
@media (min-width: 991px) {
  .flex-9.pc-gutter-5 > .col {
    width: calc((100% - calc(5px * 8)) / 9);
    margin-right: 5px;
  }
  .flex-9.pc-gutter-5 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.pc-gutter-5.flex-wrap > .col:nth-child(n+10) {
    margin-top: 5px;
  }
}
@media (max-width: 990px) {
  .flex-9.sp-gutter-5 > .col {
    width: calc((100% - calc(5px * 8)) / 9);
    margin-right: 5px;
  }
  .flex-9.sp-gutter-5 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.sp-gutter-5.flex-wrap > .col:nth-child(n+10) {
    margin-top: 5px;
  }
}
.flex-9.gutter-8 > .col {
  width: calc((100% - calc(8px * 8)) / 9);
  margin-right: 8px;
}
.flex-9.gutter-8 > .col + .col {
  margin-left: 0 !important;
}
.flex-9.gutter-8 > .col:nth-child(9n) {
  margin-right: 0;
}
.flex-9.gutter-8.flex-wrap > .col:nth-child(n+10) {
  margin-top: 8px;
}
@media (max-width: 990px) {
  .flex-9.gutter-8.sp-col2 > .col {
    width: calc((100% - 8px) / 2);
    margin-right: 8px;
  }
  .flex-9.gutter-8.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-9.gutter-8.sp-col2 > .col:nth-child(n+3) {
    margin-top: 8px;
  }
  .flex-9.gutter-8.sp-col3 > .col {
    width: calc((100% - 8px * 2) / 3);
    margin-right: 8px;
  }
  .flex-9.gutter-8.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-9.gutter-8.sp-col3 > .col:nth-child(n+4) {
    margin-top: 8px;
  }
}
@media (min-width: 991px) {
  .flex-9.pc-gutter-8 > .col {
    width: calc((100% - calc(8px * 8)) / 9);
    margin-right: 8px;
  }
  .flex-9.pc-gutter-8 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.pc-gutter-8.flex-wrap > .col:nth-child(n+10) {
    margin-top: 8px;
  }
}
@media (max-width: 990px) {
  .flex-9.sp-gutter-8 > .col {
    width: calc((100% - calc(8px * 8)) / 9);
    margin-right: 8px;
  }
  .flex-9.sp-gutter-8 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.sp-gutter-8.flex-wrap > .col:nth-child(n+10) {
    margin-top: 8px;
  }
}
.flex-9.gutter-10 > .col {
  width: calc((100% - calc(10px * 8)) / 9);
  margin-right: 10px;
}
.flex-9.gutter-10 > .col + .col {
  margin-left: 0 !important;
}
.flex-9.gutter-10 > .col:nth-child(9n) {
  margin-right: 0;
}
.flex-9.gutter-10.flex-wrap > .col:nth-child(n+10) {
  margin-top: 10px;
}
@media (max-width: 990px) {
  .flex-9.gutter-10.sp-col2 > .col {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .flex-9.gutter-10.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-9.gutter-10.sp-col2 > .col:nth-child(n+3) {
    margin-top: 10px;
  }
  .flex-9.gutter-10.sp-col3 > .col {
    width: calc((100% - 10px * 2) / 3);
    margin-right: 10px;
  }
  .flex-9.gutter-10.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-9.gutter-10.sp-col3 > .col:nth-child(n+4) {
    margin-top: 10px;
  }
}
@media (min-width: 991px) {
  .flex-9.pc-gutter-10 > .col {
    width: calc((100% - calc(10px * 8)) / 9);
    margin-right: 10px;
  }
  .flex-9.pc-gutter-10 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.pc-gutter-10.flex-wrap > .col:nth-child(n+10) {
    margin-top: 10px;
  }
}
@media (max-width: 990px) {
  .flex-9.sp-gutter-10 > .col {
    width: calc((100% - calc(10px * 8)) / 9);
    margin-right: 10px;
  }
  .flex-9.sp-gutter-10 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.sp-gutter-10.flex-wrap > .col:nth-child(n+10) {
    margin-top: 10px;
  }
}
.flex-9.gutter-15 > .col {
  width: calc((100% - calc(15px * 8)) / 9);
  margin-right: 15px;
}
.flex-9.gutter-15 > .col + .col {
  margin-left: 0 !important;
}
.flex-9.gutter-15 > .col:nth-child(9n) {
  margin-right: 0;
}
.flex-9.gutter-15.flex-wrap > .col:nth-child(n+10) {
  margin-top: 15px;
}
@media (max-width: 990px) {
  .flex-9.gutter-15.sp-col2 > .col {
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
  }
  .flex-9.gutter-15.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-9.gutter-15.sp-col2 > .col:nth-child(n+3) {
    margin-top: 15px;
  }
  .flex-9.gutter-15.sp-col3 > .col {
    width: calc((100% - 15px * 2) / 3);
    margin-right: 15px;
  }
  .flex-9.gutter-15.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-9.gutter-15.sp-col3 > .col:nth-child(n+4) {
    margin-top: 15px;
  }
}
@media (min-width: 991px) {
  .flex-9.pc-gutter-15 > .col {
    width: calc((100% - calc(15px * 8)) / 9);
    margin-right: 15px;
  }
  .flex-9.pc-gutter-15 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.pc-gutter-15.flex-wrap > .col:nth-child(n+10) {
    margin-top: 15px;
  }
}
@media (max-width: 990px) {
  .flex-9.sp-gutter-15 > .col {
    width: calc((100% - calc(15px * 8)) / 9);
    margin-right: 15px;
  }
  .flex-9.sp-gutter-15 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.sp-gutter-15.flex-wrap > .col:nth-child(n+10) {
    margin-top: 15px;
  }
}
.flex-9.gutter-16 > .col {
  width: calc((100% - calc(16px * 8)) / 9);
  margin-right: 16px;
}
.flex-9.gutter-16 > .col + .col {
  margin-left: 0 !important;
}
.flex-9.gutter-16 > .col:nth-child(9n) {
  margin-right: 0;
}
.flex-9.gutter-16.flex-wrap > .col:nth-child(n+10) {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .flex-9.gutter-16.sp-col2 > .col {
    width: calc((100% - 16px) / 2);
    margin-right: 16px;
  }
  .flex-9.gutter-16.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-9.gutter-16.sp-col2 > .col:nth-child(n+3) {
    margin-top: 16px;
  }
  .flex-9.gutter-16.sp-col3 > .col {
    width: calc((100% - 16px * 2) / 3);
    margin-right: 16px;
  }
  .flex-9.gutter-16.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-9.gutter-16.sp-col3 > .col:nth-child(n+4) {
    margin-top: 16px;
  }
}
@media (min-width: 991px) {
  .flex-9.pc-gutter-16 > .col {
    width: calc((100% - calc(16px * 8)) / 9);
    margin-right: 16px;
  }
  .flex-9.pc-gutter-16 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.pc-gutter-16.flex-wrap > .col:nth-child(n+10) {
    margin-top: 16px;
  }
}
@media (max-width: 990px) {
  .flex-9.sp-gutter-16 > .col {
    width: calc((100% - calc(16px * 8)) / 9);
    margin-right: 16px;
  }
  .flex-9.sp-gutter-16 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.sp-gutter-16.flex-wrap > .col:nth-child(n+10) {
    margin-top: 16px;
  }
}
.flex-9.gutter-20 > .col {
  width: calc((100% - calc(20px * 8)) / 9);
  margin-right: 20px;
}
.flex-9.gutter-20 > .col + .col {
  margin-left: 0 !important;
}
.flex-9.gutter-20 > .col:nth-child(9n) {
  margin-right: 0;
}
.flex-9.gutter-20.flex-wrap > .col:nth-child(n+10) {
  margin-top: 20px;
}
@media (max-width: 990px) {
  .flex-9.gutter-20.sp-col2 > .col {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
  }
  .flex-9.gutter-20.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-9.gutter-20.sp-col2 > .col:nth-child(n+3) {
    margin-top: 20px;
  }
  .flex-9.gutter-20.sp-col3 > .col {
    width: calc((100% - 20px * 2) / 3);
    margin-right: 20px;
  }
  .flex-9.gutter-20.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-9.gutter-20.sp-col3 > .col:nth-child(n+4) {
    margin-top: 20px;
  }
}
@media (min-width: 991px) {
  .flex-9.pc-gutter-20 > .col {
    width: calc((100% - calc(20px * 8)) / 9);
    margin-right: 20px;
  }
  .flex-9.pc-gutter-20 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.pc-gutter-20.flex-wrap > .col:nth-child(n+10) {
    margin-top: 20px;
  }
}
@media (max-width: 990px) {
  .flex-9.sp-gutter-20 > .col {
    width: calc((100% - calc(20px * 8)) / 9);
    margin-right: 20px;
  }
  .flex-9.sp-gutter-20 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.sp-gutter-20.flex-wrap > .col:nth-child(n+10) {
    margin-top: 20px;
  }
}
.flex-9.gutter-24 > .col {
  width: calc((100% - calc(24px * 8)) / 9);
  margin-right: 24px;
}
.flex-9.gutter-24 > .col + .col {
  margin-left: 0 !important;
}
.flex-9.gutter-24 > .col:nth-child(9n) {
  margin-right: 0;
}
.flex-9.gutter-24.flex-wrap > .col:nth-child(n+10) {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .flex-9.gutter-24.sp-col2 > .col {
    width: calc((100% - 24px) / 2);
    margin-right: 24px;
  }
  .flex-9.gutter-24.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-9.gutter-24.sp-col2 > .col:nth-child(n+3) {
    margin-top: 24px;
  }
  .flex-9.gutter-24.sp-col3 > .col {
    width: calc((100% - 24px * 2) / 3);
    margin-right: 24px;
  }
  .flex-9.gutter-24.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-9.gutter-24.sp-col3 > .col:nth-child(n+4) {
    margin-top: 24px;
  }
}
@media (min-width: 991px) {
  .flex-9.pc-gutter-24 > .col {
    width: calc((100% - calc(24px * 8)) / 9);
    margin-right: 24px;
  }
  .flex-9.pc-gutter-24 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.pc-gutter-24.flex-wrap > .col:nth-child(n+10) {
    margin-top: 24px;
  }
}
@media (max-width: 990px) {
  .flex-9.sp-gutter-24 > .col {
    width: calc((100% - calc(24px * 8)) / 9);
    margin-right: 24px;
  }
  .flex-9.sp-gutter-24 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.sp-gutter-24.flex-wrap > .col:nth-child(n+10) {
    margin-top: 24px;
  }
}
.flex-9.gutter-25 > .col {
  width: calc((100% - calc(25px * 8)) / 9);
  margin-right: 25px;
}
.flex-9.gutter-25 > .col + .col {
  margin-left: 0 !important;
}
.flex-9.gutter-25 > .col:nth-child(9n) {
  margin-right: 0;
}
.flex-9.gutter-25.flex-wrap > .col:nth-child(n+10) {
  margin-top: 25px;
}
@media (max-width: 990px) {
  .flex-9.gutter-25.sp-col2 > .col {
    width: calc((100% - 25px) / 2);
    margin-right: 25px;
  }
  .flex-9.gutter-25.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-9.gutter-25.sp-col2 > .col:nth-child(n+3) {
    margin-top: 25px;
  }
  .flex-9.gutter-25.sp-col3 > .col {
    width: calc((100% - 25px * 2) / 3);
    margin-right: 25px;
  }
  .flex-9.gutter-25.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-9.gutter-25.sp-col3 > .col:nth-child(n+4) {
    margin-top: 25px;
  }
}
@media (min-width: 991px) {
  .flex-9.pc-gutter-25 > .col {
    width: calc((100% - calc(25px * 8)) / 9);
    margin-right: 25px;
  }
  .flex-9.pc-gutter-25 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.pc-gutter-25.flex-wrap > .col:nth-child(n+10) {
    margin-top: 25px;
  }
}
@media (max-width: 990px) {
  .flex-9.sp-gutter-25 > .col {
    width: calc((100% - calc(25px * 8)) / 9);
    margin-right: 25px;
  }
  .flex-9.sp-gutter-25 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.sp-gutter-25.flex-wrap > .col:nth-child(n+10) {
    margin-top: 25px;
  }
}
.flex-9.gutter-30 > .col {
  width: calc((100% - calc(30px * 8)) / 9);
  margin-right: 30px;
}
.flex-9.gutter-30 > .col + .col {
  margin-left: 0 !important;
}
.flex-9.gutter-30 > .col:nth-child(9n) {
  margin-right: 0;
}
.flex-9.gutter-30.flex-wrap > .col:nth-child(n+10) {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .flex-9.gutter-30.sp-col2 > .col {
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
  }
  .flex-9.gutter-30.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-9.gutter-30.sp-col2 > .col:nth-child(n+3) {
    margin-top: 30px;
  }
  .flex-9.gutter-30.sp-col3 > .col {
    width: calc((100% - 30px * 2) / 3);
    margin-right: 30px;
  }
  .flex-9.gutter-30.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-9.gutter-30.sp-col3 > .col:nth-child(n+4) {
    margin-top: 30px;
  }
}
@media (min-width: 991px) {
  .flex-9.pc-gutter-30 > .col {
    width: calc((100% - calc(30px * 8)) / 9);
    margin-right: 30px;
  }
  .flex-9.pc-gutter-30 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.pc-gutter-30.flex-wrap > .col:nth-child(n+10) {
    margin-top: 30px;
  }
}
@media (max-width: 990px) {
  .flex-9.sp-gutter-30 > .col {
    width: calc((100% - calc(30px * 8)) / 9);
    margin-right: 30px;
  }
  .flex-9.sp-gutter-30 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.sp-gutter-30.flex-wrap > .col:nth-child(n+10) {
    margin-top: 30px;
  }
}
.flex-9.gutter-32 > .col {
  width: calc((100% - calc(32px * 8)) / 9);
  margin-right: 32px;
}
.flex-9.gutter-32 > .col + .col {
  margin-left: 0 !important;
}
.flex-9.gutter-32 > .col:nth-child(9n) {
  margin-right: 0;
}
.flex-9.gutter-32.flex-wrap > .col:nth-child(n+10) {
  margin-top: 32px;
}
@media (max-width: 990px) {
  .flex-9.gutter-32.sp-col2 > .col {
    width: calc((100% - 32px) / 2);
    margin-right: 32px;
  }
  .flex-9.gutter-32.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-9.gutter-32.sp-col2 > .col:nth-child(n+3) {
    margin-top: 32px;
  }
  .flex-9.gutter-32.sp-col3 > .col {
    width: calc((100% - 32px * 2) / 3);
    margin-right: 32px;
  }
  .flex-9.gutter-32.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-9.gutter-32.sp-col3 > .col:nth-child(n+4) {
    margin-top: 32px;
  }
}
@media (min-width: 991px) {
  .flex-9.pc-gutter-32 > .col {
    width: calc((100% - calc(32px * 8)) / 9);
    margin-right: 32px;
  }
  .flex-9.pc-gutter-32 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.pc-gutter-32.flex-wrap > .col:nth-child(n+10) {
    margin-top: 32px;
  }
}
@media (max-width: 990px) {
  .flex-9.sp-gutter-32 > .col {
    width: calc((100% - calc(32px * 8)) / 9);
    margin-right: 32px;
  }
  .flex-9.sp-gutter-32 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.sp-gutter-32.flex-wrap > .col:nth-child(n+10) {
    margin-top: 32px;
  }
}
.flex-9.gutter-40 > .col {
  width: calc((100% - calc(40px * 8)) / 9);
  margin-right: 40px;
}
.flex-9.gutter-40 > .col + .col {
  margin-left: 0 !important;
}
.flex-9.gutter-40 > .col:nth-child(9n) {
  margin-right: 0;
}
.flex-9.gutter-40.flex-wrap > .col:nth-child(n+10) {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .flex-9.gutter-40.sp-col2 > .col {
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
  }
  .flex-9.gutter-40.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-9.gutter-40.sp-col2 > .col:nth-child(n+3) {
    margin-top: 40px;
  }
  .flex-9.gutter-40.sp-col3 > .col {
    width: calc((100% - 40px * 2) / 3);
    margin-right: 40px;
  }
  .flex-9.gutter-40.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-9.gutter-40.sp-col3 > .col:nth-child(n+4) {
    margin-top: 40px;
  }
}
@media (min-width: 991px) {
  .flex-9.pc-gutter-40 > .col {
    width: calc((100% - calc(40px * 8)) / 9);
    margin-right: 40px;
  }
  .flex-9.pc-gutter-40 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.pc-gutter-40.flex-wrap > .col:nth-child(n+10) {
    margin-top: 40px;
  }
}
@media (max-width: 990px) {
  .flex-9.sp-gutter-40 > .col {
    width: calc((100% - calc(40px * 8)) / 9);
    margin-right: 40px;
  }
  .flex-9.sp-gutter-40 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.sp-gutter-40.flex-wrap > .col:nth-child(n+10) {
    margin-top: 40px;
  }
}
.flex-9.gutter-50 > .col {
  width: calc((100% - calc(50px * 8)) / 9);
  margin-right: 50px;
}
.flex-9.gutter-50 > .col + .col {
  margin-left: 0 !important;
}
.flex-9.gutter-50 > .col:nth-child(9n) {
  margin-right: 0;
}
.flex-9.gutter-50.flex-wrap > .col:nth-child(n+10) {
  margin-top: 50px;
}
@media (max-width: 990px) {
  .flex-9.gutter-50.sp-col2 > .col {
    width: calc((100% - 50px) / 2);
    margin-right: 50px;
  }
  .flex-9.gutter-50.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-9.gutter-50.sp-col2 > .col:nth-child(n+3) {
    margin-top: 50px;
  }
  .flex-9.gutter-50.sp-col3 > .col {
    width: calc((100% - 50px * 2) / 3);
    margin-right: 50px;
  }
  .flex-9.gutter-50.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-9.gutter-50.sp-col3 > .col:nth-child(n+4) {
    margin-top: 50px;
  }
}
@media (min-width: 991px) {
  .flex-9.pc-gutter-50 > .col {
    width: calc((100% - calc(50px * 8)) / 9);
    margin-right: 50px;
  }
  .flex-9.pc-gutter-50 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.pc-gutter-50.flex-wrap > .col:nth-child(n+10) {
    margin-top: 50px;
  }
}
@media (max-width: 990px) {
  .flex-9.sp-gutter-50 > .col {
    width: calc((100% - calc(50px * 8)) / 9);
    margin-right: 50px;
  }
  .flex-9.sp-gutter-50 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.sp-gutter-50.flex-wrap > .col:nth-child(n+10) {
    margin-top: 50px;
  }
}
.flex-9.gutter-60 > .col {
  width: calc((100% - calc(60px * 8)) / 9);
  margin-right: 60px;
}
.flex-9.gutter-60 > .col + .col {
  margin-left: 0 !important;
}
.flex-9.gutter-60 > .col:nth-child(9n) {
  margin-right: 0;
}
.flex-9.gutter-60.flex-wrap > .col:nth-child(n+10) {
  margin-top: 60px;
}
@media (max-width: 990px) {
  .flex-9.gutter-60.sp-col2 > .col {
    width: calc((100% - 60px) / 2);
    margin-right: 60px;
  }
  .flex-9.gutter-60.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-9.gutter-60.sp-col2 > .col:nth-child(n+3) {
    margin-top: 60px;
  }
  .flex-9.gutter-60.sp-col3 > .col {
    width: calc((100% - 60px * 2) / 3);
    margin-right: 60px;
  }
  .flex-9.gutter-60.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-9.gutter-60.sp-col3 > .col:nth-child(n+4) {
    margin-top: 60px;
  }
}
@media (min-width: 991px) {
  .flex-9.pc-gutter-60 > .col {
    width: calc((100% - calc(60px * 8)) / 9);
    margin-right: 60px;
  }
  .flex-9.pc-gutter-60 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.pc-gutter-60.flex-wrap > .col:nth-child(n+10) {
    margin-top: 60px;
  }
}
@media (max-width: 990px) {
  .flex-9.sp-gutter-60 > .col {
    width: calc((100% - calc(60px * 8)) / 9);
    margin-right: 60px;
  }
  .flex-9.sp-gutter-60 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.sp-gutter-60.flex-wrap > .col:nth-child(n+10) {
    margin-top: 60px;
  }
}
.flex-9.gutter-80 > .col {
  width: calc((100% - calc(80px * 8)) / 9);
  margin-right: 80px;
}
.flex-9.gutter-80 > .col + .col {
  margin-left: 0 !important;
}
.flex-9.gutter-80 > .col:nth-child(9n) {
  margin-right: 0;
}
.flex-9.gutter-80.flex-wrap > .col:nth-child(n+10) {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .flex-9.gutter-80.sp-col2 > .col {
    width: calc((100% - 80px) / 2);
    margin-right: 80px;
  }
  .flex-9.gutter-80.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-9.gutter-80.sp-col2 > .col:nth-child(n+3) {
    margin-top: 80px;
  }
  .flex-9.gutter-80.sp-col3 > .col {
    width: calc((100% - 80px * 2) / 3);
    margin-right: 80px;
  }
  .flex-9.gutter-80.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-9.gutter-80.sp-col3 > .col:nth-child(n+4) {
    margin-top: 80px;
  }
}
@media (min-width: 991px) {
  .flex-9.pc-gutter-80 > .col {
    width: calc((100% - calc(80px * 8)) / 9);
    margin-right: 80px;
  }
  .flex-9.pc-gutter-80 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.pc-gutter-80.flex-wrap > .col:nth-child(n+10) {
    margin-top: 80px;
  }
}
@media (max-width: 990px) {
  .flex-9.sp-gutter-80 > .col {
    width: calc((100% - calc(80px * 8)) / 9);
    margin-right: 80px;
  }
  .flex-9.sp-gutter-80 > .col:nth-child(9n) {
    margin-right: 0;
  }
  .flex-9.sp-gutter-80.flex-wrap > .col:nth-child(n+10) {
    margin-top: 80px;
  }
}
.flex-8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-8 > .col {
  width: calc(100% / 8);
}
@media (max-width: 990px) {
  .flex-8 > .col {
    width: 100%;
  }
}
@media (max-width: 990px) {
  .flex-8.sp-col1, .flex-8.sp-col2, .flex-8.sp-col3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-8:not([class^=gutter-]).sp-col2 > .col {
    width: 50%;
  }
  .flex-8:not([class^=gutter-]).sp-col3 > .col {
    width: 33.3333333333%;
  }
}
.flex-8.gutter-5 > .col {
  width: calc((100% - calc(5px * 7)) / 8);
  margin-right: 5px;
}
.flex-8.gutter-5 > .col + .col {
  margin-left: 0 !important;
}
.flex-8.gutter-5 > .col:nth-child(8n) {
  margin-right: 0;
}
.flex-8.gutter-5.flex-wrap > .col:nth-child(n+9) {
  margin-top: 5px;
}
@media (max-width: 990px) {
  .flex-8.gutter-5.sp-col2 > .col {
    width: calc((100% - 5px) / 2);
    margin-right: 5px;
  }
  .flex-8.gutter-5.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-8.gutter-5.sp-col2 > .col:nth-child(n+3) {
    margin-top: 5px;
  }
  .flex-8.gutter-5.sp-col3 > .col {
    width: calc((100% - 5px * 2) / 3);
    margin-right: 5px;
  }
  .flex-8.gutter-5.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-8.gutter-5.sp-col3 > .col:nth-child(n+4) {
    margin-top: 5px;
  }
}
@media (min-width: 991px) {
  .flex-8.pc-gutter-5 > .col {
    width: calc((100% - calc(5px * 7)) / 8);
    margin-right: 5px;
  }
  .flex-8.pc-gutter-5 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.pc-gutter-5.flex-wrap > .col:nth-child(n+9) {
    margin-top: 5px;
  }
}
@media (max-width: 990px) {
  .flex-8.sp-gutter-5 > .col {
    width: calc((100% - calc(5px * 7)) / 8);
    margin-right: 5px;
  }
  .flex-8.sp-gutter-5 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.sp-gutter-5.flex-wrap > .col:nth-child(n+9) {
    margin-top: 5px;
  }
}
.flex-8.gutter-8 > .col {
  width: calc((100% - calc(8px * 7)) / 8);
  margin-right: 8px;
}
.flex-8.gutter-8 > .col + .col {
  margin-left: 0 !important;
}
.flex-8.gutter-8 > .col:nth-child(8n) {
  margin-right: 0;
}
.flex-8.gutter-8.flex-wrap > .col:nth-child(n+9) {
  margin-top: 8px;
}
@media (max-width: 990px) {
  .flex-8.gutter-8.sp-col2 > .col {
    width: calc((100% - 8px) / 2);
    margin-right: 8px;
  }
  .flex-8.gutter-8.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-8.gutter-8.sp-col2 > .col:nth-child(n+3) {
    margin-top: 8px;
  }
  .flex-8.gutter-8.sp-col3 > .col {
    width: calc((100% - 8px * 2) / 3);
    margin-right: 8px;
  }
  .flex-8.gutter-8.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-8.gutter-8.sp-col3 > .col:nth-child(n+4) {
    margin-top: 8px;
  }
}
@media (min-width: 991px) {
  .flex-8.pc-gutter-8 > .col {
    width: calc((100% - calc(8px * 7)) / 8);
    margin-right: 8px;
  }
  .flex-8.pc-gutter-8 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.pc-gutter-8.flex-wrap > .col:nth-child(n+9) {
    margin-top: 8px;
  }
}
@media (max-width: 990px) {
  .flex-8.sp-gutter-8 > .col {
    width: calc((100% - calc(8px * 7)) / 8);
    margin-right: 8px;
  }
  .flex-8.sp-gutter-8 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.sp-gutter-8.flex-wrap > .col:nth-child(n+9) {
    margin-top: 8px;
  }
}
.flex-8.gutter-10 > .col {
  width: calc((100% - calc(10px * 7)) / 8);
  margin-right: 10px;
}
.flex-8.gutter-10 > .col + .col {
  margin-left: 0 !important;
}
.flex-8.gutter-10 > .col:nth-child(8n) {
  margin-right: 0;
}
.flex-8.gutter-10.flex-wrap > .col:nth-child(n+9) {
  margin-top: 10px;
}
@media (max-width: 990px) {
  .flex-8.gutter-10.sp-col2 > .col {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .flex-8.gutter-10.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-8.gutter-10.sp-col2 > .col:nth-child(n+3) {
    margin-top: 10px;
  }
  .flex-8.gutter-10.sp-col3 > .col {
    width: calc((100% - 10px * 2) / 3);
    margin-right: 10px;
  }
  .flex-8.gutter-10.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-8.gutter-10.sp-col3 > .col:nth-child(n+4) {
    margin-top: 10px;
  }
}
@media (min-width: 991px) {
  .flex-8.pc-gutter-10 > .col {
    width: calc((100% - calc(10px * 7)) / 8);
    margin-right: 10px;
  }
  .flex-8.pc-gutter-10 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.pc-gutter-10.flex-wrap > .col:nth-child(n+9) {
    margin-top: 10px;
  }
}
@media (max-width: 990px) {
  .flex-8.sp-gutter-10 > .col {
    width: calc((100% - calc(10px * 7)) / 8);
    margin-right: 10px;
  }
  .flex-8.sp-gutter-10 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.sp-gutter-10.flex-wrap > .col:nth-child(n+9) {
    margin-top: 10px;
  }
}
.flex-8.gutter-15 > .col {
  width: calc((100% - calc(15px * 7)) / 8);
  margin-right: 15px;
}
.flex-8.gutter-15 > .col + .col {
  margin-left: 0 !important;
}
.flex-8.gutter-15 > .col:nth-child(8n) {
  margin-right: 0;
}
.flex-8.gutter-15.flex-wrap > .col:nth-child(n+9) {
  margin-top: 15px;
}
@media (max-width: 990px) {
  .flex-8.gutter-15.sp-col2 > .col {
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
  }
  .flex-8.gutter-15.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-8.gutter-15.sp-col2 > .col:nth-child(n+3) {
    margin-top: 15px;
  }
  .flex-8.gutter-15.sp-col3 > .col {
    width: calc((100% - 15px * 2) / 3);
    margin-right: 15px;
  }
  .flex-8.gutter-15.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-8.gutter-15.sp-col3 > .col:nth-child(n+4) {
    margin-top: 15px;
  }
}
@media (min-width: 991px) {
  .flex-8.pc-gutter-15 > .col {
    width: calc((100% - calc(15px * 7)) / 8);
    margin-right: 15px;
  }
  .flex-8.pc-gutter-15 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.pc-gutter-15.flex-wrap > .col:nth-child(n+9) {
    margin-top: 15px;
  }
}
@media (max-width: 990px) {
  .flex-8.sp-gutter-15 > .col {
    width: calc((100% - calc(15px * 7)) / 8);
    margin-right: 15px;
  }
  .flex-8.sp-gutter-15 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.sp-gutter-15.flex-wrap > .col:nth-child(n+9) {
    margin-top: 15px;
  }
}
.flex-8.gutter-16 > .col {
  width: calc((100% - calc(16px * 7)) / 8);
  margin-right: 16px;
}
.flex-8.gutter-16 > .col + .col {
  margin-left: 0 !important;
}
.flex-8.gutter-16 > .col:nth-child(8n) {
  margin-right: 0;
}
.flex-8.gutter-16.flex-wrap > .col:nth-child(n+9) {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .flex-8.gutter-16.sp-col2 > .col {
    width: calc((100% - 16px) / 2);
    margin-right: 16px;
  }
  .flex-8.gutter-16.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-8.gutter-16.sp-col2 > .col:nth-child(n+3) {
    margin-top: 16px;
  }
  .flex-8.gutter-16.sp-col3 > .col {
    width: calc((100% - 16px * 2) / 3);
    margin-right: 16px;
  }
  .flex-8.gutter-16.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-8.gutter-16.sp-col3 > .col:nth-child(n+4) {
    margin-top: 16px;
  }
}
@media (min-width: 991px) {
  .flex-8.pc-gutter-16 > .col {
    width: calc((100% - calc(16px * 7)) / 8);
    margin-right: 16px;
  }
  .flex-8.pc-gutter-16 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.pc-gutter-16.flex-wrap > .col:nth-child(n+9) {
    margin-top: 16px;
  }
}
@media (max-width: 990px) {
  .flex-8.sp-gutter-16 > .col {
    width: calc((100% - calc(16px * 7)) / 8);
    margin-right: 16px;
  }
  .flex-8.sp-gutter-16 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.sp-gutter-16.flex-wrap > .col:nth-child(n+9) {
    margin-top: 16px;
  }
}
.flex-8.gutter-20 > .col {
  width: calc((100% - calc(20px * 7)) / 8);
  margin-right: 20px;
}
.flex-8.gutter-20 > .col + .col {
  margin-left: 0 !important;
}
.flex-8.gutter-20 > .col:nth-child(8n) {
  margin-right: 0;
}
.flex-8.gutter-20.flex-wrap > .col:nth-child(n+9) {
  margin-top: 20px;
}
@media (max-width: 990px) {
  .flex-8.gutter-20.sp-col2 > .col {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
  }
  .flex-8.gutter-20.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-8.gutter-20.sp-col2 > .col:nth-child(n+3) {
    margin-top: 20px;
  }
  .flex-8.gutter-20.sp-col3 > .col {
    width: calc((100% - 20px * 2) / 3);
    margin-right: 20px;
  }
  .flex-8.gutter-20.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-8.gutter-20.sp-col3 > .col:nth-child(n+4) {
    margin-top: 20px;
  }
}
@media (min-width: 991px) {
  .flex-8.pc-gutter-20 > .col {
    width: calc((100% - calc(20px * 7)) / 8);
    margin-right: 20px;
  }
  .flex-8.pc-gutter-20 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.pc-gutter-20.flex-wrap > .col:nth-child(n+9) {
    margin-top: 20px;
  }
}
@media (max-width: 990px) {
  .flex-8.sp-gutter-20 > .col {
    width: calc((100% - calc(20px * 7)) / 8);
    margin-right: 20px;
  }
  .flex-8.sp-gutter-20 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.sp-gutter-20.flex-wrap > .col:nth-child(n+9) {
    margin-top: 20px;
  }
}
.flex-8.gutter-24 > .col {
  width: calc((100% - calc(24px * 7)) / 8);
  margin-right: 24px;
}
.flex-8.gutter-24 > .col + .col {
  margin-left: 0 !important;
}
.flex-8.gutter-24 > .col:nth-child(8n) {
  margin-right: 0;
}
.flex-8.gutter-24.flex-wrap > .col:nth-child(n+9) {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .flex-8.gutter-24.sp-col2 > .col {
    width: calc((100% - 24px) / 2);
    margin-right: 24px;
  }
  .flex-8.gutter-24.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-8.gutter-24.sp-col2 > .col:nth-child(n+3) {
    margin-top: 24px;
  }
  .flex-8.gutter-24.sp-col3 > .col {
    width: calc((100% - 24px * 2) / 3);
    margin-right: 24px;
  }
  .flex-8.gutter-24.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-8.gutter-24.sp-col3 > .col:nth-child(n+4) {
    margin-top: 24px;
  }
}
@media (min-width: 991px) {
  .flex-8.pc-gutter-24 > .col {
    width: calc((100% - calc(24px * 7)) / 8);
    margin-right: 24px;
  }
  .flex-8.pc-gutter-24 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.pc-gutter-24.flex-wrap > .col:nth-child(n+9) {
    margin-top: 24px;
  }
}
@media (max-width: 990px) {
  .flex-8.sp-gutter-24 > .col {
    width: calc((100% - calc(24px * 7)) / 8);
    margin-right: 24px;
  }
  .flex-8.sp-gutter-24 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.sp-gutter-24.flex-wrap > .col:nth-child(n+9) {
    margin-top: 24px;
  }
}
.flex-8.gutter-25 > .col {
  width: calc((100% - calc(25px * 7)) / 8);
  margin-right: 25px;
}
.flex-8.gutter-25 > .col + .col {
  margin-left: 0 !important;
}
.flex-8.gutter-25 > .col:nth-child(8n) {
  margin-right: 0;
}
.flex-8.gutter-25.flex-wrap > .col:nth-child(n+9) {
  margin-top: 25px;
}
@media (max-width: 990px) {
  .flex-8.gutter-25.sp-col2 > .col {
    width: calc((100% - 25px) / 2);
    margin-right: 25px;
  }
  .flex-8.gutter-25.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-8.gutter-25.sp-col2 > .col:nth-child(n+3) {
    margin-top: 25px;
  }
  .flex-8.gutter-25.sp-col3 > .col {
    width: calc((100% - 25px * 2) / 3);
    margin-right: 25px;
  }
  .flex-8.gutter-25.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-8.gutter-25.sp-col3 > .col:nth-child(n+4) {
    margin-top: 25px;
  }
}
@media (min-width: 991px) {
  .flex-8.pc-gutter-25 > .col {
    width: calc((100% - calc(25px * 7)) / 8);
    margin-right: 25px;
  }
  .flex-8.pc-gutter-25 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.pc-gutter-25.flex-wrap > .col:nth-child(n+9) {
    margin-top: 25px;
  }
}
@media (max-width: 990px) {
  .flex-8.sp-gutter-25 > .col {
    width: calc((100% - calc(25px * 7)) / 8);
    margin-right: 25px;
  }
  .flex-8.sp-gutter-25 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.sp-gutter-25.flex-wrap > .col:nth-child(n+9) {
    margin-top: 25px;
  }
}
.flex-8.gutter-30 > .col {
  width: calc((100% - calc(30px * 7)) / 8);
  margin-right: 30px;
}
.flex-8.gutter-30 > .col + .col {
  margin-left: 0 !important;
}
.flex-8.gutter-30 > .col:nth-child(8n) {
  margin-right: 0;
}
.flex-8.gutter-30.flex-wrap > .col:nth-child(n+9) {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .flex-8.gutter-30.sp-col2 > .col {
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
  }
  .flex-8.gutter-30.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-8.gutter-30.sp-col2 > .col:nth-child(n+3) {
    margin-top: 30px;
  }
  .flex-8.gutter-30.sp-col3 > .col {
    width: calc((100% - 30px * 2) / 3);
    margin-right: 30px;
  }
  .flex-8.gutter-30.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-8.gutter-30.sp-col3 > .col:nth-child(n+4) {
    margin-top: 30px;
  }
}
@media (min-width: 991px) {
  .flex-8.pc-gutter-30 > .col {
    width: calc((100% - calc(30px * 7)) / 8);
    margin-right: 30px;
  }
  .flex-8.pc-gutter-30 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.pc-gutter-30.flex-wrap > .col:nth-child(n+9) {
    margin-top: 30px;
  }
}
@media (max-width: 990px) {
  .flex-8.sp-gutter-30 > .col {
    width: calc((100% - calc(30px * 7)) / 8);
    margin-right: 30px;
  }
  .flex-8.sp-gutter-30 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.sp-gutter-30.flex-wrap > .col:nth-child(n+9) {
    margin-top: 30px;
  }
}
.flex-8.gutter-32 > .col {
  width: calc((100% - calc(32px * 7)) / 8);
  margin-right: 32px;
}
.flex-8.gutter-32 > .col + .col {
  margin-left: 0 !important;
}
.flex-8.gutter-32 > .col:nth-child(8n) {
  margin-right: 0;
}
.flex-8.gutter-32.flex-wrap > .col:nth-child(n+9) {
  margin-top: 32px;
}
@media (max-width: 990px) {
  .flex-8.gutter-32.sp-col2 > .col {
    width: calc((100% - 32px) / 2);
    margin-right: 32px;
  }
  .flex-8.gutter-32.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-8.gutter-32.sp-col2 > .col:nth-child(n+3) {
    margin-top: 32px;
  }
  .flex-8.gutter-32.sp-col3 > .col {
    width: calc((100% - 32px * 2) / 3);
    margin-right: 32px;
  }
  .flex-8.gutter-32.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-8.gutter-32.sp-col3 > .col:nth-child(n+4) {
    margin-top: 32px;
  }
}
@media (min-width: 991px) {
  .flex-8.pc-gutter-32 > .col {
    width: calc((100% - calc(32px * 7)) / 8);
    margin-right: 32px;
  }
  .flex-8.pc-gutter-32 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.pc-gutter-32.flex-wrap > .col:nth-child(n+9) {
    margin-top: 32px;
  }
}
@media (max-width: 990px) {
  .flex-8.sp-gutter-32 > .col {
    width: calc((100% - calc(32px * 7)) / 8);
    margin-right: 32px;
  }
  .flex-8.sp-gutter-32 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.sp-gutter-32.flex-wrap > .col:nth-child(n+9) {
    margin-top: 32px;
  }
}
.flex-8.gutter-40 > .col {
  width: calc((100% - calc(40px * 7)) / 8);
  margin-right: 40px;
}
.flex-8.gutter-40 > .col + .col {
  margin-left: 0 !important;
}
.flex-8.gutter-40 > .col:nth-child(8n) {
  margin-right: 0;
}
.flex-8.gutter-40.flex-wrap > .col:nth-child(n+9) {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .flex-8.gutter-40.sp-col2 > .col {
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
  }
  .flex-8.gutter-40.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-8.gutter-40.sp-col2 > .col:nth-child(n+3) {
    margin-top: 40px;
  }
  .flex-8.gutter-40.sp-col3 > .col {
    width: calc((100% - 40px * 2) / 3);
    margin-right: 40px;
  }
  .flex-8.gutter-40.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-8.gutter-40.sp-col3 > .col:nth-child(n+4) {
    margin-top: 40px;
  }
}
@media (min-width: 991px) {
  .flex-8.pc-gutter-40 > .col {
    width: calc((100% - calc(40px * 7)) / 8);
    margin-right: 40px;
  }
  .flex-8.pc-gutter-40 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.pc-gutter-40.flex-wrap > .col:nth-child(n+9) {
    margin-top: 40px;
  }
}
@media (max-width: 990px) {
  .flex-8.sp-gutter-40 > .col {
    width: calc((100% - calc(40px * 7)) / 8);
    margin-right: 40px;
  }
  .flex-8.sp-gutter-40 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.sp-gutter-40.flex-wrap > .col:nth-child(n+9) {
    margin-top: 40px;
  }
}
.flex-8.gutter-50 > .col {
  width: calc((100% - calc(50px * 7)) / 8);
  margin-right: 50px;
}
.flex-8.gutter-50 > .col + .col {
  margin-left: 0 !important;
}
.flex-8.gutter-50 > .col:nth-child(8n) {
  margin-right: 0;
}
.flex-8.gutter-50.flex-wrap > .col:nth-child(n+9) {
  margin-top: 50px;
}
@media (max-width: 990px) {
  .flex-8.gutter-50.sp-col2 > .col {
    width: calc((100% - 50px) / 2);
    margin-right: 50px;
  }
  .flex-8.gutter-50.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-8.gutter-50.sp-col2 > .col:nth-child(n+3) {
    margin-top: 50px;
  }
  .flex-8.gutter-50.sp-col3 > .col {
    width: calc((100% - 50px * 2) / 3);
    margin-right: 50px;
  }
  .flex-8.gutter-50.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-8.gutter-50.sp-col3 > .col:nth-child(n+4) {
    margin-top: 50px;
  }
}
@media (min-width: 991px) {
  .flex-8.pc-gutter-50 > .col {
    width: calc((100% - calc(50px * 7)) / 8);
    margin-right: 50px;
  }
  .flex-8.pc-gutter-50 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.pc-gutter-50.flex-wrap > .col:nth-child(n+9) {
    margin-top: 50px;
  }
}
@media (max-width: 990px) {
  .flex-8.sp-gutter-50 > .col {
    width: calc((100% - calc(50px * 7)) / 8);
    margin-right: 50px;
  }
  .flex-8.sp-gutter-50 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.sp-gutter-50.flex-wrap > .col:nth-child(n+9) {
    margin-top: 50px;
  }
}
.flex-8.gutter-60 > .col {
  width: calc((100% - calc(60px * 7)) / 8);
  margin-right: 60px;
}
.flex-8.gutter-60 > .col + .col {
  margin-left: 0 !important;
}
.flex-8.gutter-60 > .col:nth-child(8n) {
  margin-right: 0;
}
.flex-8.gutter-60.flex-wrap > .col:nth-child(n+9) {
  margin-top: 60px;
}
@media (max-width: 990px) {
  .flex-8.gutter-60.sp-col2 > .col {
    width: calc((100% - 60px) / 2);
    margin-right: 60px;
  }
  .flex-8.gutter-60.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-8.gutter-60.sp-col2 > .col:nth-child(n+3) {
    margin-top: 60px;
  }
  .flex-8.gutter-60.sp-col3 > .col {
    width: calc((100% - 60px * 2) / 3);
    margin-right: 60px;
  }
  .flex-8.gutter-60.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-8.gutter-60.sp-col3 > .col:nth-child(n+4) {
    margin-top: 60px;
  }
}
@media (min-width: 991px) {
  .flex-8.pc-gutter-60 > .col {
    width: calc((100% - calc(60px * 7)) / 8);
    margin-right: 60px;
  }
  .flex-8.pc-gutter-60 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.pc-gutter-60.flex-wrap > .col:nth-child(n+9) {
    margin-top: 60px;
  }
}
@media (max-width: 990px) {
  .flex-8.sp-gutter-60 > .col {
    width: calc((100% - calc(60px * 7)) / 8);
    margin-right: 60px;
  }
  .flex-8.sp-gutter-60 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.sp-gutter-60.flex-wrap > .col:nth-child(n+9) {
    margin-top: 60px;
  }
}
.flex-8.gutter-80 > .col {
  width: calc((100% - calc(80px * 7)) / 8);
  margin-right: 80px;
}
.flex-8.gutter-80 > .col + .col {
  margin-left: 0 !important;
}
.flex-8.gutter-80 > .col:nth-child(8n) {
  margin-right: 0;
}
.flex-8.gutter-80.flex-wrap > .col:nth-child(n+9) {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .flex-8.gutter-80.sp-col2 > .col {
    width: calc((100% - 80px) / 2);
    margin-right: 80px;
  }
  .flex-8.gutter-80.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-8.gutter-80.sp-col2 > .col:nth-child(n+3) {
    margin-top: 80px;
  }
  .flex-8.gutter-80.sp-col3 > .col {
    width: calc((100% - 80px * 2) / 3);
    margin-right: 80px;
  }
  .flex-8.gutter-80.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-8.gutter-80.sp-col3 > .col:nth-child(n+4) {
    margin-top: 80px;
  }
}
@media (min-width: 991px) {
  .flex-8.pc-gutter-80 > .col {
    width: calc((100% - calc(80px * 7)) / 8);
    margin-right: 80px;
  }
  .flex-8.pc-gutter-80 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.pc-gutter-80.flex-wrap > .col:nth-child(n+9) {
    margin-top: 80px;
  }
}
@media (max-width: 990px) {
  .flex-8.sp-gutter-80 > .col {
    width: calc((100% - calc(80px * 7)) / 8);
    margin-right: 80px;
  }
  .flex-8.sp-gutter-80 > .col:nth-child(8n) {
    margin-right: 0;
  }
  .flex-8.sp-gutter-80.flex-wrap > .col:nth-child(n+9) {
    margin-top: 80px;
  }
}
.flex-7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-7 > .col {
  width: calc(100% / 7);
}
@media (max-width: 990px) {
  .flex-7 > .col {
    width: 100%;
  }
}
@media (max-width: 990px) {
  .flex-7.sp-col1, .flex-7.sp-col2, .flex-7.sp-col3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-7:not([class^=gutter-]).sp-col2 > .col {
    width: 50%;
  }
  .flex-7:not([class^=gutter-]).sp-col3 > .col {
    width: 33.3333333333%;
  }
}
.flex-7.gutter-5 > .col {
  width: calc((100% - calc(5px * 6)) / 7);
  margin-right: 5px;
}
.flex-7.gutter-5 > .col + .col {
  margin-left: 0 !important;
}
.flex-7.gutter-5 > .col:nth-child(7n) {
  margin-right: 0;
}
.flex-7.gutter-5.flex-wrap > .col:nth-child(n+8) {
  margin-top: 5px;
}
@media (max-width: 990px) {
  .flex-7.gutter-5.sp-col2 > .col {
    width: calc((100% - 5px) / 2);
    margin-right: 5px;
  }
  .flex-7.gutter-5.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-7.gutter-5.sp-col2 > .col:nth-child(n+3) {
    margin-top: 5px;
  }
  .flex-7.gutter-5.sp-col3 > .col {
    width: calc((100% - 5px * 2) / 3);
    margin-right: 5px;
  }
  .flex-7.gutter-5.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-7.gutter-5.sp-col3 > .col:nth-child(n+4) {
    margin-top: 5px;
  }
}
@media (min-width: 991px) {
  .flex-7.pc-gutter-5 > .col {
    width: calc((100% - calc(5px * 6)) / 7);
    margin-right: 5px;
  }
  .flex-7.pc-gutter-5 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.pc-gutter-5.flex-wrap > .col:nth-child(n+8) {
    margin-top: 5px;
  }
}
@media (max-width: 990px) {
  .flex-7.sp-gutter-5 > .col {
    width: calc((100% - calc(5px * 6)) / 7);
    margin-right: 5px;
  }
  .flex-7.sp-gutter-5 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.sp-gutter-5.flex-wrap > .col:nth-child(n+8) {
    margin-top: 5px;
  }
}
.flex-7.gutter-8 > .col {
  width: calc((100% - calc(8px * 6)) / 7);
  margin-right: 8px;
}
.flex-7.gutter-8 > .col + .col {
  margin-left: 0 !important;
}
.flex-7.gutter-8 > .col:nth-child(7n) {
  margin-right: 0;
}
.flex-7.gutter-8.flex-wrap > .col:nth-child(n+8) {
  margin-top: 8px;
}
@media (max-width: 990px) {
  .flex-7.gutter-8.sp-col2 > .col {
    width: calc((100% - 8px) / 2);
    margin-right: 8px;
  }
  .flex-7.gutter-8.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-7.gutter-8.sp-col2 > .col:nth-child(n+3) {
    margin-top: 8px;
  }
  .flex-7.gutter-8.sp-col3 > .col {
    width: calc((100% - 8px * 2) / 3);
    margin-right: 8px;
  }
  .flex-7.gutter-8.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-7.gutter-8.sp-col3 > .col:nth-child(n+4) {
    margin-top: 8px;
  }
}
@media (min-width: 991px) {
  .flex-7.pc-gutter-8 > .col {
    width: calc((100% - calc(8px * 6)) / 7);
    margin-right: 8px;
  }
  .flex-7.pc-gutter-8 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.pc-gutter-8.flex-wrap > .col:nth-child(n+8) {
    margin-top: 8px;
  }
}
@media (max-width: 990px) {
  .flex-7.sp-gutter-8 > .col {
    width: calc((100% - calc(8px * 6)) / 7);
    margin-right: 8px;
  }
  .flex-7.sp-gutter-8 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.sp-gutter-8.flex-wrap > .col:nth-child(n+8) {
    margin-top: 8px;
  }
}
.flex-7.gutter-10 > .col {
  width: calc((100% - calc(10px * 6)) / 7);
  margin-right: 10px;
}
.flex-7.gutter-10 > .col + .col {
  margin-left: 0 !important;
}
.flex-7.gutter-10 > .col:nth-child(7n) {
  margin-right: 0;
}
.flex-7.gutter-10.flex-wrap > .col:nth-child(n+8) {
  margin-top: 10px;
}
@media (max-width: 990px) {
  .flex-7.gutter-10.sp-col2 > .col {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .flex-7.gutter-10.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-7.gutter-10.sp-col2 > .col:nth-child(n+3) {
    margin-top: 10px;
  }
  .flex-7.gutter-10.sp-col3 > .col {
    width: calc((100% - 10px * 2) / 3);
    margin-right: 10px;
  }
  .flex-7.gutter-10.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-7.gutter-10.sp-col3 > .col:nth-child(n+4) {
    margin-top: 10px;
  }
}
@media (min-width: 991px) {
  .flex-7.pc-gutter-10 > .col {
    width: calc((100% - calc(10px * 6)) / 7);
    margin-right: 10px;
  }
  .flex-7.pc-gutter-10 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.pc-gutter-10.flex-wrap > .col:nth-child(n+8) {
    margin-top: 10px;
  }
}
@media (max-width: 990px) {
  .flex-7.sp-gutter-10 > .col {
    width: calc((100% - calc(10px * 6)) / 7);
    margin-right: 10px;
  }
  .flex-7.sp-gutter-10 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.sp-gutter-10.flex-wrap > .col:nth-child(n+8) {
    margin-top: 10px;
  }
}
.flex-7.gutter-15 > .col {
  width: calc((100% - calc(15px * 6)) / 7);
  margin-right: 15px;
}
.flex-7.gutter-15 > .col + .col {
  margin-left: 0 !important;
}
.flex-7.gutter-15 > .col:nth-child(7n) {
  margin-right: 0;
}
.flex-7.gutter-15.flex-wrap > .col:nth-child(n+8) {
  margin-top: 15px;
}
@media (max-width: 990px) {
  .flex-7.gutter-15.sp-col2 > .col {
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
  }
  .flex-7.gutter-15.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-7.gutter-15.sp-col2 > .col:nth-child(n+3) {
    margin-top: 15px;
  }
  .flex-7.gutter-15.sp-col3 > .col {
    width: calc((100% - 15px * 2) / 3);
    margin-right: 15px;
  }
  .flex-7.gutter-15.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-7.gutter-15.sp-col3 > .col:nth-child(n+4) {
    margin-top: 15px;
  }
}
@media (min-width: 991px) {
  .flex-7.pc-gutter-15 > .col {
    width: calc((100% - calc(15px * 6)) / 7);
    margin-right: 15px;
  }
  .flex-7.pc-gutter-15 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.pc-gutter-15.flex-wrap > .col:nth-child(n+8) {
    margin-top: 15px;
  }
}
@media (max-width: 990px) {
  .flex-7.sp-gutter-15 > .col {
    width: calc((100% - calc(15px * 6)) / 7);
    margin-right: 15px;
  }
  .flex-7.sp-gutter-15 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.sp-gutter-15.flex-wrap > .col:nth-child(n+8) {
    margin-top: 15px;
  }
}
.flex-7.gutter-16 > .col {
  width: calc((100% - calc(16px * 6)) / 7);
  margin-right: 16px;
}
.flex-7.gutter-16 > .col + .col {
  margin-left: 0 !important;
}
.flex-7.gutter-16 > .col:nth-child(7n) {
  margin-right: 0;
}
.flex-7.gutter-16.flex-wrap > .col:nth-child(n+8) {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .flex-7.gutter-16.sp-col2 > .col {
    width: calc((100% - 16px) / 2);
    margin-right: 16px;
  }
  .flex-7.gutter-16.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-7.gutter-16.sp-col2 > .col:nth-child(n+3) {
    margin-top: 16px;
  }
  .flex-7.gutter-16.sp-col3 > .col {
    width: calc((100% - 16px * 2) / 3);
    margin-right: 16px;
  }
  .flex-7.gutter-16.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-7.gutter-16.sp-col3 > .col:nth-child(n+4) {
    margin-top: 16px;
  }
}
@media (min-width: 991px) {
  .flex-7.pc-gutter-16 > .col {
    width: calc((100% - calc(16px * 6)) / 7);
    margin-right: 16px;
  }
  .flex-7.pc-gutter-16 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.pc-gutter-16.flex-wrap > .col:nth-child(n+8) {
    margin-top: 16px;
  }
}
@media (max-width: 990px) {
  .flex-7.sp-gutter-16 > .col {
    width: calc((100% - calc(16px * 6)) / 7);
    margin-right: 16px;
  }
  .flex-7.sp-gutter-16 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.sp-gutter-16.flex-wrap > .col:nth-child(n+8) {
    margin-top: 16px;
  }
}
.flex-7.gutter-20 > .col {
  width: calc((100% - calc(20px * 6)) / 7);
  margin-right: 20px;
}
.flex-7.gutter-20 > .col + .col {
  margin-left: 0 !important;
}
.flex-7.gutter-20 > .col:nth-child(7n) {
  margin-right: 0;
}
.flex-7.gutter-20.flex-wrap > .col:nth-child(n+8) {
  margin-top: 20px;
}
@media (max-width: 990px) {
  .flex-7.gutter-20.sp-col2 > .col {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
  }
  .flex-7.gutter-20.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-7.gutter-20.sp-col2 > .col:nth-child(n+3) {
    margin-top: 20px;
  }
  .flex-7.gutter-20.sp-col3 > .col {
    width: calc((100% - 20px * 2) / 3);
    margin-right: 20px;
  }
  .flex-7.gutter-20.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-7.gutter-20.sp-col3 > .col:nth-child(n+4) {
    margin-top: 20px;
  }
}
@media (min-width: 991px) {
  .flex-7.pc-gutter-20 > .col {
    width: calc((100% - calc(20px * 6)) / 7);
    margin-right: 20px;
  }
  .flex-7.pc-gutter-20 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.pc-gutter-20.flex-wrap > .col:nth-child(n+8) {
    margin-top: 20px;
  }
}
@media (max-width: 990px) {
  .flex-7.sp-gutter-20 > .col {
    width: calc((100% - calc(20px * 6)) / 7);
    margin-right: 20px;
  }
  .flex-7.sp-gutter-20 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.sp-gutter-20.flex-wrap > .col:nth-child(n+8) {
    margin-top: 20px;
  }
}
.flex-7.gutter-24 > .col {
  width: calc((100% - calc(24px * 6)) / 7);
  margin-right: 24px;
}
.flex-7.gutter-24 > .col + .col {
  margin-left: 0 !important;
}
.flex-7.gutter-24 > .col:nth-child(7n) {
  margin-right: 0;
}
.flex-7.gutter-24.flex-wrap > .col:nth-child(n+8) {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .flex-7.gutter-24.sp-col2 > .col {
    width: calc((100% - 24px) / 2);
    margin-right: 24px;
  }
  .flex-7.gutter-24.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-7.gutter-24.sp-col2 > .col:nth-child(n+3) {
    margin-top: 24px;
  }
  .flex-7.gutter-24.sp-col3 > .col {
    width: calc((100% - 24px * 2) / 3);
    margin-right: 24px;
  }
  .flex-7.gutter-24.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-7.gutter-24.sp-col3 > .col:nth-child(n+4) {
    margin-top: 24px;
  }
}
@media (min-width: 991px) {
  .flex-7.pc-gutter-24 > .col {
    width: calc((100% - calc(24px * 6)) / 7);
    margin-right: 24px;
  }
  .flex-7.pc-gutter-24 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.pc-gutter-24.flex-wrap > .col:nth-child(n+8) {
    margin-top: 24px;
  }
}
@media (max-width: 990px) {
  .flex-7.sp-gutter-24 > .col {
    width: calc((100% - calc(24px * 6)) / 7);
    margin-right: 24px;
  }
  .flex-7.sp-gutter-24 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.sp-gutter-24.flex-wrap > .col:nth-child(n+8) {
    margin-top: 24px;
  }
}
.flex-7.gutter-25 > .col {
  width: calc((100% - calc(25px * 6)) / 7);
  margin-right: 25px;
}
.flex-7.gutter-25 > .col + .col {
  margin-left: 0 !important;
}
.flex-7.gutter-25 > .col:nth-child(7n) {
  margin-right: 0;
}
.flex-7.gutter-25.flex-wrap > .col:nth-child(n+8) {
  margin-top: 25px;
}
@media (max-width: 990px) {
  .flex-7.gutter-25.sp-col2 > .col {
    width: calc((100% - 25px) / 2);
    margin-right: 25px;
  }
  .flex-7.gutter-25.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-7.gutter-25.sp-col2 > .col:nth-child(n+3) {
    margin-top: 25px;
  }
  .flex-7.gutter-25.sp-col3 > .col {
    width: calc((100% - 25px * 2) / 3);
    margin-right: 25px;
  }
  .flex-7.gutter-25.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-7.gutter-25.sp-col3 > .col:nth-child(n+4) {
    margin-top: 25px;
  }
}
@media (min-width: 991px) {
  .flex-7.pc-gutter-25 > .col {
    width: calc((100% - calc(25px * 6)) / 7);
    margin-right: 25px;
  }
  .flex-7.pc-gutter-25 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.pc-gutter-25.flex-wrap > .col:nth-child(n+8) {
    margin-top: 25px;
  }
}
@media (max-width: 990px) {
  .flex-7.sp-gutter-25 > .col {
    width: calc((100% - calc(25px * 6)) / 7);
    margin-right: 25px;
  }
  .flex-7.sp-gutter-25 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.sp-gutter-25.flex-wrap > .col:nth-child(n+8) {
    margin-top: 25px;
  }
}
.flex-7.gutter-30 > .col {
  width: calc((100% - calc(30px * 6)) / 7);
  margin-right: 30px;
}
.flex-7.gutter-30 > .col + .col {
  margin-left: 0 !important;
}
.flex-7.gutter-30 > .col:nth-child(7n) {
  margin-right: 0;
}
.flex-7.gutter-30.flex-wrap > .col:nth-child(n+8) {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .flex-7.gutter-30.sp-col2 > .col {
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
  }
  .flex-7.gutter-30.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-7.gutter-30.sp-col2 > .col:nth-child(n+3) {
    margin-top: 30px;
  }
  .flex-7.gutter-30.sp-col3 > .col {
    width: calc((100% - 30px * 2) / 3);
    margin-right: 30px;
  }
  .flex-7.gutter-30.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-7.gutter-30.sp-col3 > .col:nth-child(n+4) {
    margin-top: 30px;
  }
}
@media (min-width: 991px) {
  .flex-7.pc-gutter-30 > .col {
    width: calc((100% - calc(30px * 6)) / 7);
    margin-right: 30px;
  }
  .flex-7.pc-gutter-30 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.pc-gutter-30.flex-wrap > .col:nth-child(n+8) {
    margin-top: 30px;
  }
}
@media (max-width: 990px) {
  .flex-7.sp-gutter-30 > .col {
    width: calc((100% - calc(30px * 6)) / 7);
    margin-right: 30px;
  }
  .flex-7.sp-gutter-30 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.sp-gutter-30.flex-wrap > .col:nth-child(n+8) {
    margin-top: 30px;
  }
}
.flex-7.gutter-32 > .col {
  width: calc((100% - calc(32px * 6)) / 7);
  margin-right: 32px;
}
.flex-7.gutter-32 > .col + .col {
  margin-left: 0 !important;
}
.flex-7.gutter-32 > .col:nth-child(7n) {
  margin-right: 0;
}
.flex-7.gutter-32.flex-wrap > .col:nth-child(n+8) {
  margin-top: 32px;
}
@media (max-width: 990px) {
  .flex-7.gutter-32.sp-col2 > .col {
    width: calc((100% - 32px) / 2);
    margin-right: 32px;
  }
  .flex-7.gutter-32.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-7.gutter-32.sp-col2 > .col:nth-child(n+3) {
    margin-top: 32px;
  }
  .flex-7.gutter-32.sp-col3 > .col {
    width: calc((100% - 32px * 2) / 3);
    margin-right: 32px;
  }
  .flex-7.gutter-32.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-7.gutter-32.sp-col3 > .col:nth-child(n+4) {
    margin-top: 32px;
  }
}
@media (min-width: 991px) {
  .flex-7.pc-gutter-32 > .col {
    width: calc((100% - calc(32px * 6)) / 7);
    margin-right: 32px;
  }
  .flex-7.pc-gutter-32 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.pc-gutter-32.flex-wrap > .col:nth-child(n+8) {
    margin-top: 32px;
  }
}
@media (max-width: 990px) {
  .flex-7.sp-gutter-32 > .col {
    width: calc((100% - calc(32px * 6)) / 7);
    margin-right: 32px;
  }
  .flex-7.sp-gutter-32 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.sp-gutter-32.flex-wrap > .col:nth-child(n+8) {
    margin-top: 32px;
  }
}
.flex-7.gutter-40 > .col {
  width: calc((100% - calc(40px * 6)) / 7);
  margin-right: 40px;
}
.flex-7.gutter-40 > .col + .col {
  margin-left: 0 !important;
}
.flex-7.gutter-40 > .col:nth-child(7n) {
  margin-right: 0;
}
.flex-7.gutter-40.flex-wrap > .col:nth-child(n+8) {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .flex-7.gutter-40.sp-col2 > .col {
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
  }
  .flex-7.gutter-40.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-7.gutter-40.sp-col2 > .col:nth-child(n+3) {
    margin-top: 40px;
  }
  .flex-7.gutter-40.sp-col3 > .col {
    width: calc((100% - 40px * 2) / 3);
    margin-right: 40px;
  }
  .flex-7.gutter-40.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-7.gutter-40.sp-col3 > .col:nth-child(n+4) {
    margin-top: 40px;
  }
}
@media (min-width: 991px) {
  .flex-7.pc-gutter-40 > .col {
    width: calc((100% - calc(40px * 6)) / 7);
    margin-right: 40px;
  }
  .flex-7.pc-gutter-40 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.pc-gutter-40.flex-wrap > .col:nth-child(n+8) {
    margin-top: 40px;
  }
}
@media (max-width: 990px) {
  .flex-7.sp-gutter-40 > .col {
    width: calc((100% - calc(40px * 6)) / 7);
    margin-right: 40px;
  }
  .flex-7.sp-gutter-40 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.sp-gutter-40.flex-wrap > .col:nth-child(n+8) {
    margin-top: 40px;
  }
}
.flex-7.gutter-50 > .col {
  width: calc((100% - calc(50px * 6)) / 7);
  margin-right: 50px;
}
.flex-7.gutter-50 > .col + .col {
  margin-left: 0 !important;
}
.flex-7.gutter-50 > .col:nth-child(7n) {
  margin-right: 0;
}
.flex-7.gutter-50.flex-wrap > .col:nth-child(n+8) {
  margin-top: 50px;
}
@media (max-width: 990px) {
  .flex-7.gutter-50.sp-col2 > .col {
    width: calc((100% - 50px) / 2);
    margin-right: 50px;
  }
  .flex-7.gutter-50.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-7.gutter-50.sp-col2 > .col:nth-child(n+3) {
    margin-top: 50px;
  }
  .flex-7.gutter-50.sp-col3 > .col {
    width: calc((100% - 50px * 2) / 3);
    margin-right: 50px;
  }
  .flex-7.gutter-50.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-7.gutter-50.sp-col3 > .col:nth-child(n+4) {
    margin-top: 50px;
  }
}
@media (min-width: 991px) {
  .flex-7.pc-gutter-50 > .col {
    width: calc((100% - calc(50px * 6)) / 7);
    margin-right: 50px;
  }
  .flex-7.pc-gutter-50 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.pc-gutter-50.flex-wrap > .col:nth-child(n+8) {
    margin-top: 50px;
  }
}
@media (max-width: 990px) {
  .flex-7.sp-gutter-50 > .col {
    width: calc((100% - calc(50px * 6)) / 7);
    margin-right: 50px;
  }
  .flex-7.sp-gutter-50 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.sp-gutter-50.flex-wrap > .col:nth-child(n+8) {
    margin-top: 50px;
  }
}
.flex-7.gutter-60 > .col {
  width: calc((100% - calc(60px * 6)) / 7);
  margin-right: 60px;
}
.flex-7.gutter-60 > .col + .col {
  margin-left: 0 !important;
}
.flex-7.gutter-60 > .col:nth-child(7n) {
  margin-right: 0;
}
.flex-7.gutter-60.flex-wrap > .col:nth-child(n+8) {
  margin-top: 60px;
}
@media (max-width: 990px) {
  .flex-7.gutter-60.sp-col2 > .col {
    width: calc((100% - 60px) / 2);
    margin-right: 60px;
  }
  .flex-7.gutter-60.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-7.gutter-60.sp-col2 > .col:nth-child(n+3) {
    margin-top: 60px;
  }
  .flex-7.gutter-60.sp-col3 > .col {
    width: calc((100% - 60px * 2) / 3);
    margin-right: 60px;
  }
  .flex-7.gutter-60.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-7.gutter-60.sp-col3 > .col:nth-child(n+4) {
    margin-top: 60px;
  }
}
@media (min-width: 991px) {
  .flex-7.pc-gutter-60 > .col {
    width: calc((100% - calc(60px * 6)) / 7);
    margin-right: 60px;
  }
  .flex-7.pc-gutter-60 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.pc-gutter-60.flex-wrap > .col:nth-child(n+8) {
    margin-top: 60px;
  }
}
@media (max-width: 990px) {
  .flex-7.sp-gutter-60 > .col {
    width: calc((100% - calc(60px * 6)) / 7);
    margin-right: 60px;
  }
  .flex-7.sp-gutter-60 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.sp-gutter-60.flex-wrap > .col:nth-child(n+8) {
    margin-top: 60px;
  }
}
.flex-7.gutter-80 > .col {
  width: calc((100% - calc(80px * 6)) / 7);
  margin-right: 80px;
}
.flex-7.gutter-80 > .col + .col {
  margin-left: 0 !important;
}
.flex-7.gutter-80 > .col:nth-child(7n) {
  margin-right: 0;
}
.flex-7.gutter-80.flex-wrap > .col:nth-child(n+8) {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .flex-7.gutter-80.sp-col2 > .col {
    width: calc((100% - 80px) / 2);
    margin-right: 80px;
  }
  .flex-7.gutter-80.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-7.gutter-80.sp-col2 > .col:nth-child(n+3) {
    margin-top: 80px;
  }
  .flex-7.gutter-80.sp-col3 > .col {
    width: calc((100% - 80px * 2) / 3);
    margin-right: 80px;
  }
  .flex-7.gutter-80.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-7.gutter-80.sp-col3 > .col:nth-child(n+4) {
    margin-top: 80px;
  }
}
@media (min-width: 991px) {
  .flex-7.pc-gutter-80 > .col {
    width: calc((100% - calc(80px * 6)) / 7);
    margin-right: 80px;
  }
  .flex-7.pc-gutter-80 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.pc-gutter-80.flex-wrap > .col:nth-child(n+8) {
    margin-top: 80px;
  }
}
@media (max-width: 990px) {
  .flex-7.sp-gutter-80 > .col {
    width: calc((100% - calc(80px * 6)) / 7);
    margin-right: 80px;
  }
  .flex-7.sp-gutter-80 > .col:nth-child(7n) {
    margin-right: 0;
  }
  .flex-7.sp-gutter-80.flex-wrap > .col:nth-child(n+8) {
    margin-top: 80px;
  }
}
.flex-6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-6 > .col {
  width: calc(100% / 6);
}
@media (max-width: 990px) {
  .flex-6 > .col {
    width: 100%;
  }
}
@media (max-width: 990px) {
  .flex-6.sp-col1, .flex-6.sp-col2, .flex-6.sp-col3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-6:not([class^=gutter-]).sp-col2 > .col {
    width: 50%;
  }
  .flex-6:not([class^=gutter-]).sp-col3 > .col {
    width: 33.3333333333%;
  }
}
.flex-6.gutter-5 > .col {
  width: calc((100% - calc(5px * 5)) / 6);
  margin-right: 5px;
}
.flex-6.gutter-5 > .col + .col {
  margin-left: 0 !important;
}
.flex-6.gutter-5 > .col:nth-child(6n) {
  margin-right: 0;
}
.flex-6.gutter-5.flex-wrap > .col:nth-child(n+7) {
  margin-top: 5px;
}
@media (max-width: 990px) {
  .flex-6.gutter-5.sp-col2 > .col {
    width: calc((100% - 5px) / 2);
    margin-right: 5px;
  }
  .flex-6.gutter-5.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-6.gutter-5.sp-col2 > .col:nth-child(n+3) {
    margin-top: 5px;
  }
  .flex-6.gutter-5.sp-col3 > .col {
    width: calc((100% - 5px * 2) / 3);
    margin-right: 5px;
  }
  .flex-6.gutter-5.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-6.gutter-5.sp-col3 > .col:nth-child(n+4) {
    margin-top: 5px;
  }
}
@media (min-width: 991px) {
  .flex-6.pc-gutter-5 > .col {
    width: calc((100% - calc(5px * 5)) / 6);
    margin-right: 5px;
  }
  .flex-6.pc-gutter-5 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.pc-gutter-5.flex-wrap > .col:nth-child(n+7) {
    margin-top: 5px;
  }
}
@media (max-width: 990px) {
  .flex-6.sp-gutter-5 > .col {
    width: calc((100% - calc(5px * 5)) / 6);
    margin-right: 5px;
  }
  .flex-6.sp-gutter-5 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.sp-gutter-5.flex-wrap > .col:nth-child(n+7) {
    margin-top: 5px;
  }
}
.flex-6.gutter-8 > .col {
  width: calc((100% - calc(8px * 5)) / 6);
  margin-right: 8px;
}
.flex-6.gutter-8 > .col + .col {
  margin-left: 0 !important;
}
.flex-6.gutter-8 > .col:nth-child(6n) {
  margin-right: 0;
}
.flex-6.gutter-8.flex-wrap > .col:nth-child(n+7) {
  margin-top: 8px;
}
@media (max-width: 990px) {
  .flex-6.gutter-8.sp-col2 > .col {
    width: calc((100% - 8px) / 2);
    margin-right: 8px;
  }
  .flex-6.gutter-8.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-6.gutter-8.sp-col2 > .col:nth-child(n+3) {
    margin-top: 8px;
  }
  .flex-6.gutter-8.sp-col3 > .col {
    width: calc((100% - 8px * 2) / 3);
    margin-right: 8px;
  }
  .flex-6.gutter-8.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-6.gutter-8.sp-col3 > .col:nth-child(n+4) {
    margin-top: 8px;
  }
}
@media (min-width: 991px) {
  .flex-6.pc-gutter-8 > .col {
    width: calc((100% - calc(8px * 5)) / 6);
    margin-right: 8px;
  }
  .flex-6.pc-gutter-8 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.pc-gutter-8.flex-wrap > .col:nth-child(n+7) {
    margin-top: 8px;
  }
}
@media (max-width: 990px) {
  .flex-6.sp-gutter-8 > .col {
    width: calc((100% - calc(8px * 5)) / 6);
    margin-right: 8px;
  }
  .flex-6.sp-gutter-8 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.sp-gutter-8.flex-wrap > .col:nth-child(n+7) {
    margin-top: 8px;
  }
}
.flex-6.gutter-10 > .col {
  width: calc((100% - calc(10px * 5)) / 6);
  margin-right: 10px;
}
.flex-6.gutter-10 > .col + .col {
  margin-left: 0 !important;
}
.flex-6.gutter-10 > .col:nth-child(6n) {
  margin-right: 0;
}
.flex-6.gutter-10.flex-wrap > .col:nth-child(n+7) {
  margin-top: 10px;
}
@media (max-width: 990px) {
  .flex-6.gutter-10.sp-col2 > .col {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .flex-6.gutter-10.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-6.gutter-10.sp-col2 > .col:nth-child(n+3) {
    margin-top: 10px;
  }
  .flex-6.gutter-10.sp-col3 > .col {
    width: calc((100% - 10px * 2) / 3);
    margin-right: 10px;
  }
  .flex-6.gutter-10.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-6.gutter-10.sp-col3 > .col:nth-child(n+4) {
    margin-top: 10px;
  }
}
@media (min-width: 991px) {
  .flex-6.pc-gutter-10 > .col {
    width: calc((100% - calc(10px * 5)) / 6);
    margin-right: 10px;
  }
  .flex-6.pc-gutter-10 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.pc-gutter-10.flex-wrap > .col:nth-child(n+7) {
    margin-top: 10px;
  }
}
@media (max-width: 990px) {
  .flex-6.sp-gutter-10 > .col {
    width: calc((100% - calc(10px * 5)) / 6);
    margin-right: 10px;
  }
  .flex-6.sp-gutter-10 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.sp-gutter-10.flex-wrap > .col:nth-child(n+7) {
    margin-top: 10px;
  }
}
.flex-6.gutter-15 > .col {
  width: calc((100% - calc(15px * 5)) / 6);
  margin-right: 15px;
}
.flex-6.gutter-15 > .col + .col {
  margin-left: 0 !important;
}
.flex-6.gutter-15 > .col:nth-child(6n) {
  margin-right: 0;
}
.flex-6.gutter-15.flex-wrap > .col:nth-child(n+7) {
  margin-top: 15px;
}
@media (max-width: 990px) {
  .flex-6.gutter-15.sp-col2 > .col {
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
  }
  .flex-6.gutter-15.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-6.gutter-15.sp-col2 > .col:nth-child(n+3) {
    margin-top: 15px;
  }
  .flex-6.gutter-15.sp-col3 > .col {
    width: calc((100% - 15px * 2) / 3);
    margin-right: 15px;
  }
  .flex-6.gutter-15.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-6.gutter-15.sp-col3 > .col:nth-child(n+4) {
    margin-top: 15px;
  }
}
@media (min-width: 991px) {
  .flex-6.pc-gutter-15 > .col {
    width: calc((100% - calc(15px * 5)) / 6);
    margin-right: 15px;
  }
  .flex-6.pc-gutter-15 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.pc-gutter-15.flex-wrap > .col:nth-child(n+7) {
    margin-top: 15px;
  }
}
@media (max-width: 990px) {
  .flex-6.sp-gutter-15 > .col {
    width: calc((100% - calc(15px * 5)) / 6);
    margin-right: 15px;
  }
  .flex-6.sp-gutter-15 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.sp-gutter-15.flex-wrap > .col:nth-child(n+7) {
    margin-top: 15px;
  }
}
.flex-6.gutter-16 > .col {
  width: calc((100% - calc(16px * 5)) / 6);
  margin-right: 16px;
}
.flex-6.gutter-16 > .col + .col {
  margin-left: 0 !important;
}
.flex-6.gutter-16 > .col:nth-child(6n) {
  margin-right: 0;
}
.flex-6.gutter-16.flex-wrap > .col:nth-child(n+7) {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .flex-6.gutter-16.sp-col2 > .col {
    width: calc((100% - 16px) / 2);
    margin-right: 16px;
  }
  .flex-6.gutter-16.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-6.gutter-16.sp-col2 > .col:nth-child(n+3) {
    margin-top: 16px;
  }
  .flex-6.gutter-16.sp-col3 > .col {
    width: calc((100% - 16px * 2) / 3);
    margin-right: 16px;
  }
  .flex-6.gutter-16.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-6.gutter-16.sp-col3 > .col:nth-child(n+4) {
    margin-top: 16px;
  }
}
@media (min-width: 991px) {
  .flex-6.pc-gutter-16 > .col {
    width: calc((100% - calc(16px * 5)) / 6);
    margin-right: 16px;
  }
  .flex-6.pc-gutter-16 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.pc-gutter-16.flex-wrap > .col:nth-child(n+7) {
    margin-top: 16px;
  }
}
@media (max-width: 990px) {
  .flex-6.sp-gutter-16 > .col {
    width: calc((100% - calc(16px * 5)) / 6);
    margin-right: 16px;
  }
  .flex-6.sp-gutter-16 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.sp-gutter-16.flex-wrap > .col:nth-child(n+7) {
    margin-top: 16px;
  }
}
.flex-6.gutter-20 > .col {
  width: calc((100% - calc(20px * 5)) / 6);
  margin-right: 20px;
}
.flex-6.gutter-20 > .col + .col {
  margin-left: 0 !important;
}
.flex-6.gutter-20 > .col:nth-child(6n) {
  margin-right: 0;
}
.flex-6.gutter-20.flex-wrap > .col:nth-child(n+7) {
  margin-top: 20px;
}
@media (max-width: 990px) {
  .flex-6.gutter-20.sp-col2 > .col {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
  }
  .flex-6.gutter-20.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-6.gutter-20.sp-col2 > .col:nth-child(n+3) {
    margin-top: 20px;
  }
  .flex-6.gutter-20.sp-col3 > .col {
    width: calc((100% - 20px * 2) / 3);
    margin-right: 20px;
  }
  .flex-6.gutter-20.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-6.gutter-20.sp-col3 > .col:nth-child(n+4) {
    margin-top: 20px;
  }
}
@media (min-width: 991px) {
  .flex-6.pc-gutter-20 > .col {
    width: calc((100% - calc(20px * 5)) / 6);
    margin-right: 20px;
  }
  .flex-6.pc-gutter-20 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.pc-gutter-20.flex-wrap > .col:nth-child(n+7) {
    margin-top: 20px;
  }
}
@media (max-width: 990px) {
  .flex-6.sp-gutter-20 > .col {
    width: calc((100% - calc(20px * 5)) / 6);
    margin-right: 20px;
  }
  .flex-6.sp-gutter-20 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.sp-gutter-20.flex-wrap > .col:nth-child(n+7) {
    margin-top: 20px;
  }
}
.flex-6.gutter-24 > .col {
  width: calc((100% - calc(24px * 5)) / 6);
  margin-right: 24px;
}
.flex-6.gutter-24 > .col + .col {
  margin-left: 0 !important;
}
.flex-6.gutter-24 > .col:nth-child(6n) {
  margin-right: 0;
}
.flex-6.gutter-24.flex-wrap > .col:nth-child(n+7) {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .flex-6.gutter-24.sp-col2 > .col {
    width: calc((100% - 24px) / 2);
    margin-right: 24px;
  }
  .flex-6.gutter-24.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-6.gutter-24.sp-col2 > .col:nth-child(n+3) {
    margin-top: 24px;
  }
  .flex-6.gutter-24.sp-col3 > .col {
    width: calc((100% - 24px * 2) / 3);
    margin-right: 24px;
  }
  .flex-6.gutter-24.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-6.gutter-24.sp-col3 > .col:nth-child(n+4) {
    margin-top: 24px;
  }
}
@media (min-width: 991px) {
  .flex-6.pc-gutter-24 > .col {
    width: calc((100% - calc(24px * 5)) / 6);
    margin-right: 24px;
  }
  .flex-6.pc-gutter-24 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.pc-gutter-24.flex-wrap > .col:nth-child(n+7) {
    margin-top: 24px;
  }
}
@media (max-width: 990px) {
  .flex-6.sp-gutter-24 > .col {
    width: calc((100% - calc(24px * 5)) / 6);
    margin-right: 24px;
  }
  .flex-6.sp-gutter-24 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.sp-gutter-24.flex-wrap > .col:nth-child(n+7) {
    margin-top: 24px;
  }
}
.flex-6.gutter-25 > .col {
  width: calc((100% - calc(25px * 5)) / 6);
  margin-right: 25px;
}
.flex-6.gutter-25 > .col + .col {
  margin-left: 0 !important;
}
.flex-6.gutter-25 > .col:nth-child(6n) {
  margin-right: 0;
}
.flex-6.gutter-25.flex-wrap > .col:nth-child(n+7) {
  margin-top: 25px;
}
@media (max-width: 990px) {
  .flex-6.gutter-25.sp-col2 > .col {
    width: calc((100% - 25px) / 2);
    margin-right: 25px;
  }
  .flex-6.gutter-25.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-6.gutter-25.sp-col2 > .col:nth-child(n+3) {
    margin-top: 25px;
  }
  .flex-6.gutter-25.sp-col3 > .col {
    width: calc((100% - 25px * 2) / 3);
    margin-right: 25px;
  }
  .flex-6.gutter-25.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-6.gutter-25.sp-col3 > .col:nth-child(n+4) {
    margin-top: 25px;
  }
}
@media (min-width: 991px) {
  .flex-6.pc-gutter-25 > .col {
    width: calc((100% - calc(25px * 5)) / 6);
    margin-right: 25px;
  }
  .flex-6.pc-gutter-25 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.pc-gutter-25.flex-wrap > .col:nth-child(n+7) {
    margin-top: 25px;
  }
}
@media (max-width: 990px) {
  .flex-6.sp-gutter-25 > .col {
    width: calc((100% - calc(25px * 5)) / 6);
    margin-right: 25px;
  }
  .flex-6.sp-gutter-25 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.sp-gutter-25.flex-wrap > .col:nth-child(n+7) {
    margin-top: 25px;
  }
}
.flex-6.gutter-30 > .col {
  width: calc((100% - calc(30px * 5)) / 6);
  margin-right: 30px;
}
.flex-6.gutter-30 > .col + .col {
  margin-left: 0 !important;
}
.flex-6.gutter-30 > .col:nth-child(6n) {
  margin-right: 0;
}
.flex-6.gutter-30.flex-wrap > .col:nth-child(n+7) {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .flex-6.gutter-30.sp-col2 > .col {
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
  }
  .flex-6.gutter-30.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-6.gutter-30.sp-col2 > .col:nth-child(n+3) {
    margin-top: 30px;
  }
  .flex-6.gutter-30.sp-col3 > .col {
    width: calc((100% - 30px * 2) / 3);
    margin-right: 30px;
  }
  .flex-6.gutter-30.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-6.gutter-30.sp-col3 > .col:nth-child(n+4) {
    margin-top: 30px;
  }
}
@media (min-width: 991px) {
  .flex-6.pc-gutter-30 > .col {
    width: calc((100% - calc(30px * 5)) / 6);
    margin-right: 30px;
  }
  .flex-6.pc-gutter-30 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.pc-gutter-30.flex-wrap > .col:nth-child(n+7) {
    margin-top: 30px;
  }
}
@media (max-width: 990px) {
  .flex-6.sp-gutter-30 > .col {
    width: calc((100% - calc(30px * 5)) / 6);
    margin-right: 30px;
  }
  .flex-6.sp-gutter-30 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.sp-gutter-30.flex-wrap > .col:nth-child(n+7) {
    margin-top: 30px;
  }
}
.flex-6.gutter-32 > .col {
  width: calc((100% - calc(32px * 5)) / 6);
  margin-right: 32px;
}
.flex-6.gutter-32 > .col + .col {
  margin-left: 0 !important;
}
.flex-6.gutter-32 > .col:nth-child(6n) {
  margin-right: 0;
}
.flex-6.gutter-32.flex-wrap > .col:nth-child(n+7) {
  margin-top: 32px;
}
@media (max-width: 990px) {
  .flex-6.gutter-32.sp-col2 > .col {
    width: calc((100% - 32px) / 2);
    margin-right: 32px;
  }
  .flex-6.gutter-32.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-6.gutter-32.sp-col2 > .col:nth-child(n+3) {
    margin-top: 32px;
  }
  .flex-6.gutter-32.sp-col3 > .col {
    width: calc((100% - 32px * 2) / 3);
    margin-right: 32px;
  }
  .flex-6.gutter-32.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-6.gutter-32.sp-col3 > .col:nth-child(n+4) {
    margin-top: 32px;
  }
}
@media (min-width: 991px) {
  .flex-6.pc-gutter-32 > .col {
    width: calc((100% - calc(32px * 5)) / 6);
    margin-right: 32px;
  }
  .flex-6.pc-gutter-32 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.pc-gutter-32.flex-wrap > .col:nth-child(n+7) {
    margin-top: 32px;
  }
}
@media (max-width: 990px) {
  .flex-6.sp-gutter-32 > .col {
    width: calc((100% - calc(32px * 5)) / 6);
    margin-right: 32px;
  }
  .flex-6.sp-gutter-32 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.sp-gutter-32.flex-wrap > .col:nth-child(n+7) {
    margin-top: 32px;
  }
}
.flex-6.gutter-40 > .col {
  width: calc((100% - calc(40px * 5)) / 6);
  margin-right: 40px;
}
.flex-6.gutter-40 > .col + .col {
  margin-left: 0 !important;
}
.flex-6.gutter-40 > .col:nth-child(6n) {
  margin-right: 0;
}
.flex-6.gutter-40.flex-wrap > .col:nth-child(n+7) {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .flex-6.gutter-40.sp-col2 > .col {
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
  }
  .flex-6.gutter-40.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-6.gutter-40.sp-col2 > .col:nth-child(n+3) {
    margin-top: 40px;
  }
  .flex-6.gutter-40.sp-col3 > .col {
    width: calc((100% - 40px * 2) / 3);
    margin-right: 40px;
  }
  .flex-6.gutter-40.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-6.gutter-40.sp-col3 > .col:nth-child(n+4) {
    margin-top: 40px;
  }
}
@media (min-width: 991px) {
  .flex-6.pc-gutter-40 > .col {
    width: calc((100% - calc(40px * 5)) / 6);
    margin-right: 40px;
  }
  .flex-6.pc-gutter-40 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.pc-gutter-40.flex-wrap > .col:nth-child(n+7) {
    margin-top: 40px;
  }
}
@media (max-width: 990px) {
  .flex-6.sp-gutter-40 > .col {
    width: calc((100% - calc(40px * 5)) / 6);
    margin-right: 40px;
  }
  .flex-6.sp-gutter-40 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.sp-gutter-40.flex-wrap > .col:nth-child(n+7) {
    margin-top: 40px;
  }
}
.flex-6.gutter-50 > .col {
  width: calc((100% - calc(50px * 5)) / 6);
  margin-right: 50px;
}
.flex-6.gutter-50 > .col + .col {
  margin-left: 0 !important;
}
.flex-6.gutter-50 > .col:nth-child(6n) {
  margin-right: 0;
}
.flex-6.gutter-50.flex-wrap > .col:nth-child(n+7) {
  margin-top: 50px;
}
@media (max-width: 990px) {
  .flex-6.gutter-50.sp-col2 > .col {
    width: calc((100% - 50px) / 2);
    margin-right: 50px;
  }
  .flex-6.gutter-50.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-6.gutter-50.sp-col2 > .col:nth-child(n+3) {
    margin-top: 50px;
  }
  .flex-6.gutter-50.sp-col3 > .col {
    width: calc((100% - 50px * 2) / 3);
    margin-right: 50px;
  }
  .flex-6.gutter-50.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-6.gutter-50.sp-col3 > .col:nth-child(n+4) {
    margin-top: 50px;
  }
}
@media (min-width: 991px) {
  .flex-6.pc-gutter-50 > .col {
    width: calc((100% - calc(50px * 5)) / 6);
    margin-right: 50px;
  }
  .flex-6.pc-gutter-50 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.pc-gutter-50.flex-wrap > .col:nth-child(n+7) {
    margin-top: 50px;
  }
}
@media (max-width: 990px) {
  .flex-6.sp-gutter-50 > .col {
    width: calc((100% - calc(50px * 5)) / 6);
    margin-right: 50px;
  }
  .flex-6.sp-gutter-50 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.sp-gutter-50.flex-wrap > .col:nth-child(n+7) {
    margin-top: 50px;
  }
}
.flex-6.gutter-60 > .col {
  width: calc((100% - calc(60px * 5)) / 6);
  margin-right: 60px;
}
.flex-6.gutter-60 > .col + .col {
  margin-left: 0 !important;
}
.flex-6.gutter-60 > .col:nth-child(6n) {
  margin-right: 0;
}
.flex-6.gutter-60.flex-wrap > .col:nth-child(n+7) {
  margin-top: 60px;
}
@media (max-width: 990px) {
  .flex-6.gutter-60.sp-col2 > .col {
    width: calc((100% - 60px) / 2);
    margin-right: 60px;
  }
  .flex-6.gutter-60.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-6.gutter-60.sp-col2 > .col:nth-child(n+3) {
    margin-top: 60px;
  }
  .flex-6.gutter-60.sp-col3 > .col {
    width: calc((100% - 60px * 2) / 3);
    margin-right: 60px;
  }
  .flex-6.gutter-60.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-6.gutter-60.sp-col3 > .col:nth-child(n+4) {
    margin-top: 60px;
  }
}
@media (min-width: 991px) {
  .flex-6.pc-gutter-60 > .col {
    width: calc((100% - calc(60px * 5)) / 6);
    margin-right: 60px;
  }
  .flex-6.pc-gutter-60 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.pc-gutter-60.flex-wrap > .col:nth-child(n+7) {
    margin-top: 60px;
  }
}
@media (max-width: 990px) {
  .flex-6.sp-gutter-60 > .col {
    width: calc((100% - calc(60px * 5)) / 6);
    margin-right: 60px;
  }
  .flex-6.sp-gutter-60 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.sp-gutter-60.flex-wrap > .col:nth-child(n+7) {
    margin-top: 60px;
  }
}
.flex-6.gutter-80 > .col {
  width: calc((100% - calc(80px * 5)) / 6);
  margin-right: 80px;
}
.flex-6.gutter-80 > .col + .col {
  margin-left: 0 !important;
}
.flex-6.gutter-80 > .col:nth-child(6n) {
  margin-right: 0;
}
.flex-6.gutter-80.flex-wrap > .col:nth-child(n+7) {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .flex-6.gutter-80.sp-col2 > .col {
    width: calc((100% - 80px) / 2);
    margin-right: 80px;
  }
  .flex-6.gutter-80.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-6.gutter-80.sp-col2 > .col:nth-child(n+3) {
    margin-top: 80px;
  }
  .flex-6.gutter-80.sp-col3 > .col {
    width: calc((100% - 80px * 2) / 3);
    margin-right: 80px;
  }
  .flex-6.gutter-80.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-6.gutter-80.sp-col3 > .col:nth-child(n+4) {
    margin-top: 80px;
  }
}
@media (min-width: 991px) {
  .flex-6.pc-gutter-80 > .col {
    width: calc((100% - calc(80px * 5)) / 6);
    margin-right: 80px;
  }
  .flex-6.pc-gutter-80 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.pc-gutter-80.flex-wrap > .col:nth-child(n+7) {
    margin-top: 80px;
  }
}
@media (max-width: 990px) {
  .flex-6.sp-gutter-80 > .col {
    width: calc((100% - calc(80px * 5)) / 6);
    margin-right: 80px;
  }
  .flex-6.sp-gutter-80 > .col:nth-child(6n) {
    margin-right: 0;
  }
  .flex-6.sp-gutter-80.flex-wrap > .col:nth-child(n+7) {
    margin-top: 80px;
  }
}
.flex-5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-5 > .col {
  width: calc(100% / 5);
}
@media (max-width: 990px) {
  .flex-5 > .col {
    width: 100%;
  }
}
@media (max-width: 990px) {
  .flex-5.sp-col1, .flex-5.sp-col2, .flex-5.sp-col3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-5:not([class^=gutter-]).sp-col2 > .col {
    width: 50%;
  }
  .flex-5:not([class^=gutter-]).sp-col3 > .col {
    width: 33.3333333333%;
  }
}
.flex-5.gutter-5 > .col {
  width: calc((100% - calc(5px * 4)) / 5);
  margin-right: 5px;
}
.flex-5.gutter-5 > .col + .col {
  margin-left: 0 !important;
}
.flex-5.gutter-5 > .col:nth-child(5n) {
  margin-right: 0;
}
.flex-5.gutter-5.flex-wrap > .col:nth-child(n+6) {
  margin-top: 5px;
}
@media (max-width: 990px) {
  .flex-5.gutter-5.sp-col2 > .col {
    width: calc((100% - 5px) / 2);
    margin-right: 5px;
  }
  .flex-5.gutter-5.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-5.gutter-5.sp-col2 > .col:nth-child(n+3) {
    margin-top: 5px;
  }
  .flex-5.gutter-5.sp-col3 > .col {
    width: calc((100% - 5px * 2) / 3);
    margin-right: 5px;
  }
  .flex-5.gutter-5.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-5.gutter-5.sp-col3 > .col:nth-child(n+4) {
    margin-top: 5px;
  }
}
@media (min-width: 991px) {
  .flex-5.pc-gutter-5 > .col {
    width: calc((100% - calc(5px * 4)) / 5);
    margin-right: 5px;
  }
  .flex-5.pc-gutter-5 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.pc-gutter-5.flex-wrap > .col:nth-child(n+6) {
    margin-top: 5px;
  }
}
@media (max-width: 990px) {
  .flex-5.sp-gutter-5 > .col {
    width: calc((100% - calc(5px * 4)) / 5);
    margin-right: 5px;
  }
  .flex-5.sp-gutter-5 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.sp-gutter-5.flex-wrap > .col:nth-child(n+6) {
    margin-top: 5px;
  }
}
.flex-5.gutter-8 > .col {
  width: calc((100% - calc(8px * 4)) / 5);
  margin-right: 8px;
}
.flex-5.gutter-8 > .col + .col {
  margin-left: 0 !important;
}
.flex-5.gutter-8 > .col:nth-child(5n) {
  margin-right: 0;
}
.flex-5.gutter-8.flex-wrap > .col:nth-child(n+6) {
  margin-top: 8px;
}
@media (max-width: 990px) {
  .flex-5.gutter-8.sp-col2 > .col {
    width: calc((100% - 8px) / 2);
    margin-right: 8px;
  }
  .flex-5.gutter-8.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-5.gutter-8.sp-col2 > .col:nth-child(n+3) {
    margin-top: 8px;
  }
  .flex-5.gutter-8.sp-col3 > .col {
    width: calc((100% - 8px * 2) / 3);
    margin-right: 8px;
  }
  .flex-5.gutter-8.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-5.gutter-8.sp-col3 > .col:nth-child(n+4) {
    margin-top: 8px;
  }
}
@media (min-width: 991px) {
  .flex-5.pc-gutter-8 > .col {
    width: calc((100% - calc(8px * 4)) / 5);
    margin-right: 8px;
  }
  .flex-5.pc-gutter-8 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.pc-gutter-8.flex-wrap > .col:nth-child(n+6) {
    margin-top: 8px;
  }
}
@media (max-width: 990px) {
  .flex-5.sp-gutter-8 > .col {
    width: calc((100% - calc(8px * 4)) / 5);
    margin-right: 8px;
  }
  .flex-5.sp-gutter-8 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.sp-gutter-8.flex-wrap > .col:nth-child(n+6) {
    margin-top: 8px;
  }
}
.flex-5.gutter-10 > .col {
  width: calc((100% - calc(10px * 4)) / 5);
  margin-right: 10px;
}
.flex-5.gutter-10 > .col + .col {
  margin-left: 0 !important;
}
.flex-5.gutter-10 > .col:nth-child(5n) {
  margin-right: 0;
}
.flex-5.gutter-10.flex-wrap > .col:nth-child(n+6) {
  margin-top: 10px;
}
@media (max-width: 990px) {
  .flex-5.gutter-10.sp-col2 > .col {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .flex-5.gutter-10.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-5.gutter-10.sp-col2 > .col:nth-child(n+3) {
    margin-top: 10px;
  }
  .flex-5.gutter-10.sp-col3 > .col {
    width: calc((100% - 10px * 2) / 3);
    margin-right: 10px;
  }
  .flex-5.gutter-10.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-5.gutter-10.sp-col3 > .col:nth-child(n+4) {
    margin-top: 10px;
  }
}
@media (min-width: 991px) {
  .flex-5.pc-gutter-10 > .col {
    width: calc((100% - calc(10px * 4)) / 5);
    margin-right: 10px;
  }
  .flex-5.pc-gutter-10 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.pc-gutter-10.flex-wrap > .col:nth-child(n+6) {
    margin-top: 10px;
  }
}
@media (max-width: 990px) {
  .flex-5.sp-gutter-10 > .col {
    width: calc((100% - calc(10px * 4)) / 5);
    margin-right: 10px;
  }
  .flex-5.sp-gutter-10 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.sp-gutter-10.flex-wrap > .col:nth-child(n+6) {
    margin-top: 10px;
  }
}
.flex-5.gutter-15 > .col {
  width: calc((100% - calc(15px * 4)) / 5);
  margin-right: 15px;
}
.flex-5.gutter-15 > .col + .col {
  margin-left: 0 !important;
}
.flex-5.gutter-15 > .col:nth-child(5n) {
  margin-right: 0;
}
.flex-5.gutter-15.flex-wrap > .col:nth-child(n+6) {
  margin-top: 15px;
}
@media (max-width: 990px) {
  .flex-5.gutter-15.sp-col2 > .col {
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
  }
  .flex-5.gutter-15.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-5.gutter-15.sp-col2 > .col:nth-child(n+3) {
    margin-top: 15px;
  }
  .flex-5.gutter-15.sp-col3 > .col {
    width: calc((100% - 15px * 2) / 3);
    margin-right: 15px;
  }
  .flex-5.gutter-15.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-5.gutter-15.sp-col3 > .col:nth-child(n+4) {
    margin-top: 15px;
  }
}
@media (min-width: 991px) {
  .flex-5.pc-gutter-15 > .col {
    width: calc((100% - calc(15px * 4)) / 5);
    margin-right: 15px;
  }
  .flex-5.pc-gutter-15 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.pc-gutter-15.flex-wrap > .col:nth-child(n+6) {
    margin-top: 15px;
  }
}
@media (max-width: 990px) {
  .flex-5.sp-gutter-15 > .col {
    width: calc((100% - calc(15px * 4)) / 5);
    margin-right: 15px;
  }
  .flex-5.sp-gutter-15 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.sp-gutter-15.flex-wrap > .col:nth-child(n+6) {
    margin-top: 15px;
  }
}
.flex-5.gutter-16 > .col {
  width: calc((100% - calc(16px * 4)) / 5);
  margin-right: 16px;
}
.flex-5.gutter-16 > .col + .col {
  margin-left: 0 !important;
}
.flex-5.gutter-16 > .col:nth-child(5n) {
  margin-right: 0;
}
.flex-5.gutter-16.flex-wrap > .col:nth-child(n+6) {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .flex-5.gutter-16.sp-col2 > .col {
    width: calc((100% - 16px) / 2);
    margin-right: 16px;
  }
  .flex-5.gutter-16.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-5.gutter-16.sp-col2 > .col:nth-child(n+3) {
    margin-top: 16px;
  }
  .flex-5.gutter-16.sp-col3 > .col {
    width: calc((100% - 16px * 2) / 3);
    margin-right: 16px;
  }
  .flex-5.gutter-16.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-5.gutter-16.sp-col3 > .col:nth-child(n+4) {
    margin-top: 16px;
  }
}
@media (min-width: 991px) {
  .flex-5.pc-gutter-16 > .col {
    width: calc((100% - calc(16px * 4)) / 5);
    margin-right: 16px;
  }
  .flex-5.pc-gutter-16 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.pc-gutter-16.flex-wrap > .col:nth-child(n+6) {
    margin-top: 16px;
  }
}
@media (max-width: 990px) {
  .flex-5.sp-gutter-16 > .col {
    width: calc((100% - calc(16px * 4)) / 5);
    margin-right: 16px;
  }
  .flex-5.sp-gutter-16 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.sp-gutter-16.flex-wrap > .col:nth-child(n+6) {
    margin-top: 16px;
  }
}
.flex-5.gutter-20 > .col {
  width: calc((100% - calc(20px * 4)) / 5);
  margin-right: 20px;
}
.flex-5.gutter-20 > .col + .col {
  margin-left: 0 !important;
}
.flex-5.gutter-20 > .col:nth-child(5n) {
  margin-right: 0;
}
.flex-5.gutter-20.flex-wrap > .col:nth-child(n+6) {
  margin-top: 20px;
}
@media (max-width: 990px) {
  .flex-5.gutter-20.sp-col2 > .col {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
  }
  .flex-5.gutter-20.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-5.gutter-20.sp-col2 > .col:nth-child(n+3) {
    margin-top: 20px;
  }
  .flex-5.gutter-20.sp-col3 > .col {
    width: calc((100% - 20px * 2) / 3);
    margin-right: 20px;
  }
  .flex-5.gutter-20.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-5.gutter-20.sp-col3 > .col:nth-child(n+4) {
    margin-top: 20px;
  }
}
@media (min-width: 991px) {
  .flex-5.pc-gutter-20 > .col {
    width: calc((100% - calc(20px * 4)) / 5);
    margin-right: 20px;
  }
  .flex-5.pc-gutter-20 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.pc-gutter-20.flex-wrap > .col:nth-child(n+6) {
    margin-top: 20px;
  }
}
@media (max-width: 990px) {
  .flex-5.sp-gutter-20 > .col {
    width: calc((100% - calc(20px * 4)) / 5);
    margin-right: 20px;
  }
  .flex-5.sp-gutter-20 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.sp-gutter-20.flex-wrap > .col:nth-child(n+6) {
    margin-top: 20px;
  }
}
.flex-5.gutter-24 > .col {
  width: calc((100% - calc(24px * 4)) / 5);
  margin-right: 24px;
}
.flex-5.gutter-24 > .col + .col {
  margin-left: 0 !important;
}
.flex-5.gutter-24 > .col:nth-child(5n) {
  margin-right: 0;
}
.flex-5.gutter-24.flex-wrap > .col:nth-child(n+6) {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .flex-5.gutter-24.sp-col2 > .col {
    width: calc((100% - 24px) / 2);
    margin-right: 24px;
  }
  .flex-5.gutter-24.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-5.gutter-24.sp-col2 > .col:nth-child(n+3) {
    margin-top: 24px;
  }
  .flex-5.gutter-24.sp-col3 > .col {
    width: calc((100% - 24px * 2) / 3);
    margin-right: 24px;
  }
  .flex-5.gutter-24.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-5.gutter-24.sp-col3 > .col:nth-child(n+4) {
    margin-top: 24px;
  }
}
@media (min-width: 991px) {
  .flex-5.pc-gutter-24 > .col {
    width: calc((100% - calc(24px * 4)) / 5);
    margin-right: 24px;
  }
  .flex-5.pc-gutter-24 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.pc-gutter-24.flex-wrap > .col:nth-child(n+6) {
    margin-top: 24px;
  }
}
@media (max-width: 990px) {
  .flex-5.sp-gutter-24 > .col {
    width: calc((100% - calc(24px * 4)) / 5);
    margin-right: 24px;
  }
  .flex-5.sp-gutter-24 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.sp-gutter-24.flex-wrap > .col:nth-child(n+6) {
    margin-top: 24px;
  }
}
.flex-5.gutter-25 > .col {
  width: calc((100% - calc(25px * 4)) / 5);
  margin-right: 25px;
}
.flex-5.gutter-25 > .col + .col {
  margin-left: 0 !important;
}
.flex-5.gutter-25 > .col:nth-child(5n) {
  margin-right: 0;
}
.flex-5.gutter-25.flex-wrap > .col:nth-child(n+6) {
  margin-top: 25px;
}
@media (max-width: 990px) {
  .flex-5.gutter-25.sp-col2 > .col {
    width: calc((100% - 25px) / 2);
    margin-right: 25px;
  }
  .flex-5.gutter-25.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-5.gutter-25.sp-col2 > .col:nth-child(n+3) {
    margin-top: 25px;
  }
  .flex-5.gutter-25.sp-col3 > .col {
    width: calc((100% - 25px * 2) / 3);
    margin-right: 25px;
  }
  .flex-5.gutter-25.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-5.gutter-25.sp-col3 > .col:nth-child(n+4) {
    margin-top: 25px;
  }
}
@media (min-width: 991px) {
  .flex-5.pc-gutter-25 > .col {
    width: calc((100% - calc(25px * 4)) / 5);
    margin-right: 25px;
  }
  .flex-5.pc-gutter-25 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.pc-gutter-25.flex-wrap > .col:nth-child(n+6) {
    margin-top: 25px;
  }
}
@media (max-width: 990px) {
  .flex-5.sp-gutter-25 > .col {
    width: calc((100% - calc(25px * 4)) / 5);
    margin-right: 25px;
  }
  .flex-5.sp-gutter-25 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.sp-gutter-25.flex-wrap > .col:nth-child(n+6) {
    margin-top: 25px;
  }
}
.flex-5.gutter-30 > .col {
  width: calc((100% - calc(30px * 4)) / 5);
  margin-right: 30px;
}
.flex-5.gutter-30 > .col + .col {
  margin-left: 0 !important;
}
.flex-5.gutter-30 > .col:nth-child(5n) {
  margin-right: 0;
}
.flex-5.gutter-30.flex-wrap > .col:nth-child(n+6) {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .flex-5.gutter-30.sp-col2 > .col {
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
  }
  .flex-5.gutter-30.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-5.gutter-30.sp-col2 > .col:nth-child(n+3) {
    margin-top: 30px;
  }
  .flex-5.gutter-30.sp-col3 > .col {
    width: calc((100% - 30px * 2) / 3);
    margin-right: 30px;
  }
  .flex-5.gutter-30.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-5.gutter-30.sp-col3 > .col:nth-child(n+4) {
    margin-top: 30px;
  }
}
@media (min-width: 991px) {
  .flex-5.pc-gutter-30 > .col {
    width: calc((100% - calc(30px * 4)) / 5);
    margin-right: 30px;
  }
  .flex-5.pc-gutter-30 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.pc-gutter-30.flex-wrap > .col:nth-child(n+6) {
    margin-top: 30px;
  }
}
@media (max-width: 990px) {
  .flex-5.sp-gutter-30 > .col {
    width: calc((100% - calc(30px * 4)) / 5);
    margin-right: 30px;
  }
  .flex-5.sp-gutter-30 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.sp-gutter-30.flex-wrap > .col:nth-child(n+6) {
    margin-top: 30px;
  }
}
.flex-5.gutter-32 > .col {
  width: calc((100% - calc(32px * 4)) / 5);
  margin-right: 32px;
}
.flex-5.gutter-32 > .col + .col {
  margin-left: 0 !important;
}
.flex-5.gutter-32 > .col:nth-child(5n) {
  margin-right: 0;
}
.flex-5.gutter-32.flex-wrap > .col:nth-child(n+6) {
  margin-top: 32px;
}
@media (max-width: 990px) {
  .flex-5.gutter-32.sp-col2 > .col {
    width: calc((100% - 32px) / 2);
    margin-right: 32px;
  }
  .flex-5.gutter-32.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-5.gutter-32.sp-col2 > .col:nth-child(n+3) {
    margin-top: 32px;
  }
  .flex-5.gutter-32.sp-col3 > .col {
    width: calc((100% - 32px * 2) / 3);
    margin-right: 32px;
  }
  .flex-5.gutter-32.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-5.gutter-32.sp-col3 > .col:nth-child(n+4) {
    margin-top: 32px;
  }
}
@media (min-width: 991px) {
  .flex-5.pc-gutter-32 > .col {
    width: calc((100% - calc(32px * 4)) / 5);
    margin-right: 32px;
  }
  .flex-5.pc-gutter-32 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.pc-gutter-32.flex-wrap > .col:nth-child(n+6) {
    margin-top: 32px;
  }
}
@media (max-width: 990px) {
  .flex-5.sp-gutter-32 > .col {
    width: calc((100% - calc(32px * 4)) / 5);
    margin-right: 32px;
  }
  .flex-5.sp-gutter-32 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.sp-gutter-32.flex-wrap > .col:nth-child(n+6) {
    margin-top: 32px;
  }
}
.flex-5.gutter-40 > .col {
  width: calc((100% - calc(40px * 4)) / 5);
  margin-right: 40px;
}
.flex-5.gutter-40 > .col + .col {
  margin-left: 0 !important;
}
.flex-5.gutter-40 > .col:nth-child(5n) {
  margin-right: 0;
}
.flex-5.gutter-40.flex-wrap > .col:nth-child(n+6) {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .flex-5.gutter-40.sp-col2 > .col {
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
  }
  .flex-5.gutter-40.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-5.gutter-40.sp-col2 > .col:nth-child(n+3) {
    margin-top: 40px;
  }
  .flex-5.gutter-40.sp-col3 > .col {
    width: calc((100% - 40px * 2) / 3);
    margin-right: 40px;
  }
  .flex-5.gutter-40.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-5.gutter-40.sp-col3 > .col:nth-child(n+4) {
    margin-top: 40px;
  }
}
@media (min-width: 991px) {
  .flex-5.pc-gutter-40 > .col {
    width: calc((100% - calc(40px * 4)) / 5);
    margin-right: 40px;
  }
  .flex-5.pc-gutter-40 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.pc-gutter-40.flex-wrap > .col:nth-child(n+6) {
    margin-top: 40px;
  }
}
@media (max-width: 990px) {
  .flex-5.sp-gutter-40 > .col {
    width: calc((100% - calc(40px * 4)) / 5);
    margin-right: 40px;
  }
  .flex-5.sp-gutter-40 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.sp-gutter-40.flex-wrap > .col:nth-child(n+6) {
    margin-top: 40px;
  }
}
.flex-5.gutter-50 > .col {
  width: calc((100% - calc(50px * 4)) / 5);
  margin-right: 50px;
}
.flex-5.gutter-50 > .col + .col {
  margin-left: 0 !important;
}
.flex-5.gutter-50 > .col:nth-child(5n) {
  margin-right: 0;
}
.flex-5.gutter-50.flex-wrap > .col:nth-child(n+6) {
  margin-top: 50px;
}
@media (max-width: 990px) {
  .flex-5.gutter-50.sp-col2 > .col {
    width: calc((100% - 50px) / 2);
    margin-right: 50px;
  }
  .flex-5.gutter-50.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-5.gutter-50.sp-col2 > .col:nth-child(n+3) {
    margin-top: 50px;
  }
  .flex-5.gutter-50.sp-col3 > .col {
    width: calc((100% - 50px * 2) / 3);
    margin-right: 50px;
  }
  .flex-5.gutter-50.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-5.gutter-50.sp-col3 > .col:nth-child(n+4) {
    margin-top: 50px;
  }
}
@media (min-width: 991px) {
  .flex-5.pc-gutter-50 > .col {
    width: calc((100% - calc(50px * 4)) / 5);
    margin-right: 50px;
  }
  .flex-5.pc-gutter-50 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.pc-gutter-50.flex-wrap > .col:nth-child(n+6) {
    margin-top: 50px;
  }
}
@media (max-width: 990px) {
  .flex-5.sp-gutter-50 > .col {
    width: calc((100% - calc(50px * 4)) / 5);
    margin-right: 50px;
  }
  .flex-5.sp-gutter-50 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.sp-gutter-50.flex-wrap > .col:nth-child(n+6) {
    margin-top: 50px;
  }
}
.flex-5.gutter-60 > .col {
  width: calc((100% - calc(60px * 4)) / 5);
  margin-right: 60px;
}
.flex-5.gutter-60 > .col + .col {
  margin-left: 0 !important;
}
.flex-5.gutter-60 > .col:nth-child(5n) {
  margin-right: 0;
}
.flex-5.gutter-60.flex-wrap > .col:nth-child(n+6) {
  margin-top: 60px;
}
@media (max-width: 990px) {
  .flex-5.gutter-60.sp-col2 > .col {
    width: calc((100% - 60px) / 2);
    margin-right: 60px;
  }
  .flex-5.gutter-60.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-5.gutter-60.sp-col2 > .col:nth-child(n+3) {
    margin-top: 60px;
  }
  .flex-5.gutter-60.sp-col3 > .col {
    width: calc((100% - 60px * 2) / 3);
    margin-right: 60px;
  }
  .flex-5.gutter-60.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-5.gutter-60.sp-col3 > .col:nth-child(n+4) {
    margin-top: 60px;
  }
}
@media (min-width: 991px) {
  .flex-5.pc-gutter-60 > .col {
    width: calc((100% - calc(60px * 4)) / 5);
    margin-right: 60px;
  }
  .flex-5.pc-gutter-60 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.pc-gutter-60.flex-wrap > .col:nth-child(n+6) {
    margin-top: 60px;
  }
}
@media (max-width: 990px) {
  .flex-5.sp-gutter-60 > .col {
    width: calc((100% - calc(60px * 4)) / 5);
    margin-right: 60px;
  }
  .flex-5.sp-gutter-60 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.sp-gutter-60.flex-wrap > .col:nth-child(n+6) {
    margin-top: 60px;
  }
}
.flex-5.gutter-80 > .col {
  width: calc((100% - calc(80px * 4)) / 5);
  margin-right: 80px;
}
.flex-5.gutter-80 > .col + .col {
  margin-left: 0 !important;
}
.flex-5.gutter-80 > .col:nth-child(5n) {
  margin-right: 0;
}
.flex-5.gutter-80.flex-wrap > .col:nth-child(n+6) {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .flex-5.gutter-80.sp-col2 > .col {
    width: calc((100% - 80px) / 2);
    margin-right: 80px;
  }
  .flex-5.gutter-80.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-5.gutter-80.sp-col2 > .col:nth-child(n+3) {
    margin-top: 80px;
  }
  .flex-5.gutter-80.sp-col3 > .col {
    width: calc((100% - 80px * 2) / 3);
    margin-right: 80px;
  }
  .flex-5.gutter-80.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-5.gutter-80.sp-col3 > .col:nth-child(n+4) {
    margin-top: 80px;
  }
}
@media (min-width: 991px) {
  .flex-5.pc-gutter-80 > .col {
    width: calc((100% - calc(80px * 4)) / 5);
    margin-right: 80px;
  }
  .flex-5.pc-gutter-80 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.pc-gutter-80.flex-wrap > .col:nth-child(n+6) {
    margin-top: 80px;
  }
}
@media (max-width: 990px) {
  .flex-5.sp-gutter-80 > .col {
    width: calc((100% - calc(80px * 4)) / 5);
    margin-right: 80px;
  }
  .flex-5.sp-gutter-80 > .col:nth-child(5n) {
    margin-right: 0;
  }
  .flex-5.sp-gutter-80.flex-wrap > .col:nth-child(n+6) {
    margin-top: 80px;
  }
}
.flex-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-4 > .col {
  width: calc(100% / 4);
}
@media (max-width: 990px) {
  .flex-4 > .col {
    width: 100%;
  }
}
@media (max-width: 990px) {
  .flex-4.sp-col1, .flex-4.sp-col2, .flex-4.sp-col3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-4:not([class^=gutter-]).sp-col2 > .col {
    width: 50%;
  }
  .flex-4:not([class^=gutter-]).sp-col3 > .col {
    width: 33.3333333333%;
  }
}
.flex-4.gutter-5 > .col {
  width: calc((100% - calc(5px * 3)) / 4);
  margin-right: 5px;
}
.flex-4.gutter-5 > .col + .col {
  margin-left: 0 !important;
}
.flex-4.gutter-5 > .col:nth-child(4n) {
  margin-right: 0;
}
.flex-4.gutter-5.flex-wrap > .col:nth-child(n+5) {
  margin-top: 5px;
}
@media (max-width: 990px) {
  .flex-4.gutter-5.sp-col2 > .col {
    width: calc((100% - 5px) / 2);
    margin-right: 5px;
  }
  .flex-4.gutter-5.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-4.gutter-5.sp-col2 > .col:nth-child(n+3) {
    margin-top: 5px;
  }
  .flex-4.gutter-5.sp-col3 > .col {
    width: calc((100% - 5px * 2) / 3);
    margin-right: 5px;
  }
  .flex-4.gutter-5.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-4.gutter-5.sp-col3 > .col:nth-child(n+4) {
    margin-top: 5px;
  }
}
@media (min-width: 991px) {
  .flex-4.pc-gutter-5 > .col {
    width: calc((100% - calc(5px * 3)) / 4);
    margin-right: 5px;
  }
  .flex-4.pc-gutter-5 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.pc-gutter-5.flex-wrap > .col:nth-child(n+5) {
    margin-top: 5px;
  }
}
@media (max-width: 990px) {
  .flex-4.sp-gutter-5 > .col {
    width: calc((100% - calc(5px * 3)) / 4);
    margin-right: 5px;
  }
  .flex-4.sp-gutter-5 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.sp-gutter-5.flex-wrap > .col:nth-child(n+5) {
    margin-top: 5px;
  }
}
.flex-4.gutter-8 > .col {
  width: calc((100% - calc(8px * 3)) / 4);
  margin-right: 8px;
}
.flex-4.gutter-8 > .col + .col {
  margin-left: 0 !important;
}
.flex-4.gutter-8 > .col:nth-child(4n) {
  margin-right: 0;
}
.flex-4.gutter-8.flex-wrap > .col:nth-child(n+5) {
  margin-top: 8px;
}
@media (max-width: 990px) {
  .flex-4.gutter-8.sp-col2 > .col {
    width: calc((100% - 8px) / 2);
    margin-right: 8px;
  }
  .flex-4.gutter-8.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-4.gutter-8.sp-col2 > .col:nth-child(n+3) {
    margin-top: 8px;
  }
  .flex-4.gutter-8.sp-col3 > .col {
    width: calc((100% - 8px * 2) / 3);
    margin-right: 8px;
  }
  .flex-4.gutter-8.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-4.gutter-8.sp-col3 > .col:nth-child(n+4) {
    margin-top: 8px;
  }
}
@media (min-width: 991px) {
  .flex-4.pc-gutter-8 > .col {
    width: calc((100% - calc(8px * 3)) / 4);
    margin-right: 8px;
  }
  .flex-4.pc-gutter-8 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.pc-gutter-8.flex-wrap > .col:nth-child(n+5) {
    margin-top: 8px;
  }
}
@media (max-width: 990px) {
  .flex-4.sp-gutter-8 > .col {
    width: calc((100% - calc(8px * 3)) / 4);
    margin-right: 8px;
  }
  .flex-4.sp-gutter-8 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.sp-gutter-8.flex-wrap > .col:nth-child(n+5) {
    margin-top: 8px;
  }
}
.flex-4.gutter-10 > .col {
  width: calc((100% - calc(10px * 3)) / 4);
  margin-right: 10px;
}
.flex-4.gutter-10 > .col + .col {
  margin-left: 0 !important;
}
.flex-4.gutter-10 > .col:nth-child(4n) {
  margin-right: 0;
}
.flex-4.gutter-10.flex-wrap > .col:nth-child(n+5) {
  margin-top: 10px;
}
@media (max-width: 990px) {
  .flex-4.gutter-10.sp-col2 > .col {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .flex-4.gutter-10.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-4.gutter-10.sp-col2 > .col:nth-child(n+3) {
    margin-top: 10px;
  }
  .flex-4.gutter-10.sp-col3 > .col {
    width: calc((100% - 10px * 2) / 3);
    margin-right: 10px;
  }
  .flex-4.gutter-10.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-4.gutter-10.sp-col3 > .col:nth-child(n+4) {
    margin-top: 10px;
  }
}
@media (min-width: 991px) {
  .flex-4.pc-gutter-10 > .col {
    width: calc((100% - calc(10px * 3)) / 4);
    margin-right: 10px;
  }
  .flex-4.pc-gutter-10 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.pc-gutter-10.flex-wrap > .col:nth-child(n+5) {
    margin-top: 10px;
  }
}
@media (max-width: 990px) {
  .flex-4.sp-gutter-10 > .col {
    width: calc((100% - calc(10px * 3)) / 4);
    margin-right: 10px;
  }
  .flex-4.sp-gutter-10 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.sp-gutter-10.flex-wrap > .col:nth-child(n+5) {
    margin-top: 10px;
  }
}
.flex-4.gutter-15 > .col {
  width: calc((100% - calc(15px * 3)) / 4);
  margin-right: 15px;
}
.flex-4.gutter-15 > .col + .col {
  margin-left: 0 !important;
}
.flex-4.gutter-15 > .col:nth-child(4n) {
  margin-right: 0;
}
.flex-4.gutter-15.flex-wrap > .col:nth-child(n+5) {
  margin-top: 15px;
}
@media (max-width: 990px) {
  .flex-4.gutter-15.sp-col2 > .col {
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
  }
  .flex-4.gutter-15.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-4.gutter-15.sp-col2 > .col:nth-child(n+3) {
    margin-top: 15px;
  }
  .flex-4.gutter-15.sp-col3 > .col {
    width: calc((100% - 15px * 2) / 3);
    margin-right: 15px;
  }
  .flex-4.gutter-15.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-4.gutter-15.sp-col3 > .col:nth-child(n+4) {
    margin-top: 15px;
  }
}
@media (min-width: 991px) {
  .flex-4.pc-gutter-15 > .col {
    width: calc((100% - calc(15px * 3)) / 4);
    margin-right: 15px;
  }
  .flex-4.pc-gutter-15 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.pc-gutter-15.flex-wrap > .col:nth-child(n+5) {
    margin-top: 15px;
  }
}
@media (max-width: 990px) {
  .flex-4.sp-gutter-15 > .col {
    width: calc((100% - calc(15px * 3)) / 4);
    margin-right: 15px;
  }
  .flex-4.sp-gutter-15 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.sp-gutter-15.flex-wrap > .col:nth-child(n+5) {
    margin-top: 15px;
  }
}
.flex-4.gutter-16 > .col {
  width: calc((100% - calc(16px * 3)) / 4);
  margin-right: 16px;
}
.flex-4.gutter-16 > .col + .col {
  margin-left: 0 !important;
}
.flex-4.gutter-16 > .col:nth-child(4n) {
  margin-right: 0;
}
.flex-4.gutter-16.flex-wrap > .col:nth-child(n+5) {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .flex-4.gutter-16.sp-col2 > .col {
    width: calc((100% - 16px) / 2);
    margin-right: 16px;
  }
  .flex-4.gutter-16.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-4.gutter-16.sp-col2 > .col:nth-child(n+3) {
    margin-top: 16px;
  }
  .flex-4.gutter-16.sp-col3 > .col {
    width: calc((100% - 16px * 2) / 3);
    margin-right: 16px;
  }
  .flex-4.gutter-16.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-4.gutter-16.sp-col3 > .col:nth-child(n+4) {
    margin-top: 16px;
  }
}
@media (min-width: 991px) {
  .flex-4.pc-gutter-16 > .col {
    width: calc((100% - calc(16px * 3)) / 4);
    margin-right: 16px;
  }
  .flex-4.pc-gutter-16 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.pc-gutter-16.flex-wrap > .col:nth-child(n+5) {
    margin-top: 16px;
  }
}
@media (max-width: 990px) {
  .flex-4.sp-gutter-16 > .col {
    width: calc((100% - calc(16px * 3)) / 4);
    margin-right: 16px;
  }
  .flex-4.sp-gutter-16 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.sp-gutter-16.flex-wrap > .col:nth-child(n+5) {
    margin-top: 16px;
  }
}
.flex-4.gutter-20 > .col {
  width: calc((100% - calc(20px * 3)) / 4);
  margin-right: 20px;
}
.flex-4.gutter-20 > .col + .col {
  margin-left: 0 !important;
}
.flex-4.gutter-20 > .col:nth-child(4n) {
  margin-right: 0;
}
.flex-4.gutter-20.flex-wrap > .col:nth-child(n+5) {
  margin-top: 20px;
}
@media (max-width: 990px) {
  .flex-4.gutter-20.sp-col2 > .col {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
  }
  .flex-4.gutter-20.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-4.gutter-20.sp-col2 > .col:nth-child(n+3) {
    margin-top: 20px;
  }
  .flex-4.gutter-20.sp-col3 > .col {
    width: calc((100% - 20px * 2) / 3);
    margin-right: 20px;
  }
  .flex-4.gutter-20.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-4.gutter-20.sp-col3 > .col:nth-child(n+4) {
    margin-top: 20px;
  }
}
@media (min-width: 991px) {
  .flex-4.pc-gutter-20 > .col {
    width: calc((100% - calc(20px * 3)) / 4);
    margin-right: 20px;
  }
  .flex-4.pc-gutter-20 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.pc-gutter-20.flex-wrap > .col:nth-child(n+5) {
    margin-top: 20px;
  }
}
@media (max-width: 990px) {
  .flex-4.sp-gutter-20 > .col {
    width: calc((100% - calc(20px * 3)) / 4);
    margin-right: 20px;
  }
  .flex-4.sp-gutter-20 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.sp-gutter-20.flex-wrap > .col:nth-child(n+5) {
    margin-top: 20px;
  }
}
.flex-4.gutter-24 > .col {
  width: calc((100% - calc(24px * 3)) / 4);
  margin-right: 24px;
}
.flex-4.gutter-24 > .col + .col {
  margin-left: 0 !important;
}
.flex-4.gutter-24 > .col:nth-child(4n) {
  margin-right: 0;
}
.flex-4.gutter-24.flex-wrap > .col:nth-child(n+5) {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .flex-4.gutter-24.sp-col2 > .col {
    width: calc((100% - 24px) / 2);
    margin-right: 24px;
  }
  .flex-4.gutter-24.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-4.gutter-24.sp-col2 > .col:nth-child(n+3) {
    margin-top: 24px;
  }
  .flex-4.gutter-24.sp-col3 > .col {
    width: calc((100% - 24px * 2) / 3);
    margin-right: 24px;
  }
  .flex-4.gutter-24.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-4.gutter-24.sp-col3 > .col:nth-child(n+4) {
    margin-top: 24px;
  }
}
@media (min-width: 991px) {
  .flex-4.pc-gutter-24 > .col {
    width: calc((100% - calc(24px * 3)) / 4);
    margin-right: 24px;
  }
  .flex-4.pc-gutter-24 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.pc-gutter-24.flex-wrap > .col:nth-child(n+5) {
    margin-top: 24px;
  }
}
@media (max-width: 990px) {
  .flex-4.sp-gutter-24 > .col {
    width: calc((100% - calc(24px * 3)) / 4);
    margin-right: 24px;
  }
  .flex-4.sp-gutter-24 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.sp-gutter-24.flex-wrap > .col:nth-child(n+5) {
    margin-top: 24px;
  }
}
.flex-4.gutter-25 > .col {
  width: calc((100% - calc(25px * 3)) / 4);
  margin-right: 25px;
}
.flex-4.gutter-25 > .col + .col {
  margin-left: 0 !important;
}
.flex-4.gutter-25 > .col:nth-child(4n) {
  margin-right: 0;
}
.flex-4.gutter-25.flex-wrap > .col:nth-child(n+5) {
  margin-top: 25px;
}
@media (max-width: 990px) {
  .flex-4.gutter-25.sp-col2 > .col {
    width: calc((100% - 25px) / 2);
    margin-right: 25px;
  }
  .flex-4.gutter-25.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-4.gutter-25.sp-col2 > .col:nth-child(n+3) {
    margin-top: 25px;
  }
  .flex-4.gutter-25.sp-col3 > .col {
    width: calc((100% - 25px * 2) / 3);
    margin-right: 25px;
  }
  .flex-4.gutter-25.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-4.gutter-25.sp-col3 > .col:nth-child(n+4) {
    margin-top: 25px;
  }
}
@media (min-width: 991px) {
  .flex-4.pc-gutter-25 > .col {
    width: calc((100% - calc(25px * 3)) / 4);
    margin-right: 25px;
  }
  .flex-4.pc-gutter-25 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.pc-gutter-25.flex-wrap > .col:nth-child(n+5) {
    margin-top: 25px;
  }
}
@media (max-width: 990px) {
  .flex-4.sp-gutter-25 > .col {
    width: calc((100% - calc(25px * 3)) / 4);
    margin-right: 25px;
  }
  .flex-4.sp-gutter-25 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.sp-gutter-25.flex-wrap > .col:nth-child(n+5) {
    margin-top: 25px;
  }
}
.flex-4.gutter-30 > .col {
  width: calc((100% - calc(30px * 3)) / 4);
  margin-right: 30px;
}
.flex-4.gutter-30 > .col + .col {
  margin-left: 0 !important;
}
.flex-4.gutter-30 > .col:nth-child(4n) {
  margin-right: 0;
}
.flex-4.gutter-30.flex-wrap > .col:nth-child(n+5) {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .flex-4.gutter-30.sp-col2 > .col {
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
  }
  .flex-4.gutter-30.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-4.gutter-30.sp-col2 > .col:nth-child(n+3) {
    margin-top: 30px;
  }
  .flex-4.gutter-30.sp-col3 > .col {
    width: calc((100% - 30px * 2) / 3);
    margin-right: 30px;
  }
  .flex-4.gutter-30.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-4.gutter-30.sp-col3 > .col:nth-child(n+4) {
    margin-top: 30px;
  }
}
@media (min-width: 991px) {
  .flex-4.pc-gutter-30 > .col {
    width: calc((100% - calc(30px * 3)) / 4);
    margin-right: 30px;
  }
  .flex-4.pc-gutter-30 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.pc-gutter-30.flex-wrap > .col:nth-child(n+5) {
    margin-top: 30px;
  }
}
@media (max-width: 990px) {
  .flex-4.sp-gutter-30 > .col {
    width: calc((100% - calc(30px * 3)) / 4);
    margin-right: 30px;
  }
  .flex-4.sp-gutter-30 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.sp-gutter-30.flex-wrap > .col:nth-child(n+5) {
    margin-top: 30px;
  }
}
.flex-4.gutter-32 > .col {
  width: calc((100% - calc(32px * 3)) / 4);
  margin-right: 32px;
}
.flex-4.gutter-32 > .col + .col {
  margin-left: 0 !important;
}
.flex-4.gutter-32 > .col:nth-child(4n) {
  margin-right: 0;
}
.flex-4.gutter-32.flex-wrap > .col:nth-child(n+5) {
  margin-top: 32px;
}
@media (max-width: 990px) {
  .flex-4.gutter-32.sp-col2 > .col {
    width: calc((100% - 32px) / 2);
    margin-right: 32px;
  }
  .flex-4.gutter-32.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-4.gutter-32.sp-col2 > .col:nth-child(n+3) {
    margin-top: 32px;
  }
  .flex-4.gutter-32.sp-col3 > .col {
    width: calc((100% - 32px * 2) / 3);
    margin-right: 32px;
  }
  .flex-4.gutter-32.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-4.gutter-32.sp-col3 > .col:nth-child(n+4) {
    margin-top: 32px;
  }
}
@media (min-width: 991px) {
  .flex-4.pc-gutter-32 > .col {
    width: calc((100% - calc(32px * 3)) / 4);
    margin-right: 32px;
  }
  .flex-4.pc-gutter-32 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.pc-gutter-32.flex-wrap > .col:nth-child(n+5) {
    margin-top: 32px;
  }
}
@media (max-width: 990px) {
  .flex-4.sp-gutter-32 > .col {
    width: calc((100% - calc(32px * 3)) / 4);
    margin-right: 32px;
  }
  .flex-4.sp-gutter-32 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.sp-gutter-32.flex-wrap > .col:nth-child(n+5) {
    margin-top: 32px;
  }
}
.flex-4.gutter-40 > .col {
  width: calc((100% - calc(40px * 3)) / 4);
  margin-right: 40px;
}
.flex-4.gutter-40 > .col + .col {
  margin-left: 0 !important;
}
.flex-4.gutter-40 > .col:nth-child(4n) {
  margin-right: 0;
}
.flex-4.gutter-40.flex-wrap > .col:nth-child(n+5) {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .flex-4.gutter-40.sp-col2 > .col {
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
  }
  .flex-4.gutter-40.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-4.gutter-40.sp-col2 > .col:nth-child(n+3) {
    margin-top: 40px;
  }
  .flex-4.gutter-40.sp-col3 > .col {
    width: calc((100% - 40px * 2) / 3);
    margin-right: 40px;
  }
  .flex-4.gutter-40.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-4.gutter-40.sp-col3 > .col:nth-child(n+4) {
    margin-top: 40px;
  }
}
@media (min-width: 991px) {
  .flex-4.pc-gutter-40 > .col {
    width: calc((100% - calc(40px * 3)) / 4);
    margin-right: 40px;
  }
  .flex-4.pc-gutter-40 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.pc-gutter-40.flex-wrap > .col:nth-child(n+5) {
    margin-top: 40px;
  }
}
@media (max-width: 990px) {
  .flex-4.sp-gutter-40 > .col {
    width: calc((100% - calc(40px * 3)) / 4);
    margin-right: 40px;
  }
  .flex-4.sp-gutter-40 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.sp-gutter-40.flex-wrap > .col:nth-child(n+5) {
    margin-top: 40px;
  }
}
.flex-4.gutter-50 > .col {
  width: calc((100% - calc(50px * 3)) / 4);
  margin-right: 50px;
}
.flex-4.gutter-50 > .col + .col {
  margin-left: 0 !important;
}
.flex-4.gutter-50 > .col:nth-child(4n) {
  margin-right: 0;
}
.flex-4.gutter-50.flex-wrap > .col:nth-child(n+5) {
  margin-top: 50px;
}
@media (max-width: 990px) {
  .flex-4.gutter-50.sp-col2 > .col {
    width: calc((100% - 50px) / 2);
    margin-right: 50px;
  }
  .flex-4.gutter-50.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-4.gutter-50.sp-col2 > .col:nth-child(n+3) {
    margin-top: 50px;
  }
  .flex-4.gutter-50.sp-col3 > .col {
    width: calc((100% - 50px * 2) / 3);
    margin-right: 50px;
  }
  .flex-4.gutter-50.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-4.gutter-50.sp-col3 > .col:nth-child(n+4) {
    margin-top: 50px;
  }
}
@media (min-width: 991px) {
  .flex-4.pc-gutter-50 > .col {
    width: calc((100% - calc(50px * 3)) / 4);
    margin-right: 50px;
  }
  .flex-4.pc-gutter-50 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.pc-gutter-50.flex-wrap > .col:nth-child(n+5) {
    margin-top: 50px;
  }
}
@media (max-width: 990px) {
  .flex-4.sp-gutter-50 > .col {
    width: calc((100% - calc(50px * 3)) / 4);
    margin-right: 50px;
  }
  .flex-4.sp-gutter-50 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.sp-gutter-50.flex-wrap > .col:nth-child(n+5) {
    margin-top: 50px;
  }
}
.flex-4.gutter-60 > .col {
  width: calc((100% - calc(60px * 3)) / 4);
  margin-right: 60px;
}
.flex-4.gutter-60 > .col + .col {
  margin-left: 0 !important;
}
.flex-4.gutter-60 > .col:nth-child(4n) {
  margin-right: 0;
}
.flex-4.gutter-60.flex-wrap > .col:nth-child(n+5) {
  margin-top: 60px;
}
@media (max-width: 990px) {
  .flex-4.gutter-60.sp-col2 > .col {
    width: calc((100% - 60px) / 2);
    margin-right: 60px;
  }
  .flex-4.gutter-60.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-4.gutter-60.sp-col2 > .col:nth-child(n+3) {
    margin-top: 60px;
  }
  .flex-4.gutter-60.sp-col3 > .col {
    width: calc((100% - 60px * 2) / 3);
    margin-right: 60px;
  }
  .flex-4.gutter-60.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-4.gutter-60.sp-col3 > .col:nth-child(n+4) {
    margin-top: 60px;
  }
}
@media (min-width: 991px) {
  .flex-4.pc-gutter-60 > .col {
    width: calc((100% - calc(60px * 3)) / 4);
    margin-right: 60px;
  }
  .flex-4.pc-gutter-60 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.pc-gutter-60.flex-wrap > .col:nth-child(n+5) {
    margin-top: 60px;
  }
}
@media (max-width: 990px) {
  .flex-4.sp-gutter-60 > .col {
    width: calc((100% - calc(60px * 3)) / 4);
    margin-right: 60px;
  }
  .flex-4.sp-gutter-60 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.sp-gutter-60.flex-wrap > .col:nth-child(n+5) {
    margin-top: 60px;
  }
}
.flex-4.gutter-80 > .col {
  width: calc((100% - calc(80px * 3)) / 4);
  margin-right: 80px;
}
.flex-4.gutter-80 > .col + .col {
  margin-left: 0 !important;
}
.flex-4.gutter-80 > .col:nth-child(4n) {
  margin-right: 0;
}
.flex-4.gutter-80.flex-wrap > .col:nth-child(n+5) {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .flex-4.gutter-80.sp-col2 > .col {
    width: calc((100% - 80px) / 2);
    margin-right: 80px;
  }
  .flex-4.gutter-80.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-4.gutter-80.sp-col2 > .col:nth-child(n+3) {
    margin-top: 80px;
  }
  .flex-4.gutter-80.sp-col3 > .col {
    width: calc((100% - 80px * 2) / 3);
    margin-right: 80px;
  }
  .flex-4.gutter-80.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-4.gutter-80.sp-col3 > .col:nth-child(n+4) {
    margin-top: 80px;
  }
}
@media (min-width: 991px) {
  .flex-4.pc-gutter-80 > .col {
    width: calc((100% - calc(80px * 3)) / 4);
    margin-right: 80px;
  }
  .flex-4.pc-gutter-80 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.pc-gutter-80.flex-wrap > .col:nth-child(n+5) {
    margin-top: 80px;
  }
}
@media (max-width: 990px) {
  .flex-4.sp-gutter-80 > .col {
    width: calc((100% - calc(80px * 3)) / 4);
    margin-right: 80px;
  }
  .flex-4.sp-gutter-80 > .col:nth-child(4n) {
    margin-right: 0;
  }
  .flex-4.sp-gutter-80.flex-wrap > .col:nth-child(n+5) {
    margin-top: 80px;
  }
}
.flex-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-3 > .col {
  width: calc(100% / 3);
}
@media (max-width: 990px) {
  .flex-3 > .col {
    width: 100%;
  }
}
@media (max-width: 990px) {
  .flex-3.sp-col1, .flex-3.sp-col2, .flex-3.sp-col3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-3:not([class^=gutter-]).sp-col2 > .col {
    width: 50%;
  }
  .flex-3:not([class^=gutter-]).sp-col3 > .col {
    width: 33.3333333333%;
  }
}
.flex-3.gutter-5 > .col {
  width: calc((100% - calc(5px * 2)) / 3);
  margin-right: 5px;
}
.flex-3.gutter-5 > .col + .col {
  margin-left: 0 !important;
}
.flex-3.gutter-5 > .col:nth-child(3n) {
  margin-right: 0;
}
.flex-3.gutter-5.flex-wrap > .col:nth-child(n+4) {
  margin-top: 5px;
}
@media (max-width: 990px) {
  .flex-3.gutter-5.sp-col2 > .col {
    width: calc((100% - 5px) / 2);
    margin-right: 5px;
  }
  .flex-3.gutter-5.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-3.gutter-5.sp-col2 > .col:nth-child(n+3) {
    margin-top: 5px;
  }
  .flex-3.gutter-5.sp-col3 > .col {
    width: calc((100% - 5px * 2) / 3);
    margin-right: 5px;
  }
  .flex-3.gutter-5.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.gutter-5.sp-col3 > .col:nth-child(n+4) {
    margin-top: 5px;
  }
}
@media (min-width: 991px) {
  .flex-3.pc-gutter-5 > .col {
    width: calc((100% - calc(5px * 2)) / 3);
    margin-right: 5px;
  }
  .flex-3.pc-gutter-5 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.pc-gutter-5.flex-wrap > .col:nth-child(n+4) {
    margin-top: 5px;
  }
}
@media (max-width: 990px) {
  .flex-3.sp-gutter-5 > .col {
    width: calc((100% - calc(5px * 2)) / 3);
    margin-right: 5px;
  }
  .flex-3.sp-gutter-5 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.sp-gutter-5.flex-wrap > .col:nth-child(n+4) {
    margin-top: 5px;
  }
}
.flex-3.gutter-8 > .col {
  width: calc((100% - calc(8px * 2)) / 3);
  margin-right: 8px;
}
.flex-3.gutter-8 > .col + .col {
  margin-left: 0 !important;
}
.flex-3.gutter-8 > .col:nth-child(3n) {
  margin-right: 0;
}
.flex-3.gutter-8.flex-wrap > .col:nth-child(n+4) {
  margin-top: 8px;
}
@media (max-width: 990px) {
  .flex-3.gutter-8.sp-col2 > .col {
    width: calc((100% - 8px) / 2);
    margin-right: 8px;
  }
  .flex-3.gutter-8.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-3.gutter-8.sp-col2 > .col:nth-child(n+3) {
    margin-top: 8px;
  }
  .flex-3.gutter-8.sp-col3 > .col {
    width: calc((100% - 8px * 2) / 3);
    margin-right: 8px;
  }
  .flex-3.gutter-8.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.gutter-8.sp-col3 > .col:nth-child(n+4) {
    margin-top: 8px;
  }
}
@media (min-width: 991px) {
  .flex-3.pc-gutter-8 > .col {
    width: calc((100% - calc(8px * 2)) / 3);
    margin-right: 8px;
  }
  .flex-3.pc-gutter-8 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.pc-gutter-8.flex-wrap > .col:nth-child(n+4) {
    margin-top: 8px;
  }
}
@media (max-width: 990px) {
  .flex-3.sp-gutter-8 > .col {
    width: calc((100% - calc(8px * 2)) / 3);
    margin-right: 8px;
  }
  .flex-3.sp-gutter-8 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.sp-gutter-8.flex-wrap > .col:nth-child(n+4) {
    margin-top: 8px;
  }
}
.flex-3.gutter-10 > .col {
  width: calc((100% - calc(10px * 2)) / 3);
  margin-right: 10px;
}
.flex-3.gutter-10 > .col + .col {
  margin-left: 0 !important;
}
.flex-3.gutter-10 > .col:nth-child(3n) {
  margin-right: 0;
}
.flex-3.gutter-10.flex-wrap > .col:nth-child(n+4) {
  margin-top: 10px;
}
@media (max-width: 990px) {
  .flex-3.gutter-10.sp-col2 > .col {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .flex-3.gutter-10.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-3.gutter-10.sp-col2 > .col:nth-child(n+3) {
    margin-top: 10px;
  }
  .flex-3.gutter-10.sp-col3 > .col {
    width: calc((100% - 10px * 2) / 3);
    margin-right: 10px;
  }
  .flex-3.gutter-10.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.gutter-10.sp-col3 > .col:nth-child(n+4) {
    margin-top: 10px;
  }
}
@media (min-width: 991px) {
  .flex-3.pc-gutter-10 > .col {
    width: calc((100% - calc(10px * 2)) / 3);
    margin-right: 10px;
  }
  .flex-3.pc-gutter-10 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.pc-gutter-10.flex-wrap > .col:nth-child(n+4) {
    margin-top: 10px;
  }
}
@media (max-width: 990px) {
  .flex-3.sp-gutter-10 > .col {
    width: calc((100% - calc(10px * 2)) / 3);
    margin-right: 10px;
  }
  .flex-3.sp-gutter-10 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.sp-gutter-10.flex-wrap > .col:nth-child(n+4) {
    margin-top: 10px;
  }
}
.flex-3.gutter-15 > .col {
  width: calc((100% - calc(15px * 2)) / 3);
  margin-right: 15px;
}
.flex-3.gutter-15 > .col + .col {
  margin-left: 0 !important;
}
.flex-3.gutter-15 > .col:nth-child(3n) {
  margin-right: 0;
}
.flex-3.gutter-15.flex-wrap > .col:nth-child(n+4) {
  margin-top: 15px;
}
@media (max-width: 990px) {
  .flex-3.gutter-15.sp-col2 > .col {
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
  }
  .flex-3.gutter-15.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-3.gutter-15.sp-col2 > .col:nth-child(n+3) {
    margin-top: 15px;
  }
  .flex-3.gutter-15.sp-col3 > .col {
    width: calc((100% - 15px * 2) / 3);
    margin-right: 15px;
  }
  .flex-3.gutter-15.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.gutter-15.sp-col3 > .col:nth-child(n+4) {
    margin-top: 15px;
  }
}
@media (min-width: 991px) {
  .flex-3.pc-gutter-15 > .col {
    width: calc((100% - calc(15px * 2)) / 3);
    margin-right: 15px;
  }
  .flex-3.pc-gutter-15 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.pc-gutter-15.flex-wrap > .col:nth-child(n+4) {
    margin-top: 15px;
  }
}
@media (max-width: 990px) {
  .flex-3.sp-gutter-15 > .col {
    width: calc((100% - calc(15px * 2)) / 3);
    margin-right: 15px;
  }
  .flex-3.sp-gutter-15 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.sp-gutter-15.flex-wrap > .col:nth-child(n+4) {
    margin-top: 15px;
  }
}
.flex-3.gutter-16 > .col {
  width: calc((100% - calc(16px * 2)) / 3);
  margin-right: 16px;
}
.flex-3.gutter-16 > .col + .col {
  margin-left: 0 !important;
}
.flex-3.gutter-16 > .col:nth-child(3n) {
  margin-right: 0;
}
.flex-3.gutter-16.flex-wrap > .col:nth-child(n+4) {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .flex-3.gutter-16.sp-col2 > .col {
    width: calc((100% - 16px) / 2);
    margin-right: 16px;
  }
  .flex-3.gutter-16.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-3.gutter-16.sp-col2 > .col:nth-child(n+3) {
    margin-top: 16px;
  }
  .flex-3.gutter-16.sp-col3 > .col {
    width: calc((100% - 16px * 2) / 3);
    margin-right: 16px;
  }
  .flex-3.gutter-16.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.gutter-16.sp-col3 > .col:nth-child(n+4) {
    margin-top: 16px;
  }
}
@media (min-width: 991px) {
  .flex-3.pc-gutter-16 > .col {
    width: calc((100% - calc(16px * 2)) / 3);
    margin-right: 16px;
  }
  .flex-3.pc-gutter-16 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.pc-gutter-16.flex-wrap > .col:nth-child(n+4) {
    margin-top: 16px;
  }
}
@media (max-width: 990px) {
  .flex-3.sp-gutter-16 > .col {
    width: calc((100% - calc(16px * 2)) / 3);
    margin-right: 16px;
  }
  .flex-3.sp-gutter-16 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.sp-gutter-16.flex-wrap > .col:nth-child(n+4) {
    margin-top: 16px;
  }
}
.flex-3.gutter-20 > .col {
  width: calc((100% - calc(20px * 2)) / 3);
  margin-right: 20px;
}
.flex-3.gutter-20 > .col + .col {
  margin-left: 0 !important;
}
.flex-3.gutter-20 > .col:nth-child(3n) {
  margin-right: 0;
}
.flex-3.gutter-20.flex-wrap > .col:nth-child(n+4) {
  margin-top: 20px;
}
@media (max-width: 990px) {
  .flex-3.gutter-20.sp-col2 > .col {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
  }
  .flex-3.gutter-20.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-3.gutter-20.sp-col2 > .col:nth-child(n+3) {
    margin-top: 20px;
  }
  .flex-3.gutter-20.sp-col3 > .col {
    width: calc((100% - 20px * 2) / 3);
    margin-right: 20px;
  }
  .flex-3.gutter-20.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.gutter-20.sp-col3 > .col:nth-child(n+4) {
    margin-top: 20px;
  }
}
@media (min-width: 991px) {
  .flex-3.pc-gutter-20 > .col {
    width: calc((100% - calc(20px * 2)) / 3);
    margin-right: 20px;
  }
  .flex-3.pc-gutter-20 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.pc-gutter-20.flex-wrap > .col:nth-child(n+4) {
    margin-top: 20px;
  }
}
@media (max-width: 990px) {
  .flex-3.sp-gutter-20 > .col {
    width: calc((100% - calc(20px * 2)) / 3);
    margin-right: 20px;
  }
  .flex-3.sp-gutter-20 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.sp-gutter-20.flex-wrap > .col:nth-child(n+4) {
    margin-top: 20px;
  }
}
.flex-3.gutter-24 > .col {
  width: calc((100% - calc(24px * 2)) / 3);
  margin-right: 24px;
}
.flex-3.gutter-24 > .col + .col {
  margin-left: 0 !important;
}
.flex-3.gutter-24 > .col:nth-child(3n) {
  margin-right: 0;
}
.flex-3.gutter-24.flex-wrap > .col:nth-child(n+4) {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .flex-3.gutter-24.sp-col2 > .col {
    width: calc((100% - 24px) / 2);
    margin-right: 24px;
  }
  .flex-3.gutter-24.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-3.gutter-24.sp-col2 > .col:nth-child(n+3) {
    margin-top: 24px;
  }
  .flex-3.gutter-24.sp-col3 > .col {
    width: calc((100% - 24px * 2) / 3);
    margin-right: 24px;
  }
  .flex-3.gutter-24.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.gutter-24.sp-col3 > .col:nth-child(n+4) {
    margin-top: 24px;
  }
}
@media (min-width: 991px) {
  .flex-3.pc-gutter-24 > .col {
    width: calc((100% - calc(24px * 2)) / 3);
    margin-right: 24px;
  }
  .flex-3.pc-gutter-24 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.pc-gutter-24.flex-wrap > .col:nth-child(n+4) {
    margin-top: 24px;
  }
}
@media (max-width: 990px) {
  .flex-3.sp-gutter-24 > .col {
    width: calc((100% - calc(24px * 2)) / 3);
    margin-right: 24px;
  }
  .flex-3.sp-gutter-24 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.sp-gutter-24.flex-wrap > .col:nth-child(n+4) {
    margin-top: 24px;
  }
}
.flex-3.gutter-25 > .col {
  width: calc((100% - calc(25px * 2)) / 3);
  margin-right: 25px;
}
.flex-3.gutter-25 > .col + .col {
  margin-left: 0 !important;
}
.flex-3.gutter-25 > .col:nth-child(3n) {
  margin-right: 0;
}
.flex-3.gutter-25.flex-wrap > .col:nth-child(n+4) {
  margin-top: 25px;
}
@media (max-width: 990px) {
  .flex-3.gutter-25.sp-col2 > .col {
    width: calc((100% - 25px) / 2);
    margin-right: 25px;
  }
  .flex-3.gutter-25.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-3.gutter-25.sp-col2 > .col:nth-child(n+3) {
    margin-top: 25px;
  }
  .flex-3.gutter-25.sp-col3 > .col {
    width: calc((100% - 25px * 2) / 3);
    margin-right: 25px;
  }
  .flex-3.gutter-25.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.gutter-25.sp-col3 > .col:nth-child(n+4) {
    margin-top: 25px;
  }
}
@media (min-width: 991px) {
  .flex-3.pc-gutter-25 > .col {
    width: calc((100% - calc(25px * 2)) / 3);
    margin-right: 25px;
  }
  .flex-3.pc-gutter-25 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.pc-gutter-25.flex-wrap > .col:nth-child(n+4) {
    margin-top: 25px;
  }
}
@media (max-width: 990px) {
  .flex-3.sp-gutter-25 > .col {
    width: calc((100% - calc(25px * 2)) / 3);
    margin-right: 25px;
  }
  .flex-3.sp-gutter-25 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.sp-gutter-25.flex-wrap > .col:nth-child(n+4) {
    margin-top: 25px;
  }
}
.flex-3.gutter-30 > .col {
  width: calc((100% - calc(30px * 2)) / 3);
  margin-right: 30px;
}
.flex-3.gutter-30 > .col + .col {
  margin-left: 0 !important;
}
.flex-3.gutter-30 > .col:nth-child(3n) {
  margin-right: 0;
}
.flex-3.gutter-30.flex-wrap > .col:nth-child(n+4) {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .flex-3.gutter-30.sp-col2 > .col {
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
  }
  .flex-3.gutter-30.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-3.gutter-30.sp-col2 > .col:nth-child(n+3) {
    margin-top: 30px;
  }
  .flex-3.gutter-30.sp-col3 > .col {
    width: calc((100% - 30px * 2) / 3);
    margin-right: 30px;
  }
  .flex-3.gutter-30.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.gutter-30.sp-col3 > .col:nth-child(n+4) {
    margin-top: 30px;
  }
}
@media (min-width: 991px) {
  .flex-3.pc-gutter-30 > .col {
    width: calc((100% - calc(30px * 2)) / 3);
    margin-right: 30px;
  }
  .flex-3.pc-gutter-30 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.pc-gutter-30.flex-wrap > .col:nth-child(n+4) {
    margin-top: 30px;
  }
}
@media (max-width: 990px) {
  .flex-3.sp-gutter-30 > .col {
    width: calc((100% - calc(30px * 2)) / 3);
    margin-right: 30px;
  }
  .flex-3.sp-gutter-30 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.sp-gutter-30.flex-wrap > .col:nth-child(n+4) {
    margin-top: 30px;
  }
}
.flex-3.gutter-32 > .col {
  width: calc((100% - calc(32px * 2)) / 3);
  margin-right: 32px;
}
.flex-3.gutter-32 > .col + .col {
  margin-left: 0 !important;
}
.flex-3.gutter-32 > .col:nth-child(3n) {
  margin-right: 0;
}
.flex-3.gutter-32.flex-wrap > .col:nth-child(n+4) {
  margin-top: 32px;
}
@media (max-width: 990px) {
  .flex-3.gutter-32.sp-col2 > .col {
    width: calc((100% - 32px) / 2);
    margin-right: 32px;
  }
  .flex-3.gutter-32.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-3.gutter-32.sp-col2 > .col:nth-child(n+3) {
    margin-top: 32px;
  }
  .flex-3.gutter-32.sp-col3 > .col {
    width: calc((100% - 32px * 2) / 3);
    margin-right: 32px;
  }
  .flex-3.gutter-32.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.gutter-32.sp-col3 > .col:nth-child(n+4) {
    margin-top: 32px;
  }
}
@media (min-width: 991px) {
  .flex-3.pc-gutter-32 > .col {
    width: calc((100% - calc(32px * 2)) / 3);
    margin-right: 32px;
  }
  .flex-3.pc-gutter-32 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.pc-gutter-32.flex-wrap > .col:nth-child(n+4) {
    margin-top: 32px;
  }
}
@media (max-width: 990px) {
  .flex-3.sp-gutter-32 > .col {
    width: calc((100% - calc(32px * 2)) / 3);
    margin-right: 32px;
  }
  .flex-3.sp-gutter-32 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.sp-gutter-32.flex-wrap > .col:nth-child(n+4) {
    margin-top: 32px;
  }
}
.flex-3.gutter-40 > .col {
  width: calc((100% - calc(40px * 2)) / 3);
  margin-right: 40px;
}
.flex-3.gutter-40 > .col + .col {
  margin-left: 0 !important;
}
.flex-3.gutter-40 > .col:nth-child(3n) {
  margin-right: 0;
}
.flex-3.gutter-40.flex-wrap > .col:nth-child(n+4) {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .flex-3.gutter-40.sp-col2 > .col {
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
  }
  .flex-3.gutter-40.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-3.gutter-40.sp-col2 > .col:nth-child(n+3) {
    margin-top: 40px;
  }
  .flex-3.gutter-40.sp-col3 > .col {
    width: calc((100% - 40px * 2) / 3);
    margin-right: 40px;
  }
  .flex-3.gutter-40.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.gutter-40.sp-col3 > .col:nth-child(n+4) {
    margin-top: 40px;
  }
}
@media (min-width: 991px) {
  .flex-3.pc-gutter-40 > .col {
    width: calc((100% - calc(40px * 2)) / 3);
    margin-right: 40px;
  }
  .flex-3.pc-gutter-40 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.pc-gutter-40.flex-wrap > .col:nth-child(n+4) {
    margin-top: 40px;
  }
}
@media (max-width: 990px) {
  .flex-3.sp-gutter-40 > .col {
    width: calc((100% - calc(40px * 2)) / 3);
    margin-right: 40px;
  }
  .flex-3.sp-gutter-40 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.sp-gutter-40.flex-wrap > .col:nth-child(n+4) {
    margin-top: 40px;
  }
}
.flex-3.gutter-50 > .col {
  width: calc((100% - calc(50px * 2)) / 3);
  margin-right: 50px;
}
.flex-3.gutter-50 > .col + .col {
  margin-left: 0 !important;
}
.flex-3.gutter-50 > .col:nth-child(3n) {
  margin-right: 0;
}
.flex-3.gutter-50.flex-wrap > .col:nth-child(n+4) {
  margin-top: 50px;
}
@media (max-width: 990px) {
  .flex-3.gutter-50.sp-col2 > .col {
    width: calc((100% - 50px) / 2);
    margin-right: 50px;
  }
  .flex-3.gutter-50.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-3.gutter-50.sp-col2 > .col:nth-child(n+3) {
    margin-top: 50px;
  }
  .flex-3.gutter-50.sp-col3 > .col {
    width: calc((100% - 50px * 2) / 3);
    margin-right: 50px;
  }
  .flex-3.gutter-50.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.gutter-50.sp-col3 > .col:nth-child(n+4) {
    margin-top: 50px;
  }
}
@media (min-width: 991px) {
  .flex-3.pc-gutter-50 > .col {
    width: calc((100% - calc(50px * 2)) / 3);
    margin-right: 50px;
  }
  .flex-3.pc-gutter-50 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.pc-gutter-50.flex-wrap > .col:nth-child(n+4) {
    margin-top: 50px;
  }
}
@media (max-width: 990px) {
  .flex-3.sp-gutter-50 > .col {
    width: calc((100% - calc(50px * 2)) / 3);
    margin-right: 50px;
  }
  .flex-3.sp-gutter-50 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.sp-gutter-50.flex-wrap > .col:nth-child(n+4) {
    margin-top: 50px;
  }
}
.flex-3.gutter-60 > .col {
  width: calc((100% - calc(60px * 2)) / 3);
  margin-right: 60px;
}
.flex-3.gutter-60 > .col + .col {
  margin-left: 0 !important;
}
.flex-3.gutter-60 > .col:nth-child(3n) {
  margin-right: 0;
}
.flex-3.gutter-60.flex-wrap > .col:nth-child(n+4) {
  margin-top: 60px;
}
@media (max-width: 990px) {
  .flex-3.gutter-60.sp-col2 > .col {
    width: calc((100% - 60px) / 2);
    margin-right: 60px;
  }
  .flex-3.gutter-60.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-3.gutter-60.sp-col2 > .col:nth-child(n+3) {
    margin-top: 60px;
  }
  .flex-3.gutter-60.sp-col3 > .col {
    width: calc((100% - 60px * 2) / 3);
    margin-right: 60px;
  }
  .flex-3.gutter-60.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.gutter-60.sp-col3 > .col:nth-child(n+4) {
    margin-top: 60px;
  }
}
@media (min-width: 991px) {
  .flex-3.pc-gutter-60 > .col {
    width: calc((100% - calc(60px * 2)) / 3);
    margin-right: 60px;
  }
  .flex-3.pc-gutter-60 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.pc-gutter-60.flex-wrap > .col:nth-child(n+4) {
    margin-top: 60px;
  }
}
@media (max-width: 990px) {
  .flex-3.sp-gutter-60 > .col {
    width: calc((100% - calc(60px * 2)) / 3);
    margin-right: 60px;
  }
  .flex-3.sp-gutter-60 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.sp-gutter-60.flex-wrap > .col:nth-child(n+4) {
    margin-top: 60px;
  }
}
.flex-3.gutter-80 > .col {
  width: calc((100% - calc(80px * 2)) / 3);
  margin-right: 80px;
}
.flex-3.gutter-80 > .col + .col {
  margin-left: 0 !important;
}
.flex-3.gutter-80 > .col:nth-child(3n) {
  margin-right: 0;
}
.flex-3.gutter-80.flex-wrap > .col:nth-child(n+4) {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .flex-3.gutter-80.sp-col2 > .col {
    width: calc((100% - 80px) / 2);
    margin-right: 80px;
  }
  .flex-3.gutter-80.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-3.gutter-80.sp-col2 > .col:nth-child(n+3) {
    margin-top: 80px;
  }
  .flex-3.gutter-80.sp-col3 > .col {
    width: calc((100% - 80px * 2) / 3);
    margin-right: 80px;
  }
  .flex-3.gutter-80.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.gutter-80.sp-col3 > .col:nth-child(n+4) {
    margin-top: 80px;
  }
}
@media (min-width: 991px) {
  .flex-3.pc-gutter-80 > .col {
    width: calc((100% - calc(80px * 2)) / 3);
    margin-right: 80px;
  }
  .flex-3.pc-gutter-80 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.pc-gutter-80.flex-wrap > .col:nth-child(n+4) {
    margin-top: 80px;
  }
}
@media (max-width: 990px) {
  .flex-3.sp-gutter-80 > .col {
    width: calc((100% - calc(80px * 2)) / 3);
    margin-right: 80px;
  }
  .flex-3.sp-gutter-80 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-3.sp-gutter-80.flex-wrap > .col:nth-child(n+4) {
    margin-top: 80px;
  }
}
.flex-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-2 > .col {
  width: calc(100% / 2);
}
@media (max-width: 990px) {
  .flex-2 > .col {
    width: 100%;
  }
}
@media (max-width: 990px) {
  .flex-2.sp-col1, .flex-2.sp-col2, .flex-2.sp-col3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-2:not([class^=gutter-]).sp-col2 > .col {
    width: 50%;
  }
  .flex-2:not([class^=gutter-]).sp-col3 > .col {
    width: 33.3333333333%;
  }
}
.flex-2.gutter-5 > .col {
  width: calc((100% - calc(5px * 1)) / 2);
  margin-right: 5px;
}
.flex-2.gutter-5 > .col + .col {
  margin-left: 0 !important;
}
.flex-2.gutter-5 > .col:nth-child(2n) {
  margin-right: 0;
}
.flex-2.gutter-5.flex-wrap > .col:nth-child(n+3) {
  margin-top: 5px;
}
@media (max-width: 990px) {
  .flex-2.gutter-5.sp-col2 > .col {
    width: calc((100% - 5px) / 2);
    margin-right: 5px;
  }
  .flex-2.gutter-5.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.gutter-5.sp-col2 > .col:nth-child(n+3) {
    margin-top: 5px;
  }
  .flex-2.gutter-5.sp-col3 > .col {
    width: calc((100% - 5px * 2) / 3);
    margin-right: 5px;
  }
  .flex-2.gutter-5.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-2.gutter-5.sp-col3 > .col:nth-child(n+4) {
    margin-top: 5px;
  }
}
@media (min-width: 991px) {
  .flex-2.pc-gutter-5 > .col {
    width: calc((100% - calc(5px * 1)) / 2);
    margin-right: 5px;
  }
  .flex-2.pc-gutter-5 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.pc-gutter-5.flex-wrap > .col:nth-child(n+3) {
    margin-top: 5px;
  }
}
@media (max-width: 990px) {
  .flex-2.sp-gutter-5 > .col {
    width: calc((100% - calc(5px * 1)) / 2);
    margin-right: 5px;
  }
  .flex-2.sp-gutter-5 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.sp-gutter-5.flex-wrap > .col:nth-child(n+3) {
    margin-top: 5px;
  }
}
.flex-2.gutter-8 > .col {
  width: calc((100% - calc(8px * 1)) / 2);
  margin-right: 8px;
}
.flex-2.gutter-8 > .col + .col {
  margin-left: 0 !important;
}
.flex-2.gutter-8 > .col:nth-child(2n) {
  margin-right: 0;
}
.flex-2.gutter-8.flex-wrap > .col:nth-child(n+3) {
  margin-top: 8px;
}
@media (max-width: 990px) {
  .flex-2.gutter-8.sp-col2 > .col {
    width: calc((100% - 8px) / 2);
    margin-right: 8px;
  }
  .flex-2.gutter-8.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.gutter-8.sp-col2 > .col:nth-child(n+3) {
    margin-top: 8px;
  }
  .flex-2.gutter-8.sp-col3 > .col {
    width: calc((100% - 8px * 2) / 3);
    margin-right: 8px;
  }
  .flex-2.gutter-8.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-2.gutter-8.sp-col3 > .col:nth-child(n+4) {
    margin-top: 8px;
  }
}
@media (min-width: 991px) {
  .flex-2.pc-gutter-8 > .col {
    width: calc((100% - calc(8px * 1)) / 2);
    margin-right: 8px;
  }
  .flex-2.pc-gutter-8 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.pc-gutter-8.flex-wrap > .col:nth-child(n+3) {
    margin-top: 8px;
  }
}
@media (max-width: 990px) {
  .flex-2.sp-gutter-8 > .col {
    width: calc((100% - calc(8px * 1)) / 2);
    margin-right: 8px;
  }
  .flex-2.sp-gutter-8 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.sp-gutter-8.flex-wrap > .col:nth-child(n+3) {
    margin-top: 8px;
  }
}
.flex-2.gutter-10 > .col {
  width: calc((100% - calc(10px * 1)) / 2);
  margin-right: 10px;
}
.flex-2.gutter-10 > .col + .col {
  margin-left: 0 !important;
}
.flex-2.gutter-10 > .col:nth-child(2n) {
  margin-right: 0;
}
.flex-2.gutter-10.flex-wrap > .col:nth-child(n+3) {
  margin-top: 10px;
}
@media (max-width: 990px) {
  .flex-2.gutter-10.sp-col2 > .col {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .flex-2.gutter-10.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.gutter-10.sp-col2 > .col:nth-child(n+3) {
    margin-top: 10px;
  }
  .flex-2.gutter-10.sp-col3 > .col {
    width: calc((100% - 10px * 2) / 3);
    margin-right: 10px;
  }
  .flex-2.gutter-10.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-2.gutter-10.sp-col3 > .col:nth-child(n+4) {
    margin-top: 10px;
  }
}
@media (min-width: 991px) {
  .flex-2.pc-gutter-10 > .col {
    width: calc((100% - calc(10px * 1)) / 2);
    margin-right: 10px;
  }
  .flex-2.pc-gutter-10 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.pc-gutter-10.flex-wrap > .col:nth-child(n+3) {
    margin-top: 10px;
  }
}
@media (max-width: 990px) {
  .flex-2.sp-gutter-10 > .col {
    width: calc((100% - calc(10px * 1)) / 2);
    margin-right: 10px;
  }
  .flex-2.sp-gutter-10 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.sp-gutter-10.flex-wrap > .col:nth-child(n+3) {
    margin-top: 10px;
  }
}
.flex-2.gutter-15 > .col {
  width: calc((100% - calc(15px * 1)) / 2);
  margin-right: 15px;
}
.flex-2.gutter-15 > .col + .col {
  margin-left: 0 !important;
}
.flex-2.gutter-15 > .col:nth-child(2n) {
  margin-right: 0;
}
.flex-2.gutter-15.flex-wrap > .col:nth-child(n+3) {
  margin-top: 15px;
}
@media (max-width: 990px) {
  .flex-2.gutter-15.sp-col2 > .col {
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
  }
  .flex-2.gutter-15.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.gutter-15.sp-col2 > .col:nth-child(n+3) {
    margin-top: 15px;
  }
  .flex-2.gutter-15.sp-col3 > .col {
    width: calc((100% - 15px * 2) / 3);
    margin-right: 15px;
  }
  .flex-2.gutter-15.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-2.gutter-15.sp-col3 > .col:nth-child(n+4) {
    margin-top: 15px;
  }
}
@media (min-width: 991px) {
  .flex-2.pc-gutter-15 > .col {
    width: calc((100% - calc(15px * 1)) / 2);
    margin-right: 15px;
  }
  .flex-2.pc-gutter-15 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.pc-gutter-15.flex-wrap > .col:nth-child(n+3) {
    margin-top: 15px;
  }
}
@media (max-width: 990px) {
  .flex-2.sp-gutter-15 > .col {
    width: calc((100% - calc(15px * 1)) / 2);
    margin-right: 15px;
  }
  .flex-2.sp-gutter-15 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.sp-gutter-15.flex-wrap > .col:nth-child(n+3) {
    margin-top: 15px;
  }
}
.flex-2.gutter-16 > .col {
  width: calc((100% - calc(16px * 1)) / 2);
  margin-right: 16px;
}
.flex-2.gutter-16 > .col + .col {
  margin-left: 0 !important;
}
.flex-2.gutter-16 > .col:nth-child(2n) {
  margin-right: 0;
}
.flex-2.gutter-16.flex-wrap > .col:nth-child(n+3) {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .flex-2.gutter-16.sp-col2 > .col {
    width: calc((100% - 16px) / 2);
    margin-right: 16px;
  }
  .flex-2.gutter-16.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.gutter-16.sp-col2 > .col:nth-child(n+3) {
    margin-top: 16px;
  }
  .flex-2.gutter-16.sp-col3 > .col {
    width: calc((100% - 16px * 2) / 3);
    margin-right: 16px;
  }
  .flex-2.gutter-16.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-2.gutter-16.sp-col3 > .col:nth-child(n+4) {
    margin-top: 16px;
  }
}
@media (min-width: 991px) {
  .flex-2.pc-gutter-16 > .col {
    width: calc((100% - calc(16px * 1)) / 2);
    margin-right: 16px;
  }
  .flex-2.pc-gutter-16 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.pc-gutter-16.flex-wrap > .col:nth-child(n+3) {
    margin-top: 16px;
  }
}
@media (max-width: 990px) {
  .flex-2.sp-gutter-16 > .col {
    width: calc((100% - calc(16px * 1)) / 2);
    margin-right: 16px;
  }
  .flex-2.sp-gutter-16 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.sp-gutter-16.flex-wrap > .col:nth-child(n+3) {
    margin-top: 16px;
  }
}
.flex-2.gutter-20 > .col {
  width: calc((100% - calc(20px * 1)) / 2);
  margin-right: 20px;
}
.flex-2.gutter-20 > .col + .col {
  margin-left: 0 !important;
}
.flex-2.gutter-20 > .col:nth-child(2n) {
  margin-right: 0;
}
.flex-2.gutter-20.flex-wrap > .col:nth-child(n+3) {
  margin-top: 20px;
}
@media (max-width: 990px) {
  .flex-2.gutter-20.sp-col2 > .col {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
  }
  .flex-2.gutter-20.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.gutter-20.sp-col2 > .col:nth-child(n+3) {
    margin-top: 20px;
  }
  .flex-2.gutter-20.sp-col3 > .col {
    width: calc((100% - 20px * 2) / 3);
    margin-right: 20px;
  }
  .flex-2.gutter-20.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-2.gutter-20.sp-col3 > .col:nth-child(n+4) {
    margin-top: 20px;
  }
}
@media (min-width: 991px) {
  .flex-2.pc-gutter-20 > .col {
    width: calc((100% - calc(20px * 1)) / 2);
    margin-right: 20px;
  }
  .flex-2.pc-gutter-20 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.pc-gutter-20.flex-wrap > .col:nth-child(n+3) {
    margin-top: 20px;
  }
}
@media (max-width: 990px) {
  .flex-2.sp-gutter-20 > .col {
    width: calc((100% - calc(20px * 1)) / 2);
    margin-right: 20px;
  }
  .flex-2.sp-gutter-20 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.sp-gutter-20.flex-wrap > .col:nth-child(n+3) {
    margin-top: 20px;
  }
}
.flex-2.gutter-24 > .col {
  width: calc((100% - calc(24px * 1)) / 2);
  margin-right: 24px;
}
.flex-2.gutter-24 > .col + .col {
  margin-left: 0 !important;
}
.flex-2.gutter-24 > .col:nth-child(2n) {
  margin-right: 0;
}
.flex-2.gutter-24.flex-wrap > .col:nth-child(n+3) {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .flex-2.gutter-24.sp-col2 > .col {
    width: calc((100% - 24px) / 2);
    margin-right: 24px;
  }
  .flex-2.gutter-24.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.gutter-24.sp-col2 > .col:nth-child(n+3) {
    margin-top: 24px;
  }
  .flex-2.gutter-24.sp-col3 > .col {
    width: calc((100% - 24px * 2) / 3);
    margin-right: 24px;
  }
  .flex-2.gutter-24.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-2.gutter-24.sp-col3 > .col:nth-child(n+4) {
    margin-top: 24px;
  }
}
@media (min-width: 991px) {
  .flex-2.pc-gutter-24 > .col {
    width: calc((100% - calc(24px * 1)) / 2);
    margin-right: 24px;
  }
  .flex-2.pc-gutter-24 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.pc-gutter-24.flex-wrap > .col:nth-child(n+3) {
    margin-top: 24px;
  }
}
@media (max-width: 990px) {
  .flex-2.sp-gutter-24 > .col {
    width: calc((100% - calc(24px * 1)) / 2);
    margin-right: 24px;
  }
  .flex-2.sp-gutter-24 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.sp-gutter-24.flex-wrap > .col:nth-child(n+3) {
    margin-top: 24px;
  }
}
.flex-2.gutter-25 > .col {
  width: calc((100% - calc(25px * 1)) / 2);
  margin-right: 25px;
}
.flex-2.gutter-25 > .col + .col {
  margin-left: 0 !important;
}
.flex-2.gutter-25 > .col:nth-child(2n) {
  margin-right: 0;
}
.flex-2.gutter-25.flex-wrap > .col:nth-child(n+3) {
  margin-top: 25px;
}
@media (max-width: 990px) {
  .flex-2.gutter-25.sp-col2 > .col {
    width: calc((100% - 25px) / 2);
    margin-right: 25px;
  }
  .flex-2.gutter-25.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.gutter-25.sp-col2 > .col:nth-child(n+3) {
    margin-top: 25px;
  }
  .flex-2.gutter-25.sp-col3 > .col {
    width: calc((100% - 25px * 2) / 3);
    margin-right: 25px;
  }
  .flex-2.gutter-25.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-2.gutter-25.sp-col3 > .col:nth-child(n+4) {
    margin-top: 25px;
  }
}
@media (min-width: 991px) {
  .flex-2.pc-gutter-25 > .col {
    width: calc((100% - calc(25px * 1)) / 2);
    margin-right: 25px;
  }
  .flex-2.pc-gutter-25 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.pc-gutter-25.flex-wrap > .col:nth-child(n+3) {
    margin-top: 25px;
  }
}
@media (max-width: 990px) {
  .flex-2.sp-gutter-25 > .col {
    width: calc((100% - calc(25px * 1)) / 2);
    margin-right: 25px;
  }
  .flex-2.sp-gutter-25 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.sp-gutter-25.flex-wrap > .col:nth-child(n+3) {
    margin-top: 25px;
  }
}
.flex-2.gutter-30 > .col {
  width: calc((100% - calc(30px * 1)) / 2);
  margin-right: 30px;
}
.flex-2.gutter-30 > .col + .col {
  margin-left: 0 !important;
}
.flex-2.gutter-30 > .col:nth-child(2n) {
  margin-right: 0;
}
.flex-2.gutter-30.flex-wrap > .col:nth-child(n+3) {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .flex-2.gutter-30.sp-col2 > .col {
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
  }
  .flex-2.gutter-30.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.gutter-30.sp-col2 > .col:nth-child(n+3) {
    margin-top: 30px;
  }
  .flex-2.gutter-30.sp-col3 > .col {
    width: calc((100% - 30px * 2) / 3);
    margin-right: 30px;
  }
  .flex-2.gutter-30.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-2.gutter-30.sp-col3 > .col:nth-child(n+4) {
    margin-top: 30px;
  }
}
@media (min-width: 991px) {
  .flex-2.pc-gutter-30 > .col {
    width: calc((100% - calc(30px * 1)) / 2);
    margin-right: 30px;
  }
  .flex-2.pc-gutter-30 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.pc-gutter-30.flex-wrap > .col:nth-child(n+3) {
    margin-top: 30px;
  }
}
@media (max-width: 990px) {
  .flex-2.sp-gutter-30 > .col {
    width: calc((100% - calc(30px * 1)) / 2);
    margin-right: 30px;
  }
  .flex-2.sp-gutter-30 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.sp-gutter-30.flex-wrap > .col:nth-child(n+3) {
    margin-top: 30px;
  }
}
.flex-2.gutter-32 > .col {
  width: calc((100% - calc(32px * 1)) / 2);
  margin-right: 32px;
}
.flex-2.gutter-32 > .col + .col {
  margin-left: 0 !important;
}
.flex-2.gutter-32 > .col:nth-child(2n) {
  margin-right: 0;
}
.flex-2.gutter-32.flex-wrap > .col:nth-child(n+3) {
  margin-top: 32px;
}
@media (max-width: 990px) {
  .flex-2.gutter-32.sp-col2 > .col {
    width: calc((100% - 32px) / 2);
    margin-right: 32px;
  }
  .flex-2.gutter-32.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.gutter-32.sp-col2 > .col:nth-child(n+3) {
    margin-top: 32px;
  }
  .flex-2.gutter-32.sp-col3 > .col {
    width: calc((100% - 32px * 2) / 3);
    margin-right: 32px;
  }
  .flex-2.gutter-32.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-2.gutter-32.sp-col3 > .col:nth-child(n+4) {
    margin-top: 32px;
  }
}
@media (min-width: 991px) {
  .flex-2.pc-gutter-32 > .col {
    width: calc((100% - calc(32px * 1)) / 2);
    margin-right: 32px;
  }
  .flex-2.pc-gutter-32 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.pc-gutter-32.flex-wrap > .col:nth-child(n+3) {
    margin-top: 32px;
  }
}
@media (max-width: 990px) {
  .flex-2.sp-gutter-32 > .col {
    width: calc((100% - calc(32px * 1)) / 2);
    margin-right: 32px;
  }
  .flex-2.sp-gutter-32 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.sp-gutter-32.flex-wrap > .col:nth-child(n+3) {
    margin-top: 32px;
  }
}
.flex-2.gutter-40 > .col {
  width: calc((100% - calc(40px * 1)) / 2);
  margin-right: 40px;
}
.flex-2.gutter-40 > .col + .col {
  margin-left: 0 !important;
}
.flex-2.gutter-40 > .col:nth-child(2n) {
  margin-right: 0;
}
.flex-2.gutter-40.flex-wrap > .col:nth-child(n+3) {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .flex-2.gutter-40.sp-col2 > .col {
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
  }
  .flex-2.gutter-40.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.gutter-40.sp-col2 > .col:nth-child(n+3) {
    margin-top: 40px;
  }
  .flex-2.gutter-40.sp-col3 > .col {
    width: calc((100% - 40px * 2) / 3);
    margin-right: 40px;
  }
  .flex-2.gutter-40.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-2.gutter-40.sp-col3 > .col:nth-child(n+4) {
    margin-top: 40px;
  }
}
@media (min-width: 991px) {
  .flex-2.pc-gutter-40 > .col {
    width: calc((100% - calc(40px * 1)) / 2);
    margin-right: 40px;
  }
  .flex-2.pc-gutter-40 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.pc-gutter-40.flex-wrap > .col:nth-child(n+3) {
    margin-top: 40px;
  }
}
@media (max-width: 990px) {
  .flex-2.sp-gutter-40 > .col {
    width: calc((100% - calc(40px * 1)) / 2);
    margin-right: 40px;
  }
  .flex-2.sp-gutter-40 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.sp-gutter-40.flex-wrap > .col:nth-child(n+3) {
    margin-top: 40px;
  }
}
.flex-2.gutter-50 > .col {
  width: calc((100% - calc(50px * 1)) / 2);
  margin-right: 50px;
}
.flex-2.gutter-50 > .col + .col {
  margin-left: 0 !important;
}
.flex-2.gutter-50 > .col:nth-child(2n) {
  margin-right: 0;
}
.flex-2.gutter-50.flex-wrap > .col:nth-child(n+3) {
  margin-top: 50px;
}
@media (max-width: 990px) {
  .flex-2.gutter-50.sp-col2 > .col {
    width: calc((100% - 50px) / 2);
    margin-right: 50px;
  }
  .flex-2.gutter-50.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.gutter-50.sp-col2 > .col:nth-child(n+3) {
    margin-top: 50px;
  }
  .flex-2.gutter-50.sp-col3 > .col {
    width: calc((100% - 50px * 2) / 3);
    margin-right: 50px;
  }
  .flex-2.gutter-50.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-2.gutter-50.sp-col3 > .col:nth-child(n+4) {
    margin-top: 50px;
  }
}
@media (min-width: 991px) {
  .flex-2.pc-gutter-50 > .col {
    width: calc((100% - calc(50px * 1)) / 2);
    margin-right: 50px;
  }
  .flex-2.pc-gutter-50 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.pc-gutter-50.flex-wrap > .col:nth-child(n+3) {
    margin-top: 50px;
  }
}
@media (max-width: 990px) {
  .flex-2.sp-gutter-50 > .col {
    width: calc((100% - calc(50px * 1)) / 2);
    margin-right: 50px;
  }
  .flex-2.sp-gutter-50 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.sp-gutter-50.flex-wrap > .col:nth-child(n+3) {
    margin-top: 50px;
  }
}
.flex-2.gutter-60 > .col {
  width: calc((100% - calc(60px * 1)) / 2);
  margin-right: 60px;
}
.flex-2.gutter-60 > .col + .col {
  margin-left: 0 !important;
}
.flex-2.gutter-60 > .col:nth-child(2n) {
  margin-right: 0;
}
.flex-2.gutter-60.flex-wrap > .col:nth-child(n+3) {
  margin-top: 60px;
}
@media (max-width: 990px) {
  .flex-2.gutter-60.sp-col2 > .col {
    width: calc((100% - 60px) / 2);
    margin-right: 60px;
  }
  .flex-2.gutter-60.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.gutter-60.sp-col2 > .col:nth-child(n+3) {
    margin-top: 60px;
  }
  .flex-2.gutter-60.sp-col3 > .col {
    width: calc((100% - 60px * 2) / 3);
    margin-right: 60px;
  }
  .flex-2.gutter-60.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-2.gutter-60.sp-col3 > .col:nth-child(n+4) {
    margin-top: 60px;
  }
}
@media (min-width: 991px) {
  .flex-2.pc-gutter-60 > .col {
    width: calc((100% - calc(60px * 1)) / 2);
    margin-right: 60px;
  }
  .flex-2.pc-gutter-60 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.pc-gutter-60.flex-wrap > .col:nth-child(n+3) {
    margin-top: 60px;
  }
}
@media (max-width: 990px) {
  .flex-2.sp-gutter-60 > .col {
    width: calc((100% - calc(60px * 1)) / 2);
    margin-right: 60px;
  }
  .flex-2.sp-gutter-60 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.sp-gutter-60.flex-wrap > .col:nth-child(n+3) {
    margin-top: 60px;
  }
}
.flex-2.gutter-80 > .col {
  width: calc((100% - calc(80px * 1)) / 2);
  margin-right: 80px;
}
.flex-2.gutter-80 > .col + .col {
  margin-left: 0 !important;
}
.flex-2.gutter-80 > .col:nth-child(2n) {
  margin-right: 0;
}
.flex-2.gutter-80.flex-wrap > .col:nth-child(n+3) {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .flex-2.gutter-80.sp-col2 > .col {
    width: calc((100% - 80px) / 2);
    margin-right: 80px;
  }
  .flex-2.gutter-80.sp-col2 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.gutter-80.sp-col2 > .col:nth-child(n+3) {
    margin-top: 80px;
  }
  .flex-2.gutter-80.sp-col3 > .col {
    width: calc((100% - 80px * 2) / 3);
    margin-right: 80px;
  }
  .flex-2.gutter-80.sp-col3 > .col:nth-child(3n) {
    margin-right: 0;
  }
  .flex-2.gutter-80.sp-col3 > .col:nth-child(n+4) {
    margin-top: 80px;
  }
}
@media (min-width: 991px) {
  .flex-2.pc-gutter-80 > .col {
    width: calc((100% - calc(80px * 1)) / 2);
    margin-right: 80px;
  }
  .flex-2.pc-gutter-80 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.pc-gutter-80.flex-wrap > .col:nth-child(n+3) {
    margin-top: 80px;
  }
}
@media (max-width: 990px) {
  .flex-2.sp-gutter-80 > .col {
    width: calc((100% - calc(80px * 1)) / 2);
    margin-right: 80px;
  }
  .flex-2.sp-gutter-80 > .col:nth-child(2n) {
    margin-right: 0;
  }
  .flex-2.sp-gutter-80.flex-wrap > .col:nth-child(n+3) {
    margin-top: 80px;
  }
}

.gap-xs {
  gap: 0.5em;
}
.gap-sm {
  gap: 1em;
}
.gap-md {
  gap: 3em;
}
.gap-lg {
  gap: 5em;
}
.gap-xl {
  gap: 10em;
}

h1,
h2,
h3,
h4 {
  line-height: 1.4;
  font-weight: bold;
}

h1 {
  margin: 0;
  font-size: 28px;
  font-size: 2.8rem;
  color: #333;
  text-align: center;
  font-family: "Poppins", sans-serif;
}
@media (max-width: 990px) {
  h1 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

h2 {
  margin: 0;
  font-size: 22px;
  font-size: 2.2rem;
  color: #333;
}
@media (max-width: 990px) {
  h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

h3 {
  color: #333;
  font-size: 18px;
  font-size: 1.8rem;
}

h4 {
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
}

.form-headline-h2 {
  margin-bottom: 0;
  padding: 5px 0;
  color: #fff;
  text-align: center;
  font-weight: 900;
  font-size: 24px;
  font-size: 2.4rem;
  background-color: #0F46A1;
}
@media (max-width: 990px) {
  .form-headline-h2 {
    margin: 0;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.sec-heading {
  text-align: center;
  margin-bottom: 40px;
}
.sec-heading .sec-title {
  font-size: 90px;
  font-size: 9rem;
  font-family: "Poppins", sans-serif;
  margin: 0;
  color: #0F46A1;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 4px;
}
@media (max-width: 990px) {
  .sec-heading .sec-title {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 1;
    letter-spacing: 1.92px;
    word-break: break-all;
  }
}
.bg-blue .sec-heading .sec-title {
  color: #fff;
}
.sec-heading .sec-title span {
  position: relative;
  display: inline-block;
  font-weight: 700;
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 990px) {
  .sec-heading .sec-title span {
    display: block;
    padding-left: 42px;
    padding-right: 42px;
  }
}
.sec-heading .sec-title span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 74px;
  height: 96px;
  background: url("../images/common/title_bubble1.webp") no-repeat top center;
  z-index: 4;
  margin-top: -48px;
  background-size: contain;
}
@media (max-width: 990px) {
  .sec-heading .sec-title span:before {
    width: 54px;
    height: 57px;
    margin-top: -27px;
  }
}
.bg-blue .sec-heading .sec-title span:before {
  background: url("../images/common/title_bubble1_white.webp") no-repeat top center;
  background-size: contain;
}
.sec-heading .sec-title span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 74px;
  height: 96px;
  background: url("../images/common/title_bubble2.webp") no-repeat top center;
  z-index: 4;
  margin-top: -48px;
  background-size: contain;
}
@media (max-width: 990px) {
  .sec-heading .sec-title span:after {
    width: 54px;
    height: 57px;
    margin-top: -27px;
  }
}
.bg-blue .sec-heading .sec-title span:after {
  background: url("../images/common/title_bubble2_white.webp") no-repeat top center;
  background-size: contain;
}
.sec-heading .sec-title + p {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .sec-heading .sec-title + p {
    margin-top: 18px;
  }
}
@media (max-width: 990px) {
  .sec-heading .sec-title .sub-heading-text {
    margin-top: 18px;
  }
}
.sec-heading .sub-heading-text {
  color: #0F46A1;
  letter-spacing: 1px;
  line-height: 1.8;
  font-family: "Zen Kaku Gothic New", sans-serif;
  margin-bottom: 1em;
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 990px) {
  .sec-heading .sub-heading-text {
    line-height: 1.5;
    letter-spacing: 0.72px;
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 18px;
  }
}
.sec-heading p {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
@media (max-width: 990px) {
  .sec-heading p {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
  }
}
.bg-blue .sec-heading p {
  color: #fff;
}

.secondary-title {
  margin-bottom: 40px;
}
@media (max-width: 990px) {
  .secondary-title {
    margin-bottom: 10px;
  }
}
.secondary-title h3 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #0F46A1;
  text-align: center;
}
@media (max-width: 990px) {
  .secondary-title h3 {
    margin-bottom: 16px;
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.heading-border-bottom {
  margin-top: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E9E8E5;
  line-height: 1.8;
}

.heading-line {
  position: relative;
  text-align: center;
  color: #0F46A1;
  padding-bottom: 16px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.8;
  letter-spacing: 0.96px;
  margin-bottom: 60px;
}
@media (max-width: 990px) {
  .heading-line {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
    margin-bottom: 40px;
  }
}
.heading-line span {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  display: block;
  text-transform: capitalize;
  line-height: 1.4;
  letter-spacing: 0.64px;
  margin-bottom: 5px;
}
@media (max-width: 990px) {
  .heading-line span {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.heading-line:before {
  content: "";
  width: 45px;
  height: 1px;
  background: #02A8CD;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -23px;
}

.heading-linev2 {
  position: relative;
  text-align: center;
  color: #0F46A1;
  padding-bottom: 16px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.8;
  color: #333333;
  letter-spacing: 0.96px;
  margin-bottom: 60px;
  margin-top: 40px;
}
@media (max-width: 990px) {
  .heading-linev2 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
    margin-bottom: 40px;
  }
}
.heading-linev2 span {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  display: block;
  text-transform: capitalize;
  line-height: 1.4;
  letter-spacing: 0.64px;
  margin-bottom: 5px;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .heading-linev2 span {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.heading-linev2 .heading-slant-line {
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 5px;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.heading-linev2 .heading-slant-line:before {
  position: absolute;
  content: "";
  bottom: 0px;
  width: 0;
  height: 30px;
  border-right: 1px solid #0F46A1;
  right: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.heading-linev2 .heading-slant-line:after {
  position: absolute;
  content: "";
  bottom: 0px;
  width: 0;
  height: 30px;
  border-right: 1px solid #0F46A1;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.heading-bullet {
  position: relative;
  padding-left: 20px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.8;
  letter-spacing: 0.96px;
}
@media (max-width: 990px) {
  .heading-bullet {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
    margin-bottom: 40px;
  }
}
.heading-bullet:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #02A8CD;
  border-radius: 50%;
  margin-top: -5px;
}
.heading-bullet.bullet-child {
  margin-bottom: 16px;
}
@media (max-width: 990px) {
  .heading-bullet.bullet-child {
    margin-bottom: 8px;
  }
}
.heading-bullet.bullet-child:before {
  width: 5px;
  height: 5px;
  left: 5px;
  margin-top: 0;
}

.heading-line-middle {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  margin-bottom: 24px;
  padding-left: 20px;
  text-align: left;
}
@media (max-width: 990px) {
  .heading-line-middle {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.heading-line-middle::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 10px;
  height: 2px;
  background-color: #0F46A1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.heading-02 {
  text-align: center;
}
@media (max-width: 990px) {
  .heading-02 {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.heading-02 .title-en {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.56px;
  color: #0F46A1;
  text-transform: capitalize;
}
@media (max-width: 990px) {
  .heading-02 .title-en {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.heading-02 .title-ja {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  padding: 0 30px;
}
.heading-02 .title-ja::before, .heading-02 .title-ja::after {
  position: absolute;
  content: "";
  bottom: -8px;
  width: 0;
  height: 30px;
  border-right: 1px solid #0F46A1;
}
.heading-02 .title-ja::before {
  right: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.heading-02 .title-ja::after {
  left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.heading-02 .ja {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.96px;
  color: #0F46A1;
}

.heading-03 {
  text-align: center;
  padding-bottom: 8px;
  border-bottom: 1px solid #E9E8E5;
}
.heading-03 .heading-number {
  display: block;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 1.28px;
  color: #02A8CD;
}
.heading-03 .heading-title {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.72px;
  color: #0F46A1;
}
.heading-03 .heading-text {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .heading-03 .heading-text {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}

.heading-04 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.96px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E9E8E5;
}
@media (max-width: 990px) {
  .heading-04 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
  }
}
.heading-04 span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.56px;
  color: #02A8CD;
  text-transform: capitalize;
}
@media (max-width: 990px) {
  .heading-04 span {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.4px;
  }
}

.heading-05 {
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.72px;
  padding-left: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 24px;
}
.heading-05::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 3px;
  background: #02A8CD;
  top: 0;
  left: 0;
}

.heading-06 {
  position: relative;
  text-align: center;
  margin-bottom: 24px;
}
.heading-06::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #E9E8E5;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
}
.heading-06 span {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.72px;
  padding: 0 40px;
  background-color: #fff;
}
@media (max-width: 990px) {
  .heading-06 span {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
    padding: 0 16px;
  }
}

.heading-07 {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.72px;
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 16px;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .heading-07 {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
  }
}
.heading-07 .heading-wrap {
  display: block;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #02A8CD;
  margin-bottom: 5px;
}
.heading-07 .h-text {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.56px;
  line-height: 0.95;
}
@media (max-width: 990px) {
  .heading-07 .h-text {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.4px;
  }
}
.heading-07 .h-sign {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.72px;
  line-height: 0.95;
}
@media (max-width: 990px) {
  .heading-07 .h-sign {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
  }
}
.heading-07 .h-number {
  font-size: 36px;
  font-size: 3.6rem;
  letter-spacing: 1.44px;
  line-height: 0.95;
}
@media (max-width: 990px) {
  .heading-07 .h-number {
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: 1.28px;
  }
}

.heading-span-style {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 16px;
}
.heading-span-style span {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.1px;
  margin-top: 6px;
}
.heading-span-style span:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: -4px;
  height: 16px;
  background: rgba(109, 201, 241, 0.4);
  z-index: -1;
}

[class^=list-] {
  list-style: none;
}

.list-type01,
.list-type02,
.list-asterisk {
  margin-top: 10px;
}
.list-type01 > li,
.list-type02 > li,
.list-asterisk > li {
  position: relative;
}
.list-type01 > li:before,
.list-type02 > li:before,
.list-asterisk > li:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.list-type01 > li + li,
.list-type02 > li + li,
.list-asterisk > li + li {
  margin-top: 0;
}

.list-type01 > li {
  padding-left: 20px;
}
.list-type01 > li:nth-child(1):before {
  content: "1.";
}
.list-type01 > li:nth-child(2):before {
  content: "2.";
}
.list-type01 > li:nth-child(3):before {
  content: "3.";
}
.list-type01 > li:nth-child(4):before {
  content: "4.";
}
.list-type01 > li:nth-child(5):before {
  content: "5.";
}
.list-type01 > li:nth-child(6):before {
  content: "6.";
}
.list-type01 > li:nth-child(7):before {
  content: "7.";
}
.list-type01 > li:nth-child(8):before {
  content: "8.";
}
.list-type01 > li:nth-child(9):before {
  content: "9.";
}
.list-type01 > li:nth-child(10):before {
  content: "10.";
}
.list-type01 > li:nth-child(11):before {
  content: "11.";
}
.list-type01 > li:nth-child(12):before {
  content: "12.";
}
.list-type01 > li:nth-child(13):before {
  content: "13.";
}
.list-type01 > li:nth-child(14):before {
  content: "14.";
}
.list-type01 > li:nth-child(15):before {
  content: "15.";
}
.list-type01 > li:nth-child(16):before {
  content: "16.";
}
.list-type01 > li:nth-child(17):before {
  content: "17.";
}
.list-type01 > li:nth-child(18):before {
  content: "18.";
}
.list-type01 > li:nth-child(19):before {
  content: "19.";
}
.list-type01 > li:nth-child(20):before {
  content: "20.";
}

.list-type02 > li {
  padding-left: 20px;
}
.list-type02 > li:nth-child(1):before {
  content: "(1)";
}
.list-type02 > li:nth-child(2):before {
  content: "(2)";
}
.list-type02 > li:nth-child(3):before {
  content: "(3)";
}
.list-type02 > li:nth-child(4):before {
  content: "(4)";
}
.list-type02 > li:nth-child(5):before {
  content: "(5)";
}
.list-type02 > li:nth-child(6):before {
  content: "(6)";
}
.list-type02 > li:nth-child(7):before {
  content: "(7)";
}
.list-type02 > li:nth-child(8):before {
  content: "(8)";
}
.list-type02 > li:nth-child(9):before {
  content: "(9)";
}
.list-type02 > li:nth-child(10):before {
  content: "(10)";
}

.list-disc01,
.list-disc02 {
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 990px) {
  .list-disc01,
  .list-disc02 {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.list-disc01 > li,
.list-disc02 > li {
  position: relative;
}
.list-disc01 > li:before,
.list-disc02 > li:before {
  display: block;
  content: "●";
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  margin: auto;
}

.list-disc01 > li {
  padding-left: 15px;
}
.list-disc01 > li:before {
  content: "・";
}

.list-disc02 > li {
  padding-left: 15px;
}
.list-disc02 > li:before {
  content: "●";
}

.list-asterisk > li {
  padding-left: 15px;
}
.list-asterisk > li:before {
  content: "※";
}
.list-asterisk.text-remarks > li + li {
  margin-top: 0;
}

.link {
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.link:hover {
  opacity: 0.75;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.link-underline {
  text-decoration: underline;
}

.link-underline-hover:hover {
  text-decoration: underline;
}

.link-url {
  word-break: break-all;
}

.link-icon-white {
  position: relative;
  padding-right: 30px;
}
.link-icon-white:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/link-icon-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.link-icon-caret {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
  color: #0F46A1;
  padding-right: 10px;
}
@media (max-width: 990px) {
  .link-icon-caret {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.link-icon-caret::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0F46A1;
  border-right: 2px solid #0F46A1;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  z-index: 1;
}

.link-download-pdf {
  position: relative;
  padding-left: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  color: #0F46A1;
}
.link-download-pdf:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon_pdf.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.link-new-tab {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
  padding-right: 20px;
}
@media (max-width: 990px) {
  .link-new-tab {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.link-new-tab::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  background-image: url("/assets/images/common/open_in_new_blue.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 990px) {
  .link-new-tab::before {
    width: 14px;
    height: 14px;
  }
}

.page-btn {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .page-btn {
    margin-top: 24px;
    padding: 0 10px;
  }
}
.page-btn + .page-btn {
  margin-top: 12px;
}

.bg-blue {
  padding: 100px 0;
  background: #147FDF;
  color: #fff;
}
.bg-blue h2 {
  color: #fff;
}

.step-num {
  width: 40px;
  height: 40px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  line-height: 38px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 5px;
  background: #E9E8E5;
  color: #90897C;
}
@media (max-width: 990px) {
  .step-num {
    width: 25px;
    height: 25px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22px;
  }
}

/* == WordPress WYSIWYG Editor Styles == */
.entry-content img {
  margin: 0 0 1.5em 0;
}

.alignleft, img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}

.alignright, img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}

.aligncenter, img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}

.alignnone, img.alignnone {
  /* not sure about this one */
}

.wp-caption {
  margin-bottom: 1.5em;
  text-align: center;
  padding-top: 5px;
}

.wp-caption img {
  border: 0 none;
  padding: 0;
  margin: 0;
}

.wp-caption p.wp-caption-text {
  line-height: 1.5;
  font-size: 10px;
  margin: 0;
}

.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
}

blockquote.left {
  margin-right: 20px;
  text-align: right;
  margin-left: 0;
  width: 33%;
  float: left;
}

blockquote.right {
  margin-left: 20px;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right;
}

.inner-nav-list {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 40px;
}
.inner-nav-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media (max-width: 990px) {
  .inner-nav-list ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.inner-nav-list ul li {
  display: block;
  margin-bottom: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.inner-nav-list ul li a.button {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .inner-nav-list ul li a.button {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 990px) {
  .inner-nav-list ul li a.button {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.inner-nav-list ul li a.button.w-arrow-right {
  padding-left: 30px;
  padding-right: 30px;
}
.inner-nav-list ul li a.button:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  margin-top: -8px;
}

.detailed-text {
  margin-bottom: 60px;
  line-height: 1.8;
}
.detailed-text ul, .detailed-text ol {
  font-weight: 500;
}
.detailed-text ul li, .detailed-text ol li {
  font-weight: 500;
}
.detailed-text figure {
  margin-bottom: 20px;
  margin-top: 20px;
}
.detailed-text figure img {
  height: auto;
}
.detailed-text h4 {
  margin: 20px 0;
}
.detailed-text p {
  font-weight: 500;
}
.detailed-text .heading-04 {
  margin: 20px 0;
}
.detailed-text .border-hr {
  display: block;
  margin: 20px 0;
  border-bottom: 1px solid #E9E8E5;
}
.detailed-text .bg-lightblue {
  padding: 5px;
  background: #EAFAFF;
}
.detailed-text .text-lightblue {
  color: #02A8CD;
}
.detailed-text .news-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
}
.detailed-text .news-pagination .prev-btn, .detailed-text .news-pagination .next-btn {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
  color: #0F46A1;
}
.detailed-text .news-pagination .prev-btn::before, .detailed-text .news-pagination .next-btn::before {
  position: absolute;
  content: "";
  top: 50%;
  width: 8px;
  height: 8px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  z-index: 1;
}
.detailed-text .news-pagination .prev-btn {
  padding-left: 18px;
}
.detailed-text .news-pagination .prev-btn::before {
  left: 2px;
  border-left: 2px solid #0F46A1;
  border-bottom: 2px solid #0F46A1;
}
.detailed-text .news-pagination .next-btn {
  padding-right: 18px;
}
.detailed-text .news-pagination .next-btn::before {
  right: 2px;
  border-top: 2px solid #0F46A1;
  border-right: 2px solid #0F46A1;
}
.detailed-text .btn-wrap {
  margin-top: 40px;
}

.detailed-text .cf-wrapper {
  padding: 40px 0;
}
.detailed-text .cf-wrapper .heading-line {
  margin-top: 0;
}
.detailed-text .cf-img img {
  width: 100%;
  max-width: 800px;
  height: auto;
}
.detailed-text .cf-content {
  margin-top: 40px;
}
.detailed-text .cf-content p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 1.8;
}
.detailed-text .cf-content p + p {
  margin-top: 24px;
}

html.menu-active {
  position: relative;
  overflow: hidden;
}
@media (min-width: 1050px) {
  html.menu-active {
    overflow-y: scroll;
  }
}
html.menu-active main:after {
  content: "";
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2);
  left: 0;
  z-index: 104;
}
@media (min-width: 1050px) {
  html.menu-active main:after {
    display: none;
  }
}

.breadcrumbs {
  position: relative;
  display: block;
  background-color: #fff;
  margin: 15px auto 35px;
  z-index: 2;
}
@media (max-width: 990px) {
  .breadcrumbs {
    margin: 0 0 15px 0;
  }
}
.breadcrumbs .container {
  margin: 0 auto;
}
@media (max-width: 990px) {
  .breadcrumbs .container {
    max-width: 95%;
  }
}
.breadcrumbs a {
  color: #0F46A1;
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 990px) {
  .breadcrumbs a {
    font-size: 10px;
    font-size: 1rem;
  }
}
.breadcrumbs span {
  color: #333;
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 990px) {
  .breadcrumbs span {
    font-size: 10px;
    font-size: 1rem;
  }
}
.breadcrumbs ol {
  margin: 0;
  color: #333;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  clear: both;
  list-style-type: none;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}
@media (max-width: 990px) {
  .breadcrumbs ol {
    font-size: 12px;
    font-size: 1.2rem;
    white-space: normal;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    line-height: 1.4;
  }
}
.breadcrumbs li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 990px) {
  .breadcrumbs li {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}
.breadcrumbs li:last-child {
  text-overflow: ellipsis;
  position: relative;
  overflow: hidden;
}
@media (max-width: 990px) {
  .breadcrumbs li:last-child {
    overflow: visible;
  }
}
.breadcrumbs li + li {
  position: relative;
  padding-left: 16px;
}
.breadcrumbs li + li:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 6px;
  bottom: 0;
  width: 4px;
  height: 4px;
  margin: auto;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: translate(0, 0) rotate(45deg);
          transform: translate(0, 0) rotate(45deg);
}

.pager {
  margin: 25px 0 30px;
}
@media (max-width: 990px) {
  .pager.is-active .pager-items {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.pager.is-active .pager-item {
  display: none;
}
.pager.is-active .pager-item.pre, .pager.is-active .pager-item.next {
  display: block !important;
}
.pager.is-active .pager-item.next:before {
  display: none;
}

.pager-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  line-height: 1;
}
.pager-items .pager-item.is-active a span {
  font-weight: 700;
  color: #0F46A1;
}
.pager-items a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #333;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pager-items a:hover, .pager-items a.is-active {
  color: rgba(51, 51, 51, 0.8);
}
.pager-items span {
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: middle;
  line-height: 1;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}

.pager-item {
  position: relative;
  display: inline;
  padding: 0;
  width: 15px;
  height: 100%;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
}
@media (max-width: 990px) {
  .pager-item {
    width: 10px;
  }
}
.pager-item + .pager-item {
  margin-left: 20px;
}
.pager-item.pre, .pager-item.next {
  width: 40px;
  height: 40px;
}
.pager-item.pre {
  margin-right: 35px;
}
@media (max-width: 990px) {
  .pager-item.pre {
    margin-right: 10px;
  }
}
.pager-item.next {
  margin-left: 50px;
}
@media (max-width: 990px) {
  .pager-item.next {
    margin-left: 30px;
  }
}
.pager-item.last {
  position: relative;
  margin-left: 55px;
}
@media (max-width: 990px) {
  .pager-item.last {
    margin-left: 50px;
  }
}
.pager-item.last:before {
  display: block;
  content: "...";
  position: absolute;
  top: auto;
  left: -36px;
  bottom: 0px;
  width: 16px;
  height: 16px;
  margin: auto;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
}
@media (max-width: 990px) {
  .pager-item.last:before {
    left: -30px;
    bottom: 0;
  }
}

[class^=pager-arrow-] span {
  position: relative;
  display: block;
  padding-top: 13px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}
[class^=pager-arrow-] span:before {
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
}

.pager-arrow-first span:before,
.pager-arrow-previous span:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pager-arrow-previous,
.pager-arrow-next {
  background-color: #0F46A1;
  border-radius: 50%;
}
.pager-arrow-previous span:before,
.pager-arrow-next span:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 12px;
  height: 12px;
  margin: auto;
  background-image: url("/assets/images/common/arrow_white.svg");
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
.pager-arrow-previous:hover span:before,
.pager-arrow-next:hover span:before {
  background-image: url("/assets/images/common/arrow_white.svg");
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.pager-arrow-first span:before,
.pager-arrow-last span:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 13px;
  margin: auto;
  background-image: url("/assets/images/common/pager_arrow2.png");
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
.pager-arrow-first:hover span:before,
.pager-arrow-last:hover span:before {
  background-image: url("/assets/images/common/pager_arrow2_white.png");
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.pagetop {
  position: fixed;
  right: 3%;
  bottom: 40px;
  z-index: 999;
}
.pagetop a {
  display: block;
  margin: auto;
  width: 50px;
  height: 50px;
  background-color: #0F46A1;
  border-radius: 60px;
}
@media (max-width: 990px) {
  .pagetop a {
    width: 40px;
    height: 40px;
  }
}
.pagetop span {
  position: relative;
  display: block;
  padding-top: 100%;
  height: 0;
  overflow: hidden;
}
.pagetop span:before {
  display: block;
  content: "";
  position: absolute;
  margin: auto;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: translate(-50%, -20%) rotate(45deg);
          transform: translate(-50%, -20%) rotate(45deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.accordion-list {
  margin-top: 27px;
  padding-left: 0;
  margin-bottom: 40px;
}
@media (max-width: 990px) {
  .accordion-list {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 30px;
  }
}
.accordion-list > li {
  display: block;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  background: #fff;
  margin-bottom: 24px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
}
@media (max-width: 990px) {
  .accordion-list > li {
    margin-bottom: 10px;
  }
}
.accordion-list > li.is-open .accordion-title:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  opacity: 0;
}
.accordion-list .accordion-title {
  position: relative;
  padding: 18px 40px 18px 15px;
  text-align: left;
  color: #333;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 10px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .accordion-list .accordion-title {
    padding: 8px 15px 8px 10px;
    padding-right: 50px;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0;
  }
}
.accordion-list .accordion-title:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 16px;
  height: 2px;
  margin-top: -1px;
  background: #0F46A1;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 990px) {
  .accordion-list .accordion-title:before {
    right: 20px;
  }
}
.accordion-list .accordion-title:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 37px;
  width: 2px;
  height: 16px;
  margin-top: -8px;
  background: #0F46A1;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 990px) {
  .accordion-list .accordion-title:after {
    right: 27px;
  }
}
.accordion-list .accordion-title span {
  display: block;
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 18px;
  font-size: 32px;
  font-size: 3.2rem;
  color: #0F46A1;
  text-align: center;
  line-height: 40px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .accordion-list .accordion-title span {
    margin-right: 10px;
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.accordion-list .accordion-content {
  position: relative;
  padding: 0;
  background: transparent;
  color: #D9D9D9;
  line-height: 30px;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 1.44px;
  display: none;
  padding-left: 73px;
  padding-right: 20px;
  color: #333;
  padding-bottom: 20px;
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding-top: 15px;
}
@media (max-width: 767px) {
  .accordion-list .accordion-content {
    line-height: 28px;
    padding-bottom: 20px;
    padding-left: 56px;
  }
}
.accordion-list .accordion-content:before {
  content: "A";
  position: absolute;
  left: 14px;
  top: 11px;
  width: 40px;
  height: 40px;
  color: #0F46A1;
  text-align: center;
  line-height: 37px;
  border-radius: 50%;
  font-size: 20px;
  padding-left: 3px;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .accordion-list .accordion-content:before {
    left: 9px;
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.accordion-list .accordion-content a {
  color: #0F46A1;
  text-decoration: underline;
}
.accordion-list .accordion-content p {
  margin-bottom: 20px;
}
@media (max-width: 990px) {
  .accordion-list .accordion-content p {
    margin-bottom: 0;
    line-height: 28px;
  }
}

.button {
  position: relative;
  display: inline-block;
  margin: auto;
  padding: 18px 40px;
  width: 100%;
  height: auto;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
  background-color: #0F46A1;
  border: 2px solid #0F46A1;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: auto;
}
@media (max-width: 990px) {
  .button {
    margin: 0 auto;
    padding: 15px 0;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.button:hover {
  opacity: 0.8;
  background-color: #02A8CD;
  border: 2px solid #02A8CD;
}
.button.button-white {
  color: #0F46A1;
  background-color: #fff;
  border: 2px solid #0F46A1;
}
.button.button-white.is-disabled {
  color: rgba(0, 185, 0, 0.1);
  background-color: #A8A8A8;
  pointer-events: none;
}
.button.button-white.is-disabled.add-arrow-left:after, .button.button-white.is-disabled.add-arrow-right:after {
  opacity: 0.5;
}
.button.button-white.w-arrow-right {
  padding-left: 40px;
  padding-right: 40px;
}
.button.button-white.w-arrow-right:before {
  background: url("../images/common/arrow_blue.svg") no-repeat center center;
  background-size: contain;
}
.button.button-white.w-arrow-left {
  padding-left: 40px;
  padding-right: 40px;
}
.button.button-white.w-arrow-left:before {
  background: url("../images/common/arrow_blue.svg") no-repeat center center;
  background-size: contain;
}
.button.button-white.w-new-tab::before {
  background: url("/assets/images//common/open_in_new_blue.svg") no-repeat center center;
}
.button.button-lightblue {
  color: #fff;
  background-color: #02A8CD;
  border: 2px solid #02A8CD;
}
.button.button-lightblue.is-disabled {
  color: #A8A8A8;
  background-color: #faf799;
  border-color: #fff;
  pointer-events: none;
}
.button.button-lightblue.is-disabled.add-arrow-left:after, .button.button-lightblue.is-disabled.add-arrow-right:after {
  opacity: 0.5;
}
.button.button-green {
  color: #fff;
  background-color: #00B900;
  border: 2px solid #00B900;
}
.button.button-green.is-disabled {
  color: #A8A8A8;
  background-color: #faf799;
  border-color: #fff;
  pointer-events: none;
}
.button.button-green.is-disabled.add-arrow-left:after, .button.button-green.is-disabled.add-arrow-right:after {
  opacity: 0.5;
}
.button.button-yellow {
  color: #333;
  background-color: #F6EF37;
  border: 2px solid #F6EF37;
}
.button.button-yellow.is-disabled {
  color: #A8A8A8;
  background-color: #faf799;
  border-color: #fff;
  pointer-events: none;
}
.button.button-yellow.is-disabled.add-arrow-left:after, .button.button-yellow.is-disabled.add-arrow-right:after {
  opacity: 0.5;
}
.button.button-yellow.w-arrow-right {
  padding-left: 40px;
  padding-right: 40px;
}
.button.button-yellow.w-arrow-right:before {
  background: url("../images/common/arrow_black.svg") no-repeat center center;
  background-size: contain;
}
.button.button-yellow.w-arrow-left {
  padding-left: 40px;
  padding-right: 40px;
}
.button.button-yellow.w-arrow-left:before {
  background: url("../images/common/arrow_black.svg") no-repeat center center;
  background-size: contain;
}
.button.w-arrow-right {
  padding-left: 40px;
  padding-right: 40px;
}
.button.w-arrow-right:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("../images/common/arrow_white.svg") no-repeat center center;
  background-size: contain;
}
.button.w-new-tab {
  padding-left: 40px;
  padding-right: 40px;
}
.button.w-new-tab:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("../images/common/open_in_new.svg") no-repeat center center;
  background-size: contain;
}
.button.w-arrow-left {
  padding-left: 40px;
  padding-right: 40px;
}
.button.w-arrow-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: rotate(-180deg) translateY(50%);
          transform: rotate(-180deg) translateY(50%);
  width: 16px;
  height: 16px;
  background: url("../images/common/arrow_white.svg") no-repeat center center;
  background-size: contain;
}

.button-s {
  width: 153px;
}

.button-m {
  width: 280px;
  line-height: 1.5;
}

.button-l {
  width: 400px;
}
@media (max-width: 990px) {
  .button-l {
    width: 100%;
  }
}

.button-circle-arrow {
  position: relative;
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #0F46A1;
  display: block;
}
@media (max-width: 990px) {
  .button-circle-arrow {
    min-width: 24px;
    min-height: 24px;
    width: 24px;
    height: 24px;
  }
}
.button-circle-arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: url("../images/common/arrow_white.svg") no-repeat center center;
  background-size: contain;
}
@media (max-width: 990px) {
  .button-circle-arrow:before {
    width: 8px;
    height: 8px;
  }
}

.more {
  margin: 0 auto;
  text-align: center;
}
.more a {
  display: block;
  margin: 0 auto;
  padding: 1em;
  color: #fff;
  background-color: #0F46A1;
  border-radius: 50px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 990px) {
  .more a {
    margin: 0 auto;
    min-width: 85%;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.more a:hover {
  color: #fff;
  background-color: rgba(15, 70, 161, 0.8);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.more span {
  position: relative;
}
.more span:before, .more span:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: contain;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.more span:before {
  left: -1.7em;
  background-image: url("/assets/images/common/svg/icon_arrow_white_s.svg");
}
.more span:after {
  display: none;
}

.add-arrow-white,
.add-arrow-white-reverse {
  position: relative;
}
.add-arrow-white:before,
.add-arrow-white-reverse:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  background-image: url("/assets/images//common/arrow_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.add-arrow-white:before {
  left: auto;
  right: 14px;
}

.add-arrow-white-reverse:before {
  left: 14px;
  right: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.add-arrow-blue,
.add-arrow-blue-reverse {
  position: relative;
}
.add-arrow-blue:before,
.add-arrow-blue-reverse:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  background-image: url("../images/common/arrow_blue.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.add-arrow-blue:before {
  left: auto;
  right: 14px;
}

.add-arrow-blue-reverse:before {
  left: 14px;
  right: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.add-arrow-black,
.add-arrow-black-reverse {
  position: relative;
}
.add-arrow-black:before,
.add-arrow-black-reverse:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  background-image: url("../images/common/arrow_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.add-arrow-black:before {
  left: auto;
  right: 14px;
}

.add-arrow-black-reverse:before {
  left: 14px;
  right: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.form-content dl {
  margin-bottom: 2em;
}
.form-content dt {
  font-weight: bold;
}
.form-content dd + dt {
  margin-top: 2em;
}
.form-content .text-red {
  margin-top: 5px;
}

.form-step {
  margin-bottom: 20px;
}
.form-step ol {
  margin-bottom: 1em;
  list-style: none;
  font-size: 20px;
  font-size: 2rem;
}
.form-step li {
  font-weight: bold;
}
.form-step li + li {
  margin-left: 20px;
}
.form-step li.is-active {
  color: #0F46A1;
}

.form-dl {
  margin: 18px 0;
}
.form-dl dt {
  padding-bottom: 0.5em;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}
.form-dl dd + dt {
  margin-top: 20px;
}

.form-confirm-dl {
  margin: 27px 0;
}
@media (max-width: 990px) {
  .form-confirm-dl {
    margin: 1em 0;
  }
}
.form-confirm-dl dt {
  padding: 0;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
}
.form-confirm-dl dd {
  margin: 0;
  padding: 8px 0;
  border-bottom: 1px solid #D9D9D9;
}
.form-confirm-dl dd + dt {
  margin-top: 20px;
}

.input-wrap {
  padding-bottom: 26px;
  /* radio and checkbox */
  /* End radio and checkbox */
}
.input-wrap p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  margin-top: 8px;
}
.input-wrap label {
  margin-bottom: 12px;
  display: block;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  cursor: initial;
}
.input-wrap label.label-subtitle {
  font-size: 13px;
  font-size: 1.3rem;
}
.input-wrap .flex + .label-subtitle {
  margin-top: 15px;
}
.input-wrap input, .input-wrap textarea, .input-wrap select {
  width: 100%;
  padding: 14px 10px;
  border: 1px solid #C5C2BB;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  border-radius: 8px;
  height: auto;
}
.input-wrap input.form-badge-warning, .input-wrap textarea.form-badge-warning, .input-wrap select.form-badge-warning {
  padding: 8px 15px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  background-color: #f2f2f2;
  border: solid 1px #e6e6e6;
  line-height: 1;
  width: auto;
}
.input-wrap input:disabled, .input-wrap textarea:disabled, .input-wrap select:disabled {
  pointer-events: none;
  color: #2C2A26;
  background: #E9E8E5;
  border: 1px solid #C5C2BB;
}
.input-wrap input:focus, .input-wrap textarea:focus, .input-wrap select:focus {
  outline: none;
  border-color: #0F46A1;
  -webkit-box-shadow: 0 0 5px rgba(15, 70, 161, 0.5);
          box-shadow: 0 0 5px rgba(15, 70, 161, 0.5);
}
.input-wrap input::-webkit-input-placeholder, .input-wrap textarea::-webkit-input-placeholder, .input-wrap select::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #D2D2D2;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
.input-wrap input::-moz-placeholder, .input-wrap textarea::-moz-placeholder, .input-wrap select::-moz-placeholder { /* Firefox 19+ */
  color: #D2D2D2;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
.input-wrap input:-ms-input-placeholder, .input-wrap textarea:-ms-input-placeholder, .input-wrap select:-ms-input-placeholder { /* IE 10+ */
  color: #D2D2D2;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
.input-wrap input:-moz-placeholder, .input-wrap textarea:-moz-placeholder, .input-wrap select:-moz-placeholder { /* Firefox 18- */
  color: #D2D2D2;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
.input-wrap .form-checkout {
  margin-top: 10px;
}
.input-wrap .form-select {
  position: relative;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.input-wrap .form-select select {
  padding: 14px 36px 15px 10px;
}
.input-wrap .form-select:before {
  position: absolute;
  content: "";
  display: block;
  top: calc(50% - 7px);
  right: 14px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  z-index: -1;
}
.input-wrap .form-radio {
  margin-top: 10px;
  margin-bottom: 10px;
}
.input-wrap .form-radio .label-radio {
  position: relative;
  display: inline-block;
  padding: 5px 10px 5px 36px;
  width: auto;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  margin-bottom: 0;
}
.input-wrap .form-radio .label-radio:nth-last-of-type(1) {
  margin-bottom: 0;
}
.input-wrap .form-radio .label-radio:before, .input-wrap .form-radio .label-radio:after {
  display: block;
  position: absolute;
  content: "";
  border-radius: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.input-wrap .form-radio .label-radio:before {
  left: 0;
  width: 24px;
  height: 24px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #C5C2BB inset;
          box-shadow: 0 0 0 1px #C5C2BB inset;
}
.input-wrap .form-radio .label-radio:after {
  left: 6px;
  margin: auto;
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 0;
}
.input-wrap .form-radio + .flex, .input-wrap .form-radio textarea {
  margin-top: 15px;
}
.input-wrap .form-checkbox .label-checkbox {
  position: relative;
  display: inline-block;
  padding: 5px 0 5px 36px;
  width: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: -1px;
}
.input-wrap .form-checkbox .label-checkbox:before, .input-wrap .form-checkbox .label-checkbox:after {
  display: block;
  position: absolute;
  content: "";
}
.input-wrap .form-checkbox .label-checkbox:before {
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -9px;
  background-color: #fff;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: 4px;
}
.input-wrap .form-checkbox .label-checkbox:after {
  top: 14px;
  left: 4px;
  right: auto;
  margin: auto;
  width: 12px;
  height: 10px;
  background-image: url("/assets/images/common/icon_check.webp");
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  opacity: 0;
}
.input-wrap .form-radio.is-block .label-checkbox,
.input-wrap .form-radio.is-block .label-radio,
.input-wrap .form-checkbox.is-block .label-checkbox,
.input-wrap .form-checkbox.is-block .label-radio {
  display: block;
}
.input-wrap input[type=checkbox]:checked + label.label-checkbox:before {
  background-color: #0F46A1;
  border-color: #0F46A1;
}
.input-wrap input[type=checkbox]:checked + label.label-checkbox:after {
  opacity: 1;
}
.input-wrap input[type=radio]:checked + label.label-radio:before {
  background-color: #0F46A1;
  -webkit-box-shadow: 0 0 0 1px #C5C2BB inset;
          box-shadow: 0 0 0 1px #C5C2BB inset;
}
.input-wrap input[type=radio]:checked + label.label-radio:after {
  opacity: 1;
}
.input-wrap .form-box {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .input-wrap .form-box .col:nth-child(n+2) {
    margin-top: 10px;
  }
}
.input-wrap .form-calendar {
  position: relative;
}
.input-wrap + .input-wrap {
  border-top: 1px solid #C5C2BB;
  padding-top: 24px;
  padding-bottom: 24px;
}
.input-wrap.error input, .input-wrap.error select {
  border: 1px solid #EB2615;
}
.input-wrap.error .error-msg {
  display: block;
}
.input-wrap .error-msg {
  display: none;
  font-weight: 500;
  font-size: 12px;
  font-size: 1.2rem;
  color: #EB2615;
}
.input-wrap textarea {
  border: 1px solid #C5C2BB;
  min-height: 194px;
  padding: 14px 10px;
  border-radius: 8px;
}
.input-wrap .age-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 8px;
  max-width: 120px;
}
.input-wrap .age-wrap span {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .input-wrap .age-wrap span {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}

.custom-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.custom-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #C5C2BB;
  border-radius: 4px;
}
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.custom-checkbox:hover input ~ .checkmark {
  background-color: #fff;
}
.custom-checkbox input:checked ~ .checkmark {
  background-color: #0F46A1;
}
.custom-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.custom-checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.form-incomplete-notice {
  position: fixed;
  top: 50%;
  right: 1px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #0F46A1;
  border: 2px solid #fff;
  border-radius: 50px;
  padding: 8px 20px;
  z-index: 15;
  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;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.56px;
  color: #fff;
}
@media (max-width: 990px) {
  .form-incomplete-notice {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}

.form-oh-wrap {
  padding-bottom: 180px;
}

table {
  width: 100%;
  border-collapse: collapse;
}

.table-default th,
.table-default td {
  border: 1px solid #D9D9D9;
}
.table-default th {
  padding: 1em;
  max-width: 250px;
  color: #333;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  background-color: rgba(15, 70, 161, 0.05);
}
.table-default td {
  padding: 13px 20px;
}

.table-list {
  margin-top: 12px;
  table-layout: fixed;
  background-color: #fff;
}
.table-list thead tr {
  border-top: 1px solid #D9D9D9;
}
.table-list tr {
  border-bottom: 1px solid #D9D9D9;
}
.table-list td,
.table-list th {
  text-align: center;
}
.table-list td {
  font-weight: normal;
}
.table-list th {
  padding: 0.95em;
  white-space: nowrap;
  background-color: #F6EF37;
}
.table-list th:first-child, .table-list th:last-child {
  width: 12%;
}
.table-list tr {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.table-list tr + tr {
  border-top: 1px solid #D9D9D9;
}
.table-list td {
  padding: 1.25em 0.5em;
  white-space: nowrap;
}
.table-list td:not(.no-ellipsis) {
  text-overflow: ellipsis;
  overflow: hidden;
}

.table-responsive {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-collapse: collapse;
}
@media (min-width: 768px) {
  .table-responsive {
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
  }
}
@media (max-width: 990px) {
  .table-responsive > tbody > tr {
    display: block;
    border: 1px solid #D9D9D9;
  }
  .table-responsive > tbody > tr + tr {
    margin-top: 15px;
  }
}
@media (min-width: 991px) {
  .table-responsive > tbody > tr + tr {
    border-top: 1px solid #D9D9D9;
  }
}
.table-responsive > tbody > tr > th,
.table-responsive > tbody > tr > td {
  padding: 25px 30px;
}
@media (max-width: 990px) {
  .table-responsive > tbody > tr > th,
  .table-responsive > tbody > tr > td {
    display: block;
    padding: 20px;
    width: 100% !important;
  }
}
.table-responsive > tbody > tr > th {
  width: 345px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #F6EF37;
}
@media (min-width: 991px) {
  .table-responsive > tbody > tr > th {
    vertical-align: middle;
  }
}
@media (max-width: 990px) {
  .table-responsive > tbody > tr > th {
    min-height: 50px;
    line-height: 1;
  }
}
@media (min-width: 991px) {
  .table-responsive > tbody > tr > td {
    width: 78%;
  }
}
@media (max-width: 990px) {
  .table-responsive > tbody > tr > td {
    border-top: 1px solid #D9D9D9;
  }
}

.required,
.any {
  display: inline-block;
  margin-left: 5px;
  padding: 4px 8px;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  border-radius: 2px;
}

.required {
  background-color: #EB2615;
}
.required.gray {
  background-color: #595959;
}

.any {
  background-color: #8E8E8E;
}

.matterss > span {
  display: inline-block;
  margin-right: 15px;
  padding: 0 10px;
  min-width: 62px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #0F46A1;
}

.label {
  display: inline-block;
  margin-right: 15px;
  padding: 0 10px;
  min-width: 62px;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
.label.seat-status__vacant {
  color: #fff;
  background-color: #0F46A1;
}
.label.seat-status__few {
  color: #fff;
  background-color: #EB2615;
}
.label.seat-status__full {
  color: #fff;
  background-color: #8E8E8E;
}
.label.seat-status__end {
  color: #fff;
  background-color: #8E8E8E;
}

.main-visual {
  position: relative;
  margin-bottom: 0;
  width: 100%;
  overflow: hidden;
}
.main-visual .main-visual-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 102;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.main-visual .main-visual-text h1, .main-visual .main-visual-text .main-visual-box {
  font-size: 40px;
  font-size: 4rem;
  text-align: left;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media (max-width: 990px) {
  .main-visual .main-visual-text h1, .main-visual .main-visual-text .main-visual-box {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.main-visual .main-visual-text h1 span, .main-visual .main-visual-text .main-visual-box span {
  background: #fff;
  display: inline-block;
  line-height: 72px;
  padding-left: 15px;
  padding-right: 46px;
  color: #02A8CD;
  margin-top: 10px;
  font-weight: 700;
  border-radius: 6px;
}
@media (max-width: 990px) {
  .main-visual .main-visual-text h1 span, .main-visual .main-visual-text .main-visual-box span {
    line-height: 43px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.main-visual .main-visual-text .main-visual-box {
  margin-bottom: 121px;
}
@media (max-width: 1200px) {
  .main-visual .main-visual-text .main-visual-box {
    margin-bottom: 80px;
  }
}
@media (max-width: 990px) {
  .main-visual .main-visual-text .main-visual-box {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 10px;
  }
}
.main-visual .owl-item.active .main-visual-img img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 3s 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 3s 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.main-visual-img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 49%;
  overflow: hidden;
}
@media (max-width: 990px) {
  .main-visual-img {
    padding-bottom: 121%;
  }
}
.main-visual-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0s 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0s 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
  -webkit-transform-origin: top center;
          transform-origin: top center;
}

.main-visual-copy {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  z-index: 53;
}
.main-visual-copy img,
.main-visual-copy p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  color: #fff;
  font-size: 40px;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.5;
}

.inner-mainvisual {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 200px;
  background: #EAFAFF;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 15%;
  padding-top: 40px;
  text-align: center;
}
@media (min-width: 768px) {
  .inner-mainvisual {
    padding-top: 70px;
    min-height: 310px;
    padding-bottom: 11%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.inner-mainvisual:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 11%;
  background: url("../images/common/inner_wave.webp") no-repeat bottom center;
  background-size: contain;
}
@media (min-width: 768px) {
  .inner-mainvisual:before {
    bottom: -40px;
  }
}
.inner-mainvisual h2 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  color: #0F46A1;
}
@media (min-width: 768px) {
  .inner-mainvisual h2 {
    font-size: 40px;
    font-size: 4rem;
  }
}
.inner-mainvisual h1.sub-heading-text {
  color: #0F46A1;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  letter-spacing: 0.56px;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .inner-mainvisual h1.sub-heading-text {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
  }
}

.sticky-sidebar {
  position: fixed;
  right: -100%;
  width: 110px;
  height: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 1001;
}
@media (max-width: 990px) {
  .sticky-sidebar {
    display: none;
  }
}
.sticky-sidebar.is-visible {
  right: 0;
}
@media (max-width: 990px) {
  .sticky-sidebar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 990px) {
  .sticky-sidebar li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.sticky-sidebar li:last-child a {
  border-radius: 0 0 0 20px;
}
@media (max-width: 990px) {
  .sticky-sidebar li:last-child a {
    border-radius: 0;
  }
}
.sticky-sidebar a {
  width: 110px;
  height: 101px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.25;
  background: #EAFAFF;
  font-weight: 700;
}
@media (max-width: 990px) {
  .sticky-sidebar a {
    width: 100%;
    height: 94px;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 0;
  }
}
.sticky-sidebar a.btn-blue {
  background: #0F46A1;
  color: #fff;
  border-radius: 20px 0 0 0;
}
@media (max-width: 990px) {
  .sticky-sidebar a.btn-blue {
    border-radius: 0;
  }
}
.sticky-sidebar a.btn-lightblue {
  letter-spacing: -1.44px;
  background: #02A8CD;
  color: #fff;
}
.sticky-sidebar a.btn-green {
  background: #6ABD4C;
  color: #fff;
}
.sticky-sidebar a span {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.48px;
  line-height: 1.25;
  display: block;
}
@media (max-width: 990px) {
  .sticky-sidebar a span {
    border: 0;
    font-size: 8px;
    font-size: 0.8rem;
  }
}
.sticky-sidebar a img {
  margin-bottom: 8px;
}

.floating-inquiry {
  position: relative;
  right: 95px;
  width: 204px;
  padding: 14px;
  background-color: #EAFAFF;
  border-top-left-radius: 20px;
  margin-top: 20px;
}
@media (max-height: 750px) {
  .floating-inquiry {
    display: none;
  }
}
@media (max-width: 990px) {
  .floating-inquiry {
    display: none;
  }
}
.floating-inquiry .tel-text {
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.48px;
  line-height: 1.4;
  padding-left: 25px;
  margin-bottom: 4px;
}
.floating-inquiry .tel-text .icon-tel {
  position: absolute;
  display: inline-block;
  top: -3px;
  left: 0;
  width: 24px;
  height: 24px;
  background-color: #0F46A1;
  border-radius: 50%;
}
.floating-inquiry .tel-text .icon-tel::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("/assets/images/common/icon_tel4.svg");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}
.floating-inquiry .inquiry-tel {
  display: block;
  width: 100%;
  height: auto;
  font-size: 23px;
  font-size: 2.3rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.92px;
  color: #0F46A1;
  margin: 6px 0;
}
.floating-inquiry .closed-days {
  margin-top: 10px;
}
.floating-inquiry .title {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.48px;
  color: #0F46A1;
  border: 1px solid #0F46A1;
  text-align: center;
}
.floating-inquiry .details {
  margin-top: 4px;
}
.floating-inquiry .details p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.56px;
  line-height: 1.45;
}

.campaign-floating {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: -100%;
  right: 0;
  z-index: 1002;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
  border-radius: 20px 0 0 0;
  overflow: hidden;
  font-family: inherit;
  max-width: 440px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 600px) {
  .campaign-floating {
    bottom: -100%;
    font-size: 12px;
    max-width: 314px;
  }
}
.campaign-floating.is-visible {
  bottom: 0;
}
.campaign-floating .p-left {
  background: #F00044;
  color: #F6EF37;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px;
  border-radius: 20px 0 0 0;
  min-width: 90px;
}
.campaign-floating .left-title {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 2px;
}
.campaign-floating .number-label {
  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;
  gap: 4px;
}
.campaign-floating .left-number {
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  line-height: 1;
}
.campaign-floating .left-label {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  width: 22px;
}
.campaign-floating .p-right {
  background: #FFF6ED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  padding: 8px 18px 10px;
  border-radius: 0 0 0 0;
}
.campaign-floating .right-campaign {
  background: #19B6E7;
  color: #fff;
  border-radius: 20px;
  padding: 0px 9px;
  font-weight: 700;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0;
  display: inline-block;
  text-align: center;
  margin-bottom: 5px;
}
.campaign-floating .price-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.campaign-floating .right-float-arrow {
  width: 20px;
  height: 45px;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.campaign-floating .right-float-arrow::before {
  content: "";
  display: block;
  width: 20px;
  height: 40px;
  background: url(../images/common/arrow_down_red.svg) no-repeat center;
  background-size: contain;
}
.campaign-floating .right-price-label {
  font-size: 14px;
  font-size: 1.4rem;
  color: #F00044;
  font-weight: 700;
  display: inline-block;
  max-width: 23px;
  line-height: 1.1;
  margin-right: 4px;
}
.campaign-floating .right-price {
  color: #F00044;
  font-weight: 700;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: "Poppins", sans-serif;
  letter-spacing: 1.12px;
  line-height: 1;
}
.campaign-floating .right-price span {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
}
.campaign-floating .right-price-desc {
  color: #000;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
}
.campaign-floating .right-price-desc span {
  font-size: 14px;
  font-size: 1.4rem;
  color: #F00044;
  font-weight: 700;
}

.apply-wrapper {
  background-color: #F7F7F6;
  padding: 40px 30px;
  margin-top: 80px;
  border-radius: 20px;
}
@media (max-width: 1300px) {
  .apply-wrapper {
    margin-right: 110px;
    margin-left: 30px;
  }
}
@media (max-width: 990px) {
  .apply-wrapper {
    margin-top: 40px;
    padding: 20px 30px;
    margin-left: 0;
    margin-right: 0;
  }
}
.apply-wrapper .apply-box-title {
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #0F46A1;
  text-align: center;
  margin-bottom: 32px;
  letter-spacing: 1.28px;
}
@media (max-width: 990px) {
  .apply-wrapper .apply-box-title {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 0.96px;
    margin-bottom: 24px;
  }
}
.apply-wrapper .apply-box-title.line {
  color: #00B900;
}
@media (max-width: 990px) {
  .apply-wrapper .apply-box-title.line {
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: 1.28px;
    line-height: 1;
  }
}
.apply-wrapper .apply-box-title span {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #333;
  letter-spacing: 0.96px;
}
@media (max-width: 990px) {
  .apply-wrapper .apply-box-title span {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.32px;
  }
}
.apply-wrapper .line-devider {
  position: relative;
}
@media (max-width: 990px) {
  .apply-wrapper .line-devider {
    margin-top: 40px;
    padding-top: 20px;
  }
}
.apply-wrapper .line-devider:last-child::before {
  position: absolute;
  content: "";
  top: 50%;
  left: -20px;
  width: 0;
  height: calc(100% + 70px);
  border: 1px solid #D9D7D2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 990px) {
  .apply-wrapper .line-devider:last-child::before {
    top: 0;
    left: 50%;
    height: 0;
    width: calc(100% + 60px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.apply-wrapper .button {
  display: block;
  text-align: center;
}
.apply-wrapper .button.linear-blue {
  border: none;
  background: linear-gradient(135deg, #004ECF 0%, #0F46A1 100%);
}
.apply-wrapper .button.linear-yellow {
  border: none;
  background: linear-gradient(135deg, #F6EF37 0%, #FFE565 100%);
  color: #0F46A1;
}
.apply-wrapper .button.linear-green {
  border: none;
  background: linear-gradient(135deg, #1ED91E 0%, #00B900 100%);
  color: #fff;
}
.apply-wrapper .apply-line-qr img {
  max-width: 100px;
  width: 100%;
  height: auto;
}
.apply-wrapper .btn-text {
  margin-bottom: 10px;
}
.apply-wrapper .btn-text span {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  padding: 0 10px;
}
.apply-wrapper .btn-text span::before, .apply-wrapper .btn-text span::after {
  position: absolute;
  content: "";
  top: 50%;
  width: 0;
  height: 30px;
  border-left: 1px solid #413E37;
}
@media (max-width: 990px) {
  .apply-wrapper .btn-text span::before, .apply-wrapper .btn-text span::after {
    height: 22px;
  }
}
.apply-wrapper .btn-text span::before {
  left: -10px;
  -webkit-transform: translateY(-50%) rotate(-40deg);
          transform: translateY(-50%) rotate(-40deg);
}
.apply-wrapper .btn-text span::after {
  right: -10px;
  -webkit-transform: translateY(-50%) rotate(40deg);
          transform: translateY(-50%) rotate(40deg);
}
.apply-wrapper .icon-person-add {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  top: -2px;
  background: url("/assets/images/common/icon_person_add.svg") center/contain no-repeat;
  z-index: 1;
}
.apply-wrapper.with-tel {
  padding: 20px;
}
.apply-wrapper.with-tel .line-devider:last-child::before {
  height: calc(100% + 40px);
  border-left: 1px solid #D9D7D2;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
}
@media (max-width: 990px) {
  .apply-wrapper.with-tel .line-devider:last-child::before {
    width: calc(100% + 40px);
    height: 0;
    border-left: 0;
    border-top: 1px solid #D9D7D2;
  }
}
.apply-wrapper.with-tel .apply-box-title {
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "Poppins", sans-serif;
  line-height: 1.4;
  letter-spacing: 1.28px;
  text-transform: uppercase;
}
.apply-wrapper.with-tel .apply-box-title.line {
  position: relative;
  padding-top: 26px;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media (max-width: 990px) {
  .apply-wrapper.with-tel .apply-box-title.line {
    padding-top: 48px;
  }
}
.apply-wrapper.with-tel .apply-box-title.line::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 32px;
  height: 32px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("/assets/images/common/icon_line.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 1;
}
.apply-wrapper.with-tel .apply-box-title.line span {
  display: inline-block;
  color: #333;
}
.apply-wrapper.with-tel .apply-box-title span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .apply-wrapper.with-tel .apply-box-title span {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.apply-wrapper .tel-wrapper {
  position: relative;
  text-align: center;
  margin-top: 40px;
  display: none;
}
@media (max-width: 990px) {
  .apply-wrapper .tel-wrapper {
    margin-top: 20px;
    padding-top: 20px;
    display: block;
  }
  .apply-wrapper .tel-wrapper::before {
    position: absolute;
    content: "";
    top: 0;
    left: -20px;
    width: calc(100% + 40px);
    height: 0;
    border-top: 1px solid #D9D7D2;
  }
}
.apply-wrapper .tel-wrapper .tel-number {
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 1.28px;
  color: #0F46A1;
}
.apply-wrapper .tel-wrapper .tel-text {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.56px;
}
.apply-wrapper .tel-wrapper .icon-tel {
  position: relative;
  padding-top: 36px;
}
.apply-wrapper .tel-wrapper .icon-tel::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 28px;
  height: 28px;
  background-image: url("/assets/images/common/icon_tel3.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.inview {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(70px);
  transform: translateY(70px);
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.inview.view {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

.default-swiper {
  position: relative;
  padding-bottom: 40px;
  margin: 40px 0;
  overflow: visible;
}
@media (max-width: 990px) {
  .default-swiper {
    margin: 24px 0;
    padding-bottom: 24px;
  }
}
.default-swiper .swiper-button-next,
.default-swiper .swiper-button-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  color: #fff;
  background-color: #333;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-top: -50px;
}
@media (max-width: 990px) {
  .default-swiper .swiper-button-next,
  .default-swiper .swiper-button-prev {
    width: 35px;
    height: 35px;
  }
}
.default-swiper .swiper-button-next:after,
.default-swiper .swiper-button-prev:after {
  font-size: 20px;
}
@media (max-width: 990px) {
  .default-swiper .swiper-button-next:after,
  .default-swiper .swiper-button-prev:after {
    font-size: 12px;
  }
}
.default-swiper .swiper-button-next {
  right: -26px;
}
@media (max-width: 1300px) {
  .default-swiper .swiper-button-next {
    right: 0;
  }
}
.default-swiper .swiper-button-prev {
  left: -26px;
}
@media (max-width: 1300px) {
  .default-swiper .swiper-button-prev {
    left: 0;
  }
}
.default-swiper .swiper-slide {
  position: relative;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  font-weight: 600;
}
@media (max-width: 990px) {
  .default-swiper .swiper-slide {
    padding: 15px;
    border-radius: 15px;
    min-width: initial;
  }
}
.default-swiper .swiper-slide::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 200px solid transparent;
  border-top: 200px solid #F6EF37;
  border-top-right-radius: 24px;
  -webkit-transition: border-top-color 0.3s ease;
  transition: border-top-color 0.3s ease;
  z-index: -1;
}
@media (max-width: 990px) {
  .default-swiper .swiper-slide::before {
    border-left: 150px solid transparent;
    border-top: 150px solid #F6EF37;
    border-top-right-radius: 15px;
  }
}
.default-swiper .swiper-card {
  background-color: #fff;
  border-radius: 20px;
}
.default-swiper .card-image {
  overflow: hidden;
  border-radius: 20px;
  width: 100%;
  height: 0;
  padding-bottom: 61%;
  position: relative;
}
@media (max-width: 990px) {
  .default-swiper .card-image {
    border-radius: 12px;
    padding-bottom: 73%;
  }
}
.default-swiper .card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.default-swiper .card-details {
  margin-top: 32px;
}
@media (max-width: 990px) {
  .default-swiper .card-details {
    margin-top: 20px;
  }
}
.default-swiper .card-details p {
  letter-spacing: 0.64px;
  font-weight: 700;
  color: #333;
}
@media (max-width: 990px) {
  .default-swiper .card-details p {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0.56px;
    line-height: 1.8;
  }
}
.default-swiper .card-title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.8;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
  margin-bottom: 16px;
}
@media (max-width: 990px) {
  .default-swiper .card-title {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}

.swiper-scrollbar-wrap {
  position: relative;
  padding-bottom: 40px;
  margin: 40px 0;
  overflow: visible;
}
@media (max-width: 990px) {
  .swiper-scrollbar-wrap {
    margin: 24px 0;
    padding-bottom: 24px;
  }
}

.swiper-default-arrow .swiper-button-next,
.swiper-default-arrow .swiper-button-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  color: #fff;
  background-color: #333;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-top: -25px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
@media (max-width: 990px) {
  .swiper-default-arrow .swiper-button-next,
  .swiper-default-arrow .swiper-button-prev {
    width: 35px;
    height: 35px;
    display: none;
  }
}
.swiper-default-arrow .swiper-button-next:after,
.swiper-default-arrow .swiper-button-prev:after {
  font-size: 20px;
}
@media (max-width: 990px) {
  .swiper-default-arrow .swiper-button-next:after,
  .swiper-default-arrow .swiper-button-prev:after {
    font-size: 12px;
  }
}
.swiper-default-arrow .swiper-button-next {
  right: 10px;
}
@media (max-width: 1300px) {
  .swiper-default-arrow .swiper-button-next {
    right: 0;
  }
}
.swiper-default-arrow .swiper-button-prev {
  left: 10px;
}
@media (max-width: 1300px) {
  .swiper-default-arrow .swiper-button-prev {
    left: 0;
  }
}

.course-card-list .swiper-slide {
  position: relative;
  background: #fff;
  border-radius: 24px;
  padding: 24px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  font-weight: 600;
  min-width: 417px;
}
@media (max-width: 990px) {
  .course-card-list .swiper-slide {
    padding: 15px;
    border-radius: 15px;
    min-width: initial;
  }
}

.swiper-scrollbar {
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #A8A399;
  border-radius: 10px;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  height: 10px;
}

.staff-carousel-disabled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}

.news-list li {
  padding: 24px 0;
}
.news-list li + li {
  border-top: 1px solid #E9E8E5;
}
.news-list li:last-child {
  border-bottom: 1px solid #E9E8E5;
}
.news-list .news-item-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0F46A1;
  padding-right: 50px;
  gap: 8px;
}
@media (max-width: 990px) {
  .news-list .news-item-link {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-right: 35px;
  }
}
.news-list .news-item-link .button-circle-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.news-list .news-item-link p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .news-list .news-item-link p {
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.news-list .news-date {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .news-list .news-date {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.news-list .news-tag {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.56px;
  color: #0F46A1;
  border: 1px solid #0F46A1;
  border-radius: 30px;
  padding: 2px 10px;
  margin: 0 90px;
}
@media (max-width: 990px) {
  .news-list .news-tag {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.4px;
    padding: 1px 10px;
    margin: 0 8px;
  }
}

.store-title {
  position: relative;
  text-align: center;
  margin-bottom: 24px;
}
.store-title::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #E9E8E5;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
.store-title span {
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.72px;
  color: #0F46A1;
  background-color: #fff;
  padding: 0 40px;
  z-index: 2;
}
@media (max-width: 990px) {
  .store-title span {
    padding: 0 16px;
  }
}

.store-info {
  padding: 10px 0;
}
.store-info .store-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.store-info .store-img {
  max-width: 80px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.store-info .store-img img {
  width: 100%;
  height: auto;
}
.store-info .store-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
}
.store-info .store-type {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  line-height: 1.8;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .store-info .store-type {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.store-info .store-name {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.96px;
  line-height: 1.8;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .store-info .store-name {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
  }
}
.store-info .contact-details, .store-info .contact-details2 {
  margin-top: 16px;
  padding-left: 40px;
}
.store-info .contact-details .tel-number, .store-info .contact-details2 .tel-number {
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.96px;
  color: #2C2A26;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
}
.store-info .contact-details .tel-number::before, .store-info .contact-details2 .tel-number::before {
  position: absolute;
  content: "";
  top: 50%;
  left: -35px;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("/assets/images/common/icon_tel.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 1;
}
.store-info .contact-details .address, .store-info .contact-details2 .address {
  position: relative;
}
.store-info .contact-details .address::before, .store-info .contact-details2 .address::before {
  position: absolute;
  content: "";
  top: 5px;
  left: -35px;
  width: 20px;
  height: 20px;
  background-image: url("/assets/images/common/icon_location.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 1;
}
.store-info .contact-details .address p, .store-info .contact-details2 .address p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
  color: #595959;
  margin: 0;
}
.store-info .contact-details2 {
  padding-left: 96px;
  margin-top: 0;
}
.store-info .contact-details2 .address::before {
  display: none;
}
.store-info .contact-details2 .address p {
  color: #0F46A1;
}
.store-info .contact-details2 .tel-number {
  padding-left: 30px;
  color: #0F46A1;
}
.store-info .contact-details2 .tel-number::before {
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon_tel2.svg");
}
.store-info .shorter-name {
  font-size: 19px;
  font-size: 1.9rem;
}

.steps {
  max-width: 650px;
  margin: 40px auto;
}
.steps ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
.steps ul li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.56px;
  text-align: center;
}
@media (max-width: 990px) {
  .steps ul li {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.steps ul li.is-active .step-num {
  background: #0F46A1;
  color: #fff;
}
.steps ul li:first-child:before {
  display: none;
}
.steps ul li:before {
  position: absolute;
  content: "";
  width: 80px;
  height: 1px;
  top: 50%;
  left: 0;
  background: #E9E8E5;
  margin-left: -40px;
}
@media (max-width: 990px) {
  .steps ul li:before {
    width: 30px;
    margin-left: -15px;
  }
}
.steps p {
  text-align: center;
  font-weight: 700;
}

.step-vertical .step-title, .step-vertical-primary .step-title {
  text-align: center;
}
.step-vertical .step-title span, .step-vertical-primary .step-title span {
  display: block;
}
.step-vertical .title-en, .step-vertical-primary .title-en {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.48px;
}
.step-vertical .title-ja, .step-vertical-primary .title-ja {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.72px;
}
.step-vertical .step-contents, .step-vertical-primary .step-contents {
  margin-top: 10px;
}
.step-vertical .step-contents p, .step-vertical-primary .step-contents p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}

.step-vertical-primary .title-en, .step-vertical-primary .title-ja {
  color: #0F46A1;
}

.card {
  overflow: hidden;
}
.card.card-shape-bg {
  position: relative;
  padding: 24px;
}
@media (max-width: 990px) {
  .card.card-shape-bg {
    padding: 16px;
  }
}
.card.card-shape-bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 17vw solid transparent;
  border-top: 16vw solid #F6EF37;
  -webkit-transition: border-top-color 0.3s ease;
  transition: border-top-color 0.3s ease;
  z-index: -1;
}
@media (max-width: 990px) {
  .card.card-shape-bg::before {
    border-left: 40vw solid transparent;
    border-top: 40vw solid #F6EF37;
  }
}
.card.card-shape-bg::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: -1;
  margin: 24px;
  border-radius: inherit;
}
@media (max-width: 990px) {
  .card.card-shape-bg::after {
    margin: 16px;
  }
}
.card .card-title,
.card .card-title-primary,
.card .card-title-primary-bg {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.96px;
  text-align: center;
}
.card .card-title + .card-img,
.card .card-title-primary + .card-img,
.card .card-title-primary-bg + .card-img {
  margin-top: 12px;
}
.card .card-title-primary {
  color: #0F46A1;
}
.card .card-title-primary-bg {
  background-color: #0F46A1;
  color: #fff;
}
.card .card-img {
  overflow: hidden;
}
.card .card-img img {
  width: 100%;
  height: auto;
}
.card .card-contents {
  padding-top: 24px;
}
.card .card-contents p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
.card .card-contents .ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.card .card-contents .ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.card .card-contents .ellipsis-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}
.card .card-contents .ellipsis-5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}
.card .card-contents.primary-bg {
  position: relative;
  color: #fff;
  padding: 10px;
}
.card .card-contents.primary-bg::before {
  position: absolute;
  content: "";
  width: 100%;
  height: calc(100% + 2px);
  top: -2px;
  left: 0;
  background-color: #0463C8;
  z-index: -1;
}
.card .card-contents.primary-bg .sub-title {
  color: #fff;
  padding-bottom: 0;
}
.card .sub-title, .card .sub-title-primary {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.72px;
  padding-bottom: 10px;
}
.card .sub-title span, .card .sub-title-primary span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.56px;
}
.card .sub-title span.name, .card .sub-title-primary span.name {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.72px;
}
.card .sub-title-primary {
  color: #0F46A1;
}

.rounded-10 {
  border-radius: 10px;
}

.top-rounded-10 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.bottom-rounded-10 {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.rounded-12 {
  border-radius: 12px;
}

.top-rounded-12 {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.bottom-rounded-12 {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.rounded-16 {
  border-radius: 16px;
}

.top-rounded-16 {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.bottom-rounded-16 {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.rounded-20 {
  border-radius: 20px;
}

.top-rounded-20 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.bottom-rounded-20 {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.rounded-24 {
  border-radius: 24px;
}

.top-rounded-24 {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}

.bottom-rounded-24 {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}

.rounded-30 {
  border-radius: 30px;
}

.top-rounded-30 {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.bottom-rounded-30 {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.question-title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.72px;
  color: #203A72;
  border-bottom: 1px solid #E9E8E5;
  padding-bottom: 8px;
  margin-bottom: 24px;
}
@media (max-width: 990px) {
  .question-title {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
  }
}
.question-title span {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.56px;
  display: block;
  text-transform: capitalize;
  color: #02A8CD;
}
@media (max-width: 990px) {
  .question-title span {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.4px;
  }
}

.question-contents:nth-of-type(n + 2) {
  margin-top: 48px;
}
.question-contents p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
  margin-bottom: 24px;
}
@media (max-width: 990px) {
  .question-contents p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}

.question-content-img img {
  width: 100%;
  height: auto;
}

.contact-wrapper {
  position: relative;
  margin-top: 80px;
  padding: 48px 0;
}
@media (max-width: 990px) {
  .contact-wrapper {
    margin-top: 40px;
    padding: 24px 0;
  }
}
.contact-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: calc(100% + 40px);
  height: 100%;
  background-color: #EAFAFF;
  z-index: -1;
}
.contact-wrapper .btn-wrap {
  margin-top: 48px;
}
@media (max-width: 990px) {
  .contact-wrapper .btn-wrap {
    margin-top: 24px;
  }
}
.contact-wrapper .contact-details {
  background-color: #fff;
  text-align: center;
  border-radius: 20px;
  padding: 20px;
  margin-top: 24px;
}
.contact-wrapper .contact-title {
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1.28px;
  color: #0F46A1;
  text-transform: uppercase;
}
.contact-wrapper .contact-sub-title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  color: #0F46A1;
}
.contact-wrapper .contact-number {
  position: relative;
  display: inline-block;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 1.28px;
  color: #0F46A1;
  margin: 16px 0;
  padding-left: 32px;
}
.contact-wrapper .contact-number::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  background-image: url("/assets/images/common/icon_tel3.svg");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.contact-wrapper .button.contact-button {
  display: block;
  max-width: 300px;
  margin: 0 auto;
}
.contact-wrapper .button.contact-button .icon-email {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 15px;
  margin-right: 5px;
}
.contact-wrapper .button.contact-button .icon-email::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 16px;
  background-image: url("/assets/images/common/icon_email.svg");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.home .sec01 {
  position: relative;
  padding: 77px 0 254px;
  z-index: 99;
}
@media (max-width: 990px) {
  .home .sec01 {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}
.home .sec01 .container {
  position: relative;
  z-index: 5;
  max-width: 1210px;
}
.home .sec01:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 74%;
  width: 100%;
  display: block;
  height: 0;
  padding-bottom: 34%;
  background: url("../images/home/sec01_top_bg.webp") no-repeat top center;
  background-size: contain;
  z-index: 1;
}
@media (max-width: 1440px) {
  .home .sec01:before {
    bottom: 74%;
  }
}
@media (max-width: 990px) {
  .home .sec01:before {
    bottom: 100%;
    margin-bottom: -88px;
  }
}
.home .sec01:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: block;
  height: 0;
  padding-bottom: 11%;
  background: url("../images/home/sec01_bottom_bg.webp") no-repeat bottom center;
  background-size: contain;
  z-index: 1;
}
.home .sec01 .experience-title {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 51px;
  line-height: 62px;
}
@media (max-width: 990px) {
  .home .sec01 .experience-title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.6;
  }
}
.home .sec01 p {
  max-width: 550px;
  color: #fff;
}
@media (max-width: 990px) {
  .home .sec01 p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0px;
  }
}
@media (max-width: 990px) {
  .home .sec01 .sec01-img {
    margin-top: 51px;
  }
}
.home .sec01 .floating-text {
  position: absolute;
  line-height: 1;
  color: #fff;
  height: 150px;
  width: 100%;
  top: 50%;
  margin-top: -75px;
  z-index: 2;
}
@media (max-width: 990px) {
  .home .sec01 .floating-text {
    height: 100px;
  }
}
.home .sec01 .floating-text .text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 150px;
  font-size: 15rem;
  position: absolute;
  top: -2px;
  left: 0;
  height: 202px;
  z-index: 10;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .home .sec01 .floating-text .text {
    font-size: 75px;
    font-size: 7.5rem;
    line-height: 1;
    height: 86px;
  }
}
.home .sec01 .floating-text .text span {
  z-index: 1024;
  position: relative;
  opacity: 0.4;
  font-weight: 700;
}
.home .sec01 .floating-text .text:nth-child(odd) {
  -webkit-animation: marquee 60s linear infinite;
          animation: marquee 60s linear infinite;
  background: #147FDF;
  z-index: 101;
}
.home .sec01 .floating-text .text:nth-child(odd):after {
  content: "";
  display: block;
  height: 101px;
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
}
@media (max-width: 990px) {
  .home .sec01 .floating-text .text:nth-child(odd):after {
    height: 50px;
  }
}
.home .sec01 .floating-text .text:nth-child(even) {
  -webkit-animation: marquee 60s linear infinite;
          animation: marquee 60s linear infinite;
  -webkit-animation-delay: 30s;
          animation-delay: 30s;
  background: #147FDF;
}
.home .sec01 .floating-text .text:nth-child(even):after {
  content: "";
  display: block;
  height: 101px;
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
}
@media (max-width: 990px) {
  .home .sec01 .floating-text .text:nth-child(even):after {
    height: 50px;
  }
}
.home .instagram-list > .col {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .home .instagram-list > .col {
    margin-top: 20px;
  }
}
.home .price-section {
  margin-top: 100px;
  padding-top: 0;
  padding-bottom: 35px;
}
@media (max-width: 990px) {
  .home .price-section {
    margin-top: 40px;
  }
}
.home .price-section .btn-wrap {
  margin-top: 50px;
}
.home .price-section .swiper-slide:before {
  top: -17px;
  right: -17px;
}
@media (max-width: 990px) {
  .home .price-section .swiper-slide:before {
    top: -3px;
    right: -3px;
  }
}
.home .price-section .sec-heading.welcome-part {
  margin-bottom: 100px;
}
@media (max-width: 400px) {
  .home .price-section .sec-heading.welcome-part .sec-title span {
    padding-left: 36px;
    padding-right: 36px;
  }
}
@media (max-width: 990px) {
  .home .price-swiper .swiper-button-next,
  .home .price-swiper .swiper-button-prev {
    display: none;
  }
}
.home .sec-diverlicense {
  position: relative;
  background-color: #1778DB;
  padding-bottom: 153px;
}
@media (max-width: 990px) {
  .home .sec-diverlicense {
    padding-bottom: 60px;
    padding-top: 50px;
  }
}
.home .sec-diverlicense:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% - 50px);
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 10%;
  background: url("../images/home/performance_frame_bottom.webp") no-repeat top center;
  background-size: cover;
}
@media (max-width: 990px) {
  .home .sec-diverlicense:after {
    top: calc(100% - 25px);
    padding-bottom: 16%;
  }
}
.home .sec-diverlicense .button {
  min-width: 280px;
}
@media (max-width: 990px) {
  .home .sec-diverlicense .btn-wrap {
    text-align: center;
  }
}
.home .reason-section {
  margin-top: 20px;
  padding-bottom: 61px;
}
@media (max-width: 990px) {
  .home .reason-section {
    margin-top: 40px;
  }
}
.home .reason-section .container {
  position: relative;
}
.home .reason-section .bubble01 {
  position: absolute;
  top: 200px;
  right: -150px;
  width: 176px;
  height: 114px;
}
@media (max-width: 990px) {
  .home .reason-section .bubble01 {
    display: none;
  }
}
.home .reason-section .bubble02 {
  position: absolute;
  bottom: 101px;
  left: -30px;
  width: 244px;
  height: 234px;
}
@media (max-width: 990px) {
  .home .reason-section .bubble02 {
    display: none;
  }
}
.home .reason-section .reason-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.home .reason-section .reason-card .button {
  margin-top: 30px;
}
.home .reason-section .icon-title-sign {
  position: relative;
}
.home .reason-section .icon-title-sign::before {
  position: absolute;
  content: "";
  top: -11px;
  right: -35px;
  width: 30px;
  height: 30px;
  background: url("/assets/images/common/icon_title_sign.svg") center/contain no-repeat;
  z-index: 1;
}
.home .reason-section .contents {
  margin: 40px auto 0;
}
.home .reason-section .content-desc {
  text-align: center;
  letter-spacing: 0.64px;
  margin-bottom: 40px;
}
@media (max-width: 990px) {
  .home .reason-section .content-desc {
    margin-bottom: 24px;
    letter-spacing: 0.56px;
  }
}
.home .reason-section .reason-card-list-swiper .card-image img {
  border-radius: 30px;
  width: 100%;
}
.home .reason-section .card-details p {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
  letter-spacing: 0px;
  line-height: 1.7;
}
@media (max-width: 990px) {
  .home .reason-section .card-details p {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.home .reason-section .card-details .card-btn {
  margin-top: 24px;
}
.home .reason-section .card-title {
  text-align: center;
  line-height: 42px;
  margin-top: 13px;
}
.home .reason-section .card-title span {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.72px;
  color: #595959;
}
.home .reason-section .card-title .highlight {
  font-size: 24px;
  font-size: 2.4rem;
  color: #0F46A1;
  letter-spacing: 0.96px;
  background-color: initial;
}
.home .reason-section .button {
  min-width: 280px;
}
@media (max-width: 767px) {
  .home .reason-section .button {
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.home .sec-beginners {
  position: relative;
  min-height: 685px;
  background: url("../images/home/beginners_bg.webp") no-repeat center;
  background-size: cover;
  padding-top: 81px;
  color: #fff;
  margin-top: 110px;
}
@media (min-width: 1600px) {
  .home .sec-beginners {
    min-height: 774px;
  }
}
@media (max-width: 990px) {
  .home .sec-beginners {
    padding-bottom: 50px;
    padding-top: 50px;
    background: url("../images/home/beginners_bg_sp.webp") no-repeat bottom center;
    background-size: cover;
    margin-top: 50px;
  }
}
.home .sec-beginners .container {
  max-width: 1080px;
}
@media (max-width: 990px) {
  .home .sec-beginners .col {
    text-align: center;
  }
}
.home .sec-beginners figure {
  margin-bottom: 8px;
}
.home .sec-beginners:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(100% - 5px);
  width: 100%;
  display: block;
  height: 53px;
  background: url("../images/home/beginner_wave.webp") repeat-x bottom center;
  background-size: contain;
}
@media (max-width: 990px) {
  .home .sec-beginners:after {
    background: url("../images/home/beginner_wave_sp.webp") repeat-x bottom center;
    background-size: contain;
  }
}
.home .sec-beginners h3 {
  font-size: 28px;
  font-size: 2.8rem;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.8;
}
@media (max-width: 990px) {
  .home .sec-beginners h3 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 2px;
    margin-bottom: 30px;
  }
}
.home .sec-beginners p {
  line-height: 2.1;
}
@media (max-width: 990px) {
  .home .sec-beginners p {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
  }
}
.home .sec-beginners .button {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .home .sec-beginners figure {
    text-align: center;
  }
  .home .sec-beginners figure img {
    display: inline-block;
  }
}
.home .sec-performance {
  position: relative;
  background-color: #1778DB;
  margin: 11% 0;
  padding-top: 100px;
  padding-bottom: 153px;
}
@media (max-width: 990px) {
  .home .sec-performance {
    padding-bottom: 60px;
    padding-top: 50px;
  }
}
.home .sec-performance:before {
  content: "";
  display: block;
  position: absolute;
  bottom: calc(100% - 50px);
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 11%;
  background: url("../images/home/performance_frame_top.webp") no-repeat bottom center;
  background-size: cover;
}
@media (max-width: 990px) {
  .home .sec-performance:before {
    bottom: calc(100% - 25px);
    padding-bottom: 16%;
  }
}
.home .sec-performance:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% - 50px);
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 10%;
  background: url("../images/home/performance_frame_bottom.webp") no-repeat top center;
  background-size: cover;
}
@media (max-width: 990px) {
  .home .sec-performance:after {
    top: calc(100% - 25px);
    padding-bottom: 16%;
  }
}
.home .sec-performance .sec-heading {
  margin-bottom: 30px;
}
@media (max-width: 990px) {
  .home .sec-performance .btn-wrap {
    text-align: center;
  }
}
@media (max-width: 1300px) {
  .home .performance-content {
    padding-right: 130px;
    padding-left: 0;
  }
}
@media (max-width: 990px) {
  .home .performance-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 990px) {
  .home .performance-content figure {
    margin-bottom: 30px;
  }
}
.home .performance-content .button {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .home .performance-content p {
    font-size: 16px;
    line-height: 1.8;
  }
}
.home .sec-news {
  padding-top: 58px;
  padding-bottom: 0;
}
.home .sec-news .sec-heading {
  text-align: left;
  padding-right: 80px;
}
.home .sec-news .sec-heading .button {
  margin-top: 80px;
}
.home .sec-news .col:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.home .sec-news .news-list .news-tag {
  margin: 0 23px 0 15px;
}
.home .sec-news .news-list li {
  padding: 45px 0;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .home .sec-news .news-list li {
    padding: 24px 0;
  }
}
@media (max-width: 990px) {
  .home .sec-news .news-list li:last-child {
    margin-bottom: 24px;
  }
}
.home .sec-voice {
  position: relative;
  background-color: #147fdf;
  margin: 11% 0 5%;
  padding-top: 138px;
}
.home .sec-voice .bubble {
  position: absolute;
}
.home .sec-voice .bubble.bubble-01 {
  bottom: 230px;
  left: 200px;
  width: 254px;
  height: 199px;
}
.home .sec-voice .bubble.bubble-02 {
  top: 130px;
  right: 150px;
  width: 154px;
  height: 108px;
}
@media (max-width: 990px) {
  .home .sec-voice .bubble.bubble-02 {
    top: 196px;
    right: 0px;
  }
}
.home .sec-voice .sec-heading {
  margin-top: 50px;
}
@media (max-width: 990px) {
  .home .sec-voice .sec-heading {
    margin-top: 0;
  }
}
.home .sec-voice:before {
  content: "";
  display: block;
  position: absolute;
  bottom: calc(100% - 100px);
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 11%;
  background: url("../images/home/voice_frame_top.webp") no-repeat bottom center;
  background-size: cover;
}
@media (max-width: 990px) {
  .home .sec-voice:before {
    bottom: calc(100% - 50px);
    padding-bottom: 16%;
  }
}
.home .sec-voice:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% - 113px);
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 10%;
  background: url("../images/home/voice_frame_bottom.webp") no-repeat top center;
  background-size: cover;
}
@media (max-width: 990px) {
  .home .sec-voice:after {
    top: calc(100% - 50px);
    padding-bottom: 16%;
  }
}
.home .sec-voice .btn-wrap {
  margin-top: 68px;
  margin-bottom: 127px;
}
@media (max-width: 990px) {
  .home .sec-voice .btn-wrap {
    margin-bottom: 40px;
  }
}
.home .sec-voice .col:nth-child(1) {
  margin-top: 70px;
}
@media (max-width: 990px) {
  .home .sec-voice .col:nth-child(1) {
    margin-top: 20px;
  }
}
.home .sec-voice .col:nth-child(2) {
  margin-top: 140px;
}
@media (max-width: 990px) {
  .home .sec-voice .col:nth-child(2) {
    margin-top: 20px;
  }
}
.home .sec-voice .col:nth-child(3) {
  margin-top: 210px;
}
@media (max-width: 990px) {
  .home .sec-voice .col:nth-child(3) {
    margin-top: 20px;
  }
}
.home .sec-voice .col:nth-child(4) {
  margin-top: 280px;
}
@media (max-width: 990px) {
  .home .sec-voice .col:nth-child(4) {
    margin-top: 20px;
  }
}
.home .sec-voice .voice-list {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
  margin-top: -79px;
}
@media (min-width: 991px) {
  .home .sec-voice .voice-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
  }
}
@media (max-width: 990px) {
  .home .sec-voice .voice-list {
    padding-top: 50px;
    padding-right: 50px;
    padding-left: 30px;
    margin-top: 0;
  }
}
.home .sec-voice .voice-list .owl-stage-outer {
  overflow: visible;
}
@media (max-width: 990px) {
  .home .sec-voice .voice-list .owl-nav {
    display: none;
  }
}
.home .sec-voice .voice-list .owl-dots {
  margin-top: 24px;
  text-align: center;
}
.home .sec-voice .voice-list .owl-dots .owl-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #D9D7D2;
  margin: 0 5px;
}
.home .sec-voice .voice-list .owl-dots .owl-dot.active {
  background: #0F46A1;
}
.home .sec-voice .card {
  position: relative;
  background: #fff;
  border-radius: 30px;
  -webkit-box-shadow: 4px 4px 0 #f6ef37;
          box-shadow: 4px 4px 0 #f6ef37;
  color: #0F46A1;
  padding: 0 20px 20px;
  overflow: visible;
}
.home .sec-voice .card:before {
  position: absolute;
  content: "";
  top: -80px;
  left: 50%;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  -webkit-box-shadow: 4px 4px 0 #f6ef37;
  box-shadow: 4px 4px 0 #f6ef37;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 990px) {
  .home .sec-voice .card:before {
    width: 120px;
    height: 120px;
    top: -60px;
  }
}
@media (min-width: 991px) {
  .home .sec-voice .card {
    width: 25%;
  }
}
@media (max-width: 768px) {
  .home .sec-voice .card {
    padding-top: 20px;
  }
}
.home .sec-voice .card a:hover {
  opacity: 1;
}
.home .sec-voice .card p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
@media (max-width: 990px) {
  .home .sec-voice .card p {
    font-size: 12px;
    font-size: 1.2rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.home .sec-voice .card .voice-img {
  position: relative;
  margin-top: -80px;
  margin-bottom: 15px;
  width: 160px;
  height: 160px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 990px) {
  .home .sec-voice .card .voice-img {
    width: 120px;
    height: 120px;
  }
}
.home .sec-voice .card .voice-title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
@media (max-width: 990px) {
  .home .sec-voice .card .voice-title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.home .sec-voice .card .voice-name {
  font-size: 14px;
  font-size: 1.4rem;
  border-bottom: 1px solid #0F46A1;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-weight: 700;
}
@media (max-width: 990px) {
  .home .sec-voice .card .voice-name {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.home .sec-staff {
  position: relative;
  margin-top: 11%;
  padding-top: 100px;
  padding-bottom: 80px;
}
@media (max-width: 990px) {
  .home .sec-staff {
    padding-top: 60px;
  }
}
.home .sec-staff:before {
  content: "";
  display: block;
  position: absolute;
  bottom: calc(100% - 50px);
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 11%;
  background: url("../images/home/staff_wave.webp") no-repeat bottom center;
  background-size: cover;
}
@media (max-width: 990px) {
  .home .sec-staff:before {
    bottom: calc(100% - 25px);
    padding-bottom: 16%;
  }
}
.home .sec-staff .btn-wrap {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .home .sec-staff .staff-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
  }
}
@media (max-width: 990px) {
  .home .sec-staff .staff-list {
    padding-top: 10px;
    padding-right: 50px;
    padding-left: 50px;
  }
}
.home .sec-staff .staff-list .owl-stage-outer {
  overflow: visible;
}
.home .sec-staff .staff-list .owl-dots {
  display: block;
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  text-align: center;
  margin-top: 12px;
}
.home .sec-staff .staff-list .owl-dots .owl-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #D9D7D2;
  margin: 0 5px;
}
.home .sec-staff .staff-list .owl-dots .owl-dot.active {
  background: #0F46A1;
}
.home .sec-staff .staff-list .owl-nav {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -25px;
  pointer-events: none;
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 990px) {
  .home .sec-staff .staff-list .owl-nav {
    display: none;
  }
}
.home .sec-staff .staff-list .owl-nav button {
  pointer-events: auto;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #333;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -25px;
  opacity: 0.6;
}
.home .sec-staff .staff-list .owl-nav button:hover {
  opacity: 1;
}
.home .sec-staff .staff-list .owl-nav button:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/common/arrow_forward.svg") no-repeat center;
}
.home .sec-staff .staff-list .owl-nav button span {
  display: none;
}
.home .sec-staff .staff-list .owl-nav button.owl-next {
  margin-left: 0;
  margin-right: -25px;
}
.home .sec-staff .staff-list .owl-nav button.owl-next:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.home .sec-staff .staff-card {
  position: relative;
  border-radius: 30px;
  background: #0F46A1;
  overflow: hidden;
  text-align: center;
}
.home .sec-staff .staff-detail {
  padding: 10px 20px 20px;
  color: #fff;
}
.home .sec-staff .staff-detail p {
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 990px) {
  .home .sec-staff .staff-detail p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.home .sec-staff .staff-detail .staff-name {
  color: #fff;
  font-weight: 700;
}
@media (max-width: 990px) {
  .home .sec-staff .staff-detail .staff-name {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.home .sec-staff .ads-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 80px;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
.home .sec-staff .ads-list > .col {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .home .sec-staff .ads-list > .col {
    margin-top: 10px;
  }
}
.home .sec-staff .ads-list > .col img {
  width: 100%;
  height: auto;
  max-width: initial;
}
.home .sec-youtube {
  margin-top: 200px;
}
@media (max-width: 990px) {
  .home .sec-youtube {
    margin-top: 100px;
  }
}
.home .sec-youtube .youtube-list-swiper iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
@media (min-width: 768px) {
  .home .sec-youtube .youtube-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
  }
}
@media (max-width: 990px) {
  .home .sec-youtube .youtube-list {
    padding-top: 10px;
    padding-right: 50px;
    padding-left: 0;
  }
}
.home .sec-youtube .youtube-list .owl-stage-outer {
  overflow: visible;
}
.home .sec-youtube .youtube-list .owl-dots {
  display: none;
}
.home .sec-youtube .youtube-list .owl-nav {
  position: absolute;
  width: 100%;
  top: 25%;
  margin-top: -25px;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 990px) {
  .home .sec-youtube .youtube-list .owl-nav {
    display: none;
  }
}
.home .sec-youtube .youtube-list .owl-nav button {
  pointer-events: auto;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #333;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -25px;
}
@media (max-width: 1300px) {
  .home .sec-youtube .youtube-list .owl-nav button {
    margin-left: 0;
  }
}
.home .sec-youtube .youtube-list .owl-nav button:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/common/arrow_forward.svg") no-repeat center;
}
.home .sec-youtube .youtube-list .owl-nav button span {
  display: none;
}
.home .sec-youtube .youtube-list .owl-nav button.owl-next {
  margin-left: 0;
  margin-right: -25px;
}
@media (max-width: 1300px) {
  .home .sec-youtube .youtube-list .owl-nav button.owl-next {
    margin-right: 0;
  }
}
.home .sec-youtube .youtube-list .owl-nav button.owl-next:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.home .sec-youtube .btn-wrap {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .home .sec-youtube .btn-wrap {
    margin-top: 10px;
  }
}
.home .sec-youtube .yi-detail {
  padding: 25px 0 15px 0;
}
.home .sec-youtube .yi-detail h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home .sec-youtube .yi-detail p {
  font-size: 14px;
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home .sec-youtube .yi-detail p + p {
  margin-top: 0;
}
.home .sec-instagram {
  margin-top: 100px;
}
@media (max-width: 990px) {
  .home .sec-instagram {
    margin-top: 40px;
  }
}
.home .sec-instagram .secondary-title {
  margin-bottom: 0;
}
@media (max-width: 990px) {
  .home .sec-instagram .secondary-title {
    margin-bottom: 0;
  }
}
@media (max-width: 990px) {
  .home .sec-instagram .secondary-title h3 {
    margin-bottom: 0;
  }
}
.home .sec-instagram .btn-wrap {
  margin-top: 40px;
}
.home .sec-instagram .instagram-list {
  margin-top: 10px;
}
@media (max-width: 990px) {
  .home .sec-instagram .instagram-list {
    margin-top: 0;
  }
}
.home .instagram-irregular-shape {
  margin-top: 56px;
}
@media (max-width: 990px) {
  .home .instagram-irregular-shape {
    padding-top: 10px;
    padding-right: 80px;
    padding-left: 80px;
  }
}
.home .instagram-irregular-shape .owl-stage-outer {
  overflow: visible;
}
.home .instagram-irregular-shape .owl-nav, .home .instagram-irregular-shape .owl-dots {
  display: none;
}
.home .instagram-irregular-shape .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition-timing-function: linear !important;
          transition-timing-function: linear !important;
}
.home .sec-qa {
  position: relative;
  padding-bottom: 191px;
  padding-top: 0;
}
@media (max-width: 990px) {
  .home .sec-qa {
    padding-top: 0;
    padding-bottom: 100px;
  }
}
.home .sec-qa .bubble {
  position: absolute;
  width: 283px;
  height: 170px;
  right: 10%;
  top: -120px;
}
@media (max-width: 990px) {
  .home .sec-qa .bubble {
    display: none;
  }
}
.home .sec-qa .sec-heading {
  margin-bottom: 20px;
}
.home .sec-qa .accordion-list {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}
.home .store-section {
  margin-top: 40px;
  background: url("../images/home/store_bg.webp") no-repeat top right;
}
@media (max-width: 990px) {
  .home .store-section {
    margin-top: 0;
    background: #fff;
  }
}
.home .store-section .content-desc {
  text-align: center;
  letter-spacing: 0.64px;
}
.home .store-section .store-wrapper {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .home .store-section .store-wrapper {
    margin-top: 30px;
  }
}
.home .store-section .store-wrapper .store-title {
  margin-bottom: 40px;
}
.home .store-section .store-wrapper + .store-wrapper {
  margin-top: 56px;
}
.home .store-section .store-list .col:nth-child(n+4) {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .home .store-section .store-list .col:nth-child(n+2) {
    margin-top: 0;
  }
}
.home .store-section .store-list .store-info {
  padding-right: 48px;
}
@media (max-width: 990px) {
  .home .store-section .store-list .store-info {
    padding-right: 0;
  }
}
@media (max-width: 990px) {
  .home .store-section .store-list .store-info .contact-details {
    display: none;
  }
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
}
.contact main {
  margin-bottom: 150px;
}
@media (max-width: 990px) {
  .contact main {
    margin-bottom: 100px;
  }
}
.contact .steps {
  margin-bottom: 29px;
  margin-top: 43px;
}
.contact .steps p {
  text-align: center;
}
.contact .steps ul {
  margin-bottom: 24px;
}
.contact .contact-wrap {
  padding-top: 50px;
  padding-bottom: 150px;
}
@media (max-width: 990px) {
  .contact .contact-wrap {
    padding-top: 10px;
    padding-bottom: 0;
  }
}
.contact .contact-wrap p {
  font-weight: 400;
}
.contact .contact-wrap .btn-wrap {
  margin-top: 40px;
}
.contact .contact-wrap .terms {
  text-align: center;
  padding-top: 22px;
  border-top: 1px solid #C5C2BB;
  margin-top: 0;
}
.contact .contact-wrap .terms label {
  display: inline-block;
}
.contact .contact-wrap .terms label a {
  position: relative;
  color: #0F46A1;
  font-weight: 700;
}
.contact .contact-wrap .terms p {
  margin-top: 35px;
  line-height: 1.8;
}
.contact .contact-wrap .button-back {
  margin-top: 24px;
  border: 2px solid #E9E8E5;
  color: #333333;
}
.contact .contact-wrap .button-back:before {
  background: url("../images/common/arrow_black.svg") no-repeat center center;
  background-size: contain;
}
@media (max-width: 990px) {
  .contact .confirmation .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.contact .confirmation .btn-wrap .button {
  margin-top: 25px;
}
@media (max-width: 990px) {
  .contact .confirmation .btn-wrap .button {
    margin-bottom: 25px;
    margin-top: 0;
  }
}
.contact .confirmation .btn-wrap .button:first-child {
  margin-top: 0;
}
.contact .confirmation .terms p {
  margin-top: 25px;
}
.contact .contact-complete {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 990px) {
  .contact .contact-complete {
    padding-bottom: 0;
  }
}
.contact .contact-complete h2.heading-line {
  position: relative;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 40px;
  padding-bottom: 10px;
  color: #203A72;
}
@media (max-width: 990px) {
  .contact .contact-complete h2.heading-line {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.contact .contact-complete h2.heading-line span {
  color: #203A72;
}
.contact .contact-complete .btn-wrap {
  margin-top: 80px;
}
.contact .contact-complete p {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 700;
}

.voice main {
  margin-bottom: 0;
}

.voice-section {
  margin: 80px 0;
  padding-top: 0;
}
@media (max-width: 990px) {
  .voice-section {
    margin: 60px 0 50px;
  }
}
.voice-section .voice-desc {
  font-weight: 500;
  line-height: 1.8;
}
.voice-section .voice-wrapper {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .voice-section .voice-wrapper {
    margin-top: 40px;
  }
}
.voice-section .voice-wrapper .btn-wrap {
  margin-top: 16px;
  text-align: right;
}
@media (max-width: 990px) {
  .voice-section .customer-list {
    margin-top: 40px;
  }
}
.voice-section .voice-item {
  position: relative;
  background-color: #EAFAFF;
  border-radius: 30px;
  -webkit-box-shadow: 4px 4px 0 #f6ef37;
          box-shadow: 4px 4px 0 #f6ef37;
  margin-top: 60px;
}
.voice-section .voice-item::before {
  position: absolute;
  content: "";
  top: -60px;
  left: 50%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -webkit-box-shadow: 4px 4px 0 #f6ef37;
          box-shadow: 4px 4px 0 #f6ef37;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.voice-section .voice-item:nth-child(n+3) {
  margin-top: 90px;
}
@media (max-width: 990px) {
  .voice-section .voice-item:first-child {
    margin-top: 60px;
  }
  .voice-section .voice-item:nth-child(n+2) {
    margin-top: 80px;
  }
}
.voice-section .voice-img {
  position: relative;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin-top: -60px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
.voice-section .voice-img::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.6);
          box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  pointer-events: none;
  z-index: 2;
}
.voice-section .voice-details {
  margin-top: 12px;
  padding: 0 20px 20px;
}
.voice-section .voice-details .name {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .voice-section .voice-details .name {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.voice-section .store-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 6px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #0F46A1;
}
.voice-section .store-details .name, .voice-section .store-details .date {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.56px;
  color: #595959;
}
@media (max-width: 990px) {
  .voice-section .store-details .name, .voice-section .store-details .date {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.4px;
  }
}
.voice-section .voice-comments p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .voice-section .voice-comments p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.voice-section .voice-comments .elipsis-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 990px) {
  .voice-section .voice-comments .elipsis-3 {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.voice-section .side-buttons > .col:nth-child(n+3) {
  margin-top: 10px;
}
.voice-section .side-buttons .button {
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 8px;
  border: 2px solid #E9E8E5;
}
.voice-section .side-buttons .button.is-active {
  color: #fff;
  background-color: #0F46A1;
}
.voice-section .voice-info .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin: 40px 0;
}
@media (max-width: 990px) {
  .voice-section .voice-info .btn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 24px 0;
  }
}
.voice-section .voice-info .btn-wrap a.button {
  margin: 0;
}
.voice-section .voice-info-name {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.96px;
  margin-bottom: 16px;
}
@media (max-width: 990px) {
  .voice-section .voice-info-name {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
  }
}
.voice-section .store-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.voice-section .store-info .name, .voice-section .store-info .date {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.56px;
  color: #595959;
}
@media (max-width: 990px) {
  .voice-section .store-info .name, .voice-section .store-info .date {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.4px;
  }
}
.voice-section .voice-info-img {
  margin: 24px 0;
}
.voice-section .pager {
  margin-top: 80px;
}
.voice-section .pager .pager-items {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
@media (max-width: 990px) {
  .voice-section .pager .pager-items {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.voice-section .voice-main-detail .store-info {
  padding: 0;
}

.recruitment main {
  margin-bottom: 150px;
}
@media (max-width: 990px) {
  .recruitment main {
    margin-bottom: 100px;
  }
}
.recruitment .monitor-section {
  padding-bottom: 0;
}
.recruitment .monitor-section .monitor-content:first-child {
  padding-top: 0;
}
.recruitment .monitor-section .monitor-content:first-child .heading-line {
  margin-top: 20px;
}
.recruitment .monitor-section .monitor-content:last-child {
  padding-bottom: 0;
}
.recruitment .monitor-section .monitor-content:last-child:before {
  display: none;
}
.recruitment .monitor-content {
  position: relative;
  padding-top: 11%;
  padding-bottom: 6%;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 990px) {
  .recruitment .monitor-content {
    padding-bottom: 12%;
  }
}
.recruitment .monitor-content:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  background: url("../images/monitor/monitor_wave.webp") no-repeat center center;
  background-size: cover;
  padding-bottom: 11%;
}
.recruitment .monitor-content:not(:first-child) {
  margin-top: 60px;
}
.recruitment .monitor-content h4 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #0F46A1;
  margin-top: 24px;
}
.recruitment .monitor-content h3 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #0F46A1;
  margin-top: 24px;
}
.recruitment .monitor-content p {
  line-height: 1.8;
  font-weight: 500;
}
.recruitment .monitor-content ul, .recruitment .monitor-content ol {
  padding-left: 0;
  margin-top: 24px;
}
@media (max-width: 990px) {
  .recruitment .monitor-content ul, .recruitment .monitor-content ol {
    margin-top: 16px;
  }
}
.recruitment .monitor-content ul li, .recruitment .monitor-content ol li {
  font-weight: 500;
  padding-bottom: 8px;
}
.recruitment .monitor-content ul li:before, .recruitment .monitor-content ol li:before {
  color: #02A8CD;
}
.recruitment .monitor-content ul li p, .recruitment .monitor-content ol li p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #333;
}
.recruitment .monitor-content ul {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .recruitment .monitor-content ul {
    margin-top: 12px;
  }
}
.recruitment .monitor-content .lightblue-box {
  background: #EAFAFF;
  padding: 24px;
  margin-top: 16px;
}
.recruitment .monitor-content .btn-wrap {
  margin-top: 40px;
}
.recruitment .monitor-content .btn-wrap .button {
  min-width: 335px;
}
.recruitment .monitor-content .list-disc01 {
  padding-left: 0;
}
.recruitment .monitor-content .list-disc01 li {
  font-size: 16px;
  font-size: 1.6rem;
  padding-bottom: 10px;
}
.recruitment .apply-wrapper {
  padding-bottom: 40px;
}
.recruitment .apply-wrapper .button {
  margin-bottom: 24px;
}
.recruitment .apply-wrapper p {
  margin-top: 20px;
}
.recruitment .apply-wrapper .btn-text span {
  line-height: 1.45;
}

.reservation main {
  margin-bottom: 150px;
}
@media (max-width: 990px) {
  .reservation main {
    margin-bottom: 100px;
  }
}

.reservation-section {
  padding-top: 0;
}
.reservation-section .steps {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (max-width: 990px) {
  .reservation-section .steps {
    margin-top: 40px;
    margin-bottom: 48px;
  }
}
.reservation-section .input-wrap:last-child {
  border-bottom: 1px solid #C5C2BB;
}
.reservation-section .input-wrap .form-radio {
  margin-left: 16px;
}
.reservation-section .reservation-note {
  font-weight: 500;
}
@media (max-width: 990px) {
  .reservation-section .reservation-note {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.48px;
  }
}
@media (max-width: 990px) {
  .reservation-section .form-box .form-calendar, .reservation-section .form-box .tilde {
    width: calc(100% - 95px);
  }
}
.reservation-section .form-box .tilde {
  position: relative;
  margin-right: 30px;
}
.reservation-section .form-box .tilde::after {
  position: absolute;
  content: "~";
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 500;
  top: 50%;
  right: -32px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 990px) {
  .reservation-section .form-box .tilde::after {
    right: -28px;
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.reservation-section span.required {
  font-weight: 400;
}
.reservation-section .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-top: 40px;
}
@media (max-width: 990px) {
  .reservation-section .btn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.reservation-section .btn-wrap .button-back {
  border: 2px solid #E9E8E5;
  color: #333333;
}
.reservation-section .btn-wrap .button-back:before {
  background: url("/assets/images/common/arrow_black.svg") no-repeat center center;
  background-size: contain;
}
.reservation-section .btn-wrap a.button {
  margin: 0;
}
.reservation-section .terms {
  text-align: center;
  margin-bottom: 24px;
  padding-top: 40px;
}
.reservation-section .terms .custom-checkbox {
  display: inline-block;
  margin-bottom: 0;
}
.reservation-section .terms .custom-checkbox a {
  color: #0F46A1;
  font-weight: 700;
}
.reservation-section .text-wrapper {
  margin-top: 40px;
}
.reservation-section .text-wrapper p {
  font-weight: 500;
}
@media (max-width: 990px) {
  .reservation-section .text-wrapper p {
    line-height: 1.8;
    letter-spacing: 0.56px;
  }
}
.reservation-section .text-wrapper p + p {
  margin-top: 40px;
}
.reservation-section .reservation-complete {
  text-align: center;
  padding-top: 50px;
}
@media (max-width: 990px) {
  .reservation-section .reservation-complete {
    padding-top: 40px;
  }
}
.reservation-section .reservation-complete .heading-line {
  font-size: 32px;
  font-size: 3.2rem;
  letter-spacing: 1.28px;
  color: #203A72;
}
@media (max-width: 990px) {
  .reservation-section .reservation-complete .heading-line {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 0.96px;
  }
}
.reservation-section .reservation-complete .btn-wrap {
  margin-top: 80px;
}
.reservation-section .reservation-complete p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.64px;
  font-weight: 700;
}

.interview-section {
  padding-top: 0;
  margin: 80px 0 120px;
}
@media (max-width: 990px) {
  .interview-section {
    margin: 60px 0;
    padding-bottom: 40px;
  }
}
.interview-section .interview-desc {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.56px;
}
.interview-section .interview-wrapper {
  margin-top: 60px;
}
.interview-section .interview-item {
  background-color: #EAFAFF;
  border-radius: 10px;
}
.interview-section .interview-item:nth-child(n+4) {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .interview-section .interview-item:nth-child(n+2) {
    margin-top: 40px;
  }
}
.interview-section .item-title {
  min-height: 48px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.72px;
  background-color: #02A8CD;
  color: #fff;
  text-align: center;
  padding: 11px 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media (max-width: 990px) {
  .interview-section .item-title {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
  }
}
.interview-section .item-img {
  margin-top: 16px;
}
.interview-section .item-img img {
  width: 180px;
  height: auto;
}
.interview-section .item-info {
  padding: 8px 20px 16px;
}
.interview-section .item-info .item-detail {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .interview-section .item-info .item-detail {
    margin-top: 10px;
  }
}
.interview-section .item-info .comments {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 990px) {
  .interview-section .item-info .comments {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.interview-section .item-info .btn-wrap {
  margin-top: 16px;
  text-align: right;
}
@media (max-width: 990px) {
  .interview-section .item-info .btn-wrap {
    margin-top: 10px;
  }
}
.interview-section .item-info .btn-wrap a.link-icon-caret {
  padding-right: 18px;
}
.interview-section .name-group .name-jp {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  text-align: center;
}
@media (max-width: 990px) {
  .interview-section .name-group .name-jp {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.interview-section .name-group .name-en {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  line-height: 1.4;
  letter-spacing: 0.48px;
  color: #90897C;
  text-align: center;
  margin-top: 0;
}
@media (max-width: 990px) {
  .interview-section .name-group .name-en {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.4px;
  }
}
.interview-section .heading-line {
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 0.96px;
  color: #203A72;
}
.interview-section .heading-line span {
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media (max-width: 990px) {
  .interview-section .heading-line span {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.interview-section .question-title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.72px;
  color: #203A72;
  border-bottom: 1px solid #E9E8E5;
  padding-bottom: 8px;
  margin-bottom: 24px;
}
@media (max-width: 990px) {
  .interview-section .question-title {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
  }
}
.interview-section .question-title span {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.56px;
  display: block;
  text-transform: capitalize;
  color: #02A8CD;
}
@media (max-width: 990px) {
  .interview-section .question-title span {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.4px;
  }
}
.interview-section .contents:nth-of-type(n + 2) {
  margin-top: 48px;
}
.interview-section .contents p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
  margin-bottom: 24px;
}
@media (max-width: 990px) {
  .interview-section .contents p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.interview-section .content-img {
  margin: 24px 0;
}
.interview-section .content-img img {
  width: 100%;
  height: auto;
  max-width: 800px;
}
.interview-section .other-interview {
  position: relative;
  padding-top: 11%;
  margin-top: 80px;
}
@media (max-width: 990px) {
  .interview-section .other-interview {
    margin-top: 40px;
  }
}
.interview-section .other-interview::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: url(../images/monitor/monitor_wave.webp) no-repeat center center;
  background-size: cover;
  z-index: 1;
  padding-top: 11%;
}
.interview-section .interview-swiper {
  position: relative;
  margin-top: 80px;
  padding-bottom: 52px;
}
@media (max-width: 990px) {
  .interview-section .interview-swiper {
    margin-top: 40px;
  }
}
.interview-section .interview-swiper .swiper-scrollbar {
  overflow: hidden;
}
.interview-section .other-title {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  line-height: 1.4;
  letter-spacing: 1.28px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  margin-top: 80px;
}
@media (max-width: 990px) {
  .interview-section .other-title {
    margin-top: 40px;
  }
}
.interview-section .other-title span {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.56px;
  display: block;
  margin-top: 16px;
}

.report .header-text {
  padding: 40px 0 80px;
}
@media (max-width: 990px) {
  .report .header-text {
    padding: 0 0 20px;
  }
}
.report .header-text p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .report .header-text p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.report .header-text h2 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #0F46A1;
}
.report .report-section {
  padding-bottom: 150px;
  padding-top: 50px;
}
@media (max-width: 990px) {
  .report .report-section {
    padding-bottom: 100px;
  }
}
.report .report-section .pager {
  margin-top: 56px;
}
.report .report-section .heading-line {
  margin-top: 0;
}
.report .report-list > li + li {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #CDCDCD;
}
@media (max-width: 990px) {
  .report .report-list > li + li {
    margin-top: 16px;
  }
}
.report .report-list > li:last-child {
  padding-bottom: 40px;
  border-bottom: 1px solid #CDCDCD;
}
@media (max-width: 990px) {
  .report .report-list > li:last-child {
    padding-bottom: 16px;
  }
}
.report .report-list .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 990px) {
  .report .report-list .card {
    display: block;
  }
}
.report .report-list .card figure {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
  margin-right: 20px;
}
@media (max-width: 990px) {
  .report .report-list .card figure {
    margin-right: 0;
  }
}
.report .report-list .card .report-title {
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 1px;
  font-weight: 700;
  padding-left: 15px;
  margin-bottom: 8px;
}
@media (max-width: 990px) {
  .report .report-list .card .report-title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.report .report-list .card .report-title:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 2px;
  background: #0F46A1;
}
.report .report-list .card .report-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}
.report .report-list .card .report-date {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #413E37;
  margin-top: 8px;
  margin-bottom: 10px;
}
.report .report-list .card .link-icon-caret {
  font-size: 16px;
  font-size: 1.6rem;
}
.report .report-year-box {
  background: #F7F7F6;
  border-radius: 16px;
  padding: 32px;
}
.report .report-year-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.report .report-year-box ul > li {
  width: calc(50% - 7.5px);
  border-bottom: 1px solid #e9e8e5;
}
.report .report-year-box ul > li a {
  display: block;
  padding: 5px 0;
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 990px) {
  .report .report-year-box ul > li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.report .report-year {
  margin-top: 0;
}
@media (max-width: 990px) {
  .report .report-year {
    margin-top: 80px;
  }
}
.report .report-year h3 {
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
  padding-left: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 24px;
}
.report .report-year h3:before {
  content: "";
  height: 100%;
  width: 3px;
  background: #02A8CD;
  position: absolute;
  top: 0;
  left: 0;
}
.report .report-swiper {
  margin-bottom: 40px;
  margin-top: 20px;
}
@media (max-width: 990px) {
  .report .report-swiper {
    margin-top: 0;
  }
}
.report .report-swiper .card-title {
  text-align: left;
}
.report .report-swiper .swiper-slide:before {
  display: none;
}
.report .heading-bullet {
  margin-bottom: 15px;
}
.report .ads-section {
  margin-top: 40px;
}
.report .ads-section h3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.72px;
}
@media (max-width: 990px) {
  .report .ads-section h3 {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
  }
}
.report .ads-section figure {
  margin-bottom: 40px;
}
.report .ads-section .news-list {
  margin-top: 40px;
}
.report .ads-section .news-list li {
  padding: 16px 0;
}

.news .news-nav-list {
  padding: 10px 20px 0;
  max-width: 800px;
  margin: 0 auto;
}
.news .news-nav-list ul {
  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;
  gap: 25px;
}
@media (max-width: 990px) {
  .news .news-nav-list ul {
    gap: 16px;
  }
}
.news .news-nav-list ul li {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.news .news-nav-list ul li a.button {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.64px;
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px;
}
@media (max-width: 990px) {
  .news .news-nav-list ul li a.button {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.4px;
    padding: 2px 0;
  }
}
.news .news-nav-list ul li a.button.is-active {
  color: #fff;
  background-color: #0F46A1;
}

.news-section {
  padding: 0;
  margin: 40px 0 150px;
}
@media (max-width: 990px) {
  .news-section {
    margin: 24px 0 100px;
  }
}
.news-section.news-detail {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .news-section.news-detail {
    margin-top: 56px;
  }
}
.news-section.news-detail .news-title {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .news-section.news-detail .news-title {
    margin-top: 10px;
  }
}
.news-section .news-list {
  margin-bottom: 40px;
}
.news-section .news-meta .news-date {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.56px;
  color: #595959;
}
@media (max-width: 990px) {
  .news-section .news-meta .news-date {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.4px;
  }
}
.news-section .news-meta .news-tag {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.56px;
  color: #0F46A1;
  border: 1px solid #0F46A1;
  border-radius: 30px;
  padding: 4px 10px;
  margin-left: 16px;
}
@media (max-width: 990px) {
  .news-section .news-meta .news-tag {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.4px;
    padding: 4px 8px;
    margin-left: 8px;
  }
}
.news-section .news-title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  color: #0F46A1;
}
.news-section .news-subtitle {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  margin: 24px 0;
}
.news-section .news-article {
  margin-bottom: 24px;
}
.news-section .news-article p {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.64px;
}
.news-section .news-img {
  margin: 28px 0;
}
@media (max-width: 990px) {
  .news-section .news-img {
    margin: 24px 0;
  }
}
.news-section .news-img img {
  width: 100%;
  max-width: 800px;
  height: auto;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin: 0 auto;
}

.store-section {
  margin: 100px 0;
  padding-top: 0;
}
@media (max-width: 990px) {
  .store-section {
    margin: 60px 0;
  }
}
.store-section .store-desc {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .store-section .store-desc {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.store-section .store-nav-list {
  margin: 0 30px;
  padding: 60px 0;
}
@media (max-width: 990px) {
  .store-section .store-nav-list {
    margin: 0 28px;
    padding: 40px 0;
  }
}
.store-section .store-nav-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (max-width: 990px) {
  .store-section .store-nav-list ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.store-section .store-nav-list ul li {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.store-section .store-nav-list ul li a.button {
  display: block;
  width: 100%;
  text-align: center;
}
@media (max-width: 990px) {
  .store-section .store-nav-list ul li a.button {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.store-section .store-nav-list ul li a.button:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  margin-top: -8px;
}
.store-section .store-wrapper {
  padding-top: 40px;
}
.store-section .store-wrapper + .store-wrapper {
  padding-top: 40px;
}
@media (max-width: 990px) {
  .store-section .store-wrapper + .store-wrapper {
    padding-top: 24px;
  }
}
.store-section .store-wrapper .store-title {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .store-section .store-wrapper .store-title span {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
  }
}
.store-section .store-info .store-img {
  border-radius: 12px;
}
@media (max-width: 990px) {
  .store-section .store-info .store-img {
    max-width: 60px;
  }
}
@media (max-width: 990px) {
  .store-section .store-info .contact-details2 {
    padding-left: 76px;
  }
}
.store-section .store-info .contact-details2 .address p {
  font-weight: 700;
}
@media (max-width: 990px) {
  .store-section .store-info .contact-details2 .address p {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.store-section .store-info .contact-details2 .tel-number {
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media (max-width: 990px) {
  .store-section .store-info .contact-details2 .tel-number {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.48px;
    padding-left: 22px;
  }
}
@media (max-width: 990px) {
  .store-section .store-info .contact-details2 .tel-number::before {
    width: 16px;
    height: 16px;
  }
}

.reason .reason-section {
  margin-bottom: 150px;
}
@media (max-width: 990px) {
  .reason .reason-section {
    margin-bottom: 100px;
    padding-bottom: 20px;
  }
}
.reason .reason-desc {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
.reason .heading-line {
  margin: 0;
}
.reason .contents:first-of-type {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .reason .contents:first-of-type {
    margin-top: 40px;
  }
}
.reason .contents:nth-of-type(n + 2) {
  margin-top: 100px;
}
@media (max-width: 990px) {
  .reason .contents:nth-of-type(n + 2) {
    margin-top: 80px;
  }
}
.reason .reason-bubble {
  position: relative;
}
.reason .reason-bubble::before {
  position: absolute;
  content: "";
  top: 35px;
  right: -90px;
  width: 176px;
  height: 114px;
  background: url("/assets/images/home/reason_bubble01.webp") center/contain no-repeat;
  z-index: -1;
}
.reason .reason-swiper {
  position: relative;
  margin-top: 80px;
  padding-bottom: 24px;
}
@media (max-width: 990px) {
  .reason .reason-swiper {
    margin-top: 40px;
    padding-bottom: 16px;
  }
}
.reason .reason-swiper .swiper-wrapper {
  margin-bottom: 24px;
}
@media (max-width: 990px) {
  .reason .card .card-contents {
    padding-top: 8px;
  }
}
@media (max-width: 990px) {
  .reason .card .card-contents p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.reason .card .sub-title span, .reason .card .sub-title-primary span {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.72px;
}
.reason .card .sub-title .icon-title-sign, .reason .card .sub-title-primary .icon-title-sign {
  position: relative;
}
.reason .card .sub-title .icon-title-sign::before, .reason .card .sub-title-primary .icon-title-sign::before {
  position: absolute;
  content: "";
  top: -5px;
  right: -30px;
  width: 30px;
  height: 30px;
  background: url("/assets/images/common/icon_title_sign.svg") center/contain no-repeat;
  z-index: 1;
}
.reason .btn-wrap {
  margin-top: 60px;
}
@media (max-width: 990px) {
  .reason .btn-wrap {
    margin-top: 50px;
  }
}
@media (max-width: 990px) {
  .reason .btn-wrap .button {
    padding-left: 35px;
  }
}
.reason .reason-card-list {
  margin-top: 40px;
  padding-bottom: 16px;
}
@media (min-width: 991px) {
  .reason .reason-card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 80px;
  }
  .reason .reason-card-list .card {
    width: 33.33%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 386px;
    max-width: 386px;
  }
}
@media (max-width: 990px) {
  .reason .reason-card-list {
    padding-right: 40px;
    padding-left: 40px;
  }
  .reason .reason-card-list .owl-stage-outer {
    overflow: visible;
  }
}

.staff main {
  margin-bottom: 150px;
}
@media (max-width: 990px) {
  .staff main {
    margin-bottom: 100px;
  }
}
.staff .staff-listings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 80px;
  margin-bottom: 100px;
}
@media (max-width: 990px) {
  .staff .staff-listings {
    margin-bottom: 80px;
  }
}
.staff .staff-listings .staff-heading {
  background: #02A8CD;
  color: #fff;
  padding: 6px 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .staff .staff-listings .staff-heading {
    min-height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.staff .staff-listings .staff-heading h3 {
  color: #fff;
  font-weight: 700;
  line-height: 1.8;
  font-size: 16px;
  font-size: 1.6rem;
}
.staff .staff-listings .staff-item {
  position: relative;
  border-radius: 10px;
  background: #EAFAFF;
  overflow: hidden;
  margin-bottom: 20px;
}
@media (max-width: 990px) {
  .staff .staff-listings .staff-item:last-child {
    margin-bottom: 40px;
  }
}
.staff .staff-listings .staff-item .staff-image {
  width: 181px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 18px;
}
.staff .staff-listings .staff-info {
  padding: 16px 20px;
}
.staff .staff-listings .staff-info .staff-name {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.56px;
}
.staff .staff-listings .staff-info .staff-position {
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.8;
  color: #595959;
}
@media (max-width: 990px) {
  .staff .staff-listings .staff-info .staff-position {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.staff .staff-listings .staff-info .staff-desc {
  text-align: left;
  font-weight: 500;
}
@media (max-width: 990px) {
  .staff .staff-listings + .heading-line {
    margin-bottom: 24px;
  }
}
.staff .featured-staff figure {
  margin-bottom: 24px;
  width: 100%;
}
.staff .featured-staff p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 2px;
}
.staff .featured-staff .staff-manager {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.72px;
  text-align: right;
  margin-top: 24px;
}
.staff .apply-wrapper {
  margin-top: 120px;
}
@media (max-width: 767px) {
  .staff .apply-wrapper {
    margin-top: 80px;
  }
}
.staff .staff-section .heading-line {
  margin-bottom: 20px;
  margin-top: 30px;
}
.staff .staff-details {
  padding-top: 0;
}
@media (max-width: 990px) {
  .staff .staff-details {
    padding-bottom: 40px;
  }
}
.staff .staff-details .heading-line {
  margin-bottom: 20px;
  margin-top: 30px;
  font-size: 24px;
  font-size: 2.4rem;
}
.staff .staff-details .heading-line span {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .staff .staff-details .heading-line span {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.staff .staff-details .apply-wrapper {
  margin-top: 55px;
}
.staff .staff-detail-profile .heading-border-bottom {
  text-transform: uppercase;
  color: #0F46A1;
  font-weight: 700;
  margin-bottom: 20px;
}
.staff .staff-detail-profile .staff-position {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  background: #EAFAFF;
  font-size: 14px;
  font-size: 1.4rem;
  color: #0F46A1;
  font-weight: 700;
  margin-bottom: 20px;
}
.staff .staff-detail-profile .staff-intro {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  text-align: center;
  margin-bottom: 24px;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .staff .staff-detail-profile .staff-intro {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
    margin-bottom: 16px;
  }
}
.staff .staff-detail-profile .staff-story {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  color: #0F46A1;
  margin-bottom: 24px;
}
@media (max-width: 990px) {
  .staff .staff-detail-profile .staff-story {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.staff .staff-detail-profile .profic-pic {
  margin-top: 15px;
  margin-bottom: 45px;
  max-width: 362px;
  margin-left: auto;
  margin-right: auto;
}
.staff .staff-detail-profile .table-default {
  color: #413E37;
  margin-top: 24px;
}
.staff .staff-detail-profile .table-default td {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  padding-left: 8px;
  padding-right: 8px;
  vertical-align: baseline;
}
.staff .staff-detail-profile .table-default td:first-child {
  min-width: 120px;
}
.staff .question-contents {
  margin-top: 40px;
}
.staff .question-contents .content-img {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.staff .question-contents .content-img img {
  width: 100%;
  max-width: 720px;
}

.access main {
  margin-bottom: 150px;
}
@media (max-width: 990px) {
  .access main {
    margin-bottom: 100px;
  }
}
.access .access-section {
  padding-top: 0;
}
@media (max-width: 990px) {
  .access .access-section {
    padding-bottom: 0;
  }
}
.access .heading-border-bottom {
  margin-bottom: 25px;
}
.access .map-wrap {
  margin-top: 40px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.access .map-wrap p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
.access .map-wrap figure {
  margin: 40px 0;
}
.access .map-wrap figure img {
  width: 100%;
  height: auto;
  display: block;
}
.access .map-details {
  margin-bottom: 80px;
}
.access .map-details > li {
  padding-bottom: 10px;
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #E9E8E5;
}
.access .map-details > li + li {
  margin-top: 0;
}
.access .map-details p {
  font-weight: 500;
}
.access .map-details p.text-bold {
  font-weight: 700;
}
.access .location-list {
  margin-top: 80px;
}
.access .location-list .location-item.accordion {
  background: #EAFAFF;
}
.access .location-list .location-item.accordion .accordion-header {
  border: 1px solid #0F46A1;
  padding: 16px;
  border-radius: 8px;
  background: #EAFAFF;
  position: relative;
}
.access .location-list .location-item.accordion .accordion-header .w-arrow {
  display: block;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  text-align: center;
  color: #203A72;
}
.access .location-list .location-item.accordion .accordion-header .w-arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 20px;
  height: 10px;
  right: 0;
  background: url("../images/common/chevron_gray.svg") no-repeat center center;
  background-size: contain;
  margin-top: -5px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.access .location-list .location-item.accordion .accordion-header.is-open a:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.access .location-list .location-item.accordion .accordion-content > ul {
  padding: 20px;
}
.access .location-list .location-item.accordion .accordion-content > ul > li {
  margin-bottom: 24px;
}
.access .location-list .location-item.accordion .accordion-content > ul > li:last-child {
  margin-bottom: 0;
}
.access .location-list .location-item.accordion .accordion-content > ul > li p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}
.access .location-list .location-item.accordion .accordion-content > ul > li figure {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.access .location-list .location-item {
  background: #EAFAFF;
}
.access .location-list .location-item + .location-item {
  margin-top: 80px;
}
.access .location-list .location-item figure {
  position: relative;
  margin-bottom: 16px;
}
.access .location-list .location-item .loc-num {
  position: absolute;
  padding: 6px 10px;
  bottom: 0;
  left: 0;
  background: #02A8CD;
  border-radius: 0px 10px 0px 10px;
  color: #fff;
  font-weight: 500;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 4px;
  font-family: "Poppins", sans-serif;
}
.access .apply-wrapper {
  margin-top: 64px;
}
.access .responsive-iframe {
  position: relative;
  width: 100%;
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 16/10;
}
.access .responsive-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
@media (max-width: 600px) {
  .access .responsive-iframe {
    max-width: 100vw;
    aspect-ratio: 16/9;
    height: auto;
  }
}

.achievement main {
  margin-bottom: 150px;
}
@media (max-width: 990px) {
  .achievement main {
    margin-bottom: 100px;
  }
}
.achievement .achievement-section {
  padding-top: 0;
  padding-bottom: 0;
}
.achievement .inner-nav-list {
  padding-left: 10px;
  padding-right: 10px;
}
.achievement .inner-nav-list .button {
  padding-left: 34px;
  padding-right: 38px;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 990px) {
  .achievement .inner-nav-list .button {
    letter-spacing: 0.64px;
  }
}
.achievement .achievement-intro {
  margin-bottom: 80px;
  margin-top: 30px;
}
@media (max-width: 990px) {
  .achievement .achievement-intro {
    margin-bottom: 40px;
  }
}
.achievement .achievement-intro figure {
  margin-bottom: 40px;
}
.achievement .achievement-intro p {
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .achievement .achievement-intro p {
    letter-spacing: 0.56px;
  }
}
.achievement .achievement-intro p + .heading-border-bottom {
  margin-top: 40px;
}
.achievement .heading-border-bottom {
  margin-top: 0;
  margin-bottom: 16px;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .achievement .heading-border-bottom {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    letter-spacing: 0.64px;
    margin-bottom: 8px;
  }
}
.achievement .heading-border-bottom:not(:first-of-type) {
  margin-top: 40px;
}
.achievement .achievement-bg p,
.achievement .achievement-white p {
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .achievement .achievement-bg p,
  .achievement .achievement-white p {
    letter-spacing: 0.56px;
  }
}
.achievement .achievement-bg figure + p,
.achievement .achievement-white figure + p {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .achievement .achievement-bg figure + p,
  .achievement .achievement-white figure + p {
    margin-top: 16px;
  }
}
.achievement .achievement-bg {
  background: #EAFAFF;
  margin: 0px -20px;
  padding: 24px;
}
@media (max-width: 990px) {
  .achievement .achievement-bg {
    padding: 40px 20px 40px;
  }
}
.achievement .achievement-bg + .achievement-bg {
  margin-top: 40px;
}
.achievement .achievement-white {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .achievement .achievement-white {
    margin-top: 10px;
  }
}
.achievement .achievement-white .bg-lightblue {
  background-color: #EAFAFF;
}
.achievement .achievement-white .btn-wrap {
  margin-top: 20px;
}
@media (max-width: 990px) {
  .achievement .achievement-white .btn-wrap {
    margin-top: 10px;
  }
}
.achievement .timeline-item {
  background: #fff;
  margin-top: 15px;
  padding-bottom: 24px;
  background: transparent;
  padding-top: 32px;
}
@media (max-width: 990px) {
  .achievement .timeline-item {
    padding-bottom: 16px;
    padding-left: 0;
    padding-right: 0;
    background: #fff;
    padding-top: 0;
  }
}
.achievement .timeline-item .timeline-content {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
}
.achievement .timeline-item .timeline-list {
  padding: 24px 10px;
}
.achievement .timeline-item .timeline-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.achievement .timeline-item .timeline-list > li + li {
  padding-top: 10px;
}
.achievement .timeline-item .timeline-list p {
  font-weight: 500;
}
.achievement .timeline-item .timeline-list p.text-lightblue {
  color: #02A8CD;
  font-weight: 700;
}
.achievement .timeline-item .award-img {
  max-width: 380px;
  margin: 0 auto;
}
.achievement .timeline-item .p-awards {
  padding-top: 0;
}
@media (max-width: 990px) {
  .achievement .timeline-item .p-awards {
    padding-top: 0;
  }
}
@media (max-width: 990px) {
  .achievement .timeline-item .p-awards li .col:first-child {
    min-width: 90px;
  }
}
.achievement .timeline-item .p-awards:has(+ .p-awards.p-more-awards) {
  padding-bottom: 0;
}
.achievement .timeline-item .p-awards + .p-awards.p-more-awards {
  padding-top: 10px;
}
.achievement .timeline-item .p-more-awards {
  padding: 0;
  clear: both;
  float: none;
  padding-left: 10px;
  padding-right: 10px;
}
.achievement .timeline-item .p-more-awards + .btn-wrap {
  margin-top: 24px;
}
.achievement .timeline-item .btn-wrap {
  text-align: center;
  padding: 0 20px;
}
.achievement .timeline-item .btn-wrap .button {
  min-width: 280px;
}
@media (max-width: 990px) {
  .achievement .timeline-item .btn-wrap .button {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.achievement .timeline-item .btn-wrap .button::before {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.achievement .timeline-item .btn-wrap .btn-award.award-active::before {
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}
.achievement .d-none {
  display: none;
}
.achievement .achievement-staff-list {
  margin-bottom: 80px;
}
@media (max-width: 990px) {
  .achievement .achievement-staff-list {
    padding-top: 10px;
    padding-right: 50px;
    padding-left: 50px;
    margin-bottom: 40px;
  }
}
.achievement .achievement-staff-list .owl-stage-outer {
  overflow: visible;
}
.achievement .achievement-staff-list .owl-dots {
  display: block !important;
  text-align: center;
  margin-top: 20px;
}
.achievement .achievement-staff-list .owl-dots .owl-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ccc;
  margin: 0 5px;
}
.achievement .achievement-staff-list .owl-dots .owl-dot.active {
  background: #0F46A1;
}
.achievement .achievement-staff-list .owl-nav, .achievement .achievement-staff-list .owl-dots {
  display: none;
}
.achievement .achievement-record {
  margin-bottom: 24px;
}
@media (max-width: 990px) {
  .achievement .achievement-record {
    margin-bottom: 16px;
  }
}
.achievement .achievement-record .col:nth-child(n+3) {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .achievement .achievement-record .col:nth-child(n+2) {
    margin-top: 10px;
  }
}
.achievement .achievement-record .achievement-record-title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  color: #02A8CD;
  margin-bottom: 10px;
}
@media (max-width: 990px) {
  .achievement .achievement-record .achievement-record-title {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
    margin-bottom: 6px;
  }
}
.achievement .achievement-record .timeline-list {
  padding: 0;
}
.achievement .achievement-record .timeline-list li {
  font-weight: 500;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .achievement .achievement-record .timeline-list li {
    letter-spacing: 0.56px;
  }
}
.achievement .achievement-record .timeline-list li + li {
  padding: 0;
}
.achievement .staff-card {
  position: relative;
  border-radius: 30px;
  background: #0F46A1;
  overflow: hidden;
  text-align: center;
}
.achievement .staff-detail {
  padding: 10px 20px 20px;
  color: #fff;
}
.achievement .staff-detail p {
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 990px) {
  .achievement .staff-detail p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.achievement .staff-detail .staff-name {
  color: #fff;
  font-weight: 700;
}
@media (max-width: 990px) {
  .achievement .staff-detail .staff-name {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media (max-width: 990px) {
  .achievement #sec05 {
    background: transparent;
    margin-top: 0;
  }
}
@media (max-width: 990px) {
  .achievement #sec05 .timeline-item {
    background: #EAFAFF;
  }
}
.achievement #sec05 .timeline-item .timeline-content {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}
.achievement #sec05 .timeline-item .timeline-content:after {
  content: "";
  display: block;
  float: none;
  clear: both;
}
.achievement #sec05 .timeline-item .achievement-record {
  width: 50%;
  float: left;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 990px) {
  .achievement #sec05 .timeline-item .achievement-record {
    width: auto;
    display: block;
    float: none;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.achievement #sec05 .timeline-item .p-more-awards .achievement-record:nth-child(2n+1) {
  clear: left;
}
@media (max-width: 990px) {
  .achievement #sec05 .timeline-item .p-more-awards .achievement-record {
    padding-left: 0;
    padding-right: 0;
  }
}
.achievement #sec05 .timeline-item .btn-wrap {
  float: none;
  clear: both;
}

.comfortable-section {
  padding-top: 0;
  padding-bottom: 150px;
}
@media (max-width: 990px) {
  .comfortable-section {
    padding-bottom: 80px;
  }
}
.comfortable-section .reason-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.comfortable-section .reason-card .button {
  margin-top: 30px;
}
.comfortable-section .card-title {
  text-align: center;
  line-height: 42px;
  margin-top: 13px;
}
.comfortable-section .card-title span {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.72px;
  color: #595959;
}
.comfortable-section .card-title .highlight {
  font-size: 24px;
  font-size: 2.4rem;
  color: #0F46A1;
  letter-spacing: 0.96px;
  background-color: initial;
}
.comfortable-section .card-details p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
  letter-spacing: 0.64px;
  line-height: 1.8;
}
@media (max-width: 990px) {
  .comfortable-section .card-details p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.comfortable-section .card-details .card-btn {
  margin-top: 24px;
}
.comfortable-section .icon-title-sign {
  position: relative;
}
.comfortable-section .icon-title-sign::before {
  position: absolute;
  content: "";
  top: -11px;
  right: -35px;
  width: 30px;
  height: 30px;
  background: url("/assets/images/common/icon_title_sign.svg") center/contain no-repeat;
  z-index: 1;
}
.comfortable-section .comfortable-swiper .card-image img {
  border-radius: 30px;
  width: 100%;
}

.reassurance-section {
  padding-top: 0;
  padding-bottom: 150px;
}
@media (max-width: 990px) {
  .reassurance-section {
    padding-bottom: 80px;
  }
}

.women-section {
  padding-top: 0;
  padding-bottom: 150px;
}
@media (max-width: 990px) {
  .women-section {
    padding-bottom: 80px;
  }
}

.safety-section {
  padding-top: 0;
  padding-bottom: 150px;
}
@media (max-width: 990px) {
  .safety-section {
    padding-bottom: 80px;
  }
}

.ikebukuro-store main, .fukuoka-store main, .osaka-store main, .nagoya-store main, .tokyo-store main, .yokohama-store main, .shinjuku-store main {
  margin-bottom: 150px;
}
.ikebukuro-store main section, .fukuoka-store main section, .osaka-store main section, .nagoya-store main section, .tokyo-store main section, .yokohama-store main section, .shinjuku-store main section {
  padding-bottom: 0;
}
.ikebukuro-store h1, .fukuoka-store h1, .osaka-store h1, .nagoya-store h1, .tokyo-store h1, .yokohama-store h1, .shinjuku-store h1 {
  font-size: 40px;
  font-size: 4rem;
}
@media (max-width: 990px) {
  .ikebukuro-store h1, .fukuoka-store h1, .osaka-store h1, .nagoya-store h1, .tokyo-store h1, .yokohama-store h1, .shinjuku-store h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.ikebukuro-store .breadcrumbs, .fukuoka-store .breadcrumbs, .osaka-store .breadcrumbs, .nagoya-store .breadcrumbs, .tokyo-store .breadcrumbs, .yokohama-store .breadcrumbs, .shinjuku-store .breadcrumbs {
  padding: 21px 0;
  margin: 0;
}
@media (max-width: 990px) {
  .ikebukuro-store .breadcrumbs, .fukuoka-store .breadcrumbs, .osaka-store .breadcrumbs, .nagoya-store .breadcrumbs, .tokyo-store .breadcrumbs, .yokohama-store .breadcrumbs, .shinjuku-store .breadcrumbs {
    padding: 19px 0;
  }
}
@media (max-width: 990px) {
  .ikebukuro-store .sec-heading, .fukuoka-store .sec-heading, .osaka-store .sec-heading, .nagoya-store .sec-heading, .tokyo-store .sec-heading, .yokohama-store .sec-heading, .shinjuku-store .sec-heading {
    margin-bottom: 24px;
  }
}
@media (max-width: 990px) {
  .ikebukuro-store .sec-heading .sec-title, .fukuoka-store .sec-heading .sec-title, .osaka-store .sec-heading .sec-title, .nagoya-store .sec-heading .sec-title, .tokyo-store .sec-heading .sec-title, .yokohama-store .sec-heading .sec-title, .shinjuku-store .sec-heading .sec-title {
    font-size: 40px;
    font-size: 4rem;
  }
}
.ikebukuro-store .sec-heading .sec-title span::before,
.ikebukuro-store .sec-heading .sec-title span::after, .fukuoka-store .sec-heading .sec-title span::before,
.fukuoka-store .sec-heading .sec-title span::after, .osaka-store .sec-heading .sec-title span::before,
.osaka-store .sec-heading .sec-title span::after, .nagoya-store .sec-heading .sec-title span::before,
.nagoya-store .sec-heading .sec-title span::after, .tokyo-store .sec-heading .sec-title span::before,
.tokyo-store .sec-heading .sec-title span::after, .yokohama-store .sec-heading .sec-title span::before,
.yokohama-store .sec-heading .sec-title span::after, .shinjuku-store .sec-heading .sec-title span::before,
.shinjuku-store .sec-heading .sec-title span::after {
  margin-top: 0;
}
@media (max-width: 990px) {
  .ikebukuro-store .sec-heading .sec-title span::before,
  .ikebukuro-store .sec-heading .sec-title span::after, .fukuoka-store .sec-heading .sec-title span::before,
  .fukuoka-store .sec-heading .sec-title span::after, .osaka-store .sec-heading .sec-title span::before,
  .osaka-store .sec-heading .sec-title span::after, .nagoya-store .sec-heading .sec-title span::before,
  .nagoya-store .sec-heading .sec-title span::after, .tokyo-store .sec-heading .sec-title span::before,
  .tokyo-store .sec-heading .sec-title span::after, .yokohama-store .sec-heading .sec-title span::before,
  .yokohama-store .sec-heading .sec-title span::after, .shinjuku-store .sec-heading .sec-title span::before,
  .shinjuku-store .sec-heading .sec-title span::after {
    margin-top: -15px;
  }
}
.ikebukuro-store .top-wave, .fukuoka-store .top-wave, .osaka-store .top-wave, .nagoya-store .top-wave, .tokyo-store .top-wave, .yokohama-store .top-wave, .shinjuku-store .top-wave {
  position: relative;
  padding-top: 100px;
  margin-top: 80px;
}
@media (min-width: 1550px) {
  .ikebukuro-store .top-wave, .fukuoka-store .top-wave, .osaka-store .top-wave, .nagoya-store .top-wave, .tokyo-store .top-wave, .yokohama-store .top-wave, .shinjuku-store .top-wave {
    padding-top: 180px;
    margin-top: 150px;
  }
}
@media (max-width: 990px) {
  .ikebukuro-store .top-wave, .fukuoka-store .top-wave, .osaka-store .top-wave, .nagoya-store .top-wave, .tokyo-store .top-wave, .yokohama-store .top-wave, .shinjuku-store .top-wave {
    padding-top: 60px;
    margin-top: 60px;
  }
}
.ikebukuro-store .top-wave::before, .fukuoka-store .top-wave::before, .osaka-store .top-wave::before, .nagoya-store .top-wave::before, .tokyo-store .top-wave::before, .yokohama-store .top-wave::before, .shinjuku-store .top-wave::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  top: -100px;
  padding-bottom: 16%;
  background: url("/assets/images/common/wave_img03.svg") no-repeat bottom center;
  background-size: cover;
}
@media (min-width: 1550px) {
  .ikebukuro-store .top-wave::before, .fukuoka-store .top-wave::before, .osaka-store .top-wave::before, .nagoya-store .top-wave::before, .tokyo-store .top-wave::before, .yokohama-store .top-wave::before, .shinjuku-store .top-wave::before {
    top: -150px;
  }
}
@media (max-width: 990px) {
  .ikebukuro-store .top-wave::before, .fukuoka-store .top-wave::before, .osaka-store .top-wave::before, .nagoya-store .top-wave::before, .tokyo-store .top-wave::before, .yokohama-store .top-wave::before, .shinjuku-store .top-wave::before {
    top: -65px;
  }
}
@media (max-width: 405px) {
  .ikebukuro-store .top-wave::before, .fukuoka-store .top-wave::before, .osaka-store .top-wave::before, .nagoya-store .top-wave::before, .tokyo-store .top-wave::before, .yokohama-store .top-wave::before, .shinjuku-store .top-wave::before {
    top: -40px;
  }
}
.ikebukuro-store .bottom-wave, .fukuoka-store .bottom-wave, .osaka-store .bottom-wave, .nagoya-store .bottom-wave, .tokyo-store .bottom-wave, .yokohama-store .bottom-wave, .shinjuku-store .bottom-wave {
  position: relative;
  padding-bottom: 100px;
}
@media (min-width: 1550px) {
  .ikebukuro-store .bottom-wave, .fukuoka-store .bottom-wave, .osaka-store .bottom-wave, .nagoya-store .bottom-wave, .tokyo-store .bottom-wave, .yokohama-store .bottom-wave, .shinjuku-store .bottom-wave {
    padding-bottom: 150px;
  }
}
.ikebukuro-store .bottom-wave::after, .fukuoka-store .bottom-wave::after, .osaka-store .bottom-wave::after, .nagoya-store .bottom-wave::after, .tokyo-store .bottom-wave::after, .yokohama-store .bottom-wave::after, .shinjuku-store .bottom-wave::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -60px;
  width: 100%;
  height: 0;
  padding-bottom: 10%;
  background: url("/assets/images/common/wave_img04.svg") no-repeat bottom center;
  background-size: cover;
}
@media (min-width: 1550px) {
  .ikebukuro-store .bottom-wave::after, .fukuoka-store .bottom-wave::after, .osaka-store .bottom-wave::after, .nagoya-store .bottom-wave::after, .tokyo-store .bottom-wave::after, .yokohama-store .bottom-wave::after, .shinjuku-store .bottom-wave::after {
    bottom: -100px;
  }
}
@media (max-width: 990px) {
  .ikebukuro-store .bottom-wave::after, .fukuoka-store .bottom-wave::after, .osaka-store .bottom-wave::after, .nagoya-store .bottom-wave::after, .tokyo-store .bottom-wave::after, .yokohama-store .bottom-wave::after, .shinjuku-store .bottom-wave::after {
    bottom: -40px;
  }
}
@media (max-width: 415px) {
  .ikebukuro-store .bottom-wave::after, .fukuoka-store .bottom-wave::after, .osaka-store .bottom-wave::after, .nagoya-store .bottom-wave::after, .tokyo-store .bottom-wave::after, .yokohama-store .bottom-wave::after, .shinjuku-store .bottom-wave::after {
    bottom: -25px;
  }
}
.ikebukuro-store .p-store-banner, .fukuoka-store .p-store-banner, .osaka-store .p-store-banner, .nagoya-store .p-store-banner, .tokyo-store .p-store-banner, .yokohama-store .p-store-banner, .shinjuku-store .p-store-banner {
  position: relative;
  margin-bottom: 100px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-store-banner, .fukuoka-store .p-store-banner, .osaka-store .p-store-banner, .nagoya-store .p-store-banner, .tokyo-store .p-store-banner, .yokohama-store .p-store-banner, .shinjuku-store .p-store-banner {
    margin-bottom: 22px;
  }
}
.ikebukuro-store .p-store-banner .ikebukuro-banner-text, .ikebukuro-store .p-store-banner .fukuoka-banner-text, .ikebukuro-store .p-store-banner .osaka-banner-text, .ikebukuro-store .p-store-banner .nagoya-banner-text, .ikebukuro-store .p-store-banner .tokyo-banner-text, .ikebukuro-store .p-store-banner .yokohama-banner-text, .ikebukuro-store .p-store-banner .shinjuku-banner-text, .fukuoka-store .p-store-banner .ikebukuro-banner-text, .fukuoka-store .p-store-banner .fukuoka-banner-text, .fukuoka-store .p-store-banner .osaka-banner-text, .fukuoka-store .p-store-banner .nagoya-banner-text, .fukuoka-store .p-store-banner .tokyo-banner-text, .fukuoka-store .p-store-banner .yokohama-banner-text, .fukuoka-store .p-store-banner .shinjuku-banner-text, .osaka-store .p-store-banner .ikebukuro-banner-text, .osaka-store .p-store-banner .fukuoka-banner-text, .osaka-store .p-store-banner .osaka-banner-text, .osaka-store .p-store-banner .nagoya-banner-text, .osaka-store .p-store-banner .tokyo-banner-text, .osaka-store .p-store-banner .yokohama-banner-text, .osaka-store .p-store-banner .shinjuku-banner-text, .nagoya-store .p-store-banner .ikebukuro-banner-text, .nagoya-store .p-store-banner .fukuoka-banner-text, .nagoya-store .p-store-banner .osaka-banner-text, .nagoya-store .p-store-banner .nagoya-banner-text, .nagoya-store .p-store-banner .tokyo-banner-text, .nagoya-store .p-store-banner .yokohama-banner-text, .nagoya-store .p-store-banner .shinjuku-banner-text, .tokyo-store .p-store-banner .ikebukuro-banner-text, .tokyo-store .p-store-banner .fukuoka-banner-text, .tokyo-store .p-store-banner .osaka-banner-text, .tokyo-store .p-store-banner .nagoya-banner-text, .tokyo-store .p-store-banner .tokyo-banner-text, .tokyo-store .p-store-banner .yokohama-banner-text, .tokyo-store .p-store-banner .shinjuku-banner-text, .yokohama-store .p-store-banner .ikebukuro-banner-text, .yokohama-store .p-store-banner .fukuoka-banner-text, .yokohama-store .p-store-banner .osaka-banner-text, .yokohama-store .p-store-banner .nagoya-banner-text, .yokohama-store .p-store-banner .tokyo-banner-text, .yokohama-store .p-store-banner .yokohama-banner-text, .yokohama-store .p-store-banner .shinjuku-banner-text, .shinjuku-store .p-store-banner .ikebukuro-banner-text, .shinjuku-store .p-store-banner .fukuoka-banner-text, .shinjuku-store .p-store-banner .osaka-banner-text, .shinjuku-store .p-store-banner .nagoya-banner-text, .shinjuku-store .p-store-banner .tokyo-banner-text, .shinjuku-store .p-store-banner .yokohama-banner-text, .shinjuku-store .p-store-banner .shinjuku-banner-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 102;
}
.ikebukuro-store .p-store-banner .ikebukuro-banner-text .container-l, .ikebukuro-store .p-store-banner .fukuoka-banner-text .container-l, .ikebukuro-store .p-store-banner .osaka-banner-text .container-l, .ikebukuro-store .p-store-banner .nagoya-banner-text .container-l, .ikebukuro-store .p-store-banner .tokyo-banner-text .container-l, .ikebukuro-store .p-store-banner .yokohama-banner-text .container-l, .ikebukuro-store .p-store-banner .shinjuku-banner-text .container-l, .fukuoka-store .p-store-banner .ikebukuro-banner-text .container-l, .fukuoka-store .p-store-banner .fukuoka-banner-text .container-l, .fukuoka-store .p-store-banner .osaka-banner-text .container-l, .fukuoka-store .p-store-banner .nagoya-banner-text .container-l, .fukuoka-store .p-store-banner .tokyo-banner-text .container-l, .fukuoka-store .p-store-banner .yokohama-banner-text .container-l, .fukuoka-store .p-store-banner .shinjuku-banner-text .container-l, .osaka-store .p-store-banner .ikebukuro-banner-text .container-l, .osaka-store .p-store-banner .fukuoka-banner-text .container-l, .osaka-store .p-store-banner .osaka-banner-text .container-l, .osaka-store .p-store-banner .nagoya-banner-text .container-l, .osaka-store .p-store-banner .tokyo-banner-text .container-l, .osaka-store .p-store-banner .yokohama-banner-text .container-l, .osaka-store .p-store-banner .shinjuku-banner-text .container-l, .nagoya-store .p-store-banner .ikebukuro-banner-text .container-l, .nagoya-store .p-store-banner .fukuoka-banner-text .container-l, .nagoya-store .p-store-banner .osaka-banner-text .container-l, .nagoya-store .p-store-banner .nagoya-banner-text .container-l, .nagoya-store .p-store-banner .tokyo-banner-text .container-l, .nagoya-store .p-store-banner .yokohama-banner-text .container-l, .nagoya-store .p-store-banner .shinjuku-banner-text .container-l, .tokyo-store .p-store-banner .ikebukuro-banner-text .container-l, .tokyo-store .p-store-banner .fukuoka-banner-text .container-l, .tokyo-store .p-store-banner .osaka-banner-text .container-l, .tokyo-store .p-store-banner .nagoya-banner-text .container-l, .tokyo-store .p-store-banner .tokyo-banner-text .container-l, .tokyo-store .p-store-banner .yokohama-banner-text .container-l, .tokyo-store .p-store-banner .shinjuku-banner-text .container-l, .yokohama-store .p-store-banner .ikebukuro-banner-text .container-l, .yokohama-store .p-store-banner .fukuoka-banner-text .container-l, .yokohama-store .p-store-banner .osaka-banner-text .container-l, .yokohama-store .p-store-banner .nagoya-banner-text .container-l, .yokohama-store .p-store-banner .tokyo-banner-text .container-l, .yokohama-store .p-store-banner .yokohama-banner-text .container-l, .yokohama-store .p-store-banner .shinjuku-banner-text .container-l, .shinjuku-store .p-store-banner .ikebukuro-banner-text .container-l, .shinjuku-store .p-store-banner .fukuoka-banner-text .container-l, .shinjuku-store .p-store-banner .osaka-banner-text .container-l, .shinjuku-store .p-store-banner .nagoya-banner-text .container-l, .shinjuku-store .p-store-banner .tokyo-banner-text .container-l, .shinjuku-store .p-store-banner .yokohama-banner-text .container-l, .shinjuku-store .p-store-banner .shinjuku-banner-text .container-l {
  position: relative;
  height: 100%;
}
.ikebukuro-store .p-store-banner .ikebukuro-banner-text h1, .ikebukuro-store .p-store-banner .fukuoka-banner-text h1, .ikebukuro-store .p-store-banner .osaka-banner-text h1, .ikebukuro-store .p-store-banner .nagoya-banner-text h1, .ikebukuro-store .p-store-banner .tokyo-banner-text h1, .ikebukuro-store .p-store-banner .yokohama-banner-text h1, .ikebukuro-store .p-store-banner .shinjuku-banner-text h1, .fukuoka-store .p-store-banner .ikebukuro-banner-text h1, .fukuoka-store .p-store-banner .fukuoka-banner-text h1, .fukuoka-store .p-store-banner .osaka-banner-text h1, .fukuoka-store .p-store-banner .nagoya-banner-text h1, .fukuoka-store .p-store-banner .tokyo-banner-text h1, .fukuoka-store .p-store-banner .yokohama-banner-text h1, .fukuoka-store .p-store-banner .shinjuku-banner-text h1, .osaka-store .p-store-banner .ikebukuro-banner-text h1, .osaka-store .p-store-banner .fukuoka-banner-text h1, .osaka-store .p-store-banner .osaka-banner-text h1, .osaka-store .p-store-banner .nagoya-banner-text h1, .osaka-store .p-store-banner .tokyo-banner-text h1, .osaka-store .p-store-banner .yokohama-banner-text h1, .osaka-store .p-store-banner .shinjuku-banner-text h1, .nagoya-store .p-store-banner .ikebukuro-banner-text h1, .nagoya-store .p-store-banner .fukuoka-banner-text h1, .nagoya-store .p-store-banner .osaka-banner-text h1, .nagoya-store .p-store-banner .nagoya-banner-text h1, .nagoya-store .p-store-banner .tokyo-banner-text h1, .nagoya-store .p-store-banner .yokohama-banner-text h1, .nagoya-store .p-store-banner .shinjuku-banner-text h1, .tokyo-store .p-store-banner .ikebukuro-banner-text h1, .tokyo-store .p-store-banner .fukuoka-banner-text h1, .tokyo-store .p-store-banner .osaka-banner-text h1, .tokyo-store .p-store-banner .nagoya-banner-text h1, .tokyo-store .p-store-banner .tokyo-banner-text h1, .tokyo-store .p-store-banner .yokohama-banner-text h1, .tokyo-store .p-store-banner .shinjuku-banner-text h1, .yokohama-store .p-store-banner .ikebukuro-banner-text h1, .yokohama-store .p-store-banner .fukuoka-banner-text h1, .yokohama-store .p-store-banner .osaka-banner-text h1, .yokohama-store .p-store-banner .nagoya-banner-text h1, .yokohama-store .p-store-banner .tokyo-banner-text h1, .yokohama-store .p-store-banner .yokohama-banner-text h1, .yokohama-store .p-store-banner .shinjuku-banner-text h1, .shinjuku-store .p-store-banner .ikebukuro-banner-text h1, .shinjuku-store .p-store-banner .fukuoka-banner-text h1, .shinjuku-store .p-store-banner .osaka-banner-text h1, .shinjuku-store .p-store-banner .nagoya-banner-text h1, .shinjuku-store .p-store-banner .tokyo-banner-text h1, .shinjuku-store .p-store-banner .yokohama-banner-text h1, .shinjuku-store .p-store-banner .shinjuku-banner-text h1 {
  position: absolute;
  top: 40px;
  left: 0;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-store-banner .ikebukuro-banner-text h1, .ikebukuro-store .p-store-banner .fukuoka-banner-text h1, .ikebukuro-store .p-store-banner .osaka-banner-text h1, .ikebukuro-store .p-store-banner .nagoya-banner-text h1, .ikebukuro-store .p-store-banner .tokyo-banner-text h1, .ikebukuro-store .p-store-banner .yokohama-banner-text h1, .ikebukuro-store .p-store-banner .shinjuku-banner-text h1, .fukuoka-store .p-store-banner .ikebukuro-banner-text h1, .fukuoka-store .p-store-banner .fukuoka-banner-text h1, .fukuoka-store .p-store-banner .osaka-banner-text h1, .fukuoka-store .p-store-banner .nagoya-banner-text h1, .fukuoka-store .p-store-banner .tokyo-banner-text h1, .fukuoka-store .p-store-banner .yokohama-banner-text h1, .fukuoka-store .p-store-banner .shinjuku-banner-text h1, .osaka-store .p-store-banner .ikebukuro-banner-text h1, .osaka-store .p-store-banner .fukuoka-banner-text h1, .osaka-store .p-store-banner .osaka-banner-text h1, .osaka-store .p-store-banner .nagoya-banner-text h1, .osaka-store .p-store-banner .tokyo-banner-text h1, .osaka-store .p-store-banner .yokohama-banner-text h1, .osaka-store .p-store-banner .shinjuku-banner-text h1, .nagoya-store .p-store-banner .ikebukuro-banner-text h1, .nagoya-store .p-store-banner .fukuoka-banner-text h1, .nagoya-store .p-store-banner .osaka-banner-text h1, .nagoya-store .p-store-banner .nagoya-banner-text h1, .nagoya-store .p-store-banner .tokyo-banner-text h1, .nagoya-store .p-store-banner .yokohama-banner-text h1, .nagoya-store .p-store-banner .shinjuku-banner-text h1, .tokyo-store .p-store-banner .ikebukuro-banner-text h1, .tokyo-store .p-store-banner .fukuoka-banner-text h1, .tokyo-store .p-store-banner .osaka-banner-text h1, .tokyo-store .p-store-banner .nagoya-banner-text h1, .tokyo-store .p-store-banner .tokyo-banner-text h1, .tokyo-store .p-store-banner .yokohama-banner-text h1, .tokyo-store .p-store-banner .shinjuku-banner-text h1, .yokohama-store .p-store-banner .ikebukuro-banner-text h1, .yokohama-store .p-store-banner .fukuoka-banner-text h1, .yokohama-store .p-store-banner .osaka-banner-text h1, .yokohama-store .p-store-banner .nagoya-banner-text h1, .yokohama-store .p-store-banner .tokyo-banner-text h1, .yokohama-store .p-store-banner .yokohama-banner-text h1, .yokohama-store .p-store-banner .shinjuku-banner-text h1, .shinjuku-store .p-store-banner .ikebukuro-banner-text h1, .shinjuku-store .p-store-banner .fukuoka-banner-text h1, .shinjuku-store .p-store-banner .osaka-banner-text h1, .shinjuku-store .p-store-banner .nagoya-banner-text h1, .shinjuku-store .p-store-banner .tokyo-banner-text h1, .shinjuku-store .p-store-banner .yokohama-banner-text h1, .shinjuku-store .p-store-banner .shinjuku-banner-text h1 {
    top: 5px;
  }
}
.ikebukuro-store .p-store-banner .ikebukuro-banner-text h1 span, .ikebukuro-store .p-store-banner .fukuoka-banner-text h1 span, .ikebukuro-store .p-store-banner .osaka-banner-text h1 span, .ikebukuro-store .p-store-banner .nagoya-banner-text h1 span, .ikebukuro-store .p-store-banner .tokyo-banner-text h1 span, .ikebukuro-store .p-store-banner .yokohama-banner-text h1 span, .ikebukuro-store .p-store-banner .shinjuku-banner-text h1 span, .fukuoka-store .p-store-banner .ikebukuro-banner-text h1 span, .fukuoka-store .p-store-banner .fukuoka-banner-text h1 span, .fukuoka-store .p-store-banner .osaka-banner-text h1 span, .fukuoka-store .p-store-banner .nagoya-banner-text h1 span, .fukuoka-store .p-store-banner .tokyo-banner-text h1 span, .fukuoka-store .p-store-banner .yokohama-banner-text h1 span, .fukuoka-store .p-store-banner .shinjuku-banner-text h1 span, .osaka-store .p-store-banner .ikebukuro-banner-text h1 span, .osaka-store .p-store-banner .fukuoka-banner-text h1 span, .osaka-store .p-store-banner .osaka-banner-text h1 span, .osaka-store .p-store-banner .nagoya-banner-text h1 span, .osaka-store .p-store-banner .tokyo-banner-text h1 span, .osaka-store .p-store-banner .yokohama-banner-text h1 span, .osaka-store .p-store-banner .shinjuku-banner-text h1 span, .nagoya-store .p-store-banner .ikebukuro-banner-text h1 span, .nagoya-store .p-store-banner .fukuoka-banner-text h1 span, .nagoya-store .p-store-banner .osaka-banner-text h1 span, .nagoya-store .p-store-banner .nagoya-banner-text h1 span, .nagoya-store .p-store-banner .tokyo-banner-text h1 span, .nagoya-store .p-store-banner .yokohama-banner-text h1 span, .nagoya-store .p-store-banner .shinjuku-banner-text h1 span, .tokyo-store .p-store-banner .ikebukuro-banner-text h1 span, .tokyo-store .p-store-banner .fukuoka-banner-text h1 span, .tokyo-store .p-store-banner .osaka-banner-text h1 span, .tokyo-store .p-store-banner .nagoya-banner-text h1 span, .tokyo-store .p-store-banner .tokyo-banner-text h1 span, .tokyo-store .p-store-banner .yokohama-banner-text h1 span, .tokyo-store .p-store-banner .shinjuku-banner-text h1 span, .yokohama-store .p-store-banner .ikebukuro-banner-text h1 span, .yokohama-store .p-store-banner .fukuoka-banner-text h1 span, .yokohama-store .p-store-banner .osaka-banner-text h1 span, .yokohama-store .p-store-banner .nagoya-banner-text h1 span, .yokohama-store .p-store-banner .tokyo-banner-text h1 span, .yokohama-store .p-store-banner .yokohama-banner-text h1 span, .yokohama-store .p-store-banner .shinjuku-banner-text h1 span, .shinjuku-store .p-store-banner .ikebukuro-banner-text h1 span, .shinjuku-store .p-store-banner .fukuoka-banner-text h1 span, .shinjuku-store .p-store-banner .osaka-banner-text h1 span, .shinjuku-store .p-store-banner .nagoya-banner-text h1 span, .shinjuku-store .p-store-banner .tokyo-banner-text h1 span, .shinjuku-store .p-store-banner .yokohama-banner-text h1 span, .shinjuku-store .p-store-banner .shinjuku-banner-text h1 span {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 2px;
  background-color: #fff;
  color: #02A8CD;
  padding: 2px 20px;
  border-radius: 10px;
  display: inline-block;
  margin-bottom: 10px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-store-banner .ikebukuro-banner-text h1 span, .ikebukuro-store .p-store-banner .fukuoka-banner-text h1 span, .ikebukuro-store .p-store-banner .osaka-banner-text h1 span, .ikebukuro-store .p-store-banner .nagoya-banner-text h1 span, .ikebukuro-store .p-store-banner .tokyo-banner-text h1 span, .ikebukuro-store .p-store-banner .yokohama-banner-text h1 span, .ikebukuro-store .p-store-banner .shinjuku-banner-text h1 span, .fukuoka-store .p-store-banner .ikebukuro-banner-text h1 span, .fukuoka-store .p-store-banner .fukuoka-banner-text h1 span, .fukuoka-store .p-store-banner .osaka-banner-text h1 span, .fukuoka-store .p-store-banner .nagoya-banner-text h1 span, .fukuoka-store .p-store-banner .tokyo-banner-text h1 span, .fukuoka-store .p-store-banner .yokohama-banner-text h1 span, .fukuoka-store .p-store-banner .shinjuku-banner-text h1 span, .osaka-store .p-store-banner .ikebukuro-banner-text h1 span, .osaka-store .p-store-banner .fukuoka-banner-text h1 span, .osaka-store .p-store-banner .osaka-banner-text h1 span, .osaka-store .p-store-banner .nagoya-banner-text h1 span, .osaka-store .p-store-banner .tokyo-banner-text h1 span, .osaka-store .p-store-banner .yokohama-banner-text h1 span, .osaka-store .p-store-banner .shinjuku-banner-text h1 span, .nagoya-store .p-store-banner .ikebukuro-banner-text h1 span, .nagoya-store .p-store-banner .fukuoka-banner-text h1 span, .nagoya-store .p-store-banner .osaka-banner-text h1 span, .nagoya-store .p-store-banner .nagoya-banner-text h1 span, .nagoya-store .p-store-banner .tokyo-banner-text h1 span, .nagoya-store .p-store-banner .yokohama-banner-text h1 span, .nagoya-store .p-store-banner .shinjuku-banner-text h1 span, .tokyo-store .p-store-banner .ikebukuro-banner-text h1 span, .tokyo-store .p-store-banner .fukuoka-banner-text h1 span, .tokyo-store .p-store-banner .osaka-banner-text h1 span, .tokyo-store .p-store-banner .nagoya-banner-text h1 span, .tokyo-store .p-store-banner .tokyo-banner-text h1 span, .tokyo-store .p-store-banner .yokohama-banner-text h1 span, .tokyo-store .p-store-banner .shinjuku-banner-text h1 span, .yokohama-store .p-store-banner .ikebukuro-banner-text h1 span, .yokohama-store .p-store-banner .fukuoka-banner-text h1 span, .yokohama-store .p-store-banner .osaka-banner-text h1 span, .yokohama-store .p-store-banner .nagoya-banner-text h1 span, .yokohama-store .p-store-banner .tokyo-banner-text h1 span, .yokohama-store .p-store-banner .yokohama-banner-text h1 span, .yokohama-store .p-store-banner .shinjuku-banner-text h1 span, .shinjuku-store .p-store-banner .ikebukuro-banner-text h1 span, .shinjuku-store .p-store-banner .fukuoka-banner-text h1 span, .shinjuku-store .p-store-banner .osaka-banner-text h1 span, .shinjuku-store .p-store-banner .nagoya-banner-text h1 span, .shinjuku-store .p-store-banner .tokyo-banner-text h1 span, .shinjuku-store .p-store-banner .yokohama-banner-text h1 span, .shinjuku-store .p-store-banner .shinjuku-banner-text h1 span {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 0.88px;
    padding: 0 12px;
    border-radius: 6px;
    margin-bottom: 5px;
  }
}
.ikebukuro-store .p-store-banner .ikebukuro-banner-text .banner-badge, .ikebukuro-store .p-store-banner .fukuoka-banner-text .banner-badge, .ikebukuro-store .p-store-banner .osaka-banner-text .banner-badge, .ikebukuro-store .p-store-banner .nagoya-banner-text .banner-badge, .ikebukuro-store .p-store-banner .tokyo-banner-text .banner-badge, .ikebukuro-store .p-store-banner .yokohama-banner-text .banner-badge, .ikebukuro-store .p-store-banner .shinjuku-banner-text .banner-badge, .fukuoka-store .p-store-banner .ikebukuro-banner-text .banner-badge, .fukuoka-store .p-store-banner .fukuoka-banner-text .banner-badge, .fukuoka-store .p-store-banner .osaka-banner-text .banner-badge, .fukuoka-store .p-store-banner .nagoya-banner-text .banner-badge, .fukuoka-store .p-store-banner .tokyo-banner-text .banner-badge, .fukuoka-store .p-store-banner .yokohama-banner-text .banner-badge, .fukuoka-store .p-store-banner .shinjuku-banner-text .banner-badge, .osaka-store .p-store-banner .ikebukuro-banner-text .banner-badge, .osaka-store .p-store-banner .fukuoka-banner-text .banner-badge, .osaka-store .p-store-banner .osaka-banner-text .banner-badge, .osaka-store .p-store-banner .nagoya-banner-text .banner-badge, .osaka-store .p-store-banner .tokyo-banner-text .banner-badge, .osaka-store .p-store-banner .yokohama-banner-text .banner-badge, .osaka-store .p-store-banner .shinjuku-banner-text .banner-badge, .nagoya-store .p-store-banner .ikebukuro-banner-text .banner-badge, .nagoya-store .p-store-banner .fukuoka-banner-text .banner-badge, .nagoya-store .p-store-banner .osaka-banner-text .banner-badge, .nagoya-store .p-store-banner .nagoya-banner-text .banner-badge, .nagoya-store .p-store-banner .tokyo-banner-text .banner-badge, .nagoya-store .p-store-banner .yokohama-banner-text .banner-badge, .nagoya-store .p-store-banner .shinjuku-banner-text .banner-badge, .tokyo-store .p-store-banner .ikebukuro-banner-text .banner-badge, .tokyo-store .p-store-banner .fukuoka-banner-text .banner-badge, .tokyo-store .p-store-banner .osaka-banner-text .banner-badge, .tokyo-store .p-store-banner .nagoya-banner-text .banner-badge, .tokyo-store .p-store-banner .tokyo-banner-text .banner-badge, .tokyo-store .p-store-banner .yokohama-banner-text .banner-badge, .tokyo-store .p-store-banner .shinjuku-banner-text .banner-badge, .yokohama-store .p-store-banner .ikebukuro-banner-text .banner-badge, .yokohama-store .p-store-banner .fukuoka-banner-text .banner-badge, .yokohama-store .p-store-banner .osaka-banner-text .banner-badge, .yokohama-store .p-store-banner .nagoya-banner-text .banner-badge, .yokohama-store .p-store-banner .tokyo-banner-text .banner-badge, .yokohama-store .p-store-banner .yokohama-banner-text .banner-badge, .yokohama-store .p-store-banner .shinjuku-banner-text .banner-badge, .shinjuku-store .p-store-banner .ikebukuro-banner-text .banner-badge, .shinjuku-store .p-store-banner .fukuoka-banner-text .banner-badge, .shinjuku-store .p-store-banner .osaka-banner-text .banner-badge, .shinjuku-store .p-store-banner .nagoya-banner-text .banner-badge, .shinjuku-store .p-store-banner .tokyo-banner-text .banner-badge, .shinjuku-store .p-store-banner .yokohama-banner-text .banner-badge, .shinjuku-store .p-store-banner .shinjuku-banner-text .banner-badge {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 180px;
  height: auto;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-store-banner .ikebukuro-banner-text .banner-badge, .ikebukuro-store .p-store-banner .fukuoka-banner-text .banner-badge, .ikebukuro-store .p-store-banner .osaka-banner-text .banner-badge, .ikebukuro-store .p-store-banner .nagoya-banner-text .banner-badge, .ikebukuro-store .p-store-banner .tokyo-banner-text .banner-badge, .ikebukuro-store .p-store-banner .yokohama-banner-text .banner-badge, .ikebukuro-store .p-store-banner .shinjuku-banner-text .banner-badge, .fukuoka-store .p-store-banner .ikebukuro-banner-text .banner-badge, .fukuoka-store .p-store-banner .fukuoka-banner-text .banner-badge, .fukuoka-store .p-store-banner .osaka-banner-text .banner-badge, .fukuoka-store .p-store-banner .nagoya-banner-text .banner-badge, .fukuoka-store .p-store-banner .tokyo-banner-text .banner-badge, .fukuoka-store .p-store-banner .yokohama-banner-text .banner-badge, .fukuoka-store .p-store-banner .shinjuku-banner-text .banner-badge, .osaka-store .p-store-banner .ikebukuro-banner-text .banner-badge, .osaka-store .p-store-banner .fukuoka-banner-text .banner-badge, .osaka-store .p-store-banner .osaka-banner-text .banner-badge, .osaka-store .p-store-banner .nagoya-banner-text .banner-badge, .osaka-store .p-store-banner .tokyo-banner-text .banner-badge, .osaka-store .p-store-banner .yokohama-banner-text .banner-badge, .osaka-store .p-store-banner .shinjuku-banner-text .banner-badge, .nagoya-store .p-store-banner .ikebukuro-banner-text .banner-badge, .nagoya-store .p-store-banner .fukuoka-banner-text .banner-badge, .nagoya-store .p-store-banner .osaka-banner-text .banner-badge, .nagoya-store .p-store-banner .nagoya-banner-text .banner-badge, .nagoya-store .p-store-banner .tokyo-banner-text .banner-badge, .nagoya-store .p-store-banner .yokohama-banner-text .banner-badge, .nagoya-store .p-store-banner .shinjuku-banner-text .banner-badge, .tokyo-store .p-store-banner .ikebukuro-banner-text .banner-badge, .tokyo-store .p-store-banner .fukuoka-banner-text .banner-badge, .tokyo-store .p-store-banner .osaka-banner-text .banner-badge, .tokyo-store .p-store-banner .nagoya-banner-text .banner-badge, .tokyo-store .p-store-banner .tokyo-banner-text .banner-badge, .tokyo-store .p-store-banner .yokohama-banner-text .banner-badge, .tokyo-store .p-store-banner .shinjuku-banner-text .banner-badge, .yokohama-store .p-store-banner .ikebukuro-banner-text .banner-badge, .yokohama-store .p-store-banner .fukuoka-banner-text .banner-badge, .yokohama-store .p-store-banner .osaka-banner-text .banner-badge, .yokohama-store .p-store-banner .nagoya-banner-text .banner-badge, .yokohama-store .p-store-banner .tokyo-banner-text .banner-badge, .yokohama-store .p-store-banner .yokohama-banner-text .banner-badge, .yokohama-store .p-store-banner .shinjuku-banner-text .banner-badge, .shinjuku-store .p-store-banner .ikebukuro-banner-text .banner-badge, .shinjuku-store .p-store-banner .fukuoka-banner-text .banner-badge, .shinjuku-store .p-store-banner .osaka-banner-text .banner-badge, .shinjuku-store .p-store-banner .nagoya-banner-text .banner-badge, .shinjuku-store .p-store-banner .tokyo-banner-text .banner-badge, .shinjuku-store .p-store-banner .yokohama-banner-text .banner-badge, .shinjuku-store .p-store-banner .shinjuku-banner-text .banner-badge {
    width: 85px;
    top: 5px;
    right: 0;
    left: auto;
    bottom: auto;
  }
}
.ikebukuro-store .p-store-banner img, .fukuoka-store .p-store-banner img, .osaka-store .p-store-banner img, .nagoya-store .p-store-banner img, .tokyo-store .p-store-banner img, .yokohama-store .p-store-banner img, .shinjuku-store .p-store-banner img {
  width: 100%;
  height: auto;
}
.ikebukuro-store .p-store-banner .banner-img, .fukuoka-store .p-store-banner .banner-img, .osaka-store .p-store-banner .banner-img, .nagoya-store .p-store-banner .banner-img, .tokyo-store .p-store-banner .banner-img, .yokohama-store .p-store-banner .banner-img, .shinjuku-store .p-store-banner .banner-img {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
.ikebukuro-store .p-store-banner p, .fukuoka-store .p-store-banner p, .osaka-store .p-store-banner p, .nagoya-store .p-store-banner p, .tokyo-store .p-store-banner p, .yokohama-store .p-store-banner p, .shinjuku-store .p-store-banner p {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 2px;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0, 36, 127, 0.25);
  margin-top: -200px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-store-banner p, .fukuoka-store .p-store-banner p, .osaka-store .p-store-banner p, .nagoya-store .p-store-banner p, .tokyo-store .p-store-banner p, .yokohama-store .p-store-banner p, .shinjuku-store .p-store-banner p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: -60px;
    letter-spacing: 0;
  }
}
.ikebukuro-store .p-store-banner p span, .fukuoka-store .p-store-banner p span, .osaka-store .p-store-banner p span, .nagoya-store .p-store-banner p span, .tokyo-store .p-store-banner p span, .yokohama-store .p-store-banner p span, .shinjuku-store .p-store-banner p span {
  font-size: 46px;
  font-size: 4.6rem;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-store-banner p span, .fukuoka-store .p-store-banner p span, .osaka-store .p-store-banner p span, .nagoya-store .p-store-banner p span, .tokyo-store .p-store-banner p span, .yokohama-store .p-store-banner p span, .shinjuku-store .p-store-banner p span {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.ikebukuro-store .p-store-banner p .points, .fukuoka-store .p-store-banner p .points, .osaka-store .p-store-banner p .points, .nagoya-store .p-store-banner p .points, .tokyo-store .p-store-banner p .points, .yokohama-store .p-store-banner p .points, .shinjuku-store .p-store-banner p .points {
  font-size: 48px;
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-store-banner p .points, .fukuoka-store .p-store-banner p .points, .osaka-store .p-store-banner p .points, .nagoya-store .p-store-banner p .points, .tokyo-store .p-store-banner p .points, .yokohama-store .p-store-banner p .points, .shinjuku-store .p-store-banner p .points {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.ikebukuro-store .p-diving-course, .fukuoka-store .p-diving-course, .osaka-store .p-diving-course, .nagoya-store .p-diving-course, .tokyo-store .p-diving-course, .yokohama-store .p-diving-course, .shinjuku-store .p-diving-course {
  padding: 40px 20px;
  margin-bottom: 24px;
  background: linear-gradient(270deg, #0DAFE8 0%, #45D6E2 51%, #AEE4E6 100%), linear-gradient(220deg, #02A7E9 0%, #45D6E2 47%, #AEE4E6 99%), linear-gradient(0deg, #fff 0%, #fff 100%);
}
@media (max-width: 990px) {
  .ikebukuro-store .p-diving-course, .fukuoka-store .p-diving-course, .osaka-store .p-diving-course, .nagoya-store .p-diving-course, .tokyo-store .p-diving-course, .yokohama-store .p-diving-course, .shinjuku-store .p-diving-course {
    padding: 20px 10px;
  }
}
.ikebukuro-store .p-diving-course .diving-course-img, .fukuoka-store .p-diving-course .diving-course-img, .osaka-store .p-diving-course .diving-course-img, .nagoya-store .p-diving-course .diving-course-img, .tokyo-store .p-diving-course .diving-course-img, .yokohama-store .p-diving-course .diving-course-img, .shinjuku-store .p-diving-course .diving-course-img {
  position: relative;
  max-width: 640px;
  margin: 0 auto;
  z-index: 1;
}
.ikebukuro-store .p-diving-course .diving-course-img::before, .fukuoka-store .p-diving-course .diving-course-img::before, .osaka-store .p-diving-course .diving-course-img::before, .nagoya-store .p-diving-course .diving-course-img::before, .tokyo-store .p-diving-course .diving-course-img::before, .yokohama-store .p-diving-course .diving-course-img::before, .shinjuku-store .p-diving-course .diving-course-img::before {
  position: absolute;
  content: "30th ANNIVERSARY";
  top: 0;
  left: 0;
  font-size: 70px;
  font-size: 7rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.11);
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
  z-index: -1;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-diving-course .diving-course-img::before, .fukuoka-store .p-diving-course .diving-course-img::before, .osaka-store .p-diving-course .diving-course-img::before, .nagoya-store .p-diving-course .diving-course-img::before, .tokyo-store .p-diving-course .diving-course-img::before, .yokohama-store .p-diving-course .diving-course-img::before, .shinjuku-store .p-diving-course .diving-course-img::before {
    font-size: 55px;
    font-size: 5.5rem;
  }
}
.ikebukuro-store .p-diving-course .btn-wrap, .fukuoka-store .p-diving-course .btn-wrap, .osaka-store .p-diving-course .btn-wrap, .nagoya-store .p-diving-course .btn-wrap, .tokyo-store .p-diving-course .btn-wrap, .yokohama-store .p-diving-course .btn-wrap, .shinjuku-store .p-diving-course .btn-wrap {
  margin-top: 20px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-diving-course .btn-wrap, .fukuoka-store .p-diving-course .btn-wrap, .osaka-store .p-diving-course .btn-wrap, .nagoya-store .p-diving-course .btn-wrap, .tokyo-store .p-diving-course .btn-wrap, .yokohama-store .p-diving-course .btn-wrap, .shinjuku-store .p-diving-course .btn-wrap {
    margin-top: 10px;
  }
}
.ikebukuro-store .p-diving-course .btn-wrap a, .fukuoka-store .p-diving-course .btn-wrap a, .osaka-store .p-diving-course .btn-wrap a, .nagoya-store .p-diving-course .btn-wrap a, .tokyo-store .p-diving-course .btn-wrap a, .yokohama-store .p-diving-course .btn-wrap a, .shinjuku-store .p-diving-course .btn-wrap a {
  padding-top: 17.5px;
  padding-bottom: 17.5px;
}
.ikebukuro-store .p-welcome, .fukuoka-store .p-welcome, .osaka-store .p-welcome, .nagoya-store .p-welcome, .tokyo-store .p-welcome, .yokohama-store .p-welcome, .shinjuku-store .p-welcome {
  padding-top: 80px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-welcome, .fukuoka-store .p-welcome, .osaka-store .p-welcome, .nagoya-store .p-welcome, .tokyo-store .p-welcome, .yokohama-store .p-welcome, .shinjuku-store .p-welcome {
    padding-top: 40px;
  }
}
.ikebukuro-store .p-welcome .btn-wrap, .fukuoka-store .p-welcome .btn-wrap, .osaka-store .p-welcome .btn-wrap, .nagoya-store .p-welcome .btn-wrap, .tokyo-store .p-welcome .btn-wrap, .yokohama-store .p-welcome .btn-wrap, .shinjuku-store .p-welcome .btn-wrap {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-welcome .btn-wrap, .fukuoka-store .p-welcome .btn-wrap, .osaka-store .p-welcome .btn-wrap, .nagoya-store .p-welcome .btn-wrap, .tokyo-store .p-welcome .btn-wrap, .yokohama-store .p-welcome .btn-wrap, .shinjuku-store .p-welcome .btn-wrap {
    margin-top: 16px;
  }
}
.ikebukuro-store .p-video-wrapper, .fukuoka-store .p-video-wrapper, .osaka-store .p-video-wrapper, .nagoya-store .p-video-wrapper, .tokyo-store .p-video-wrapper, .yokohama-store .p-video-wrapper, .shinjuku-store .p-video-wrapper {
  text-align: center;
  margin-bottom: 16px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-video-wrapper iframe, .fukuoka-store .p-video-wrapper iframe, .osaka-store .p-video-wrapper iframe, .nagoya-store .p-video-wrapper iframe, .tokyo-store .p-video-wrapper iframe, .yokohama-store .p-video-wrapper iframe, .shinjuku-store .p-video-wrapper iframe {
    width: 100%;
    height: 188px;
  }
}
.ikebukuro-store .p-content p, .fukuoka-store .p-content p, .osaka-store .p-content p, .nagoya-store .p-content p, .tokyo-store .p-content p, .yokohama-store .p-content p, .shinjuku-store .p-content p {
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-content p, .fukuoka-store .p-content p, .osaka-store .p-content p, .nagoya-store .p-content p, .tokyo-store .p-content p, .yokohama-store .p-content p, .shinjuku-store .p-content p {
    letter-spacing: 0.56px;
  }
}
.ikebukuro-store .inner-nav-list, .fukuoka-store .inner-nav-list, .osaka-store .inner-nav-list, .nagoya-store .inner-nav-list, .tokyo-store .inner-nav-list, .yokohama-store .inner-nav-list, .shinjuku-store .inner-nav-list {
  padding-top: 24px;
  padding-bottom: 40px;
}
.ikebukuro-store .p-price, .fukuoka-store .p-price, .osaka-store .p-price, .nagoya-store .p-price, .tokyo-store .p-price, .yokohama-store .p-price, .shinjuku-store .p-price {
  padding: 40px 0;
  background-color: #ECF6FF;
}
.ikebukuro-store .price-swiper, .fukuoka-store .price-swiper, .osaka-store .price-swiper, .nagoya-store .price-swiper, .tokyo-store .price-swiper, .yokohama-store .price-swiper, .shinjuku-store .price-swiper {
  padding-bottom: 40px;
}
.ikebukuro-store .price-swiper .swiper-slide, .fukuoka-store .price-swiper .swiper-slide, .osaka-store .price-swiper .swiper-slide, .nagoya-store .price-swiper .swiper-slide, .tokyo-store .price-swiper .swiper-slide, .yokohama-store .price-swiper .swiper-slide, .shinjuku-store .price-swiper .swiper-slide {
  padding: 15px;
  border-radius: 15px;
  background-color: #fff;
}
.ikebukuro-store .price-swiper .swiper-slide::before, .fukuoka-store .price-swiper .swiper-slide::before, .osaka-store .price-swiper .swiper-slide::before, .nagoya-store .price-swiper .swiper-slide::before, .tokyo-store .price-swiper .swiper-slide::before, .yokohama-store .price-swiper .swiper-slide::before, .shinjuku-store .price-swiper .swiper-slide::before {
  display: none;
}
.ikebukuro-store .p-contact, .fukuoka-store .p-contact, .osaka-store .p-contact, .nagoya-store .p-contact, .tokyo-store .p-contact, .yokohama-store .p-contact, .shinjuku-store .p-contact {
  padding: 80px 0;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-contact, .fukuoka-store .p-contact, .osaka-store .p-contact, .nagoya-store .p-contact, .tokyo-store .p-contact, .yokohama-store .p-contact, .shinjuku-store .p-contact {
    padding: 40px 0;
  }
}
.ikebukuro-store .p-contact .apply-wrapper, .fukuoka-store .p-contact .apply-wrapper, .osaka-store .p-contact .apply-wrapper, .nagoya-store .p-contact .apply-wrapper, .tokyo-store .p-contact .apply-wrapper, .yokohama-store .p-contact .apply-wrapper, .shinjuku-store .p-contact .apply-wrapper {
  margin-top: 0;
}
.ikebukuro-store .p-reason, .fukuoka-store .p-reason, .osaka-store .p-reason, .nagoya-store .p-reason, .tokyo-store .p-reason, .yokohama-store .p-reason, .shinjuku-store .p-reason {
  padding-bottom: 80px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-reason, .fukuoka-store .p-reason, .osaka-store .p-reason, .nagoya-store .p-reason, .tokyo-store .p-reason, .yokohama-store .p-reason, .shinjuku-store .p-reason {
    padding-bottom: 40px;
  }
}
.ikebukuro-store .p-reason .sub-heading-text-black, .fukuoka-store .p-reason .sub-heading-text-black, .osaka-store .p-reason .sub-heading-text-black, .nagoya-store .p-reason .sub-heading-text-black, .tokyo-store .p-reason .sub-heading-text-black, .yokohama-store .p-reason .sub-heading-text-black, .shinjuku-store .p-reason .sub-heading-text-black {
  color: #333;
  line-height: 1.5;
  letter-spacing: 1px;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.ikebukuro-store .p-reason .reason-swiper, .fukuoka-store .p-reason .reason-swiper, .osaka-store .p-reason .reason-swiper, .nagoya-store .p-reason .reason-swiper, .tokyo-store .p-reason .reason-swiper, .yokohama-store .p-reason .reason-swiper, .shinjuku-store .p-reason .reason-swiper {
  position: relative;
  padding-bottom: 34px;
}
.ikebukuro-store .p-reason .reason-card .btn-wrap, .fukuoka-store .p-reason .reason-card .btn-wrap, .osaka-store .p-reason .reason-card .btn-wrap, .nagoya-store .p-reason .reason-card .btn-wrap, .tokyo-store .p-reason .reason-card .btn-wrap, .yokohama-store .p-reason .reason-card .btn-wrap, .shinjuku-store .p-reason .reason-card .btn-wrap {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-reason .reason-card .btn-wrap, .fukuoka-store .p-reason .reason-card .btn-wrap, .osaka-store .p-reason .reason-card .btn-wrap, .nagoya-store .p-reason .reason-card .btn-wrap, .tokyo-store .p-reason .reason-card .btn-wrap, .yokohama-store .p-reason .reason-card .btn-wrap, .shinjuku-store .p-reason .reason-card .btn-wrap {
    margin-top: 8px;
  }
}
.ikebukuro-store .p-reason .card-image, .fukuoka-store .p-reason .card-image, .osaka-store .p-reason .card-image, .nagoya-store .p-reason .card-image, .tokyo-store .p-reason .card-image, .yokohama-store .p-reason .card-image, .shinjuku-store .p-reason .card-image {
  height: 290px;
  border-radius: 30px;
  overflow: hidden;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-reason .card-image, .fukuoka-store .p-reason .card-image, .osaka-store .p-reason .card-image, .nagoya-store .p-reason .card-image, .tokyo-store .p-reason .card-image, .yokohama-store .p-reason .card-image, .shinjuku-store .p-reason .card-image {
    height: 226px;
  }
}
.ikebukuro-store .p-reason .card-image img, .fukuoka-store .p-reason .card-image img, .osaka-store .p-reason .card-image img, .nagoya-store .p-reason .card-image img, .tokyo-store .p-reason .card-image img, .yokohama-store .p-reason .card-image img, .shinjuku-store .p-reason .card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ikebukuro-store .p-reason .card-details, .fukuoka-store .p-reason .card-details, .osaka-store .p-reason .card-details, .nagoya-store .p-reason .card-details, .tokyo-store .p-reason .card-details, .yokohama-store .p-reason .card-details, .shinjuku-store .p-reason .card-details {
  padding-top: 16px;
  color: #000;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-reason .card-details, .fukuoka-store .p-reason .card-details, .osaka-store .p-reason .card-details, .nagoya-store .p-reason .card-details, .tokyo-store .p-reason .card-details, .yokohama-store .p-reason .card-details, .shinjuku-store .p-reason .card-details {
    padding-top: 8px;
  }
}
.ikebukuro-store .p-reason .card-details p, .fukuoka-store .p-reason .card-details p, .osaka-store .p-reason .card-details p, .nagoya-store .p-reason .card-details p, .tokyo-store .p-reason .card-details p, .yokohama-store .p-reason .card-details p, .shinjuku-store .p-reason .card-details p {
  font-weight: 500;
  line-height: 1.8;
}
.ikebukuro-store .p-reason .card-title, .fukuoka-store .p-reason .card-title, .osaka-store .p-reason .card-title, .nagoya-store .p-reason .card-title, .tokyo-store .p-reason .card-title, .yokohama-store .p-reason .card-title, .shinjuku-store .p-reason .card-title {
  text-align: center;
  margin-bottom: 8px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-reason .card-title, .fukuoka-store .p-reason .card-title, .osaka-store .p-reason .card-title, .nagoya-store .p-reason .card-title, .tokyo-store .p-reason .card-title, .yokohama-store .p-reason .card-title, .shinjuku-store .p-reason .card-title {
    margin-bottom: 4px;
  }
}
.ikebukuro-store .p-reason .card-title span, .fukuoka-store .p-reason .card-title span, .osaka-store .p-reason .card-title span, .nagoya-store .p-reason .card-title span, .tokyo-store .p-reason .card-title span, .yokohama-store .p-reason .card-title span, .shinjuku-store .p-reason .card-title span {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.72px;
  color: #595959;
}
.ikebukuro-store .p-reason .card-title .highlight, .fukuoka-store .p-reason .card-title .highlight, .osaka-store .p-reason .card-title .highlight, .nagoya-store .p-reason .card-title .highlight, .tokyo-store .p-reason .card-title .highlight, .yokohama-store .p-reason .card-title .highlight, .shinjuku-store .p-reason .card-title .highlight {
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 0.96px;
  background-color: transparent;
  color: #0F46A1;
}
.ikebukuro-store .p-reason .card-title .icon-title-sign, .fukuoka-store .p-reason .card-title .icon-title-sign, .osaka-store .p-reason .card-title .icon-title-sign, .nagoya-store .p-reason .card-title .icon-title-sign, .tokyo-store .p-reason .card-title .icon-title-sign, .yokohama-store .p-reason .card-title .icon-title-sign, .shinjuku-store .p-reason .card-title .icon-title-sign {
  position: relative;
}
.ikebukuro-store .p-reason .card-title .icon-title-sign::before, .fukuoka-store .p-reason .card-title .icon-title-sign::before, .osaka-store .p-reason .card-title .icon-title-sign::before, .nagoya-store .p-reason .card-title .icon-title-sign::before, .tokyo-store .p-reason .card-title .icon-title-sign::before, .yokohama-store .p-reason .card-title .icon-title-sign::before, .shinjuku-store .p-reason .card-title .icon-title-sign::before {
  position: absolute;
  content: "";
  top: -11px;
  right: -35px;
  width: 30px;
  height: 30px;
  background: url("/assets/images//common/icon_title_sign.svg") center/contain no-repeat;
  z-index: 1;
}
.ikebukuro-store .p-achievements, .fukuoka-store .p-achievements, .osaka-store .p-achievements, .nagoya-store .p-achievements, .tokyo-store .p-achievements, .yokohama-store .p-achievements, .shinjuku-store .p-achievements {
  position: relative;
  background-color: #147FDF;
}
.ikebukuro-store .p-achievements .sec-heading, .fukuoka-store .p-achievements .sec-heading, .osaka-store .p-achievements .sec-heading, .nagoya-store .p-achievements .sec-heading, .tokyo-store .p-achievements .sec-heading, .yokohama-store .p-achievements .sec-heading, .shinjuku-store .p-achievements .sec-heading {
  position: relative;
  margin-bottom: 32px;
  z-index: 2;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-achievements .sec-heading, .fukuoka-store .p-achievements .sec-heading, .osaka-store .p-achievements .sec-heading, .nagoya-store .p-achievements .sec-heading, .tokyo-store .p-achievements .sec-heading, .yokohama-store .p-achievements .sec-heading, .shinjuku-store .p-achievements .sec-heading {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
}
@media (max-width: 990px) {
  .ikebukuro-store .p-achievements .sec-heading .sec-title, .fukuoka-store .p-achievements .sec-heading .sec-title, .osaka-store .p-achievements .sec-heading .sec-title, .nagoya-store .p-achievements .sec-heading .sec-title, .tokyo-store .p-achievements .sec-heading .sec-title, .yokohama-store .p-achievements .sec-heading .sec-title, .shinjuku-store .p-achievements .sec-heading .sec-title {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
.ikebukuro-store .p-achievements .sec-heading .sec-title span, .fukuoka-store .p-achievements .sec-heading .sec-title span, .osaka-store .p-achievements .sec-heading .sec-title span, .nagoya-store .p-achievements .sec-heading .sec-title span, .tokyo-store .p-achievements .sec-heading .sec-title span, .yokohama-store .p-achievements .sec-heading .sec-title span, .shinjuku-store .p-achievements .sec-heading .sec-title span {
  display: inline-block;
  color: #fff;
}
.ikebukuro-store .p-achievements .sec-heading .sec-title span::before,
.ikebukuro-store .p-achievements .sec-heading .sec-title span::after, .fukuoka-store .p-achievements .sec-heading .sec-title span::before,
.fukuoka-store .p-achievements .sec-heading .sec-title span::after, .osaka-store .p-achievements .sec-heading .sec-title span::before,
.osaka-store .p-achievements .sec-heading .sec-title span::after, .nagoya-store .p-achievements .sec-heading .sec-title span::before,
.nagoya-store .p-achievements .sec-heading .sec-title span::after, .tokyo-store .p-achievements .sec-heading .sec-title span::before,
.tokyo-store .p-achievements .sec-heading .sec-title span::after, .yokohama-store .p-achievements .sec-heading .sec-title span::before,
.yokohama-store .p-achievements .sec-heading .sec-title span::after, .shinjuku-store .p-achievements .sec-heading .sec-title span::before,
.shinjuku-store .p-achievements .sec-heading .sec-title span::after {
  margin-top: 0;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-achievements .sec-heading .sec-title span::before,
  .ikebukuro-store .p-achievements .sec-heading .sec-title span::after, .fukuoka-store .p-achievements .sec-heading .sec-title span::before,
  .fukuoka-store .p-achievements .sec-heading .sec-title span::after, .osaka-store .p-achievements .sec-heading .sec-title span::before,
  .osaka-store .p-achievements .sec-heading .sec-title span::after, .nagoya-store .p-achievements .sec-heading .sec-title span::before,
  .nagoya-store .p-achievements .sec-heading .sec-title span::after, .tokyo-store .p-achievements .sec-heading .sec-title span::before,
  .tokyo-store .p-achievements .sec-heading .sec-title span::after, .yokohama-store .p-achievements .sec-heading .sec-title span::before,
  .yokohama-store .p-achievements .sec-heading .sec-title span::after, .shinjuku-store .p-achievements .sec-heading .sec-title span::before,
  .shinjuku-store .p-achievements .sec-heading .sec-title span::after {
    margin-top: 10px;
  }
}
.ikebukuro-store .p-achievements .sec-heading .sub-heading-text, .fukuoka-store .p-achievements .sec-heading .sub-heading-text, .osaka-store .p-achievements .sec-heading .sub-heading-text, .nagoya-store .p-achievements .sec-heading .sub-heading-text, .tokyo-store .p-achievements .sec-heading .sub-heading-text, .yokohama-store .p-achievements .sec-heading .sub-heading-text, .shinjuku-store .p-achievements .sec-heading .sub-heading-text {
  color: #fff;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-achievements .sec-heading .sub-heading-text, .fukuoka-store .p-achievements .sec-heading .sub-heading-text, .osaka-store .p-achievements .sec-heading .sub-heading-text, .nagoya-store .p-achievements .sec-heading .sub-heading-text, .tokyo-store .p-achievements .sec-heading .sub-heading-text, .yokohama-store .p-achievements .sec-heading .sub-heading-text, .shinjuku-store .p-achievements .sec-heading .sub-heading-text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (max-width: 990px) {
  .ikebukuro-store .achievement-list .col:nth-child(n+2), .fukuoka-store .achievement-list .col:nth-child(n+2), .osaka-store .achievement-list .col:nth-child(n+2), .nagoya-store .achievement-list .col:nth-child(n+2), .tokyo-store .achievement-list .col:nth-child(n+2), .yokohama-store .achievement-list .col:nth-child(n+2), .shinjuku-store .achievement-list .col:nth-child(n+2) {
    margin-top: 24px;
  }
}
.ikebukuro-store .achievement-list .card, .fukuoka-store .achievement-list .card, .osaka-store .achievement-list .card, .nagoya-store .achievement-list .card, .tokyo-store .achievement-list .card, .yokohama-store .achievement-list .card, .shinjuku-store .achievement-list .card {
  position: relative;
  background-color: #fff;
  z-index: 2;
}
.ikebukuro-store .achievement-list .card-img, .fukuoka-store .achievement-list .card-img, .osaka-store .achievement-list .card-img, .nagoya-store .achievement-list .card-img, .tokyo-store .achievement-list .card-img, .yokohama-store .achievement-list .card-img, .shinjuku-store .achievement-list .card-img {
  position: relative;
  overflow: visible;
  height: 260px;
}
@media (max-width: 990px) {
  .ikebukuro-store .achievement-list .card-img, .fukuoka-store .achievement-list .card-img, .osaka-store .achievement-list .card-img, .nagoya-store .achievement-list .card-img, .tokyo-store .achievement-list .card-img, .yokohama-store .achievement-list .card-img, .shinjuku-store .achievement-list .card-img {
    height: auto;
  }
}
.ikebukuro-store .achievement-list .card-img img, .fukuoka-store .achievement-list .card-img img, .osaka-store .achievement-list .card-img img, .nagoya-store .achievement-list .card-img img, .tokyo-store .achievement-list .card-img img, .yokohama-store .achievement-list .card-img img, .shinjuku-store .achievement-list .card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ikebukuro-store .achievement-list .card-img figcaption, .fukuoka-store .achievement-list .card-img figcaption, .osaka-store .achievement-list .card-img figcaption, .nagoya-store .achievement-list .card-img figcaption, .tokyo-store .achievement-list .card-img figcaption, .yokohama-store .achievement-list .card-img figcaption, .shinjuku-store .achievement-list .card-img figcaption {
  position: absolute;
  bottom: -15px;
  left: 50%;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.72px;
  color: #02A8CD;
  background-color: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 3px 20px;
  border-radius: 3px;
  margin-top: 0;
}
.ikebukuro-store .achievement-list .card-contents, .fukuoka-store .achievement-list .card-contents, .osaka-store .achievement-list .card-contents, .nagoya-store .achievement-list .card-contents, .tokyo-store .achievement-list .card-contents, .yokohama-store .achievement-list .card-contents, .shinjuku-store .achievement-list .card-contents {
  padding: 24px 16px;
  margin-bottom: 90px;
}
.ikebukuro-store .achievement-list .card-contents h5, .fukuoka-store .achievement-list .card-contents h5, .osaka-store .achievement-list .card-contents h5, .nagoya-store .achievement-list .card-contents h5, .tokyo-store .achievement-list .card-contents h5, .yokohama-store .achievement-list .card-contents h5, .shinjuku-store .achievement-list .card-contents h5 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.8px;
  text-align: center;
  margin-bottom: 8px;
}
@media (max-width: 990px) {
  .ikebukuro-store .achievement-list .card-contents p, .fukuoka-store .achievement-list .card-contents p, .osaka-store .achievement-list .card-contents p, .nagoya-store .achievement-list .card-contents p, .tokyo-store .achievement-list .card-contents p, .yokohama-store .achievement-list .card-contents p, .shinjuku-store .achievement-list .card-contents p {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.56px;
  }
}
.ikebukuro-store .achievement-list .sub-title-primary, .fukuoka-store .achievement-list .sub-title-primary, .osaka-store .achievement-list .sub-title-primary, .nagoya-store .achievement-list .sub-title-primary, .tokyo-store .achievement-list .sub-title-primary, .yokohama-store .achievement-list .sub-title-primary, .shinjuku-store .achievement-list .sub-title-primary {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.8;
  letter-spacing: 1.04px;
  text-align: center;
  padding-bottom: 8px;
}
.ikebukuro-store .achievement-list .btn-wrap, .fukuoka-store .achievement-list .btn-wrap, .osaka-store .achievement-list .btn-wrap, .nagoya-store .achievement-list .btn-wrap, .tokyo-store .achievement-list .btn-wrap, .yokohama-store .achievement-list .btn-wrap, .shinjuku-store .achievement-list .btn-wrap {
  position: absolute;
  bottom: 24px;
  left: 16px;
  width: calc(100% - 32px);
  text-align: center;
}
.ikebukuro-store .p-access, .fukuoka-store .p-access, .osaka-store .p-access, .nagoya-store .p-access, .tokyo-store .p-access, .yokohama-store .p-access, .shinjuku-store .p-access {
  padding-top: 150px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-access, .fukuoka-store .p-access, .osaka-store .p-access, .nagoya-store .p-access, .tokyo-store .p-access, .yokohama-store .p-access, .shinjuku-store .p-access {
    padding-top: 100px;
  }
}
.ikebukuro-store .p-access .googlemap-embed, .fukuoka-store .p-access .googlemap-embed, .osaka-store .p-access .googlemap-embed, .nagoya-store .p-access .googlemap-embed, .tokyo-store .p-access .googlemap-embed, .yokohama-store .p-access .googlemap-embed, .shinjuku-store .p-access .googlemap-embed {
  max-width: 720px;
  margin: 40px auto;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-access .googlemap-embed, .fukuoka-store .p-access .googlemap-embed, .osaka-store .p-access .googlemap-embed, .nagoya-store .p-access .googlemap-embed, .tokyo-store .p-access .googlemap-embed, .yokohama-store .p-access .googlemap-embed, .shinjuku-store .p-access .googlemap-embed {
    margin: 40px auto 24px;
  }
}
.ikebukuro-store .p-access .map-details, .fukuoka-store .p-access .map-details, .osaka-store .p-access .map-details, .nagoya-store .p-access .map-details, .tokyo-store .p-access .map-details, .yokohama-store .p-access .map-details, .shinjuku-store .p-access .map-details {
  max-width: 720px;
  margin: 0 auto;
}
.ikebukuro-store .p-access .map-details li, .fukuoka-store .p-access .map-details li, .osaka-store .p-access .map-details li, .nagoya-store .p-access .map-details li, .tokyo-store .p-access .map-details li, .yokohama-store .p-access .map-details li, .shinjuku-store .p-access .map-details li {
  padding-bottom: 10px;
  border-bottom: 1px solid #E9E8E5;
}
.ikebukuro-store .p-access .map-details li .col:nth-child(2) p, .fukuoka-store .p-access .map-details li .col:nth-child(2) p, .osaka-store .p-access .map-details li .col:nth-child(2) p, .nagoya-store .p-access .map-details li .col:nth-child(2) p, .tokyo-store .p-access .map-details li .col:nth-child(2) p, .yokohama-store .p-access .map-details li .col:nth-child(2) p, .shinjuku-store .p-access .map-details li .col:nth-child(2) p {
  font-weight: 500;
  line-height: 1.8;
}
.ikebukuro-store .p-access .map-details li + li, .fukuoka-store .p-access .map-details li + li, .osaka-store .p-access .map-details li + li, .nagoya-store .p-access .map-details li + li, .tokyo-store .p-access .map-details li + li, .yokohama-store .p-access .map-details li + li, .shinjuku-store .p-access .map-details li + li {
  margin-top: 10px;
}
.ikebukuro-store .p-access .btn-wrap, .fukuoka-store .p-access .btn-wrap, .osaka-store .p-access .btn-wrap, .nagoya-store .p-access .btn-wrap, .tokyo-store .p-access .btn-wrap, .yokohama-store .p-access .btn-wrap, .shinjuku-store .p-access .btn-wrap {
  margin-top: 24px;
}
.ikebukuro-store .p-access .btn-wrap .col, .fukuoka-store .p-access .btn-wrap .col, .osaka-store .p-access .btn-wrap .col, .nagoya-store .p-access .btn-wrap .col, .tokyo-store .p-access .btn-wrap .col, .yokohama-store .p-access .btn-wrap .col, .shinjuku-store .p-access .btn-wrap .col {
  text-align: center;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-access .btn-wrap .col:nth-child(n+2), .fukuoka-store .p-access .btn-wrap .col:nth-child(n+2), .osaka-store .p-access .btn-wrap .col:nth-child(n+2), .nagoya-store .p-access .btn-wrap .col:nth-child(n+2), .tokyo-store .p-access .btn-wrap .col:nth-child(n+2), .yokohama-store .p-access .btn-wrap .col:nth-child(n+2), .shinjuku-store .p-access .btn-wrap .col:nth-child(n+2) {
    margin-top: 16px;
  }
}
.ikebukuro-store .p-access .btn-wrap .icon-tel, .fukuoka-store .p-access .btn-wrap .icon-tel, .osaka-store .p-access .btn-wrap .icon-tel, .nagoya-store .p-access .btn-wrap .icon-tel, .tokyo-store .p-access .btn-wrap .icon-tel, .yokohama-store .p-access .btn-wrap .icon-tel, .shinjuku-store .p-access .btn-wrap .icon-tel {
  background-image: url("/assets/images/common/icon_tel3.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 8px -2px 0;
}
.ikebukuro-store .location-list, .fukuoka-store .location-list, .osaka-store .location-list, .nagoya-store .location-list, .tokyo-store .location-list, .yokohama-store .location-list, .shinjuku-store .location-list {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .ikebukuro-store .location-list, .fukuoka-store .location-list, .osaka-store .location-list, .nagoya-store .location-list, .tokyo-store .location-list, .yokohama-store .location-list, .shinjuku-store .location-list {
    margin-top: 40px;
  }
}
.ikebukuro-store .location-list .location-item.accordion, .fukuoka-store .location-list .location-item.accordion, .osaka-store .location-list .location-item.accordion, .nagoya-store .location-list .location-item.accordion, .tokyo-store .location-list .location-item.accordion, .yokohama-store .location-list .location-item.accordion, .shinjuku-store .location-list .location-item.accordion {
  background: #EAFAFF;
}
.ikebukuro-store .location-list .accordion-header, .fukuoka-store .location-list .accordion-header, .osaka-store .location-list .accordion-header, .nagoya-store .location-list .accordion-header, .tokyo-store .location-list .accordion-header, .yokohama-store .location-list .accordion-header, .shinjuku-store .location-list .accordion-header {
  border: 1px solid #0F46A1;
  padding: 16px;
  border-radius: 8px;
  background: #EAFAFF;
  position: relative;
}
.ikebukuro-store .location-list .accordion-header .w-arrow, .fukuoka-store .location-list .accordion-header .w-arrow, .osaka-store .location-list .accordion-header .w-arrow, .nagoya-store .location-list .accordion-header .w-arrow, .tokyo-store .location-list .accordion-header .w-arrow, .yokohama-store .location-list .accordion-header .w-arrow, .shinjuku-store .location-list .accordion-header .w-arrow {
  display: block;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  text-align: center;
  color: #203A72;
}
.ikebukuro-store .location-list .accordion-header .w-arrow:before, .fukuoka-store .location-list .accordion-header .w-arrow:before, .osaka-store .location-list .accordion-header .w-arrow:before, .nagoya-store .location-list .accordion-header .w-arrow:before, .tokyo-store .location-list .accordion-header .w-arrow:before, .yokohama-store .location-list .accordion-header .w-arrow:before, .shinjuku-store .location-list .accordion-header .w-arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 20px;
  height: 10px;
  right: 0;
  background: url("/assets/images/common/chevron_gray.svg") no-repeat center center;
  background-size: contain;
  margin-top: -5px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ikebukuro-store .location-list .accordion-header.is-open a:before, .fukuoka-store .location-list .accordion-header.is-open a:before, .osaka-store .location-list .accordion-header.is-open a:before, .nagoya-store .location-list .accordion-header.is-open a:before, .tokyo-store .location-list .accordion-header.is-open a:before, .yokohama-store .location-list .accordion-header.is-open a:before, .shinjuku-store .location-list .accordion-header.is-open a:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ikebukuro-store .location-list .accordion-content > ul, .fukuoka-store .location-list .accordion-content > ul, .osaka-store .location-list .accordion-content > ul, .nagoya-store .location-list .accordion-content > ul, .tokyo-store .location-list .accordion-content > ul, .yokohama-store .location-list .accordion-content > ul, .shinjuku-store .location-list .accordion-content > ul {
  padding: 20px;
}
.ikebukuro-store .location-list .accordion-content > ul > li, .fukuoka-store .location-list .accordion-content > ul > li, .osaka-store .location-list .accordion-content > ul > li, .nagoya-store .location-list .accordion-content > ul > li, .tokyo-store .location-list .accordion-content > ul > li, .yokohama-store .location-list .accordion-content > ul > li, .shinjuku-store .location-list .accordion-content > ul > li {
  margin-bottom: 24px;
}
.ikebukuro-store .location-list .accordion-content > ul > li:last-child, .fukuoka-store .location-list .accordion-content > ul > li:last-child, .osaka-store .location-list .accordion-content > ul > li:last-child, .nagoya-store .location-list .accordion-content > ul > li:last-child, .tokyo-store .location-list .accordion-content > ul > li:last-child, .yokohama-store .location-list .accordion-content > ul > li:last-child, .shinjuku-store .location-list .accordion-content > ul > li:last-child {
  margin-bottom: 0;
}
.ikebukuro-store .location-list .accordion-content > ul > li p, .fukuoka-store .location-list .accordion-content > ul > li p, .osaka-store .location-list .accordion-content > ul > li p, .nagoya-store .location-list .accordion-content > ul > li p, .tokyo-store .location-list .accordion-content > ul > li p, .yokohama-store .location-list .accordion-content > ul > li p, .shinjuku-store .location-list .accordion-content > ul > li p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}
.ikebukuro-store .location-list .accordion-content > ul > li figure, .fukuoka-store .location-list .accordion-content > ul > li figure, .osaka-store .location-list .accordion-content > ul > li figure, .nagoya-store .location-list .accordion-content > ul > li figure, .tokyo-store .location-list .accordion-content > ul > li figure, .yokohama-store .location-list .accordion-content > ul > li figure, .shinjuku-store .location-list .accordion-content > ul > li figure {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.ikebukuro-store .location-list .location-item, .fukuoka-store .location-list .location-item, .osaka-store .location-list .location-item, .nagoya-store .location-list .location-item, .tokyo-store .location-list .location-item, .yokohama-store .location-list .location-item, .shinjuku-store .location-list .location-item {
  background: #EAFAFF;
}
.ikebukuro-store .location-list .location-item + .location-item, .fukuoka-store .location-list .location-item + .location-item, .osaka-store .location-list .location-item + .location-item, .nagoya-store .location-list .location-item + .location-item, .tokyo-store .location-list .location-item + .location-item, .yokohama-store .location-list .location-item + .location-item, .shinjuku-store .location-list .location-item + .location-item {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .ikebukuro-store .location-list .location-item + .location-item, .fukuoka-store .location-list .location-item + .location-item, .osaka-store .location-list .location-item + .location-item, .nagoya-store .location-list .location-item + .location-item, .tokyo-store .location-list .location-item + .location-item, .yokohama-store .location-list .location-item + .location-item, .shinjuku-store .location-list .location-item + .location-item {
    margin-top: 40px;
  }
}
.ikebukuro-store .location-list .location-item figure, .fukuoka-store .location-list .location-item figure, .osaka-store .location-list .location-item figure, .nagoya-store .location-list .location-item figure, .tokyo-store .location-list .location-item figure, .yokohama-store .location-list .location-item figure, .shinjuku-store .location-list .location-item figure {
  position: relative;
  margin-bottom: 16px;
}
.ikebukuro-store .location-list .location-item .loc-num, .fukuoka-store .location-list .location-item .loc-num, .osaka-store .location-list .location-item .loc-num, .nagoya-store .location-list .location-item .loc-num, .tokyo-store .location-list .location-item .loc-num, .yokohama-store .location-list .location-item .loc-num, .shinjuku-store .location-list .location-item .loc-num {
  position: absolute;
  padding: 6px 10px;
  bottom: 0;
  left: 0;
  background: #02A8CD;
  border-radius: 0px 10px 0px 10px;
  color: #fff;
  font-weight: 500;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 4px;
  font-family: "Poppins", sans-serif;
}
.ikebukuro-store .access-text, .fukuoka-store .access-text, .osaka-store .access-text, .nagoya-store .access-text, .tokyo-store .access-text, .yokohama-store .access-text, .shinjuku-store .access-text {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .ikebukuro-store .access-text, .fukuoka-store .access-text, .osaka-store .access-text, .nagoya-store .access-text, .tokyo-store .access-text, .yokohama-store .access-text, .shinjuku-store .access-text {
    margin-top: 40px;
  }
}
.ikebukuro-store .access-text p, .fukuoka-store .access-text p, .osaka-store .access-text p, .nagoya-store .access-text p, .tokyo-store .access-text p, .yokohama-store .access-text p, .shinjuku-store .access-text p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
.ikebukuro-store .access-text .sub-text, .fukuoka-store .access-text .sub-text, .osaka-store .access-text .sub-text, .nagoya-store .access-text .sub-text, .tokyo-store .access-text .sub-text, .yokohama-store .access-text .sub-text, .shinjuku-store .access-text .sub-text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0;
}
@media (max-width: 990px) {
  .ikebukuro-store .access-text .sub-text, .fukuoka-store .access-text .sub-text, .osaka-store .access-text .sub-text, .nagoya-store .access-text .sub-text, .tokyo-store .access-text .sub-text, .yokohama-store .access-text .sub-text, .shinjuku-store .access-text .sub-text {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.ikebukuro-store .sec-staff, .fukuoka-store .sec-staff, .osaka-store .sec-staff, .nagoya-store .sec-staff, .tokyo-store .sec-staff, .yokohama-store .sec-staff, .shinjuku-store .sec-staff {
  padding-bottom: 80px;
  margin-top: 80px;
}
@media (max-width: 990px) {
  .ikebukuro-store .sec-staff, .fukuoka-store .sec-staff, .osaka-store .sec-staff, .nagoya-store .sec-staff, .tokyo-store .sec-staff, .yokohama-store .sec-staff, .shinjuku-store .sec-staff {
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 990px) {
  .ikebukuro-store .sec-staff .staff-list, .fukuoka-store .sec-staff .staff-list, .osaka-store .sec-staff .staff-list, .nagoya-store .sec-staff .staff-list, .tokyo-store .sec-staff .staff-list, .yokohama-store .sec-staff .staff-list, .shinjuku-store .sec-staff .staff-list {
    padding: 0 50px;
  }
}
.ikebukuro-store .sec-staff .staff-list .owl-stage-outer, .fukuoka-store .sec-staff .staff-list .owl-stage-outer, .osaka-store .sec-staff .staff-list .owl-stage-outer, .nagoya-store .sec-staff .staff-list .owl-stage-outer, .tokyo-store .sec-staff .staff-list .owl-stage-outer, .yokohama-store .sec-staff .staff-list .owl-stage-outer, .shinjuku-store .sec-staff .staff-list .owl-stage-outer {
  overflow: visible;
}
.ikebukuro-store .sec-staff .staff-card, .fukuoka-store .sec-staff .staff-card, .osaka-store .sec-staff .staff-card, .nagoya-store .sec-staff .staff-card, .tokyo-store .sec-staff .staff-card, .yokohama-store .sec-staff .staff-card, .shinjuku-store .sec-staff .staff-card {
  border-radius: 30px;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, from(#0362C8), to(#096EC7));
  background: linear-gradient(90deg, #0362C8 0%, #096EC7 100%);
}
.ikebukuro-store .sec-staff .staff-card figure, .fukuoka-store .sec-staff .staff-card figure, .osaka-store .sec-staff .staff-card figure, .nagoya-store .sec-staff .staff-card figure, .tokyo-store .sec-staff .staff-card figure, .yokohama-store .sec-staff .staff-card figure, .shinjuku-store .sec-staff .staff-card figure {
  height: 380px;
}
.ikebukuro-store .sec-staff .staff-card figure img, .fukuoka-store .sec-staff .staff-card figure img, .osaka-store .sec-staff .staff-card figure img, .nagoya-store .sec-staff .staff-card figure img, .tokyo-store .sec-staff .staff-card figure img, .yokohama-store .sec-staff .staff-card figure img, .shinjuku-store .sec-staff .staff-card figure img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  width: 100%;
  height: 100%;
}
.ikebukuro-store .sec-staff .staff-detail, .fukuoka-store .sec-staff .staff-detail, .osaka-store .sec-staff .staff-detail, .nagoya-store .sec-staff .staff-detail, .tokyo-store .sec-staff .staff-detail, .yokohama-store .sec-staff .staff-detail, .shinjuku-store .sec-staff .staff-detail {
  padding: 8px 10px;
  color: #fff;
  text-align: center;
}
.ikebukuro-store .sec-staff .staff-detail p, .fukuoka-store .sec-staff .staff-detail p, .osaka-store .sec-staff .staff-detail p, .nagoya-store .sec-staff .staff-detail p, .tokyo-store .sec-staff .staff-detail p, .yokohama-store .sec-staff .staff-detail p, .shinjuku-store .sec-staff .staff-detail p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}
@media (max-width: 990px) {
  .ikebukuro-store .sec-staff .staff-detail p, .fukuoka-store .sec-staff .staff-detail p, .osaka-store .sec-staff .staff-detail p, .nagoya-store .sec-staff .staff-detail p, .tokyo-store .sec-staff .staff-detail p, .yokohama-store .sec-staff .staff-detail p, .shinjuku-store .sec-staff .staff-detail p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.ikebukuro-store .sec-staff .staff-name, .fukuoka-store .sec-staff .staff-name, .osaka-store .sec-staff .staff-name, .nagoya-store .sec-staff .staff-name, .tokyo-store .sec-staff .staff-name, .yokohama-store .sec-staff .staff-name, .shinjuku-store .sec-staff .staff-name {
  color: #fff;
  line-height: 1.8;
}
.ikebukuro-store .sec-staff .btn-wrap, .fukuoka-store .sec-staff .btn-wrap, .osaka-store .sec-staff .btn-wrap, .nagoya-store .sec-staff .btn-wrap, .tokyo-store .sec-staff .btn-wrap, .yokohama-store .sec-staff .btn-wrap, .shinjuku-store .sec-staff .btn-wrap {
  margin-top: 20px;
}
.ikebukuro-store .p-customer .btn-wrap, .fukuoka-store .p-customer .btn-wrap, .osaka-store .p-customer .btn-wrap, .nagoya-store .p-customer .btn-wrap, .tokyo-store .p-customer .btn-wrap, .yokohama-store .p-customer .btn-wrap, .shinjuku-store .p-customer .btn-wrap {
  position: relative;
  margin-top: 40px;
  text-align: center;
  z-index: 2;
}
.ikebukuro-store .voice-swiper, .fukuoka-store .voice-swiper, .osaka-store .voice-swiper, .nagoya-store .voice-swiper, .tokyo-store .voice-swiper, .yokohama-store .voice-swiper, .shinjuku-store .voice-swiper {
  margin-top: 100px;
}
.ikebukuro-store .voice-swiper .swiper-slide, .fukuoka-store .voice-swiper .swiper-slide, .osaka-store .voice-swiper .swiper-slide, .nagoya-store .voice-swiper .swiper-slide, .tokyo-store .voice-swiper .swiper-slide, .yokohama-store .voice-swiper .swiper-slide, .shinjuku-store .voice-swiper .swiper-slide {
  padding: 0;
}
.ikebukuro-store .voice-swiper .swiper-slide::before, .fukuoka-store .voice-swiper .swiper-slide::before, .osaka-store .voice-swiper .swiper-slide::before, .nagoya-store .voice-swiper .swiper-slide::before, .tokyo-store .voice-swiper .swiper-slide::before, .yokohama-store .voice-swiper .swiper-slide::before, .shinjuku-store .voice-swiper .swiper-slide::before {
  display: none;
}
.ikebukuro-store .voice-swiper .swiper-slide .swiper-card, .fukuoka-store .voice-swiper .swiper-slide .swiper-card, .osaka-store .voice-swiper .swiper-slide .swiper-card, .nagoya-store .voice-swiper .swiper-slide .swiper-card, .tokyo-store .voice-swiper .swiper-slide .swiper-card, .yokohama-store .voice-swiper .swiper-slide .swiper-card, .shinjuku-store .voice-swiper .swiper-slide .swiper-card {
  position: relative;
  background-color: #fff;
  border-radius: 30px;
  -webkit-box-shadow: 4px 4px 0 #F6EF37;
          box-shadow: 4px 4px 0 #F6EF37;
  padding: 50px 20px 50px;
}
.ikebukuro-store .voice-swiper .swiper-slide .swiper-card::before, .fukuoka-store .voice-swiper .swiper-slide .swiper-card::before, .osaka-store .voice-swiper .swiper-slide .swiper-card::before, .nagoya-store .voice-swiper .swiper-slide .swiper-card::before, .tokyo-store .voice-swiper .swiper-slide .swiper-card::before, .yokohama-store .voice-swiper .swiper-slide .swiper-card::before, .shinjuku-store .voice-swiper .swiper-slide .swiper-card::before {
  position: absolute;
  content: "";
  top: -56px;
  left: calc(50% + 5px);
  right: 0;
  bottom: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #F6EF37;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.ikebukuro-store .voice-swiper .card-image, .fukuoka-store .voice-swiper .card-image, .osaka-store .voice-swiper .card-image, .nagoya-store .voice-swiper .card-image, .tokyo-store .voice-swiper .card-image, .yokohama-store .voice-swiper .card-image, .shinjuku-store .voice-swiper .card-image {
  position: absolute;
  width: 120px;
  height: 120px;
  left: 50%;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -60px;
}
.ikebukuro-store .voice-swiper .card-image::after, .fukuoka-store .voice-swiper .card-image::after, .osaka-store .voice-swiper .card-image::after, .nagoya-store .voice-swiper .card-image::after, .tokyo-store .voice-swiper .card-image::after, .yokohama-store .voice-swiper .card-image::after, .shinjuku-store .voice-swiper .card-image::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.6);
          box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  pointer-events: none;
  z-index: 2;
}
.ikebukuro-store .voice-swiper .card-image img, .fukuoka-store .voice-swiper .card-image img, .osaka-store .voice-swiper .card-image img, .nagoya-store .voice-swiper .card-image img, .tokyo-store .voice-swiper .card-image img, .yokohama-store .voice-swiper .card-image img, .shinjuku-store .voice-swiper .card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ikebukuro-store .voice-swiper .card-title .sub-text, .fukuoka-store .voice-swiper .card-title .sub-text, .osaka-store .voice-swiper .card-title .sub-text, .nagoya-store .voice-swiper .card-title .sub-text, .tokyo-store .voice-swiper .card-title .sub-text, .yokohama-store .voice-swiper .card-title .sub-text, .shinjuku-store .voice-swiper .card-title .sub-text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 700;
  margin-top: 16px;
  margin-bottom: 8px;
  -moz-text-align-last: left;
       text-align-last: left;
}
.ikebukuro-store .voice-swiper .card-title .name, .fukuoka-store .voice-swiper .card-title .name, .osaka-store .voice-swiper .card-title .name, .nagoya-store .voice-swiper .card-title .name, .tokyo-store .voice-swiper .card-title .name, .yokohama-store .voice-swiper .card-title .name, .shinjuku-store .voice-swiper .card-title .name {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 8px;
  color: #0F46A1;
  padding-bottom: 8px;
  border-bottom: 1px solid #0F46A1;
  -moz-text-align-last: left;
       text-align-last: left;
}
@media (max-width: 990px) {
  .ikebukuro-store .voice-swiper .card-title .name, .fukuoka-store .voice-swiper .card-title .name, .osaka-store .voice-swiper .card-title .name, .nagoya-store .voice-swiper .card-title .name, .tokyo-store .voice-swiper .card-title .name, .yokohama-store .voice-swiper .card-title .name, .shinjuku-store .voice-swiper .card-title .name {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.ikebukuro-store .voice-swiper .card-details p, .fukuoka-store .voice-swiper .card-details p, .osaka-store .voice-swiper .card-details p, .nagoya-store .voice-swiper .card-details p, .tokyo-store .voice-swiper .card-details p, .yokohama-store .voice-swiper .card-details p, .shinjuku-store .voice-swiper .card-details p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.56px;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .ikebukuro-store .voice-swiper .card-details p, .fukuoka-store .voice-swiper .card-details p, .osaka-store .voice-swiper .card-details p, .nagoya-store .voice-swiper .card-details p, .tokyo-store .voice-swiper .card-details p, .yokohama-store .voice-swiper .card-details p, .shinjuku-store .voice-swiper .card-details p {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.ikebukuro-store .p-blog, .fukuoka-store .p-blog, .osaka-store .p-blog, .nagoya-store .p-blog, .tokyo-store .p-blog, .yokohama-store .p-blog, .shinjuku-store .p-blog {
  padding: 150px 0 80px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-blog, .fukuoka-store .p-blog, .osaka-store .p-blog, .nagoya-store .p-blog, .tokyo-store .p-blog, .yokohama-store .p-blog, .shinjuku-store .p-blog {
    padding: 80px 0 40px;
  }
}
.ikebukuro-store .store-blog-swiper, .fukuoka-store .store-blog-swiper, .osaka-store .store-blog-swiper, .nagoya-store .store-blog-swiper, .tokyo-store .store-blog-swiper, .yokohama-store .store-blog-swiper, .shinjuku-store .store-blog-swiper {
  position: relative;
  padding-bottom: 40px;
}
.ikebukuro-store .store-blog-swiper .card-title, .fukuoka-store .store-blog-swiper .card-title, .osaka-store .store-blog-swiper .card-title, .nagoya-store .store-blog-swiper .card-title, .tokyo-store .store-blog-swiper .card-title, .yokohama-store .store-blog-swiper .card-title, .shinjuku-store .store-blog-swiper .card-title {
  -moz-text-align-last: left;
       text-align-last: left;
  margin-bottom: 8px;
  padding-bottom: 8px;
  line-height: 1;
}
.ikebukuro-store .store-blog-swiper .card-title span, .fukuoka-store .store-blog-swiper .card-title span, .osaka-store .store-blog-swiper .card-title span, .nagoya-store .store-blog-swiper .card-title span, .tokyo-store .store-blog-swiper .card-title span, .yokohama-store .store-blog-swiper .card-title span, .shinjuku-store .store-blog-swiper .card-title span {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  display: inline;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(109, 201, 241, 0.6)), color-stop(50%, rgba(109, 201, 241, 0.6)), color-stop(50%, transparent), to(transparent));
  background: linear-gradient(to top, rgba(109, 201, 241, 0.6) 0%, rgba(109, 201, 241, 0.6) 50%, transparent 50%, transparent 100%);
  background-size: 60%;
  background-position: bottom;
  padding-bottom: 4px;
}
@media (max-width: 990px) {
  .ikebukuro-store .store-blog-swiper .card-title span, .fukuoka-store .store-blog-swiper .card-title span, .osaka-store .store-blog-swiper .card-title span, .nagoya-store .store-blog-swiper .card-title span, .tokyo-store .store-blog-swiper .card-title span, .yokohama-store .store-blog-swiper .card-title span, .shinjuku-store .store-blog-swiper .card-title span {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.ikebukuro-store .store-blog-swiper .card-details, .fukuoka-store .store-blog-swiper .card-details, .osaka-store .store-blog-swiper .card-details, .nagoya-store .store-blog-swiper .card-details, .tokyo-store .store-blog-swiper .card-details, .yokohama-store .store-blog-swiper .card-details, .shinjuku-store .store-blog-swiper .card-details {
  margin-bottom: 16px;
}
.ikebukuro-store .store-blog-swiper .card-details p, .fukuoka-store .store-blog-swiper .card-details p, .osaka-store .store-blog-swiper .card-details p, .nagoya-store .store-blog-swiper .card-details p, .tokyo-store .store-blog-swiper .card-details p, .yokohama-store .store-blog-swiper .card-details p, .shinjuku-store .store-blog-swiper .card-details p {
  font-weight: 500;
}
.ikebukuro-store .store-blog-swiper .btn-wrap .link-icon-caret, .fukuoka-store .store-blog-swiper .btn-wrap .link-icon-caret, .osaka-store .store-blog-swiper .btn-wrap .link-icon-caret, .nagoya-store .store-blog-swiper .btn-wrap .link-icon-caret, .tokyo-store .store-blog-swiper .btn-wrap .link-icon-caret, .yokohama-store .store-blog-swiper .btn-wrap .link-icon-caret, .shinjuku-store .store-blog-swiper .btn-wrap .link-icon-caret {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.64px;
}
.ikebukuro-store .p-youtube .yi-detail, .fukuoka-store .p-youtube .yi-detail, .osaka-store .p-youtube .yi-detail, .nagoya-store .p-youtube .yi-detail, .tokyo-store .p-youtube .yi-detail, .yokohama-store .p-youtube .yi-detail, .shinjuku-store .p-youtube .yi-detail {
  padding: 25px 0 15px;
}
.ikebukuro-store .p-youtube .yi-detail h3, .fukuoka-store .p-youtube .yi-detail h3, .osaka-store .p-youtube .yi-detail h3, .nagoya-store .p-youtube .yi-detail h3, .tokyo-store .p-youtube .yi-detail h3, .yokohama-store .p-youtube .yi-detail h3, .shinjuku-store .p-youtube .yi-detail h3 {
  margin-bottom: 15px;
  line-height: 1.8;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-youtube .yi-detail h3, .fukuoka-store .p-youtube .yi-detail h3, .osaka-store .p-youtube .yi-detail h3, .nagoya-store .p-youtube .yi-detail h3, .tokyo-store .p-youtube .yi-detail h3, .yokohama-store .p-youtube .yi-detail h3, .shinjuku-store .p-youtube .yi-detail h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.ikebukuro-store .p-youtube .yi-detail p, .fukuoka-store .p-youtube .yi-detail p, .osaka-store .p-youtube .yi-detail p, .nagoya-store .p-youtube .yi-detail p, .tokyo-store .p-youtube .yi-detail p, .yokohama-store .p-youtube .yi-detail p, .shinjuku-store .p-youtube .yi-detail p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.56px;
  line-height: 1.8;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-youtube .yi-detail p, .fukuoka-store .p-youtube .yi-detail p, .osaka-store .p-youtube .yi-detail p, .nagoya-store .p-youtube .yi-detail p, .tokyo-store .p-youtube .yi-detail p, .yokohama-store .p-youtube .yi-detail p, .shinjuku-store .p-youtube .yi-detail p {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.ikebukuro-store .p-youtube .yi-detail p + p, .fukuoka-store .p-youtube .yi-detail p + p, .osaka-store .p-youtube .yi-detail p + p, .nagoya-store .p-youtube .yi-detail p + p, .tokyo-store .p-youtube .yi-detail p + p, .yokohama-store .p-youtube .yi-detail p + p, .shinjuku-store .p-youtube .yi-detail p + p {
  margin-top: 0;
}
.ikebukuro-store .p-instagram .instagram-list, .fukuoka-store .p-instagram .instagram-list, .osaka-store .p-instagram .instagram-list, .nagoya-store .p-instagram .instagram-list, .tokyo-store .p-instagram .instagram-list, .yokohama-store .p-instagram .instagram-list, .shinjuku-store .p-instagram .instagram-list {
  margin-bottom: 30px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-instagram .instagram-list, .fukuoka-store .p-instagram .instagram-list, .osaka-store .p-instagram .instagram-list, .nagoya-store .p-instagram .instagram-list, .tokyo-store .p-instagram .instagram-list, .yokohama-store .p-instagram .instagram-list, .shinjuku-store .p-instagram .instagram-list {
    margin-bottom: 16px;
  }
}
.ikebukuro-store .p-instagram .instagram-list .col:nth-child(n+5), .fukuoka-store .p-instagram .instagram-list .col:nth-child(n+5), .osaka-store .p-instagram .instagram-list .col:nth-child(n+5), .nagoya-store .p-instagram .instagram-list .col:nth-child(n+5), .tokyo-store .p-instagram .instagram-list .col:nth-child(n+5), .yokohama-store .p-instagram .instagram-list .col:nth-child(n+5), .shinjuku-store .p-instagram .instagram-list .col:nth-child(n+5) {
  margin-top: 20px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-instagram .instagram-list .col:nth-child(n+3), .fukuoka-store .p-instagram .instagram-list .col:nth-child(n+3), .osaka-store .p-instagram .instagram-list .col:nth-child(n+3), .nagoya-store .p-instagram .instagram-list .col:nth-child(n+3), .tokyo-store .p-instagram .instagram-list .col:nth-child(n+3), .yokohama-store .p-instagram .instagram-list .col:nth-child(n+3), .shinjuku-store .p-instagram .instagram-list .col:nth-child(n+3) {
    margin-top: 20px;
  }
}
.ikebukuro-store .p-store, .fukuoka-store .p-store, .osaka-store .p-store, .nagoya-store .p-store, .tokyo-store .p-store, .yokohama-store .p-store, .shinjuku-store .p-store {
  padding: 80px 0 40px;
}
.ikebukuro-store .p-store .diving-list, .fukuoka-store .p-store .diving-list, .osaka-store .p-store .diving-list, .nagoya-store .p-store .diving-list, .tokyo-store .p-store .diving-list, .yokohama-store .p-store .diving-list, .shinjuku-store .p-store .diving-list {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-store .diving-list, .fukuoka-store .p-store .diving-list, .osaka-store .p-store .diving-list, .nagoya-store .p-store .diving-list, .tokyo-store .p-store .diving-list, .yokohama-store .p-store .diving-list, .shinjuku-store .p-store .diving-list {
    margin-top: 24px;
  }
}
.ikebukuro-store .p-store .diving-list .store-wrapper:nth-child(n+2), .fukuoka-store .p-store .diving-list .store-wrapper:nth-child(n+2), .osaka-store .p-store .diving-list .store-wrapper:nth-child(n+2), .nagoya-store .p-store .diving-list .store-wrapper:nth-child(n+2), .tokyo-store .p-store .diving-list .store-wrapper:nth-child(n+2), .yokohama-store .p-store .diving-list .store-wrapper:nth-child(n+2), .shinjuku-store .p-store .diving-list .store-wrapper:nth-child(n+2) {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-store .diving-list .contact-details, .fukuoka-store .p-store .diving-list .contact-details, .osaka-store .p-store .diving-list .contact-details, .nagoya-store .p-store .diving-list .contact-details, .tokyo-store .p-store .diving-list .contact-details, .yokohama-store .p-store .diving-list .contact-details, .shinjuku-store .p-store .diving-list .contact-details {
    display: none;
  }
}
.ikebukuro-store .p-store .btn-wrap, .fukuoka-store .p-store .btn-wrap, .osaka-store .p-store .btn-wrap, .nagoya-store .p-store .btn-wrap, .tokyo-store .p-store .btn-wrap, .yokohama-store .p-store .btn-wrap, .shinjuku-store .p-store .btn-wrap {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-store .btn-wrap, .fukuoka-store .p-store .btn-wrap, .osaka-store .p-store .btn-wrap, .nagoya-store .p-store .btn-wrap, .tokyo-store .p-store .btn-wrap, .yokohama-store .p-store .btn-wrap, .shinjuku-store .p-store .btn-wrap {
    margin-top: 24px;
  }
}
.ikebukuro-store .p-ads .ads-list .col:nth-child(n+4), .fukuoka-store .p-ads .ads-list .col:nth-child(n+4), .osaka-store .p-ads .ads-list .col:nth-child(n+4), .nagoya-store .p-ads .ads-list .col:nth-child(n+4), .tokyo-store .p-ads .ads-list .col:nth-child(n+4), .yokohama-store .p-ads .ads-list .col:nth-child(n+4), .shinjuku-store .p-ads .ads-list .col:nth-child(n+4) {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .ikebukuro-store .p-ads .ads-list .col:nth-child(n+2), .fukuoka-store .p-ads .ads-list .col:nth-child(n+2), .osaka-store .p-ads .ads-list .col:nth-child(n+2), .nagoya-store .p-ads .ads-list .col:nth-child(n+2), .tokyo-store .p-ads .ads-list .col:nth-child(n+2), .yokohama-store .p-ads .ads-list .col:nth-child(n+2), .shinjuku-store .p-ads .ads-list .col:nth-child(n+2) {
    margin-top: 10px;
  }
}
.ikebukuro-store .p-ads .ads-list figure img, .fukuoka-store .p-ads .ads-list figure img, .osaka-store .p-ads .ads-list figure img, .nagoya-store .p-ads .ads-list figure img, .tokyo-store .p-ads .ads-list figure img, .yokohama-store .p-ads .ads-list figure img, .shinjuku-store .p-ads .ads-list figure img {
  width: 100%;
}
.ikebukuro-store .elipsis-2, .fukuoka-store .elipsis-2, .osaka-store .elipsis-2, .nagoya-store .elipsis-2, .tokyo-store .elipsis-2, .yokohama-store .elipsis-2, .shinjuku-store .elipsis-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ikebukuro-store .elipsis-3, .fukuoka-store .elipsis-3, .osaka-store .elipsis-3, .nagoya-store .elipsis-3, .tokyo-store .elipsis-3, .yokohama-store .elipsis-3, .shinjuku-store .elipsis-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ikebukuro-store .elipsis-4, .fukuoka-store .elipsis-4, .osaka-store .elipsis-4, .nagoya-store .elipsis-4, .tokyo-store .elipsis-4, .yokohama-store .elipsis-4, .shinjuku-store .elipsis-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ikebukuro-store .elipsis-5, .fukuoka-store .elipsis-5, .osaka-store .elipsis-5, .nagoya-store .elipsis-5, .tokyo-store .elipsis-5, .yokohama-store .elipsis-5, .shinjuku-store .elipsis-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ikebukuro-reason section, .shinjuku-reason section, .osaka-reason section, .tokyo-reason section, .yokohama-reason section, .nagoya-reason section, .fukuoka-reason section {
  margin-bottom: 150px;
}
@media (max-width: 990px) {
  .ikebukuro-reason section, .shinjuku-reason section, .osaka-reason section, .tokyo-reason section, .yokohama-reason section, .nagoya-reason section, .fukuoka-reason section {
    margin-bottom: 80px;
  }
}
.ikebukuro-reason .reason-desc, .shinjuku-reason .reason-desc, .osaka-reason .reason-desc, .tokyo-reason .reason-desc, .yokohama-reason .reason-desc, .nagoya-reason .reason-desc, .fukuoka-reason .reason-desc {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .ikebukuro-reason .reason-desc, .shinjuku-reason .reason-desc, .osaka-reason .reason-desc, .tokyo-reason .reason-desc, .yokohama-reason .reason-desc, .nagoya-reason .reason-desc, .fukuoka-reason .reason-desc {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.56px;
  }
}
.ikebukuro-reason .inner-nav-list, .shinjuku-reason .inner-nav-list, .osaka-reason .inner-nav-list, .tokyo-reason .inner-nav-list, .yokohama-reason .inner-nav-list, .nagoya-reason .inner-nav-list, .fukuoka-reason .inner-nav-list {
  padding: 64px 28px;
}
@media (min-width: 991px) {
  .ikebukuro-reason .inner-nav-list ul, .shinjuku-reason .inner-nav-list ul, .osaka-reason .inner-nav-list ul, .tokyo-reason .inner-nav-list ul, .yokohama-reason .inner-nav-list ul, .nagoya-reason .inner-nav-list ul, .fukuoka-reason .inner-nav-list ul {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 991px) {
  .ikebukuro-reason .inner-nav-list ul li a.button, .shinjuku-reason .inner-nav-list ul li a.button, .osaka-reason .inner-nav-list ul li a.button, .tokyo-reason .inner-nav-list ul li a.button, .yokohama-reason .inner-nav-list ul li a.button, .nagoya-reason .inner-nav-list ul li a.button, .fukuoka-reason .inner-nav-list ul li a.button {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.ikebukuro-reason .content + .content, .shinjuku-reason .content + .content, .osaka-reason .content + .content, .tokyo-reason .content + .content, .yokohama-reason .content + .content, .nagoya-reason .content + .content, .fukuoka-reason .content + .content {
  margin-top: 64px;
}
.ikebukuro-reason .ikebukuro-reason-title, .shinjuku-reason .ikebukuro-reason-title, .osaka-reason .ikebukuro-reason-title, .tokyo-reason .ikebukuro-reason-title, .yokohama-reason .ikebukuro-reason-title, .nagoya-reason .ikebukuro-reason-title, .fukuoka-reason .ikebukuro-reason-title {
  text-align: center;
}
@media (max-width: 990px) {
  .ikebukuro-reason .ikebukuro-reason-title, .shinjuku-reason .ikebukuro-reason-title, .osaka-reason .ikebukuro-reason-title, .tokyo-reason .ikebukuro-reason-title, .yokohama-reason .ikebukuro-reason-title, .nagoya-reason .ikebukuro-reason-title, .fukuoka-reason .ikebukuro-reason-title {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.ikebukuro-reason .ikebukuro-reason-title .title-en, .shinjuku-reason .ikebukuro-reason-title .title-en, .osaka-reason .ikebukuro-reason-title .title-en, .tokyo-reason .ikebukuro-reason-title .title-en, .yokohama-reason .ikebukuro-reason-title .title-en, .nagoya-reason .ikebukuro-reason-title .title-en, .fukuoka-reason .ikebukuro-reason-title .title-en {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.56px;
  color: #0F46A1;
  text-transform: capitalize;
}
@media (max-width: 990px) {
  .ikebukuro-reason .ikebukuro-reason-title .title-en, .shinjuku-reason .ikebukuro-reason-title .title-en, .osaka-reason .ikebukuro-reason-title .title-en, .tokyo-reason .ikebukuro-reason-title .title-en, .yokohama-reason .ikebukuro-reason-title .title-en, .nagoya-reason .ikebukuro-reason-title .title-en, .fukuoka-reason .ikebukuro-reason-title .title-en {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.ikebukuro-reason .ikebukuro-reason-title .title-ja, .shinjuku-reason .ikebukuro-reason-title .title-ja, .osaka-reason .ikebukuro-reason-title .title-ja, .tokyo-reason .ikebukuro-reason-title .title-ja, .yokohama-reason .ikebukuro-reason-title .title-ja, .nagoya-reason .ikebukuro-reason-title .title-ja, .fukuoka-reason .ikebukuro-reason-title .title-ja {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  padding: 0 30px;
}
.ikebukuro-reason .ikebukuro-reason-title .title-ja::before, .ikebukuro-reason .ikebukuro-reason-title .title-ja::after, .shinjuku-reason .ikebukuro-reason-title .title-ja::before, .shinjuku-reason .ikebukuro-reason-title .title-ja::after, .osaka-reason .ikebukuro-reason-title .title-ja::before, .osaka-reason .ikebukuro-reason-title .title-ja::after, .tokyo-reason .ikebukuro-reason-title .title-ja::before, .tokyo-reason .ikebukuro-reason-title .title-ja::after, .yokohama-reason .ikebukuro-reason-title .title-ja::before, .yokohama-reason .ikebukuro-reason-title .title-ja::after, .nagoya-reason .ikebukuro-reason-title .title-ja::before, .nagoya-reason .ikebukuro-reason-title .title-ja::after, .fukuoka-reason .ikebukuro-reason-title .title-ja::before, .fukuoka-reason .ikebukuro-reason-title .title-ja::after {
  position: absolute;
  content: "";
  bottom: -8px;
  width: 0;
  height: 30px;
  border-right: 1px solid #0F46A1;
}
.ikebukuro-reason .ikebukuro-reason-title .title-ja::before, .shinjuku-reason .ikebukuro-reason-title .title-ja::before, .osaka-reason .ikebukuro-reason-title .title-ja::before, .tokyo-reason .ikebukuro-reason-title .title-ja::before, .yokohama-reason .ikebukuro-reason-title .title-ja::before, .nagoya-reason .ikebukuro-reason-title .title-ja::before, .fukuoka-reason .ikebukuro-reason-title .title-ja::before {
  right: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ikebukuro-reason .ikebukuro-reason-title .title-ja::after, .shinjuku-reason .ikebukuro-reason-title .title-ja::after, .osaka-reason .ikebukuro-reason-title .title-ja::after, .tokyo-reason .ikebukuro-reason-title .title-ja::after, .yokohama-reason .ikebukuro-reason-title .title-ja::after, .nagoya-reason .ikebukuro-reason-title .title-ja::after, .fukuoka-reason .ikebukuro-reason-title .title-ja::after {
  left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.ikebukuro-reason .ikebukuro-reason-title .ja, .shinjuku-reason .ikebukuro-reason-title .ja, .osaka-reason .ikebukuro-reason-title .ja, .tokyo-reason .ikebukuro-reason-title .ja, .yokohama-reason .ikebukuro-reason-title .ja, .nagoya-reason .ikebukuro-reason-title .ja, .fukuoka-reason .ikebukuro-reason-title .ja {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.96px;
  color: #0F46A1;
}
.ikebukuro-reason .track-record-title, .shinjuku-reason .track-record-title, .osaka-reason .track-record-title, .tokyo-reason .track-record-title, .yokohama-reason .track-record-title, .nagoya-reason .track-record-title, .fukuoka-reason .track-record-title {
  text-align: center;
  padding-bottom: 8px;
  border-bottom: 1px solid #E9E8E5;
}
.ikebukuro-reason .track-record-title .track-number, .shinjuku-reason .track-record-title .track-number, .osaka-reason .track-record-title .track-number, .tokyo-reason .track-record-title .track-number, .yokohama-reason .track-record-title .track-number, .nagoya-reason .track-record-title .track-number, .fukuoka-reason .track-record-title .track-number {
  display: block;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 1.28px;
  color: #02A8CD;
}
.ikebukuro-reason .track-record-title .track-heading, .shinjuku-reason .track-record-title .track-heading, .osaka-reason .track-record-title .track-heading, .tokyo-reason .track-record-title .track-heading, .yokohama-reason .track-record-title .track-heading, .nagoya-reason .track-record-title .track-heading, .fukuoka-reason .track-record-title .track-heading {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.72px;
  color: #0F46A1;
}
.ikebukuro-reason .track-record-title .track-desc, .shinjuku-reason .track-record-title .track-desc, .osaka-reason .track-record-title .track-desc, .tokyo-reason .track-record-title .track-desc, .yokohama-reason .track-record-title .track-desc, .nagoya-reason .track-record-title .track-desc, .fukuoka-reason .track-record-title .track-desc {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .ikebukuro-reason .track-record-title .track-desc, .shinjuku-reason .track-record-title .track-desc, .osaka-reason .track-record-title .track-desc, .tokyo-reason .track-record-title .track-desc, .yokohama-reason .track-record-title .track-desc, .nagoya-reason .track-record-title .track-desc, .fukuoka-reason .track-record-title .track-desc {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.ikebukuro-reason .track-record-title + .content-img, .shinjuku-reason .track-record-title + .content-img, .osaka-reason .track-record-title + .content-img, .tokyo-reason .track-record-title + .content-img, .yokohama-reason .track-record-title + .content-img, .nagoya-reason .track-record-title + .content-img, .fukuoka-reason .track-record-title + .content-img {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .ikebukuro-reason .track-record-title + .content-img, .shinjuku-reason .track-record-title + .content-img, .osaka-reason .track-record-title + .content-img, .tokyo-reason .track-record-title + .content-img, .yokohama-reason .track-record-title + .content-img, .nagoya-reason .track-record-title + .content-img, .fukuoka-reason .track-record-title + .content-img {
    margin-top: 8px;
  }
}
.ikebukuro-reason .content-img, .shinjuku-reason .content-img, .osaka-reason .content-img, .tokyo-reason .content-img, .yokohama-reason .content-img, .nagoya-reason .content-img, .fukuoka-reason .content-img {
  margin-top: 24px;
}
.ikebukuro-reason .content-img img, .shinjuku-reason .content-img img, .osaka-reason .content-img img, .tokyo-reason .content-img img, .yokohama-reason .content-img img, .nagoya-reason .content-img img, .fukuoka-reason .content-img img {
  width: 100%;
  max-width: 800px;
  height: auto;
}
.ikebukuro-reason .content-detail, .shinjuku-reason .content-detail, .osaka-reason .content-detail, .tokyo-reason .content-detail, .yokohama-reason .content-detail, .nagoya-reason .content-detail, .fukuoka-reason .content-detail {
  margin-top: 8px;
}
.ikebukuro-reason .content-detail p, .shinjuku-reason .content-detail p, .osaka-reason .content-detail p, .tokyo-reason .content-detail p, .yokohama-reason .content-detail p, .nagoya-reason .content-detail p, .fukuoka-reason .content-detail p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
  color: #000;
}
@media (max-width: 990px) {
  .ikebukuro-reason .content-detail p, .shinjuku-reason .content-detail p, .osaka-reason .content-detail p, .tokyo-reason .content-detail p, .yokohama-reason .content-detail p, .nagoya-reason .content-detail p, .fukuoka-reason .content-detail p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.ikebukuro-reason .btn-wrap, .shinjuku-reason .btn-wrap, .osaka-reason .btn-wrap, .tokyo-reason .btn-wrap, .yokohama-reason .btn-wrap, .nagoya-reason .btn-wrap, .fukuoka-reason .btn-wrap {
  text-align: center;
  margin-top: 16px;
}
.ikebukuro-reason .track-record:not(:first-child), .shinjuku-reason .track-record:not(:first-child), .osaka-reason .track-record:not(:first-child), .tokyo-reason .track-record:not(:first-child), .yokohama-reason .track-record:not(:first-child), .nagoya-reason .track-record:not(:first-child), .fukuoka-reason .track-record:not(:first-child) {
  margin-top: 24px;
}
.ikebukuro-reason .apply-wrapper, .shinjuku-reason .apply-wrapper, .osaka-reason .apply-wrapper, .tokyo-reason .apply-wrapper, .yokohama-reason .apply-wrapper, .nagoya-reason .apply-wrapper, .fukuoka-reason .apply-wrapper {
  margin-top: 64px;
}

.ikebukuro-comfortable .comfortable-section, .fukuoka-comfortable .comfortable-section, .yokohama-comfortable .comfortable-section, .nagoya-comfortable .comfortable-section, .osaka-comfortable .comfortable-section, .tokyo-comfortable .comfortable-section, .shinjuku-comfortable .comfortable-section {
  padding-top: 60px;
}
.ikebukuro-comfortable .comfortable-swiper .swiper-slide, .fukuoka-comfortable .comfortable-swiper .swiper-slide, .yokohama-comfortable .comfortable-swiper .swiper-slide, .nagoya-comfortable .comfortable-swiper .swiper-slide, .osaka-comfortable .comfortable-swiper .swiper-slide, .tokyo-comfortable .comfortable-swiper .swiper-slide, .shinjuku-comfortable .comfortable-swiper .swiper-slide {
  position: relative;
  padding-bottom: 95px;
  height: auto;
}
.ikebukuro-comfortable .comfortable-swiper .reason-card, .fukuoka-comfortable .comfortable-swiper .reason-card, .yokohama-comfortable .comfortable-swiper .reason-card, .nagoya-comfortable .comfortable-swiper .reason-card, .osaka-comfortable .comfortable-swiper .reason-card, .tokyo-comfortable .comfortable-swiper .reason-card, .shinjuku-comfortable .comfortable-swiper .reason-card {
  position: static;
}
.ikebukuro-comfortable .comfortable-swiper .merit-btn, .fukuoka-comfortable .comfortable-swiper .merit-btn, .yokohama-comfortable .comfortable-swiper .merit-btn, .nagoya-comfortable .comfortable-swiper .merit-btn, .osaka-comfortable .comfortable-swiper .merit-btn, .tokyo-comfortable .comfortable-swiper .merit-btn, .shinjuku-comfortable .comfortable-swiper .merit-btn {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
}
.ikebukuro-comfortable .comfortable-swiper .card-image, .fukuoka-comfortable .comfortable-swiper .card-image, .yokohama-comfortable .comfortable-swiper .card-image, .nagoya-comfortable .comfortable-swiper .card-image, .osaka-comfortable .comfortable-swiper .card-image, .tokyo-comfortable .comfortable-swiper .card-image, .shinjuku-comfortable .comfortable-swiper .card-image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 62%;
}
@media (max-width: 990px) {
  .ikebukuro-comfortable .comfortable-swiper .card-image, .fukuoka-comfortable .comfortable-swiper .card-image, .yokohama-comfortable .comfortable-swiper .card-image, .nagoya-comfortable .comfortable-swiper .card-image, .osaka-comfortable .comfortable-swiper .card-image, .tokyo-comfortable .comfortable-swiper .card-image, .shinjuku-comfortable .comfortable-swiper .card-image {
    padding-bottom: 71%;
  }
}
.ikebukuro-comfortable .comfortable-swiper .card-image img, .fukuoka-comfortable .comfortable-swiper .card-image img, .yokohama-comfortable .comfortable-swiper .card-image img, .nagoya-comfortable .comfortable-swiper .card-image img, .osaka-comfortable .comfortable-swiper .card-image img, .tokyo-comfortable .comfortable-swiper .card-image img, .shinjuku-comfortable .comfortable-swiper .card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ikebukuro-comfortable .btn-wrap, .fukuoka-comfortable .btn-wrap, .yokohama-comfortable .btn-wrap, .nagoya-comfortable .btn-wrap, .osaka-comfortable .btn-wrap, .tokyo-comfortable .btn-wrap, .shinjuku-comfortable .btn-wrap {
  margin-top: 40px;
}
.ikebukuro-comfortable .btn-wrap .button, .fukuoka-comfortable .btn-wrap .button, .yokohama-comfortable .btn-wrap .button, .nagoya-comfortable .btn-wrap .button, .osaka-comfortable .btn-wrap .button, .tokyo-comfortable .btn-wrap .button, .shinjuku-comfortable .btn-wrap .button {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ikebukuro-comfortable .btn-wrap .button.woman-masonry-btn, .fukuoka-comfortable .btn-wrap .button.woman-masonry-btn, .yokohama-comfortable .btn-wrap .button.woman-masonry-btn, .nagoya-comfortable .btn-wrap .button.woman-masonry-btn, .osaka-comfortable .btn-wrap .button.woman-masonry-btn, .tokyo-comfortable .btn-wrap .button.woman-masonry-btn, .shinjuku-comfortable .btn-wrap .button.woman-masonry-btn {
  padding-top: 18px;
  padding-bottom: 18px;
}
.ikebukuro-comfortable .heading-linev2, .fukuoka-comfortable .heading-linev2, .yokohama-comfortable .heading-linev2, .nagoya-comfortable .heading-linev2, .osaka-comfortable .heading-linev2, .tokyo-comfortable .heading-linev2, .shinjuku-comfortable .heading-linev2 {
  padding-bottom: 0;
}
.ikebukuro-comfortable .heading-linev2 + .reason-title-count, .fukuoka-comfortable .heading-linev2 + .reason-title-count, .yokohama-comfortable .heading-linev2 + .reason-title-count, .nagoya-comfortable .heading-linev2 + .reason-title-count, .osaka-comfortable .heading-linev2 + .reason-title-count, .tokyo-comfortable .heading-linev2 + .reason-title-count, .shinjuku-comfortable .heading-linev2 + .reason-title-count {
  margin-top: 0;
}
.ikebukuro-comfortable .detailed-text, .fukuoka-comfortable .detailed-text, .yokohama-comfortable .detailed-text, .nagoya-comfortable .detailed-text, .osaka-comfortable .detailed-text, .tokyo-comfortable .detailed-text, .shinjuku-comfortable .detailed-text {
  margin-bottom: 80px;
}
.ikebukuro-comfortable .detailed-text figure > img, .fukuoka-comfortable .detailed-text figure > img, .yokohama-comfortable .detailed-text figure > img, .nagoya-comfortable .detailed-text figure > img, .osaka-comfortable .detailed-text figure > img, .tokyo-comfortable .detailed-text figure > img, .shinjuku-comfortable .detailed-text figure > img {
  max-width: 800px;
}
@media (max-width: 990px) {
  .ikebukuro-comfortable .detailed-text figure > img, .fukuoka-comfortable .detailed-text figure > img, .yokohama-comfortable .detailed-text figure > img, .nagoya-comfortable .detailed-text figure > img, .osaka-comfortable .detailed-text figure > img, .tokyo-comfortable .detailed-text figure > img, .shinjuku-comfortable .detailed-text figure > img {
    max-width: 100%;
  }
}
.ikebukuro-comfortable .reason-card-list, .fukuoka-comfortable .reason-card-list, .yokohama-comfortable .reason-card-list, .nagoya-comfortable .reason-card-list, .osaka-comfortable .reason-card-list, .tokyo-comfortable .reason-card-list, .shinjuku-comfortable .reason-card-list {
  display: block;
}
@media (min-width: 768px) {
  .ikebukuro-comfortable .reason-card-list, .fukuoka-comfortable .reason-card-list, .yokohama-comfortable .reason-card-list, .nagoya-comfortable .reason-card-list, .osaka-comfortable .reason-card-list, .tokyo-comfortable .reason-card-list, .shinjuku-comfortable .reason-card-list {
    display: block;
    gap: 30px;
  }
}
@media (max-width: 990px) {
  .ikebukuro-comfortable .reason-card-list, .fukuoka-comfortable .reason-card-list, .yokohama-comfortable .reason-card-list, .nagoya-comfortable .reason-card-list, .osaka-comfortable .reason-card-list, .tokyo-comfortable .reason-card-list, .shinjuku-comfortable .reason-card-list {
    padding-right: 50px;
  }
}
.ikebukuro-comfortable .reason-card-list .owl-stage-outer, .fukuoka-comfortable .reason-card-list .owl-stage-outer, .yokohama-comfortable .reason-card-list .owl-stage-outer, .nagoya-comfortable .reason-card-list .owl-stage-outer, .osaka-comfortable .reason-card-list .owl-stage-outer, .tokyo-comfortable .reason-card-list .owl-stage-outer, .shinjuku-comfortable .reason-card-list .owl-stage-outer {
  overflow: visible;
}
.ikebukuro-comfortable .reason-card-list .reason-card, .fukuoka-comfortable .reason-card-list .reason-card, .yokohama-comfortable .reason-card-list .reason-card, .nagoya-comfortable .reason-card-list .reason-card, .osaka-comfortable .reason-card-list .reason-card, .tokyo-comfortable .reason-card-list .reason-card, .shinjuku-comfortable .reason-card-list .reason-card {
  display: block;
}
@media (min-width: 768px) {
  .ikebukuro-comfortable .reason-card-list .reason-card, .fukuoka-comfortable .reason-card-list .reason-card, .yokohama-comfortable .reason-card-list .reason-card, .nagoya-comfortable .reason-card-list .reason-card, .osaka-comfortable .reason-card-list .reason-card, .tokyo-comfortable .reason-card-list .reason-card, .shinjuku-comfortable .reason-card-list .reason-card {
    min-width: 0;
    max-width: 600px;
    margin: 0 auto;
  }
}
@media (max-width: 990px) {
  .ikebukuro-comfortable .reason-card-list .reason-card + .reason-card, .fukuoka-comfortable .reason-card-list .reason-card + .reason-card, .yokohama-comfortable .reason-card-list .reason-card + .reason-card, .nagoya-comfortable .reason-card-list .reason-card + .reason-card, .osaka-comfortable .reason-card-list .reason-card + .reason-card, .tokyo-comfortable .reason-card-list .reason-card + .reason-card, .shinjuku-comfortable .reason-card-list .reason-card + .reason-card {
    margin-top: 20px;
  }
}
.ikebukuro-comfortable .reason-card-list .reason-card .button, .fukuoka-comfortable .reason-card-list .reason-card .button, .yokohama-comfortable .reason-card-list .reason-card .button, .nagoya-comfortable .reason-card-list .reason-card .button, .osaka-comfortable .reason-card-list .reason-card .button, .tokyo-comfortable .reason-card-list .reason-card .button, .shinjuku-comfortable .reason-card-list .reason-card .button {
  margin-top: 30px;
}
.ikebukuro-comfortable .reason-card-list .icon-title-sign, .fukuoka-comfortable .reason-card-list .icon-title-sign, .yokohama-comfortable .reason-card-list .icon-title-sign, .nagoya-comfortable .reason-card-list .icon-title-sign, .osaka-comfortable .reason-card-list .icon-title-sign, .tokyo-comfortable .reason-card-list .icon-title-sign, .shinjuku-comfortable .reason-card-list .icon-title-sign {
  position: relative;
}
.ikebukuro-comfortable .reason-card-list .icon-title-sign::before, .fukuoka-comfortable .reason-card-list .icon-title-sign::before, .yokohama-comfortable .reason-card-list .icon-title-sign::before, .nagoya-comfortable .reason-card-list .icon-title-sign::before, .osaka-comfortable .reason-card-list .icon-title-sign::before, .tokyo-comfortable .reason-card-list .icon-title-sign::before, .shinjuku-comfortable .reason-card-list .icon-title-sign::before {
  position: absolute;
  content: "";
  top: -11px;
  right: -35px;
  width: 30px;
  height: 30px;
  background: url("/assets/images/common/icon_title_sign.svg") center/contain no-repeat;
  z-index: 1;
}
.ikebukuro-comfortable .reason-card-list .contents, .fukuoka-comfortable .reason-card-list .contents, .yokohama-comfortable .reason-card-list .contents, .nagoya-comfortable .reason-card-list .contents, .osaka-comfortable .reason-card-list .contents, .tokyo-comfortable .reason-card-list .contents, .shinjuku-comfortable .reason-card-list .contents {
  max-width: 980px;
  margin: 40px auto 0;
}
.ikebukuro-comfortable .reason-card-list .content-desc, .fukuoka-comfortable .reason-card-list .content-desc, .yokohama-comfortable .reason-card-list .content-desc, .nagoya-comfortable .reason-card-list .content-desc, .osaka-comfortable .reason-card-list .content-desc, .tokyo-comfortable .reason-card-list .content-desc, .shinjuku-comfortable .reason-card-list .content-desc {
  text-align: center;
  letter-spacing: 0.64px;
  margin-bottom: 40px;
}
@media (max-width: 990px) {
  .ikebukuro-comfortable .reason-card-list .content-desc, .fukuoka-comfortable .reason-card-list .content-desc, .yokohama-comfortable .reason-card-list .content-desc, .nagoya-comfortable .reason-card-list .content-desc, .osaka-comfortable .reason-card-list .content-desc, .tokyo-comfortable .reason-card-list .content-desc, .shinjuku-comfortable .reason-card-list .content-desc {
    margin-bottom: 24px;
    letter-spacing: 0.56px;
  }
}
.ikebukuro-comfortable .reason-card-list .card-image img, .fukuoka-comfortable .reason-card-list .card-image img, .yokohama-comfortable .reason-card-list .card-image img, .nagoya-comfortable .reason-card-list .card-image img, .osaka-comfortable .reason-card-list .card-image img, .tokyo-comfortable .reason-card-list .card-image img, .shinjuku-comfortable .reason-card-list .card-image img {
  border-radius: 30px;
  width: 100%;
}
@media (min-width: 768px) {
  .ikebukuro-comfortable .reason-card-list .card-image img, .fukuoka-comfortable .reason-card-list .card-image img, .yokohama-comfortable .reason-card-list .card-image img, .nagoya-comfortable .reason-card-list .card-image img, .osaka-comfortable .reason-card-list .card-image img, .tokyo-comfortable .reason-card-list .card-image img, .shinjuku-comfortable .reason-card-list .card-image img {
    max-width: 580px;
    margin: 0 auto;
  }
}
.ikebukuro-comfortable .reason-card-list .card-details p, .fukuoka-comfortable .reason-card-list .card-details p, .yokohama-comfortable .reason-card-list .card-details p, .nagoya-comfortable .reason-card-list .card-details p, .osaka-comfortable .reason-card-list .card-details p, .tokyo-comfortable .reason-card-list .card-details p, .shinjuku-comfortable .reason-card-list .card-details p {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
  letter-spacing: 0.72px;
  line-height: 1.7;
}
@media (max-width: 990px) {
  .ikebukuro-comfortable .reason-card-list .card-details p, .fukuoka-comfortable .reason-card-list .card-details p, .yokohama-comfortable .reason-card-list .card-details p, .nagoya-comfortable .reason-card-list .card-details p, .osaka-comfortable .reason-card-list .card-details p, .tokyo-comfortable .reason-card-list .card-details p, .shinjuku-comfortable .reason-card-list .card-details p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.ikebukuro-comfortable .reason-card-list .card-details .card-btn, .fukuoka-comfortable .reason-card-list .card-details .card-btn, .yokohama-comfortable .reason-card-list .card-details .card-btn, .nagoya-comfortable .reason-card-list .card-details .card-btn, .osaka-comfortable .reason-card-list .card-details .card-btn, .tokyo-comfortable .reason-card-list .card-details .card-btn, .shinjuku-comfortable .reason-card-list .card-details .card-btn {
  margin-top: 24px;
}
.ikebukuro-comfortable .reason-card-list .card-title, .fukuoka-comfortable .reason-card-list .card-title, .yokohama-comfortable .reason-card-list .card-title, .nagoya-comfortable .reason-card-list .card-title, .osaka-comfortable .reason-card-list .card-title, .tokyo-comfortable .reason-card-list .card-title, .shinjuku-comfortable .reason-card-list .card-title {
  text-align: center;
  line-height: 42px;
  margin-top: 13px;
}
.ikebukuro-comfortable .reason-card-list .card-title span, .fukuoka-comfortable .reason-card-list .card-title span, .yokohama-comfortable .reason-card-list .card-title span, .nagoya-comfortable .reason-card-list .card-title span, .osaka-comfortable .reason-card-list .card-title span, .tokyo-comfortable .reason-card-list .card-title span, .shinjuku-comfortable .reason-card-list .card-title span {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.72px;
  color: #595959;
}
.ikebukuro-comfortable .reason-card-list .card-title .highlight, .fukuoka-comfortable .reason-card-list .card-title .highlight, .yokohama-comfortable .reason-card-list .card-title .highlight, .nagoya-comfortable .reason-card-list .card-title .highlight, .osaka-comfortable .reason-card-list .card-title .highlight, .tokyo-comfortable .reason-card-list .card-title .highlight, .shinjuku-comfortable .reason-card-list .card-title .highlight {
  font-size: 24px;
  font-size: 2.4rem;
  color: #0F46A1;
  letter-spacing: 0.96px;
  background-color: initial;
}
.ikebukuro-comfortable .reason-title-count, .fukuoka-comfortable .reason-title-count, .yokohama-comfortable .reason-title-count, .nagoya-comfortable .reason-title-count, .osaka-comfortable .reason-title-count, .tokyo-comfortable .reason-title-count, .shinjuku-comfortable .reason-title-count {
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #0F46A1;
  margin-top: 24px;
  margin-bottom: 16px;
  letter-spacing: -0.4px;
}
.ikebukuro-comfortable .reason-title-count .rtc-text, .fukuoka-comfortable .reason-title-count .rtc-text, .yokohama-comfortable .reason-title-count .rtc-text, .nagoya-comfortable .reason-title-count .rtc-text, .osaka-comfortable .reason-title-count .rtc-text, .tokyo-comfortable .reason-title-count .rtc-text, .shinjuku-comfortable .reason-title-count .rtc-text {
  display: block;
  font-family: "Poppins", sans-serif;
  color: #02A8CD;
  font-weight: 500;
  text-align: center;
  margin-bottom: 5px;
}
.ikebukuro-comfortable .reason-title-count .rtc-s, .fukuoka-comfortable .reason-title-count .rtc-s, .yokohama-comfortable .reason-title-count .rtc-s, .nagoya-comfortable .reason-title-count .rtc-s, .osaka-comfortable .reason-title-count .rtc-s, .tokyo-comfortable .reason-title-count .rtc-s, .shinjuku-comfortable .reason-title-count .rtc-s {
  font-size: 10px;
  font-size: 1rem;
}
.ikebukuro-comfortable .reason-title-count .rtc-m, .fukuoka-comfortable .reason-title-count .rtc-m, .yokohama-comfortable .reason-title-count .rtc-m, .nagoya-comfortable .reason-title-count .rtc-m, .osaka-comfortable .reason-title-count .rtc-m, .tokyo-comfortable .reason-title-count .rtc-m, .shinjuku-comfortable .reason-title-count .rtc-m {
  font-size: 16px;
  font-size: 1.6rem;
}
.ikebukuro-comfortable .reason-title-count .rtc-l, .fukuoka-comfortable .reason-title-count .rtc-l, .yokohama-comfortable .reason-title-count .rtc-l, .nagoya-comfortable .reason-title-count .rtc-l, .osaka-comfortable .reason-title-count .rtc-l, .tokyo-comfortable .reason-title-count .rtc-l, .shinjuku-comfortable .reason-title-count .rtc-l {
  font-size: 24px;
  font-size: 2.4rem;
}
.ikebukuro-comfortable .reason-title-count .rtc-xl, .fukuoka-comfortable .reason-title-count .rtc-xl, .yokohama-comfortable .reason-title-count .rtc-xl, .nagoya-comfortable .reason-title-count .rtc-xl, .osaka-comfortable .reason-title-count .rtc-xl, .tokyo-comfortable .reason-title-count .rtc-xl, .shinjuku-comfortable .reason-title-count .rtc-xl {
  font-size: 32px;
  font-size: 3.2rem;
}
.ikebukuro-comfortable .apply-wrapper, .fukuoka-comfortable .apply-wrapper, .yokohama-comfortable .apply-wrapper, .nagoya-comfortable .apply-wrapper, .osaka-comfortable .apply-wrapper, .tokyo-comfortable .apply-wrapper, .shinjuku-comfortable .apply-wrapper {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media (max-width: 990px) {
  .ikebukuro-comfortable .apply-wrapper, .fukuoka-comfortable .apply-wrapper, .yokohama-comfortable .apply-wrapper, .nagoya-comfortable .apply-wrapper, .osaka-comfortable .apply-wrapper, .tokyo-comfortable .apply-wrapper, .shinjuku-comfortable .apply-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.ikebukuro-comfortable .woman-masonry, .fukuoka-comfortable .woman-masonry, .yokohama-comfortable .woman-masonry, .nagoya-comfortable .woman-masonry, .osaka-comfortable .woman-masonry, .tokyo-comfortable .woman-masonry, .shinjuku-comfortable .woman-masonry {
  margin-bottom: 80px;
  position: relative;
}
.ikebukuro-comfortable .woman-masonry:before, .fukuoka-comfortable .woman-masonry:before, .yokohama-comfortable .woman-masonry:before, .nagoya-comfortable .woman-masonry:before, .osaka-comfortable .woman-masonry:before, .tokyo-comfortable .woman-masonry:before, .shinjuku-comfortable .woman-masonry:before {
  content: "";
  position: absolute;
  top: 50px;
  left: -30px;
  width: calc(100% + 60px);
  height: 100%;
  background: #EAF9FF;
  z-index: -1;
}
.ikebukuro-comfortable .woman-masonry .woman-masonry-row, .fukuoka-comfortable .woman-masonry .woman-masonry-row, .yokohama-comfortable .woman-masonry .woman-masonry-row, .nagoya-comfortable .woman-masonry .woman-masonry-row, .osaka-comfortable .woman-masonry .woman-masonry-row, .tokyo-comfortable .woman-masonry .woman-masonry-row, .shinjuku-comfortable .woman-masonry .woman-masonry-row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ikebukuro-comfortable .woman-masonry .woman-masonry-row .col, .fukuoka-comfortable .woman-masonry .woman-masonry-row .col, .yokohama-comfortable .woman-masonry .woman-masonry-row .col, .nagoya-comfortable .woman-masonry .woman-masonry-row .col, .osaka-comfortable .woman-masonry .woman-masonry-row .col, .tokyo-comfortable .woman-masonry .woman-masonry-row .col, .shinjuku-comfortable .woman-masonry .woman-masonry-row .col {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border: 8px solid #EAF9FF;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 216px;
}
.ikebukuro-comfortable .woman-masonry .woman-masonry-row .col img, .fukuoka-comfortable .woman-masonry .woman-masonry-row .col img, .yokohama-comfortable .woman-masonry .woman-masonry-row .col img, .nagoya-comfortable .woman-masonry .woman-masonry-row .col img, .osaka-comfortable .woman-masonry .woman-masonry-row .col img, .tokyo-comfortable .woman-masonry .woman-masonry-row .col img, .shinjuku-comfortable .woman-masonry .woman-masonry-row .col img {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: initial;
}
@media (max-width: 767px) {
  .ikebukuro-comfortable .woman-masonry .woman-masonry-row .col.sp-item-accordion, .fukuoka-comfortable .woman-masonry .woman-masonry-row .col.sp-item-accordion, .yokohama-comfortable .woman-masonry .woman-masonry-row .col.sp-item-accordion, .nagoya-comfortable .woman-masonry .woman-masonry-row .col.sp-item-accordion, .osaka-comfortable .woman-masonry .woman-masonry-row .col.sp-item-accordion, .tokyo-comfortable .woman-masonry .woman-masonry-row .col.sp-item-accordion, .shinjuku-comfortable .woman-masonry .woman-masonry-row .col.sp-item-accordion {
    display: none;
  }
  .ikebukuro-comfortable .woman-masonry .woman-masonry-row .col.sp-item-accordion.is-active, .fukuoka-comfortable .woman-masonry .woman-masonry-row .col.sp-item-accordion.is-active, .yokohama-comfortable .woman-masonry .woman-masonry-row .col.sp-item-accordion.is-active, .nagoya-comfortable .woman-masonry .woman-masonry-row .col.sp-item-accordion.is-active, .osaka-comfortable .woman-masonry .woman-masonry-row .col.sp-item-accordion.is-active, .tokyo-comfortable .woman-masonry .woman-masonry-row .col.sp-item-accordion.is-active, .shinjuku-comfortable .woman-masonry .woman-masonry-row .col.sp-item-accordion.is-active {
    display: block;
  }
}
.ikebukuro-comfortable .woman-masonry .woman-masonry-row .box-detail, .fukuoka-comfortable .woman-masonry .woman-masonry-row .box-detail, .yokohama-comfortable .woman-masonry .woman-masonry-row .box-detail, .nagoya-comfortable .woman-masonry .woman-masonry-row .box-detail, .osaka-comfortable .woman-masonry .woman-masonry-row .box-detail, .tokyo-comfortable .woman-masonry .woman-masonry-row .box-detail, .shinjuku-comfortable .woman-masonry .woman-masonry-row .box-detail {
  text-align: center;
  padding: 40px 20px 10px;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.4;
}
.ikebukuro-comfortable .woman-masonry .woman-masonry-row .box-detail .c-title, .fukuoka-comfortable .woman-masonry .woman-masonry-row .box-detail .c-title, .yokohama-comfortable .woman-masonry .woman-masonry-row .box-detail .c-title, .nagoya-comfortable .woman-masonry .woman-masonry-row .box-detail .c-title, .osaka-comfortable .woman-masonry .woman-masonry-row .box-detail .c-title, .tokyo-comfortable .woman-masonry .woman-masonry-row .box-detail .c-title, .shinjuku-comfortable .woman-masonry .woman-masonry-row .box-detail .c-title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  margin-bottom: 15px;
}
.ikebukuro-comfortable .woman-masonry .woman-masonry-row .wid-20, .fukuoka-comfortable .woman-masonry .woman-masonry-row .wid-20, .yokohama-comfortable .woman-masonry .woman-masonry-row .wid-20, .nagoya-comfortable .woman-masonry .woman-masonry-row .wid-20, .osaka-comfortable .woman-masonry .woman-masonry-row .wid-20, .tokyo-comfortable .woman-masonry .woman-masonry-row .wid-20, .shinjuku-comfortable .woman-masonry .woman-masonry-row .wid-20 {
  width: 20%;
}
@media (max-width: 767px) {
  .ikebukuro-comfortable .woman-masonry .woman-masonry-row .wid-20, .fukuoka-comfortable .woman-masonry .woman-masonry-row .wid-20, .yokohama-comfortable .woman-masonry .woman-masonry-row .wid-20, .nagoya-comfortable .woman-masonry .woman-masonry-row .wid-20, .osaka-comfortable .woman-masonry .woman-masonry-row .wid-20, .tokyo-comfortable .woman-masonry .woman-masonry-row .wid-20, .shinjuku-comfortable .woman-masonry .woman-masonry-row .wid-20 {
    width: 50%;
  }
}
.ikebukuro-comfortable .woman-masonry .woman-masonry-row .wid-40, .fukuoka-comfortable .woman-masonry .woman-masonry-row .wid-40, .yokohama-comfortable .woman-masonry .woman-masonry-row .wid-40, .nagoya-comfortable .woman-masonry .woman-masonry-row .wid-40, .osaka-comfortable .woman-masonry .woman-masonry-row .wid-40, .tokyo-comfortable .woman-masonry .woman-masonry-row .wid-40, .shinjuku-comfortable .woman-masonry .woman-masonry-row .wid-40 {
  width: 40%;
}
@media (max-width: 767px) {
  .ikebukuro-comfortable .woman-masonry .woman-masonry-row .wid-40, .fukuoka-comfortable .woman-masonry .woman-masonry-row .wid-40, .yokohama-comfortable .woman-masonry .woman-masonry-row .wid-40, .nagoya-comfortable .woman-masonry .woman-masonry-row .wid-40, .osaka-comfortable .woman-masonry .woman-masonry-row .wid-40, .tokyo-comfortable .woman-masonry .woman-masonry-row .wid-40, .shinjuku-comfortable .woman-masonry .woman-masonry-row .wid-40 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .ikebukuro-comfortable .woman-masonry .woman-masonry-row .sp-wid-20, .fukuoka-comfortable .woman-masonry .woman-masonry-row .sp-wid-20, .yokohama-comfortable .woman-masonry .woman-masonry-row .sp-wid-20, .nagoya-comfortable .woman-masonry .woman-masonry-row .sp-wid-20, .osaka-comfortable .woman-masonry .woman-masonry-row .sp-wid-20, .tokyo-comfortable .woman-masonry .woman-masonry-row .sp-wid-20, .shinjuku-comfortable .woman-masonry .woman-masonry-row .sp-wid-20 {
    width: 50%;
  }
}
.ikebukuro-comfortable .woman-masonry .c-box-more-btn, .fukuoka-comfortable .woman-masonry .c-box-more-btn, .yokohama-comfortable .woman-masonry .c-box-more-btn, .nagoya-comfortable .woman-masonry .c-box-more-btn, .osaka-comfortable .woman-masonry .c-box-more-btn, .tokyo-comfortable .woman-masonry .c-box-more-btn, .shinjuku-comfortable .woman-masonry .c-box-more-btn {
  cursor: pointer;
  border: 1px solid #1A1311;
  padding: 8px 10px;
  text-align: center;
}
@media (max-width: 767px) {
  .ikebukuro-comfortable .woman-masonry .c-box-more-btn, .fukuoka-comfortable .woman-masonry .c-box-more-btn, .yokohama-comfortable .woman-masonry .c-box-more-btn, .nagoya-comfortable .woman-masonry .c-box-more-btn, .osaka-comfortable .woman-masonry .c-box-more-btn, .tokyo-comfortable .woman-masonry .c-box-more-btn, .shinjuku-comfortable .woman-masonry .c-box-more-btn {
    display: block;
    width: 100%;
  }
  .ikebukuro-comfortable .woman-masonry .c-box-more-btn span, .fukuoka-comfortable .woman-masonry .c-box-more-btn span, .yokohama-comfortable .woman-masonry .c-box-more-btn span, .nagoya-comfortable .woman-masonry .c-box-more-btn span, .osaka-comfortable .woman-masonry .c-box-more-btn span, .tokyo-comfortable .woman-masonry .c-box-more-btn span, .shinjuku-comfortable .woman-masonry .c-box-more-btn span {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .ikebukuro-comfortable .woman-masonry .c-box-more-btn span:after, .fukuoka-comfortable .woman-masonry .c-box-more-btn span:after, .yokohama-comfortable .woman-masonry .c-box-more-btn span:after, .nagoya-comfortable .woman-masonry .c-box-more-btn span:after, .osaka-comfortable .woman-masonry .c-box-more-btn span:after, .tokyo-comfortable .woman-masonry .c-box-more-btn span:after, .shinjuku-comfortable .woman-masonry .c-box-more-btn span:after {
    content: "";
    display: inline-block;
    background: url("../images/common/chevron_gray.svg") no-repeat;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    position: relative;
    top: -3px;
    margin-left: 5px;
  }
}
.ikebukuro-comfortable .woman-masonry .c-box-more-btn.is-active span:after, .fukuoka-comfortable .woman-masonry .c-box-more-btn.is-active span:after, .yokohama-comfortable .woman-masonry .c-box-more-btn.is-active span:after, .nagoya-comfortable .woman-masonry .c-box-more-btn.is-active span:after, .osaka-comfortable .woman-masonry .c-box-more-btn.is-active span:after, .tokyo-comfortable .woman-masonry .c-box-more-btn.is-active span:after, .shinjuku-comfortable .woman-masonry .c-box-more-btn.is-active span:after {
  top: 6px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.ikebukuro-comfortable .woman-masonry .c-box-gray, .fukuoka-comfortable .woman-masonry .c-box-gray, .yokohama-comfortable .woman-masonry .c-box-gray, .nagoya-comfortable .woman-masonry .c-box-gray, .osaka-comfortable .woman-masonry .c-box-gray, .tokyo-comfortable .woman-masonry .c-box-gray, .shinjuku-comfortable .woman-masonry .c-box-gray {
  max-width: 900px;
  margin: 0px auto;
  background: rgb(244, 244, 244);
  padding: 20px 50px;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .ikebukuro-comfortable .woman-masonry .c-box-gray, .fukuoka-comfortable .woman-masonry .c-box-gray, .yokohama-comfortable .woman-masonry .c-box-gray, .nagoya-comfortable .woman-masonry .c-box-gray, .osaka-comfortable .woman-masonry .c-box-gray, .tokyo-comfortable .woman-masonry .c-box-gray, .shinjuku-comfortable .woman-masonry .c-box-gray {
    display: none;
    padding-left: 20px;
    padding-right: 20px;
  }
  .ikebukuro-comfortable .woman-masonry .c-box-gray.is-active, .fukuoka-comfortable .woman-masonry .c-box-gray.is-active, .yokohama-comfortable .woman-masonry .c-box-gray.is-active, .nagoya-comfortable .woman-masonry .c-box-gray.is-active, .osaka-comfortable .woman-masonry .c-box-gray.is-active, .tokyo-comfortable .woman-masonry .c-box-gray.is-active, .shinjuku-comfortable .woman-masonry .c-box-gray.is-active {
    display: block;
  }
}
.ikebukuro-comfortable .woman-masonry .c-box-gray li, .fukuoka-comfortable .woman-masonry .c-box-gray li, .yokohama-comfortable .woman-masonry .c-box-gray li, .nagoya-comfortable .woman-masonry .c-box-gray li, .osaka-comfortable .woman-masonry .c-box-gray li, .tokyo-comfortable .woman-masonry .c-box-gray li, .shinjuku-comfortable .woman-masonry .c-box-gray li {
  font-weight: 500;
}
.ikebukuro-comfortable .woman-masonry .c-box-gray h3, .fukuoka-comfortable .woman-masonry .c-box-gray h3, .yokohama-comfortable .woman-masonry .c-box-gray h3, .nagoya-comfortable .woman-masonry .c-box-gray h3, .osaka-comfortable .woman-masonry .c-box-gray h3, .tokyo-comfortable .woman-masonry .c-box-gray h3, .shinjuku-comfortable .woman-masonry .c-box-gray h3 {
  margin-bottom: 30px;
}

.ikebukuro-voice section, .shinjuku-voice section, .osaka-voice section, .tokyo-voice section, .yokohama-voice section, .nagoya-voice section, .fukuoka-voice section {
  padding-bottom: 150px;
}
@media (max-width: 990px) {
  .ikebukuro-voice section, .shinjuku-voice section, .osaka-voice section, .tokyo-voice section, .yokohama-voice section, .nagoya-voice section, .fukuoka-voice section {
    padding-bottom: 80px;
  }
}
.ikebukuro-voice .voice-desc, .shinjuku-voice .voice-desc, .osaka-voice .voice-desc, .tokyo-voice .voice-desc, .yokohama-voice .voice-desc, .nagoya-voice .voice-desc, .fukuoka-voice .voice-desc {
  font-weight: 500;
  line-height: 1.8;
  padding-bottom: 40px;
}
.ikebukuro-voice .voice-card, .shinjuku-voice .voice-card, .osaka-voice .voice-card, .tokyo-voice .voice-card, .yokohama-voice .voice-card, .nagoya-voice .voice-card, .fukuoka-voice .voice-card {
  padding: 40px 0;
}
.ikebukuro-voice .voice-card:nth-child(even), .shinjuku-voice .voice-card:nth-child(even), .osaka-voice .voice-card:nth-child(even), .tokyo-voice .voice-card:nth-child(even), .yokohama-voice .voice-card:nth-child(even), .nagoya-voice .voice-card:nth-child(even), .fukuoka-voice .voice-card:nth-child(even) {
  background-color: #EAFAFF;
}
.ikebukuro-voice .voice-title, .shinjuku-voice .voice-title, .osaka-voice .voice-title, .tokyo-voice .voice-title, .yokohama-voice .voice-title, .nagoya-voice .voice-title, .fukuoka-voice .voice-title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.96px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E9E8E5;
}
@media (max-width: 990px) {
  .ikebukuro-voice .voice-title, .shinjuku-voice .voice-title, .osaka-voice .voice-title, .tokyo-voice .voice-title, .yokohama-voice .voice-title, .nagoya-voice .voice-title, .fukuoka-voice .voice-title {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
  }
}
.ikebukuro-voice .voice-title span, .shinjuku-voice .voice-title span, .osaka-voice .voice-title span, .tokyo-voice .voice-title span, .yokohama-voice .voice-title span, .nagoya-voice .voice-title span, .fukuoka-voice .voice-title span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.56px;
  color: #02A8CD;
  text-transform: capitalize;
}
@media (max-width: 990px) {
  .ikebukuro-voice .voice-title span, .shinjuku-voice .voice-title span, .osaka-voice .voice-title span, .tokyo-voice .voice-title span, .yokohama-voice .voice-title span, .nagoya-voice .voice-title span, .fukuoka-voice .voice-title span {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.4px;
  }
}
.ikebukuro-voice .voice-author, .shinjuku-voice .voice-author, .osaka-voice .voice-author, .tokyo-voice .voice-author, .yokohama-voice .voice-author, .nagoya-voice .voice-author, .fukuoka-voice .voice-author {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.56px;
  margin-top: 16px;
}
.ikebukuro-voice .voice-image, .shinjuku-voice .voice-image, .osaka-voice .voice-image, .tokyo-voice .voice-image, .yokohama-voice .voice-image, .nagoya-voice .voice-image, .fukuoka-voice .voice-image {
  margin-top: 16px;
}
.ikebukuro-voice .voice-image img, .shinjuku-voice .voice-image img, .osaka-voice .voice-image img, .tokyo-voice .voice-image img, .yokohama-voice .voice-image img, .nagoya-voice .voice-image img, .fukuoka-voice .voice-image img {
  width: 100%;
  max-width: 680px;
  height: auto;
}
.ikebukuro-voice .voice-content, .shinjuku-voice .voice-content, .osaka-voice .voice-content, .tokyo-voice .voice-content, .yokohama-voice .voice-content, .nagoya-voice .voice-content, .fukuoka-voice .voice-content {
  margin-top: 16px;
}
.ikebukuro-voice .voice-content p, .shinjuku-voice .voice-content p, .osaka-voice .voice-content p, .tokyo-voice .voice-content p, .yokohama-voice .voice-content p, .nagoya-voice .voice-content p, .fukuoka-voice .voice-content p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .ikebukuro-voice .voice-content p, .shinjuku-voice .voice-content p, .osaka-voice .voice-content p, .tokyo-voice .voice-content p, .yokohama-voice .voice-content p, .nagoya-voice .voice-content p, .fukuoka-voice .voice-content p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
@media (max-width: 990px) {
  .ikebukuro-voice .apply-wrapper, .shinjuku-voice .apply-wrapper, .osaka-voice .apply-wrapper, .tokyo-voice .apply-wrapper, .yokohama-voice .apply-wrapper, .nagoya-voice .apply-wrapper, .fukuoka-voice .apply-wrapper {
    margin-top: 24px;
  }
}

.ikebukuro-reservation section {
  padding-top: 0;
  padding-bottom: 170px;
}
.ikebukuro-reservation .steps {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (max-width: 990px) {
  .ikebukuro-reservation .steps {
    margin-top: 40px;
    margin-bottom: 48px;
  }
}
.ikebukuro-reservation .input-wrap:last-child {
  border-bottom: 1px solid #C5C2BB;
}
.ikebukuro-reservation .input-wrap .form-radio {
  margin-left: 16px;
}
.ikebukuro-reservation span.required {
  font-weight: 400;
}
.ikebukuro-reservation .reservation-note {
  font-weight: 500;
}
@media (max-width: 990px) {
  .ikebukuro-reservation .reservation-note {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.48px;
  }
}
@media (max-width: 990px) {
  .ikebukuro-reservation .form-box .form-calendar,
  .ikebukuro-reservation .form-box .tilde {
    width: calc(100% - 95px);
  }
}
.ikebukuro-reservation .form-box .tilde {
  position: relative;
  margin-right: 30px;
}
.ikebukuro-reservation .form-box .tilde::after {
  position: absolute;
  content: "~";
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 500;
  top: 50%;
  right: -32px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 990px) {
  .ikebukuro-reservation .form-box .tilde::after {
    right: -28px;
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.ikebukuro-reservation .btn-wrap {
  margin-top: 40px;
}
.ikebukuro-reservation .terms {
  text-align: center;
  margin-bottom: 24px;
  padding-top: 40px;
}
.ikebukuro-reservation .terms .custom-checkbox {
  display: inline-block;
  margin-bottom: 0;
}
.ikebukuro-reservation .terms .custom-checkbox a {
  color: #0F46A1;
  font-weight: 700;
}
.ikebukuro-reservation .text-wrapper {
  margin-top: 40px;
}
.ikebukuro-reservation .text-wrapper p {
  font-weight: 500;
}
@media (max-width: 990px) {
  .ikebukuro-reservation .text-wrapper p {
    line-height: 1.8;
    letter-spacing: 0.56px;
  }
}
.ikebukuro-reservation .text-wrapper p + p {
  margin-top: 40px;
}

.ikebukuro-blog .heading-line {
  font-size: 40px;
  font-size: 4rem;
}
@media (max-width: 990px) {
  .ikebukuro-blog .heading-line {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.ikebukuro-blog .store-blog {
  gap: 40px;
}
@media (max-width: 990px) {
  .ikebukuro-blog .store-blog {
    gap: 0;
  }
}
.ikebukuro-blog .store-blog > .card {
  padding-bottom: 15px;
  border-bottom: 1px solid #CDCDCD;
  width: calc(50% - 40px);
  margin-top: 30px;
}
@media (max-width: 990px) {
  .ikebukuro-blog .store-blog > .card {
    width: 100%;
  }
}
.ikebukuro-blog .store-blog > .card figure {
  margin-bottom: 10px;
}
.ikebukuro-blog .store-blog > .card p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
.ikebukuro-blog .store-blog > .card p.p-date {
  margin-bottom: 16px;
  margin-top: 0;
}
.ikebukuro-blog .store-blog > .card h3.heading-span-style {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 16px;
}
.ikebukuro-blog .store-blog > .card h3.heading-span-style span {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 6px;
}
.ikebukuro-blog .store-blog > .card h3.heading-span-style span:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: -4px;
  height: 16px;
  background: rgba(109, 201, 241, 0.4);
}
.ikebukuro-blog .store-blog > .card a {
  font-size: 16px;
  font-size: 1.6rem;
}
.ikebukuro-blog .pager {
  margin-bottom: 80px;
  margin-top: 40px;
}
@media (max-width: 990px) {
  .ikebukuro-blog .pager {
    margin-top: 56px;
  }
}
.ikebukuro-blog .store-blog-search {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .ikebukuro-blog .store-blog-search {
    margin-top: 30px;
  }
}
.ikebukuro-blog .store-blog-search .btn-wrap {
  margin-left: 10px;
}
.ikebukuro-blog .store-blog-search .button {
  background: #413E37;
  border-radius: 4px;
  border: 1px solid #413E37;
  color: #FFFFFF;
  display: block;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  height: 50px;
  padding: 6px;
}
.ikebukuro-blog .store-blog-search .input-wrap {
  padding-bottom: 0;
}
.ikebukuro-blog .store-blog-search + .store-blog-categories {
  margin-top: 32px;
}
.ikebukuro-blog .store-blog-categories {
  margin-bottom: 80px;
}
.ikebukuro-blog .store-blog-categories > ul {
  background: #F7F7F6;
  padding: 30px;
  border-radius: 16px;
}
.ikebukuro-blog .store-blog-categories > ul .accordion-header ul {
  padding: 0 10px;
}
.ikebukuro-blog .store-blog-categories > ul .accordion-content ul {
  margin-top: 0px;
}
.ikebukuro-blog .store-blog-categories > ul .accordion-content ul li {
  border-top: 1px solid #E9E8E5;
}
.ikebukuro-blog .store-blog-categories > ul ul {
  background: #EAFAFF;
  padding: 10px;
  margin-top: 8px;
}
.ikebukuro-blog .store-blog-categories > ul li {
  padding: 8px 0;
}
.ikebukuro-blog .store-blog-categories > ul li.w-sub {
  padding-bottom: 0;
}
.ikebukuro-blog .store-blog-categories > ul li + li {
  border-top: 1px solid #E9E8E5;
}
.ikebukuro-blog .store-blog-categories > ul li a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
.ikebukuro-blog .store-blog-categories > ul li a.w-arrow {
  position: relative;
  padding-right: 15px;
}
.ikebukuro-blog .store-blog-categories > ul li a.w-arrow:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 12px;
  height: 12px;
  margin: auto;
  background: url(../images/common/chevron_gray.svg) no-repeat center;
  background-size: contain;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ikebukuro-blog .detailed-text p {
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .ikebukuro-blog .detailed-text p {
    letter-spacing: 0.56px;
  }
}
.ikebukuro-blog .detailed-text p + p {
  margin-top: 20px;
}
.ikebukuro-blog .detailed-text .date {
  color: #413E37;
  margin-bottom: 20px;
}
.ikebukuro-blog .detailed-text .apply-wrapper {
  margin: 10px 0;
  background: transparent;
}
.ikebukuro-blog .detailed-text .apply-wrapper .button.button-l {
  padding: 18px 40px;
}
.ikebukuro-blog .detailed-text .apply-wrapper .icon-person-add {
  width: 28px;
  height: 29px;
  margin-right: 5px;
}
@media (max-width: 990px) {
  .ikebukuro-blog .detailed-text .btn-wrap {
    padding: 0 20px;
  }
}
.ikebukuro-blog .detailed-text .btn-wrap .button.button-l {
  letter-spacing: 0.64px;
  padding: 18px 40px;
}
.ikebukuro-blog .detailed-text span.icon-emoji {
  letter-spacing: -3px;
}
.ikebukuro-blog .detailed-text span.icon-sun {
  color: #F5C92E;
}
.ikebukuro-blog .detail-title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.96px;
  color: #203A72;
  margin-bottom: 10px;
  text-align: left;
}
.ikebukuro-blog .blog-swiper {
  position: relative;
  margin: 20px 0;
  padding-bottom: 14px;
  overflow: hidden;
}
.ikebukuro-blog .blog-swiper .swiper-wrapper {
  padding-bottom: 40px;
  margin-bottom: 0;
}
.ikebukuro-blog .blog-swiper .swiper-horizontal > .swiper-scrollbar, .ikebukuro-blog .blog-swiper .swiper-scrollbar.swiper-scrollbar-horizontal {
  bottom: 30px;
}
.ikebukuro-blog .blog-swiper .card .card-img {
  margin: 0;
}
.ikebukuro-blog .p-tour {
  margin: 64px 0 24px;
}
.ikebukuro-blog .p-tour .heading-bullet:first-child {
  font-weight: 700;
  margin-bottom: 26px;
}
.ikebukuro-blog .p-tour .heading-bullet.bullet-child {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.72px;
}
@media (max-width: 990px) {
  .ikebukuro-blog .p-tour .heading-bullet.bullet-child {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
  }
}
.ikebukuro-blog .p-tour p + .heading-bullet {
  margin-top: 24px;
}
.ikebukuro-blog .news-list {
  margin-top: 24px;
}
.ikebukuro-blog .news-list h4 {
  margin: 0;
}
.ikebukuro-blog .news-list ul {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .ikebukuro-blog .news-list ul {
    margin-top: 8px;
  }
}
.ikebukuro-blog .news-list ul li {
  padding: 24px 0;
}
@media (max-width: 990px) {
  .ikebukuro-blog .news-list ul li {
    padding: 16px 0;
  }
}
@media (max-width: 990px) {
  .ikebukuro-blog .news-list ul li p {
    letter-spacing: 0.28px;
  }
}
.ikebukuro-blog .news-pagination {
  margin-top: 66px;
}
.ikebukuro-blog .p-article {
  padding-top: 44px;
  margin-bottom: 40px;
}
.ikebukuro-blog .p-article .heading-bullet {
  margin-bottom: 40px;
}
@media (max-width: 990px) {
  .ikebukuro-blog .p-article .heading-bullet {
    margin-bottom: 24px;
  }
}
.ikebukuro-blog .blog-article-swiper {
  position: relative;
  padding-bottom: 14px;
}
.ikebukuro-blog .blog-article-swiper .swiper-wrapper {
  margin-bottom: 24px;
}
.ikebukuro-blog .blog-article-swiper p {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .ikebukuro-blog .blog-article-swiper p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.ikebukuro-blog .blog-article-swiper .card .card-contents {
  padding-top: 0;
}
.ikebukuro-blog .blog-article-swiper .card .sub-title span {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.64px;
  display: inline;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(109, 201, 241, 0.6)), color-stop(40%, rgba(109, 201, 241, 0.6)), color-stop(40%, transparent), to(transparent));
  background: linear-gradient(to top, rgba(109, 201, 241, 0.6) 0%, rgba(109, 201, 241, 0.6) 40%, transparent 40%, transparent 100%);
  background-size: 60%;
  background-position: bottom;
  padding-bottom: 4px;
}
@media (max-width: 990px) {
  .ikebukuro-blog .blog-article-swiper .card .sub-title span {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
    padding-bottom: 3px;
  }
}
.ikebukuro-blog .blog-article-swiper .btn-wrap {
  margin-top: 16px;
}
.ikebukuro-blog .blog-article-swiper .btn-wrap a {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
}

.flow .flow-section .flow-wrapper {
  margin-top: 40px;
}
.flow .flow-section .flow-item {
  padding-bottom: 40px;
}
@media (max-width: 990px) {
  .flow .flow-section .flow-item .col:nth-child(n+2) {
    margin-top: 24px;
  }
}
.flow .flow-section .flow-item .flow-img {
  margin: 0;
}
.flow .flow-section .flow-item a {
  margin: 20px 0;
}
.flow .flow-section .entry-form {
  text-align: center;
  margin-top: 40px;
}
.flow .flow-section .entry-form h2 {
  margin-bottom: 40px;
}
.flow .flow-section .entry-form .btn-wrap {
  margin-top: 40px;
}

.recruit .recruit-section {
  margin-bottom: 150px;
}
@media (max-width: 990px) {
  .recruit .recruit-section {
    margin-bottom: 100px;
  }
}
@media (max-width: 990px) {
  .recruit .heading-line {
    margin-bottom: 24px;
  }
}
.recruit .heading-border-bottom {
  padding-bottom: 24px;
}
@media (max-width: 990px) {
  .recruit .heading-border-bottom {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    letter-spacing: 0.64px;
  }
}
.recruit .about-us {
  position: relative;
  padding-bottom: 40px;
}
.recruit .about-us::after {
  position: absolute;
  content: "";
  bottom: 20px;
  left: 0;
  width: 185px;
  height: 260px;
  background-image: url("/assets/images/recruit/recruit_bg03.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: -1;
}
.recruit .recruit-info {
  position: relative;
  margin-top: 24px;
}
.recruit .recruit-info::before, .recruit .recruit-info::after {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: -1;
}
.recruit .recruit-info::before {
  top: -80px;
  right: -55px;
  width: 222px;
  height: 225px;
  background-image: url("/assets/images/recruit/recruit_bg01.webp");
}
.recruit .recruit-info::after {
  top: 29%;
  left: 50%;
  width: 67px;
  height: 67px;
  background-image: url("/assets/images/recruit/recruit_bg02.webp");
}
.recruit .recruit-info p {
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .recruit .recruit-info p {
    letter-spacing: 0.56px;
  }
}
.recruit .card-contents .heading-border-bottom {
  margin-top: 0;
}
.recruit .card-contents .heading-border-bottom + p {
  margin-top: 24px;
}
.recruit .card-contents p {
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .recruit .card-contents p {
    letter-spacing: 0.56px;
  }
}
.recruit .content {
  padding: 40px 0;
}
@media (max-width: 990px) {
  .recruit .content {
    padding: 24px 0;
  }
}
.recruit .content:nth-child(2) {
  margin-top: 40px;
}
.recruit .content:nth-child(even) {
  background-color: #EAFAFF;
}
.recruit .content .card-img img {
  width: 100%;
  height: auto;
  max-width: 800px;
}
.recruit .content .btn-wrap {
  text-align: center;
  margin: 24px 0;
}

.urban .urban-section {
  margin-bottom: 150px;
}
@media (max-width: 990px) {
  .urban .urban-section {
    margin-bottom: 80px;
  }
}
.urban .heading-border-bottom {
  letter-spacing: 0.72px;
}
@media (max-width: 990px) {
  .urban .heading-border-bottom {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
  }
}
.urban .urban-card + .urban-card {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .urban .urban-card + .urban-card {
    margin-top: 40px;
  }
}
.urban .urban-card p {
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
  margin-top: 16px;
}
@media (max-width: 990px) {
  .urban .urban-card p {
    letter-spacing: 0.56px;
  }
}
.urban .work-list {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .urban .work-list {
    margin-top: 40px;
  }
}
.urban .work-list .col:nth-child(n+3) {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .urban .work-list .col:nth-child(n+2) {
    margin-top: 40px;
  }
}
.urban .work-list .card-img {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .urban .work-list .card-img img {
    width: 100%;
    height: 400px;
  }
}
.urban .application-form {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .urban .application-form {
    margin-top: 40px;
  }
}
.urban .application-form p {
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .urban .application-form p {
    letter-spacing: 0.56px;
  }
}
.urban .application-form .btn-wrap {
  text-align: center;
  margin-top: 40px;
}

.faq .faq-section {
  background: #EAFAFF;
  margin-top: 30px;
}
.faq .faq-list {
  margin-bottom: 120px;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 990px) {
  .faq .faq-list {
    margin-bottom: 40px;
  }
}
.faq .faq-list .accordion-list {
  margin-bottom: 80px;
}
@media (max-width: 990px) {
  .faq .faq-list .accordion-list {
    margin-bottom: 50px;
  }
}
.faq .faq-list .heading-line {
  margin-bottom: 25px;
}
.faq .inner-nav-list {
  margin-bottom: 40px;
}
@media (max-width: 990px) {
  .faq .inner-nav-list {
    margin-bottom: 40px;
  }
}
.faq .inner-nav-list .button {
  padding-left: 15px;
  padding-right: 25px;
}
.faq .entry-form {
  text-align: center;
  margin-top: 40px;
}
.faq .entry-form h2 {
  margin-bottom: 40px;
}
.faq .entry-form .btn-wrap {
  margin-top: 40px;
}
.faq .entry-form p {
  margin-top: 25px;
}
.faq footer:after {
  background: #EAFAFF url(../images/common/footer_wave.webp) no-repeat bottom center;
  background-size: cover;
}

.error-page section {
  margin-bottom: 100px;
}
@media (max-width: 990px) {
  .error-page section {
    margin-bottom: 80px;
  }
}
@media (max-width: 990px) {
  .error-page .error-img img {
    width: 52px;
    height: auto;
  }
}
.error-page .error-content {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .error-page .error-content {
    margin-top: 16px;
  }
}
.error-page .error-content p {
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .error-page .error-content p {
    letter-spacing: 0.56px;
  }
}
.error-page .btn-wrap {
  text-align: center;
  margin-top: 80px;
}
@media (max-width: 990px) {
  .error-page .btn-wrap {
    margin-top: 40px;
  }
}

.column .column-details {
  padding-bottom: 140px;
}
.column .column-details .heading-04 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 40px;
}
.column .column-details .heading-border-bottom {
  letter-spacing: 0.5px;
}
.column .column-details .p-date {
  margin-top: 7px;
  margin-bottom: 40px;
}
.column .column-details .column-table-contents {
  margin-top: 50px;
  padding-bottom: 20px;
}
.column .column-details .list-type01 li:before {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  color: #02A8CD;
}
@media (max-width: 990px) {
  .column .column-details .list-type01 li:before {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.column .column-details .list-type01 li > ul > li {
  position: relative;
  padding-left: 10px;
}
.column .column-details .list-type01 li > ul > li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: -2px;
  width: 11px;
  height: 11px;
  background: url("../images/common/chevron_forward.webp") no-repeat;
  background-size: contain;
}
.column .access-section {
  margin-top: 0;
}
@media (max-width: 990px) {
  .column .access-section {
    margin-top: 40px;
  }
}
.column .access-section .access-detail p.p-date {
  margin-top: 0;
  margin-bottom: 0;
}
.column .access-section figure {
  margin: 0;
  position: relative;
}
.column .access-section .access-list {
  background: #F7F7F6;
  border-radius: 16px;
  padding: 24px 20px;
}
.column .access-section .access-list > ul > li {
  padding-bottom: 10px;
  border-bottom: 1px solid #E9E8E5;
  padding-top: 8px;
}
.column .access-section .access-list p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
}
.column .access-section .access-count {
  position: absolute;
  top: -5px;
  left: -10px;
  padding: 2px 8px;
  background: #02A8CD;
  color: #fff;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 500;
}
.column .column-main .sec-header h2 {
  margin-bottom: 20px;
  margin-top: 40px;
}
.column .column-main p {
  font-weight: 500;
}
.column .column-main .pager {
  margin-top: 56px;
}
.column .column-main .access-section {
  margin-bottom: 50px;
}
.column .column-main .store-blog-search {
  margin-bottom: 40px;
}
.column .column-main .store-blog-search .btn-wrap {
  margin-left: 10px;
}
.column .column-main .store-blog-search .button {
  background: #413E37;
  border-radius: 4px;
  border: 1px solid #413E37;
  color: #FFFFFF;
  display: block;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  height: 46px;
  padding: 6px;
}
.column .column-main .store-blog-search .input-wrap {
  padding-bottom: 0;
}
.column .column-main .store-blog-search .input-wrap input {
  padding: 10px;
}
.column .column-main-list {
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .column .column-main-list {
    padding-bottom: 0;
  }
}
.column .column-main-list .col {
  padding-bottom: 15px;
  border-bottom: 1px solid #CDCDCD;
  margin-top: 56px;
}
.column .column-main-list .card-contents {
  padding-top: 5px;
}
.column .column-main-list .card-contents p {
  font-size: 14px;
  font-size: 1.4rem;
}
.column .column-main-list .card-contents p.p-date {
  margin-top: 0;
  margin-bottom: 10px;
}
.column .column-main-list .card-contents .link-icon-caret {
  font-size: 16px;
  font-size: 1.6rem;
}
.column .column-main-list .card-contents .link-icon-caret:before {
  right: -2px;
  margin-top: 2px;
}
.column .pager {
  margin-bottom: 80px;
}
.column .store-section {
  margin-top: 0;
  position: relative;
}
.column .store-section .store-wrapper {
  position: relative;
  margin-top: 40px;
}
@media (max-width: 990px) {
  .column .store-section .store-wrapper {
    margin-top: 40px;
  }
}
.column .store-section .store-wrapper.bubble:before {
  content: "";
  width: 103px;
  height: 98px;
  position: absolute;
  bottom: 112px;
  right: 10px;
  background: url("../images/column/bubble.webp") no-repeat center;
  background-size: contain;
}
.column .store-section .store-wrapper + .store-wrapper {
  margin-top: 56px;
}
@media (max-width: 990px) {
  .column .store-section .store-wrapper + .store-wrapper {
    margin-top: 56px;
  }
}
.column .store-section .store-wrapper .store-title {
  margin-bottom: 40px;
}
.column .store-section .store-list .col:nth-child(n+4) {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .column .store-section .store-list .col:nth-child(n+2) {
    margin-top: 0;
  }
}
.column .store-section .store-list .store-info {
  padding-right: 48px;
}
@media (max-width: 990px) {
  .column .store-section .store-list .store-info {
    padding-right: 0;
  }
}
@media (max-width: 990px) {
  .column .store-section .store-list .store-info .contact-details {
    display: none;
  }
}
.column .shorter-name {
  font-size: 12px;
  font-size: 1.2rem;
}

.qa .qa-section {
  padding: 40px 0 120px;
}
@media (max-width: 990px) {
  .qa .qa-section {
    padding-bottom: 40px;
  }
}
.qa .accordion-list {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}
.qa .accordion-list > li {
  background: #EAFAFF;
  margin-bottom: 24px;
}
@media (max-width: 990px) {
  .qa .accordion-list > li {
    margin-bottom: 16px;
  }
}
.qa .qa-card-list {
  margin-bottom: 50px;
  margin-top: 80px;
}
@media (max-width: 990px) {
  .qa .qa-card-list {
    margin-top: 40px;
  }
}
.qa .qa-card {
  position: relative;
  background: #0F46A1;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 32px;
}
.qa .qa-card .qa-card-detail {
  padding: 17px 20px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  position: relative;
}
.qa .qa-card .qa-card-detail:after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 18px;
  top: 50%;
  margin-top: -8px;
  background: url("../images/common/arrow_white.svg") no-repeat center;
  background-size: contain;
}
@media (min-width: 768px) {
  .qa .qa-card img {
    height: calc(300px - 5rem);
    width: 400px;
  }
}

.company .company-section {
  padding-top: 40px;
  padding-bottom: 150px;
}
@media (max-width: 990px) {
  .company .company-section {
    padding-top: 16px;
    padding-bottom: 80px;
  }
}
.company .company-intro .heading-border-bottom {
  letter-spacing: 0.64px;
  margin-bottom: 24px;
}
.company .company-intro p {
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .company .company-intro p {
    letter-spacing: 0.56px;
  }
}
.company .company-info {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .company .company-info {
    margin-top: 24px;
  }
}
.company .company-info > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  list-style: none;
  padding: 16px;
  border-bottom: 1px solid #D2D2D2;
}
@media (max-width: 990px) {
  .company .company-info > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
  }
}
.company .info-label {
  min-width: 25%;
}
@media (max-width: 990px) {
  .company .info-label {
    min-width: 100%;
  }
}
.company .info-label p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  color: #02A8CD;
}
.company .info-value p, .company .info-value ul > li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .company .info-value p, .company .info-value ul > li {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.company .company-map {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .company .company-map {
    margin-top: 24px;
  }
}
.company .company-map img {
  width: 100%;
  height: auto;
}
.company .company-award {
  margin-top: 40px;
  background-color: #fff;
  border-radius: 10px;
  padding: 24px 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(13, 175, 232)), color-stop(51%, rgb(69, 214, 226)), to(rgb(174, 228, 230)));
  background: linear-gradient(180deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
}
@media (max-width: 990px) {
  .company .company-award {
    margin-top: 24px;
  }
}
.company .company-award p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  color: #fff;
}
@media (max-width: 990px) {
  .company .company-award p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.company .company-award p span {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.company .award-heading {
  text-align: center;
  color: #fff;
  margin-bottom: 24px;
}
.company .award-heading .award-title {
  position: relative;
  display: inline-block;
  max-width: 295px;
}
.company .award-heading .award-title::before, .company .award-heading .award-title::after {
  position: absolute;
  content: "";
  top: 0;
  width: 37px;
  height: 100%;
  background-image: url("/assets/images/company/award_img01.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
}
.company .award-heading .award-title::before {
  right: -35px;
}
.company .award-heading .award-title::after {
  left: -35px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.company .award-heading .award-en {
  display: block;
  font-size: 53px;
  font-size: 5.3rem;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  line-height: 1;
  text-transform: uppercase;
}
.company .award-heading .award-ja {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.9px;
}
.company .btn-wrap {
  margin-top: 24px;
  text-align: center;
}
.company .btn-wrap > a.button {
  border: 2px solid #fff;
}
.company .btn-edition {
  margin-bottom: 24px;
}
.company .btn-edition a {
  min-width: 204px;
  padding: 10px 40px;
  margin-top: 7px;
}
.company .btn-edition a span {
  display: inline;
  padding-right: 25px;
}
.company .btn-edition a span::before {
  width: 18px;
  height: 18px;
}
.company .our-group {
  position: relative;
  margin-top: 40px;
  padding: 40px 0;
}
.company .our-group::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 150px);
  background-color: #EAFAFF;
  z-index: -1;
}
.company .our-group .heading-line {
  margin-bottom: 30px;
}
@media (max-width: 990px) {
  .company .our-group .heading-line {
    margin-bottom: 16px;
  }
}
.company .company-item {
  padding: 10px 25px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.company .company-item:nth-child(n+4) {
  margin-top: 20px;
}
@media (max-width: 990px) {
  .company .company-item:nth-child(n+2) {
    margin-top: 16px;
  }
}
.company .company-logo {
  border: 1px solid #E9E8E5;
  max-width: 233px;
  width: 100%;
  margin: 0 auto;
}
.company .company-logo img {
  width: 100%;
  height: auto;
}
.company .company-name {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.72px;
  text-align: center;
  margin-top: 4px;
}
@media (max-width: 990px) {
  .company .company-name {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
  }
}
.company .company-name span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}

.mission .mission-section {
  padding-top: 40px;
  padding-bottom: 150px;
}
@media (max-width: 990px) {
  .mission .mission-section {
    padding-bottom: 100px;
  }
}
.mission .mission-intro .heading-border-bottom {
  letter-spacing: 0.64px;
  margin-bottom: 40px;
  margin-top: 0;
}
.mission .mission-intro p {
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .mission .mission-intro p {
    letter-spacing: 0.56px;
  }
}
.mission .vision {
  margin-top: 40px;
  padding: 40px 0;
  background-color: #EAFAFF;
}
.mission .vision .heading-line {
  margin-bottom: 40px;
}
@media (max-width: 990px) {
  .mission .vision .heading-line {
    margin-bottom: 24px;
  }
}
.mission .vision .heading-border-bottom {
  margin-bottom: 24px;
  border-bottom: 1px solid #02A8CD;
}
.mission .vision p {
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .mission .vision p {
    letter-spacing: 0.56px;
  }
}
.mission .vision .vision-img img {
  width: 100%;
  max-width: 800px;
  height: auto;
}
.mission .mission-content {
  margin-top: 40px;
}
.mission .mission-content p {
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .mission .mission-content p {
    letter-spacing: 0.56px;
  }
}
.mission .mission-content p + p {
  margin-top: 16px;
}
.mission .career {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .mission .career {
    margin-top: 16px;
  }
}
.mission .career ul {
  margin: 16px 0;
}
.mission .career ul li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .mission .career ul li {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.mission .career ul li::before {
  color: #02A8CD;
}
.mission .career ul li + li {
  margin-top: 8px;
}
.mission .career .career-message {
  margin-top: 40px;
}
.mission .career-item .heading-border-bottom {
  margin-top: 0;
  margin-bottom: 16px;
}
.mission .career-item + .career-item {
  margin-top: 40px;
}

.privacy-policy .privacy-section .heading-04, .privacy-policy .privacy-section .heading-border-bottom {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 40px;
}
.privacy-policy .privacy-section .heading-border-bottom {
  margin-bottom: 20px;
}
.privacy-policy .privacy-section .div-indent {
  padding-left: 16px;
}
.privacy-policy .privacy-section ul > li {
  padding-bottom: 10px;
}
.privacy-policy .privacy-section .list-type01 li {
  padding-bottom: 10px;
}
.privacy-policy .privacy-section .list-type01 li:before {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  color: #02A8CD;
}
@media (max-width: 990px) {
  .privacy-policy .privacy-section .list-type01 li:before {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.privacy-policy .privacy-section .list-type01 li > ul > li {
  position: relative;
  padding-left: 10px;
}
.privacy-policy .privacy-section .list-type01 li > ul > li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: -2px;
  width: 11px;
  height: 11px;
  background: url("../images/common/chevron_forward.webp") no-repeat;
  background-size: contain;
}
.privacy-policy .privacy-section h3 {
  margin: 30px 0 20px;
}

.media .media-section {
  padding-bottom: 150px;
}
@media (max-width: 990px) {
  .media .media-section {
    padding-bottom: 100px;
  }
}
.media .media-desc {
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .media .media-desc {
    letter-spacing: 0.56px;
  }
}
.media .btn-wrap {
  margin-top: 40px;
}
.media .media-contact {
  margin-top: 40px;
  padding: 8px;
  background-color: #EAFAFF;
}
.media .media-contact p {
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .media .media-contact p {
    letter-spacing: 0.56px;
  }
}
.media .media-list {
  margin-top: 40px;
}
.media .media-item {
  padding: 24px 0;
  border-bottom: 1px solid #E9E8E5;
}
.media .media-item .date, .media .media-item .note {
  font-weight: 500;
  line-height: 1.8;
  color: #595959;
}
.media .media-item .date {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.56px;
  margin-right: 8px;
}
@media (max-width: 990px) {
  .media .media-item .date {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.media .media-item .note {
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.48px;
}
@media (max-width: 990px) {
  .media .media-item .note {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.4px;
  }
}
.media .media-item .title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  margin-bottom: 10px;
}
@media (max-width: 990px) {
  .media .media-item .title {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.media .media-item p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.56px;
}
@media (max-width: 990px) {
  .media .media-item p {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.media .media-item .link-new-tab {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.56px;
  margin-top: 10px;
}
@media (max-width: 990px) {
  .media .media-item .link-new-tab {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.media .pager {
  margin: 40px 0;
}

.price .course-intro {
  padding-bottom: 70px;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .price .course-intro {
    padding-bottom: 40px;
  }
}
.price .course-intro figure {
  margin-bottom: 40px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .price .course-intro figure {
    border-bottom: 1px solid #7C7669;
  }
}
.price .course-intro p {
  font-weight: 500;
}
.price .course-intro p a {
  color: #0F46A1;
}
@media (min-width: 992px) {
  .price .container-l {
    padding-left: 0;
    padding-right: 0;
  }
}
.price .inner-nav-list {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .price .inner-nav-list {
    padding-left: 0;
    padding-right: 0;
  }
}
.price .inner-nav-list .button.button-white.w-arrow-right {
  padding-left: 20px;
}
@media (min-width: 992px) {
  .price .inner-nav-list ul {
    gap: 10px;
  }
}
.price .inner-nav-list .button {
  font-size: 14px;
  font-size: 1.4rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.price h4.heading-04 {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.64px;
  margin-bottom: 14px;
}
.price h4.heading-04 .tag {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.56px;
  font-weight: 700;
  background: #6DC9F1;
  border-radius: 20px;
  color: #fff;
  padding: 2px 10px;
}
@media (max-width: 767px) {
  .price h4.heading-04 .tag {
    padding: 2px 9px;
  }
}
.price .course-list > ul > li {
  margin-top: 40px;
}
.price .course-list > ul > li:first-child {
  margin-top: 12px;
  padding-top: 24px;
}
.price .course-list > ul > li figure {
  margin-bottom: 15px;
}
.price .course-list > ul > li .course-fees {
  border-top: none;
}
.price .course-list > ul > li .course-item {
  padding-top: 0;
}
.price .course-list p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
.price .course-list .course-item {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.price .course-list .apply-wrapper {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .price .course-list .apply-wrapper {
    margin-bottom: 0;
  }
}
.price .course-list .apply-wrapper .button.linear-blue {
  padding-left: 30px;
  padding-right: 35px;
}
.price .course-step-wrap {
  margin-top: 40px;
}
.price .course-step-wrap .course-step-list {
  margin-top: 24px;
}
.price .course-step-wrap .course-step-list img {
  width: 100%;
  height: auto;
}
.price .course-step-wrap .course-step-list .license-img {
  max-height: 110px;
}
@media (min-width: 768px) {
  .price .course-step-wrap .course-step-list .license-img {
    width: 100%;
    max-height: 400px;
  }
}
.price .course-step-wrap .step-item {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .price .course-step-wrap .step-item {
    margin-top: 24px;
  }
}
.price .course-step-wrap .step-item .step-tag {
  display: inline-block;
  background: #02A8CD;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2px 8px;
}
.price .course-step-wrap .step-item figure {
  margin-top: 16px;
}
.price .course-step-wrap .step-item .heading-border-bottom {
  min-height: 50px;
}
@media (max-width: 767px) {
  .price .course-step-wrap .step-item .heading-border-bottom {
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.price .apply-wrapper {
  margin-bottom: 60px;
}
.price .step-up-course {
  padding: 40px 0;
  background: #0DAFE8;
  background: linear-gradient(178deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
}
.price .step-up-course .heading-line {
  color: #fff;
}
@media (max-width: 767px) {
  .price .step-up-course .heading-line {
    margin-bottom: 24px;
  }
}
.price .step-up-course .heading-line:before {
  background: #fff;
}
.price .step-up-course .course-card-list {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .price .step-up-course .course-card-list {
    margin-top: 24px;
  }
}
.price .step-up-course .course-card-list .heading-04 {
  min-height: 114px;
}
.price .course-card-list {
  margin-top: 24px;
  position: relative;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .price .course-card-list {
    padding-right: 40px;
  }
}
.price .course-card-list .swiper-slide {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
}
.price .course-card-list .heading-04 {
  color: #203A72;
}
.price .course-card-list .heading-04 + figure {
  margin-bottom: 16px;
}
.price .course-card-list p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .price .course-card-list p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.price .course-card-list .btn-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  width: 100%;
}
.price .course-card-list .btn-wrap .button {
  display: block;
  width: 100%;
}
.price .course-list .course-item {
  position: relative;
  border-radius: 30px;
  background: #fff;
  padding: 24px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 990px) {
  .price .course-list .course-item {
    padding: 24px 0;
  }
}
.price .course-list .course-item h4 {
  color: #203A72;
}
.price .course-list .course-item.cc-lightblue {
  background: #EAFAFF;
}
.price .course-list .course-item figure {
  margin-bottom: 16px;
}
.price .course-list .course-item .button {
  display: block;
  width: 100%;
  margin-top: 16px;
}
.price .course-list .course-item .btn-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.price .course-list .course-item .btn-wrap .button {
  display: block;
  width: 100%;
}
.price .course-list .course-item p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
@media (max-width: 990px) {
  .price .course-list .course-item p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.price .speciality-course .cc-lightblue {
  background: #EAFAFF;
}
.price .course-fees {
  padding-top: 16px;
  border-top: 1px solid #E9E8E5;
  margin-top: 16px;
  width: 100%;
}
.price .course-fees > li {
  margin-bottom: 13px;
}
@media (max-width: 990px) {
  .price .course-fees .col + .col {
    margin-left: 10px;
  }
}
.price .course-fees .course-fees-label {
  background: #02A8CD;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 2px 10px;
  font-weight: bold;
}
.price .course-fees .price-1, .price .course-fees .price-2 {
  font-weight: 700;
}
.price .course-fees .price-1 span, .price .course-fees .price-2 span {
  font-weight: 700;
}
.price .course-fees p + .price-2, .price .course-fees .price-2 + p {
  margin-top: 0;
}
.price .course-fees .price-1 {
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  display: inline-block;
}
.price .course-fees .price-1::before {
  position: absolute;
  display: inline-block;
  content: "";
  height: 1px;
  width: 100%;
  top: 50%;
  border-bottom: black 1px solid;
  left: -2px;
}
.price .course-fees .price-1 span {
  font-size: 9px;
  font-size: 0.9rem;
}
.price .course-fees .price-2 {
  font-size: 18px;
  font-size: 1.8rem;
}
.price .course-fees .price-2 span {
  font-size: 12px;
  font-size: 1.2rem;
}
.price .course-fees .price-detail {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}
.price .course-fees .price-detail + span {
  font-size: 12px;
  font-size: 1.2rem;
}
.price .professional-course {
  padding: 40px 0;
  background: #0DAFE8;
  background: -webkit-gradient(linear, right top, left top, from(rgb(13, 175, 232)), color-stop(51%, rgb(69, 214, 226)), to(rgb(174, 228, 230)));
  background: linear-gradient(270deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
}
.price .professional-course .heading-line {
  color: #fff;
}
.price .professional-course .heading-line:before {
  background: #fff;
}
@media (max-width: 767px) {
  .price .professional-course .course-card-list .heading-04 {
    min-height: 80px;
  }
}
@media (max-width: 767px) {
  .price .refresh-course .course-card-list {
    padding-right: 0;
  }
}
@media (max-width: 990px) {
  .price .step-up-course .col + .col, .price .professional-course .col + .col, .price .refresh-course .col + .col {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .price .padding-pc {
    padding: 8px;
  }
}

.overhaul .overhaul-section {
  margin-bottom: 150px;
}
@media (max-width: 990px) {
  .overhaul .overhaul-section {
    margin-bottom: 80px;
  }
}
.overhaul .inner-nav-list {
  padding: 0 30px;
}
@media (max-width: 990px) {
  .overhaul .inner-nav-list {
    padding: 0;
  }
}
.overhaul .inner-nav-list ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.overhaul .inner-nav-list ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(25% - 20px);
          flex: 0 0 calc(25% - 20px);
  max-width: 25%;
}
@media (max-width: 990px) {
  .overhaul .inner-nav-list ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.overhaul .inner-nav-list li a.button {
  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;
  min-height: 90px;
}
@media (max-width: 990px) {
  .overhaul .inner-nav-list li a.button {
    min-height: auto;
  }
}
.overhaul p {
  font-weight: 500;
  line-height: 1.8;
}
.overhaul [class^=sec0] {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .overhaul [class^=sec0] {
    margin-top: 40px;
  }
}
.overhaul .red-note {
  color: #F00004;
}
.overhaul .p-intro .heading-line,
.overhaul .p-why .heading-line,
.overhaul .sec02 .heading-line,
.overhaul .sec03 .heading-line,
.overhaul .sec04 .heading-line,
.overhaul .sec05 .heading-line,
.overhaul .sec06 .heading-line,
.overhaul .sec07 .heading-line {
  margin-bottom: 24px;
}
@media (max-width: 990px) {
  .overhaul .p-intro .heading-line,
  .overhaul .p-why .heading-line,
  .overhaul .sec02 .heading-line,
  .overhaul .sec03 .heading-line,
  .overhaul .sec04 .heading-line,
  .overhaul .sec05 .heading-line,
  .overhaul .sec06 .heading-line,
  .overhaul .sec07 .heading-line {
    margin-bottom: 16px;
  }
}
.overhaul .p-why {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .overhaul .p-why {
    margin-top: 40px;
  }
}
.overhaul .section-contents {
  margin-top: 24px;
}
@media (max-width: 990px) {
  .overhaul .section-contents {
    margin-bottom: 16px;
  }
}
.overhaul .section-contents .col:nth-child(n+3) {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .overhaul .section-contents .col:nth-child(n+2) {
    margin-top: 16px;
  }
}
.overhaul .section-contents .card-img {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .overhaul .section-contents .card-img img {
    height: calc(400px - 5rem);
  }
}
.overhaul .section-contents .card-contents p {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .overhaul .section-contents .card-contents p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.overhaul .sec02 .red-note {
  letter-spacing: 0.56px;
}
.overhaul .sec03 {
  padding-top: 40px;
}
.overhaul .sec03 .reason-swiper {
  position: relative;
  padding-top: 80px;
}
@media (max-width: 990px) {
  .overhaul .sec03 .reason-swiper {
    padding-bottom: 16px;
    padding-top: 56px;
  }
}
.overhaul .sec03 .reason-swiper::before {
  position: absolute;
  content: "";
  top: 64px;
  right: -20px;
  width: 130px;
  height: 25px;
  background-image: url("/assets/images/common/wave_img02.svg");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
@media (max-width: 990px) {
  .overhaul .sec03 .reason-swiper::before {
    top: 40px;
    padding-bottom: 16px;
    padding-top: 56px;
  }
}
.overhaul .sec03 .reason-swiper .swiper-wrapper {
  padding-bottom: 24px;
}
.overhaul .sec03 .reason-swiper .card-contents p {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .overhaul .sec03 .reason-swiper .card-contents p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.overhaul .sec03 .reason-swiper .card-contents .note {
  font-size: 14px;
  font-size: 1.4rem;
  color: #7C7669;
}
@media (max-width: 990px) {
  .overhaul .sec03 .reason-swiper .card-contents .note {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.overhaul .sec03 .card .sub-title span,
.overhaul .sec03 .card .sub-title-primary span {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
}
.overhaul .sec03 .card .sub-title .icon-title-sign,
.overhaul .sec03 .card .sub-title-primary .icon-title-sign {
  position: relative;
  display: inline-block;
}
.overhaul .sec03 .card .sub-title .icon-title-sign::before,
.overhaul .sec03 .card .sub-title-primary .icon-title-sign::before {
  position: absolute;
  content: "";
  top: -5px;
  right: -30px;
  width: 30px;
  height: 30px;
  background: url("/assets/images/common/icon_title_sign.svg") center/contain no-repeat;
  z-index: 1;
}
@media (max-width: 990px) {
  .overhaul .sec04 .heading-04 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.overhaul .sec04 .card {
  background-color: #fff;
  padding: 16px 20px;
  border-radius: 30px;
}
.overhaul .sec04 .card .card-img {
  margin-top: 16px;
}
.overhaul .sec04 .card-contents {
  padding-top: 24px;
}
@media (max-width: 990px) {
  .overhaul .sec04 .card-contents {
    padding-top: 16px;
  }
}
.overhaul .sec04 .card-contents p {
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 990px) {
  .overhaul .sec04 .card-contents p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.overhaul .sec04 .card-contents .red-note {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 0;
}
@media (max-width: 990px) {
  .overhaul .sec04 .card-contents .red-note {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.overhaul .sec04 .card-contents .btn-wrap {
  text-align: center;
  margin-top: 24px;
}
@media (max-width: 990px) {
  .overhaul .sec04 .card-contents .btn-wrap {
    margin-top: 16px;
  }
}
@media (max-width: 990px) {
  .overhaul .sec04 .card-contents .button.w-arrow-right {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 10px 40px;
  }
}
.overhaul .sec04 .card-contents .button.w-arrow-right::before {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.overhaul .sec04 .contact-wrapper {
  margin-top: 0;
}
.overhaul .flow-contents {
  position: relative;
  padding: 24px 0;
}
.overhaul .flow-contents::before {
  position: absolute;
  content: "";
  top: 0;
  left: -20px;
  width: calc(100% + 40px);
  height: 100%;
  z-index: -1;
  background: linear-gradient(270deg, #0dafe8 0%, #45d6e2 51%, #aee4e6 100%), linear-gradient(220deg, #02a7e9 0%, #45d6e2 47%, #aee4e6 99%), linear-gradient(0deg, white 0%, white 99%);
}
.overhaul .flow-title {
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  padding: 16px 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid #E9E8E5;
}
@media (max-width: 990px) {
  .overhaul .flow-title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.overhaul .flow-title.icon-store {
  padding-left: 40px;
}
.overhaul .flow-title.icon-store::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 4px;
  width: 24px;
  height: 24px;
  background: url("/assets/images/common/icon_store.svg") center/contain no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.overhaul .flow-title.icon-delivery {
  padding-left: 40px;
}
.overhaul .flow-title.icon-delivery::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 4px;
  width: 24px;
  height: 24px;
  background: url("/assets/images/common/icon_delivery.svg") center/contain no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.overhaul .p-visit-store,
.overhaul .p-email-request {
  margin-bottom: 48px;
}
@media (max-width: 990px) {
  .overhaul .p-visit-store,
  .overhaul .p-email-request {
    margin-bottom: 24px;
  }
}
.overhaul .p-visit-store .col:nth-child(n+4),
.overhaul .p-email-request .col:nth-child(n+4) {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .overhaul .p-visit-store .col:nth-child(n+2),
  .overhaul .p-email-request .col:nth-child(n+2) {
    margin-top: 16px;
  }
}
@media (min-width: 768px) {
  .overhaul .p-visit-store .card,
  .overhaul .p-email-request .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .overhaul .p-visit-store .card + .card,
  .overhaul .p-email-request .card + .card {
    margin-top: 16px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .overhaul .p-visit-store .card .card-img,
  .overhaul .p-email-request .card .card-img {
    max-width: 490px;
  }
}
@media (min-width: 768px) {
  .overhaul .p-visit-store .card .card-contents,
  .overhaul .p-email-request .card .card-contents {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .overhaul .p-visit-store .card .card-contents,
  .overhaul .p-email-request .card .card-contents {
    padding-left: 30px;
    text-align: left;
  }
}
@media (min-width: 768px) {
  .overhaul .p-visit-store .card .card-contents .btn-wrap,
  .overhaul .p-email-request .card .card-contents .btn-wrap {
    text-align: left;
  }
}
.overhaul table.table-overhaul {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .overhaul table.table-overhaul {
    margin-top: 40px;
  }
}
.overhaul table.table-overhaul th {
  background-color: #EAFAFF;
  text-align: center;
  letter-spacing: 0.64px;
  padding: 20px 14px;
}
@media (max-width: 990px) {
  .overhaul table.table-overhaul th {
    letter-spacing: 0.56px;
  }
}
.overhaul table.table-overhaul th:nth-child(2) {
  width: 250px;
}
@media (max-width: 990px) {
  .overhaul table.table-overhaul th:nth-child(2) {
    width: 100px;
  }
}
.overhaul table.table-overhaul tr td {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.64px;
  line-height: 1.8;
}
.overhaul table.table-overhaul tr td:nth-child(1) {
  padding: 16px;
}
@media (max-width: 990px) {
  .overhaul table.table-overhaul tr td:nth-child(1) {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.overhaul table.table-overhaul tr td:nth-child(2) {
  text-align: center;
  padding: 16px 8px;
}
.overhaul table.table-overhaul + table {
  margin-top: 48px;
}
@media (max-width: 990px) {
  .overhaul table.table-overhaul + table {
    margin-top: 24px;
  }
}
.overhaul table.table-overhaul .red-note {
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 8px;
}
@media (max-width: 990px) {
  .overhaul table.table-overhaul .red-note {
    font-size: 10px;
    font-size: 1rem;
  }
}
.overhaul table.table-letter {
  counter-reset: row-letter;
}
.overhaul table.table-letter tr td:nth-child(1) {
  padding: 16px 16px 16px 46px;
}
.overhaul table.table-letter td {
  position: relative;
}
.overhaul table.table-letter td:first-child::before {
  position: absolute;
  display: block;
  left: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  counter-increment: row-letter;
  content: counter(row-letter, upper-alpha);
}
.overhaul .overhaul-campaign {
  border-radius: 10px;
  padding: 40px 20px;
  margin-top: 48px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 139, 225, 0.8)), color-stop(35%, rgba(69, 214, 226, 0.8)), to(rgba(218, 254, 255, 0.8))), -webkit-gradient(linear, left bottom, left top, from(white), to(white));
  background: linear-gradient(180deg, rgba(0, 139, 225, 0.8) 0%, rgba(69, 214, 226, 0.8) 35%, rgba(218, 254, 255, 0.8) 100%), linear-gradient(0deg, white 0%, white 100%);
}
@media (max-width: 990px) {
  .overhaul .overhaul-campaign {
    margin-top: 24px;
  }
}
.overhaul .overhaul-campaign .heading-line {
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
}
@media (max-width: 990px) {
  .overhaul .overhaul-campaign .heading-line {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.overhaul .overhaul-campaign .heading-line:before {
  background: #F6EF37;
}
.overhaul .overhaul-campaign .heading-line span {
  position: relative;
  display: inline-block;
}
.overhaul .overhaul-campaign .heading-line span::before {
  position: absolute;
  content: "";
  top: -16px;
  right: -30px;
  width: 30px;
  height: 30px;
  background: url("/assets/images/common/icon_title_sign.svg") center/contain no-repeat;
  z-index: 1;
}
.overhaul .overhaul-campaign ul {
  counter-reset: letter;
  max-width: 500px;
  margin: 0 auto;
}
.overhaul .overhaul-campaign ul li {
  position: relative;
  counter-increment: letter;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 1.8;
  padding-left: 35px;
}
.overhaul .overhaul-campaign ul li::before {
  content: "(" counter(letter, upper-alpha) ")";
  position: absolute;
  left: 0;
  top: 0;
  margin-right: 10px;
}
.overhaul .overhaul-campaign ul li span {
  font-weight: 500;
}
.overhaul .overhaul-campaign ul li + li {
  margin-top: 8px;
}
.overhaul .p-process {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .overhaul .p-process {
    margin-top: 40px;
  }
}
.overhaul .p-process .heading-04 + p {
  margin-top: 16px;
}
.overhaul .p-process .col {
  position: relative;
}
.overhaul .p-process .col:not(:last-child)::before {
  position: absolute;
  content: "";
  bottom: -40px;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #6DC9F1;
  z-index: -1;
}
.overhaul .p-process .col:nth-child(n+2) {
  margin-top: 60px;
}
.overhaul .p-store-list {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .overhaul .p-store-list {
    margin-top: 40px;
  }
}

.open-water main {
  padding-bottom: 90px;
}
.open-water section {
  margin-bottom: 0;
  padding-bottom: 0;
}
.open-water .process {
  margin-bottom: 40px;
}
.open-water .inner-nav-list {
  padding-left: 0;
  padding-right: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 768px) {
  .open-water .inner-nav-list ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
  }
}
.open-water .inner-nav-list ul > li {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
@media (min-width: 768px) {
  .open-water .inner-nav-list .button {
    padding-left: 20px;
    padding-right: 25px;
  }
}
.open-water .heading-border-bottom {
  margin-bottom: 16px;
}
.open-water .open-water-box {
  padding: 20px;
  background: #EAFAFF;
  margin-top: 40px;
}
.open-water .open-water-box .heading-line {
  margin-bottom: 24px;
}
.open-water .open-water-box h3 {
  margin-top: 24px;
}
.open-water .open-water-box h3 .text-s {
  font-weight: bold;
}
.open-water .open-water-box .course-fee-box {
  background: #fff;
  margin-top: 24px;
}
.open-water .open-water-box .course-fee-box p {
  font-weight: bold;
}
.open-water .open-water-box .cf-item {
  background: #fff;
  padding: 16px;
}
.open-water .open-water-box .cf-item h4 {
  margin: 0;
}
.open-water .open-water-box .cf-item + .cf-item {
  border-top: 1px solid #D2D2D2;
}
.open-water .open-water-box .cf-item .text-s {
  font-weight: bold;
}
.open-water .license-steps-list .course-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 10px;
}
.open-water .license-steps-list .course-item:nth-child(2n):after {
  display: none;
}
@media (max-width: 767px) {
  .open-water .license-steps-list .course-item:nth-child(2n):after {
    display: block;
  }
}
.open-water .license-steps-list .course-item:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 20px solid #6DC9F1;
  border-bottom: 15px solid transparent;
}
@media (max-width: 767px) {
  .open-water .license-steps-list .course-item:after {
    top: calc(100% - 10px);
    left: 50%;
    right: auto;
    width: 0;
    height: 0;
    margin-left: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid #6DC9F1;
    border-bottom: 0 solid transparent;
  }
}
@media (min-width: 768px) {
  .open-water .license-steps-list .course-item img {
    width: 100%;
    height: 400px;
  }
}
.open-water .course-item {
  position: relative;
  border-radius: 30px;
  background: #fff;
  padding: 24px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.open-water .course-item.cc-lightblue {
  background: #EAFAFF;
}
.open-water .course-item p {
  font-weight: 500;
  line-height: 1.8;
}
.open-water .course-item figure {
  margin-bottom: 16px;
  margin-top: 16px;
}
.open-water .course-item .button {
  display: block;
  width: 100%;
  margin-top: 16px;
}
.open-water .course-item .btn-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.open-water .course-item .btn-wrap .button {
  display: block;
  width: 100%;
}
.open-water .graph-list {
  margin-top: 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .open-water .graph-list {
    margin-top: 30px;
  }
}
.open-water .graph-list .col {
  margin-top: 40px;
}
.open-water .graph-list .col p {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}
@media (max-width: 767px) {
  .open-water .graph-list .col p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.open-water .table-wrap {
  margin-bottom: 40px;
}
.open-water .table-wrap .text-s {
  font-weight: 400;
}
.open-water .table-wrap table tr td:first-child {
  width: 100px;
  background: #EAFAFF;
  font-weight: 700;
  vertical-align: top;
  padding-left: 8px;
  padding-right: 8px;
}
.open-water .conglaturation {
  padding: 40px 0;
  text-align: center;
  background: #0DAFE8;
  background: -webkit-gradient(linear, right top, left top, from(rgb(13, 175, 232)), color-stop(51%, rgb(69, 214, 226)), to(rgb(174, 228, 230)));
  background: linear-gradient(270deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
}
.open-water .conglaturation .heading-line {
  color: #fff;
}
.open-water .conglaturation .heading-line:before {
  background: #F6EF37;
}
.open-water .conglaturation figure {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .open-water .conglaturation img {
    width: 60%;
  }
}
.open-water .conglaturation p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
}
.open-water .schedule {
  padding-top: 0;
}
@media (max-width: 767px) {
  .open-water .schedule {
    padding-bottom: 0;
  }
}
.open-water .schedule .apply-wrapper {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .open-water .schedule .apply-wrapper {
    margin-bottom: 40px;
  }
}
.open-water .schedule .btn-wrap {
  margin-top: 40px;
}
.open-water .schedule-list .course-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .open-water .schedule-list .course-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .open-water #process .heading-line {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .open-water #schedule {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

.entry .text-s {
  font-weight: 500;
}
.entry .detailed-text {
  padding-bottom: 60px;
}
.entry .entry-intro {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
.entry .entry-intro figure {
  max-width: 800px;
  width: 100%;
  margin: 0 auto 20px;
}
.entry .entry-item-text {
  border-bottom: 1px solid #E5E5E5;
  font-size: 14px;
  font-size: 1.4rem;
  padding-bottom: 32px;
  margin-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (max-width: 767px) {
  .entry .entry-item-text {
    margin-bottom: 20px;
    padding-bottom: 16px;
  }
}
.entry .entry-item-text ul, .entry .entry-item-text ol {
  margin-top: 1em;
  font-size: 14px;
  font-size: 1.4rem;
}
.entry .entry-item-text ul.list-l-space, .entry .entry-item-text ol.list-l-space {
  margin-top: 10px;
}
.entry .entry-item-text ul.list-l-space > li, .entry .entry-item-text ol.list-l-space > li {
  margin-top: 0;
}
.entry .entry-item-text ul.list-l-space > li + li, .entry .entry-item-text ol.list-l-space > li + li {
  margin-top: 30px;
}
.entry .entry-item-text ul li, .entry .entry-item-text ol li {
  margin-top: 5px;
  font-weight: 700;
}
.entry .entry-item-text p {
  font-weight: 700;
}
.entry .entry-item-text .text-lightblue {
  font-size: 16px;
  font-size: 1.6rem;
}
.entry .entry-item-text .button {
  margin: 20px 0;
}
.entry .entry-form {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .entry .entry-form {
    margin-top: 40px;
  }
}
.entry .entry-form h2 {
  margin-bottom: 40px;
}
.entry .entry-form .btn-wrap {
  margin-top: 40px;
}

.discover main {
  padding-bottom: 90px;
}
.discover section {
  margin-bottom: 0;
  padding-bottom: 0;
}
.discover .process {
  margin-bottom: 40px;
}
.discover .inner-nav-list {
  padding-left: 0;
  padding-right: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 768px) {
  .discover .inner-nav-list ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
  }
}
.discover .inner-nav-list ul > li {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
@media (min-width: 768px) {
  .discover .inner-nav-list .button {
    padding-left: 20px;
    padding-right: 25px;
  }
}
.discover .heading-border-bottom {
  margin-bottom: 16px;
  display: inline-block;
}
.discover .discover-box {
  padding: 20px;
  background: #EAFAFF;
  margin-top: 40px;
}
.discover .discover-box .heading-line {
  margin-bottom: 24px;
}
.discover .discover-box h3 {
  margin-top: 24px;
}
.discover .discover-box h3 .text-s {
  font-weight: bold;
}
.discover .discover-box .course-fee-box {
  background: #fff;
  margin-top: 24px;
}
.discover .discover-box .course-fee-box p {
  font-weight: bold;
}
.discover .discover-box .cf-item {
  background: #fff;
  padding: 16px;
}
.discover .discover-box .cf-item h4 {
  margin: 0;
}
.discover .discover-box .cf-item + .cf-item {
  border-top: 1px solid #D2D2D2;
}
.discover .discover-box .cf-item .text-s {
  font-weight: bold;
}
@media (max-width: 990px) {
  .discover .discover-box .c-link-tel {
    padding: 15px 15px;
    max-width: 300px;
    width: 100%;
  }
}
.discover .license-steps-list .course-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 10px;
}
.discover .license-steps-list .course-item:nth-child(2n):after {
  display: none;
}
@media (max-width: 767px) {
  .discover .license-steps-list .course-item:nth-child(2n):after {
    display: block;
  }
}
.discover .license-steps-list .course-item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 20px solid #6DC9F1;
  border-bottom: 15px solid transparent;
}
@media (max-width: 767px) {
  .discover .license-steps-list .course-item:not(:last-child):after {
    top: calc(100% - 10px);
    left: 50%;
    right: auto;
    width: 0;
    height: 0;
    margin-left: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid #6DC9F1;
    border-bottom: 0 solid transparent;
  }
}
.discover .course-item {
  position: relative;
  border-radius: 30px;
  background: #fff;
  padding: 24px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.discover .course-item p {
  font-weight: 500;
  line-height: 1.8;
}
.discover .course-item figure {
  margin-bottom: 16px;
  margin-top: 16px;
}
.discover .course-item .button {
  display: block;
  width: 100%;
  margin-top: 16px;
}
.discover .course-item .btn-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.discover .course-item .btn-wrap .button {
  display: block;
  width: 100%;
}
.discover .schedule {
  padding-top: 0;
}
@media (max-width: 767px) {
  .discover .schedule {
    padding-bottom: 0;
  }
}
.discover .schedule .apply-wrapper {
  margin-bottom: 150px;
}
@media (max-width: 767px) {
  .discover .schedule .apply-wrapper {
    margin-bottom: 40px;
  }
}
.discover .schedule .btn-wrap {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .discover #process .heading-line {
    margin-bottom: 0;
  }
}
.discover #process p + p {
  margin-top: 5px;
}

.price-training main {
  padding-bottom: 90px;
}
.price-training section {
  margin-bottom: 0;
  padding-bottom: 0;
}
.price-training .inner-nav-list {
  padding-left: 0;
  padding-right: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 768px) {
  .price-training .inner-nav-list ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
  }
}
.price-training .inner-nav-list ul > li {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
@media (min-width: 768px) {
  .price-training .inner-nav-list .button {
    padding-left: 20px;
    padding-right: 25px;
  }
}
.price-training .heading-border-bottom {
  margin-bottom: 16px;
}
.price-training .price-training-box {
  padding: 20px;
  background: #EAFAFF;
  margin-top: 40px;
}
.price-training .price-training-box .heading-line {
  margin-bottom: 24px;
}
.price-training .price-training-box h3 {
  margin-top: 24px;
}
.price-training .price-training-box h3 .text-s {
  font-weight: bold;
}
.price-training .price-training-box .course-fee-box {
  background: #fff;
  margin-top: 24px;
}
.price-training .price-training-box .course-fee-box p {
  font-weight: bold;
}
.price-training .price-training-box .cf-item {
  background: #fff;
  padding: 16px;
}
.price-training .price-training-box .cf-item h4 {
  margin: 0;
}
.price-training .price-training-box .cf-item + .cf-item {
  border-top: 1px solid #D2D2D2;
}
.price-training .price-training-box .cf-item .text-s {
  font-weight: bold;
}
@media (max-width: 990px) {
  .price-training .price-training-box .c-link-tel {
    padding: 15px 15px;
    max-width: 300px;
    width: 100%;
  }
}
.price-training .license-steps-list .course-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 10px;
}
.price-training .license-steps-list .course-item:nth-child(2n):after {
  display: none;
}
@media (max-width: 767px) {
  .price-training .license-steps-list .course-item:nth-child(2n):after {
    display: block;
  }
}
.price-training .license-steps-list .course-item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 20px solid #6DC9F1;
  border-bottom: 15px solid transparent;
}
@media (max-width: 767px) {
  .price-training .license-steps-list .course-item:not(:last-child):after {
    top: calc(100% - 10px);
    left: 50%;
    right: auto;
    width: 0;
    height: 0;
    margin-left: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid #6DC9F1;
    border-bottom: 0 solid transparent;
  }
}
.price-training .course-item {
  position: relative;
  border-radius: 30px;
  background: #fff;
  padding: 24px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.price-training .course-item.cc-lightblue {
  background: #EAFAFF;
}
.price-training .course-item p {
  font-weight: 500;
  line-height: 1.8;
}
.price-training .course-item figure {
  margin-bottom: 16px;
  margin-top: 16px;
}
.price-training .course-item .button {
  display: block;
  width: 100%;
  margin-top: 16px;
}
.price-training .course-item .btn-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.price-training .course-item .btn-wrap .button {
  display: block;
  width: 100%;
}
.price-training .graph-list {
  margin-top: 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .price-training .graph-list {
    margin-top: 30px;
  }
}
.price-training .graph-list .col {
  margin-top: 40px;
}
.price-training .graph-list .col p {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}
@media (max-width: 767px) {
  .price-training .graph-list .col p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.price-training .table-wrap {
  margin-bottom: 40px;
}
.price-training .table-wrap .text-s {
  font-weight: 400;
}
.price-training .table-wrap table tr td:first-child {
  width: 100px;
  background: #EAFAFF;
  font-weight: 700;
  vertical-align: top;
  padding-left: 8px;
  padding-right: 8px;
}
.price-training .conglaturation {
  padding: 40px 0;
  text-align: center;
  background: #0DAFE8;
  background: -webkit-gradient(linear, right top, left top, from(rgb(13, 175, 232)), color-stop(51%, rgb(69, 214, 226)), to(rgb(174, 228, 230)));
  background: linear-gradient(270deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
}
.price-training .conglaturation .heading-line {
  color: #fff;
}
.price-training .conglaturation .heading-line:before {
  background: #F6EF37;
}
.price-training .conglaturation figure {
  margin-bottom: 24px;
}
.price-training .conglaturation p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
}
.price-training .schedule {
  padding-top: 0;
}
@media (max-width: 767px) {
  .price-training .schedule {
    padding-bottom: 0;
  }
}
.price-training .schedule .apply-wrapper {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .price-training .schedule .apply-wrapper {
    margin-bottom: 40px;
  }
}
.price-training .schedule .btn-wrap {
  margin-top: 40px;
}
.price-training .schedule-list .course-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .price-training .schedule-list .course-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .price-training #process .heading-line {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .price-training #schedule {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.price-training .price-training-contact-section .apply-wrapper {
  margin-top: 0;
}

.advanced .course-detail-box {
  margin: 60px 50px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .advanced .course-detail-box {
    margin: 30px 0 20px 0;
    gap: 24px;
  }
}
.advanced .course-detail-box .course-detail-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media (max-width: 767px) {
  .advanced .course-detail-box .course-detail-row {
    gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .advanced .course-detail-box .course-detail-row:nth-child(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.advanced .course-detail-box .course-detail-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 767px) {
  .advanced .course-detail-box .course-detail-text {
    width: 100% !important;
  }
}
.advanced .course-detail-box .course-detail-text h3 {
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 18px;
  border-bottom: 3px solid #222;
  padding-bottom: 8px;
}
.advanced .course-detail-box .course-detail-text ol {
  margin: 0;
  padding-left: 1.2em;
  list-style: none;
}
@media (max-width: 767px) {
  .advanced .course-detail-box .course-detail-text ol {
    padding-left: 0;
  }
}
.advanced .course-detail-box .course-detail-text ol li {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 1.8;
  padding-left: 20px;
}
@media (max-width: 990px) {
  .advanced .course-detail-box .course-detail-text ol li {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.advanced .course-detail-box .course-detail-text ol li:before {
  content: "■";
  position: absolute;
  left: 0;
  color: #222;
  font-size: 1em;
  top: 0;
}
.advanced .course-detail-box .course-detail-image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .advanced .course-detail-box .course-detail-image {
    width: 100% !important;
  }
}
.advanced .course-detail-box .course-detail-image figure {
  margin: 0;
  width: 100%;
  max-width: 420px;
}
@media (max-width: 767px) {
  .advanced .course-detail-box .course-detail-image figure {
    max-width: 100%;
  }
}
.advanced .course-detail-box .course-detail-image figure img {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
}
.advanced main {
  padding-bottom: 90px;
}
.advanced section {
  margin-bottom: 0;
  padding-bottom: 0;
}
.advanced .process {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .advanced .process {
    margin-bottom: 0px;
  }
}
.advanced .heading-border-bottom {
  margin-bottom: 16px;
}
.advanced .advanced-box {
  padding: 20px;
  background: #EAFAFF;
  margin-top: 40px;
}
.advanced .advanced-box .heading-line {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .advanced .advanced-box h3 {
    margin-top: 24px;
  }
}
.advanced .advanced-box h3 .text-s {
  font-weight: bold;
}
.advanced .advanced-box .course-fee-box {
  background: #fff;
  margin-top: 24px;
}
.advanced .advanced-box .course-fee-box p {
  font-weight: bold;
}
.advanced .advanced-box .cf-item {
  background: #fff;
  padding: 16px;
}
.advanced .advanced-box .cf-item h4 {
  margin: 0;
}
.advanced .advanced-box .cf-item + .cf-item {
  border-top: 1px solid #D2D2D2;
}
.advanced .advanced-box .cf-item .text-s {
  font-weight: bold;
}
.advanced .license-steps-list .course-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 10px;
}
.advanced .license-steps-list .course-item:nth-child(2n):after {
  display: none;
}
@media (max-width: 767px) {
  .advanced .license-steps-list .course-item:nth-child(2n):after {
    display: block;
  }
}
.advanced .license-steps-list .course-item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 20px solid #6DC9F1;
  border-bottom: 15px solid transparent;
}
@media (max-width: 767px) {
  .advanced .license-steps-list .course-item:not(:last-child):after {
    top: calc(100% - 10px);
    left: 50%;
    right: auto;
    width: 0;
    height: 0;
    margin-left: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid #6DC9F1;
    border-bottom: 0 solid transparent;
  }
}
.advanced .license-steps-list .course-item .heading-line {
  margin-top: 20px;
  margin-bottom: 30px;
}
.advanced .license-steps-list .course-item ul.list-disc02 > li {
  padding-left: 20px;
}
.advanced .course-item {
  position: relative;
  border-radius: 30px;
  background: #fff;
  padding: 24px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.advanced .course-item.cc-lightblue {
  background: #EAFAFF;
}
.advanced .course-item p {
  font-weight: 500;
  line-height: 1.8;
}
.advanced .course-item figure {
  margin-bottom: 16px;
  margin-top: 16px;
}
.advanced .course-item .button {
  display: block;
  width: 100%;
  margin-top: 16px;
}
.advanced .course-item .btn-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.advanced .course-item .btn-wrap .button {
  display: block;
  width: 100%;
}
.advanced .conglaturation {
  padding: 40px 0;
  text-align: center;
}
.advanced .conglaturation .heading-line {
  color: #0F46A1;
}
.advanced .conglaturation .heading-line:before {
  background: #F6EF37;
}
.advanced .conglaturation figure {
  margin-bottom: 24px;
}
.advanced .conglaturation p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
}
.advanced .schedule {
  padding-top: 0;
}
@media (max-width: 767px) {
  .advanced .schedule {
    padding-bottom: 0;
  }
}
.advanced .schedule .apply-wrapper {
  margin-bottom: 150px;
}
@media (max-width: 767px) {
  .advanced .schedule .apply-wrapper {
    margin-bottom: 40px;
  }
}
.advanced .schedule .btn-wrap {
  margin-top: 40px;
}
.advanced .schedule-list .course-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .advanced .schedule-list .course-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .advanced #process .heading-line {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .advanced #schedule {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.advanced .steps-sub-title {
  font-weight: 700;
}
.advanced .heading-04 .heading-span {
  padding-left: 10px;
  font-size: 1.6rem;
  letter-spacing: 0.72px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .advanced .conglaturation-text {
    margin-top: 20px;
  }
}

.adventure-diver .course-detail-box {
  margin: 60px 50px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .adventure-diver .course-detail-box {
    margin: 30px 0 20px 0;
    gap: 24px;
  }
}
.adventure-diver .course-detail-box .course-detail-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media (max-width: 767px) {
  .adventure-diver .course-detail-box .course-detail-row {
    gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .adventure-diver .course-detail-box .course-detail-row:nth-child(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.adventure-diver .course-detail-box .course-detail-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 767px) {
  .adventure-diver .course-detail-box .course-detail-text {
    width: 100% !important;
  }
}
.adventure-diver .course-detail-box .course-detail-text h3 {
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 18px;
  border-bottom: 3px solid #222;
  padding-bottom: 8px;
}
.adventure-diver .course-detail-box .course-detail-text ol {
  margin: 0;
  padding-left: 1.2em;
  list-style: none;
}
@media (max-width: 767px) {
  .adventure-diver .course-detail-box .course-detail-text ol {
    padding-left: 0;
  }
}
.adventure-diver .course-detail-box .course-detail-text ol li {
  position: relative;
  font-size: 1.1rem;
  margin-bottom: 10px;
  padding-left: 1.2em;
}
.adventure-diver .course-detail-box .course-detail-text ol li:before {
  content: "■";
  position: absolute;
  left: 0;
  color: #222;
  font-size: 1em;
  top: 0;
}
.adventure-diver .course-detail-box .course-detail-image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .adventure-diver .course-detail-box .course-detail-image {
    width: 100% !important;
  }
}
.adventure-diver .course-detail-box .course-detail-image figure {
  margin: 0;
  width: 100%;
  max-width: 420px;
}
@media (max-width: 767px) {
  .adventure-diver .course-detail-box .course-detail-image figure {
    max-width: 100%;
  }
}
.adventure-diver .course-detail-box .course-detail-image figure img {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
}
.adventure-diver main {
  padding-bottom: 90px;
}
.adventure-diver section {
  margin-bottom: 0;
  padding-bottom: 0;
}
.adventure-diver .process {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .adventure-diver .process {
    margin-bottom: 0;
  }
}
.adventure-diver .heading-border-bottom {
  margin-bottom: 16px;
}
.adventure-diver .adventure-diver-box {
  padding: 20px;
  background: #EAFAFF;
  margin-top: 40px;
}
.adventure-diver .adventure-diver-box .heading-line {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .adventure-diver .adventure-diver-box h3 {
    margin-top: 24px;
  }
}
.adventure-diver .adventure-diver-box h3 .text-s {
  font-weight: bold;
}
.adventure-diver .adventure-diver-box .course-fee-box {
  background: #fff;
  margin-top: 24px;
}
.adventure-diver .adventure-diver-box .course-fee-box p {
  font-weight: bold;
}
.adventure-diver .adventure-diver-box .cf-item {
  background: #fff;
  padding: 16px;
}
.adventure-diver .adventure-diver-box .cf-item h4 {
  margin: 0;
}
.adventure-diver .adventure-diver-box .cf-item + .cf-item {
  border-top: 1px solid #D2D2D2;
}
.adventure-diver .adventure-diver-box .cf-item .text-s {
  font-weight: bold;
}
.adventure-diver .license-steps-list .course-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 10px;
}
.adventure-diver .license-steps-list .course-item:nth-child(2n):after {
  display: none;
}
@media (max-width: 767px) {
  .adventure-diver .license-steps-list .course-item:nth-child(2n):after {
    display: block;
  }
}
.adventure-diver .license-steps-list .course-item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 20px solid #6DC9F1;
  border-bottom: 15px solid transparent;
}
@media (max-width: 767px) {
  .adventure-diver .license-steps-list .course-item:not(:last-child):after {
    top: calc(100% - 10px);
    left: 50%;
    right: auto;
    width: 0;
    height: 0;
    margin-left: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid #6DC9F1;
    border-bottom: 0 solid transparent;
  }
}
.adventure-diver .license-steps-list .course-item .heading-line {
  margin-top: 20px;
  margin-bottom: 30px;
}
.adventure-diver .course-item {
  position: relative;
  border-radius: 30px;
  background: #fff;
  padding: 24px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.adventure-diver .course-item.cc-lightblue {
  background: #EAFAFF;
}
.adventure-diver .course-item p {
  font-weight: 500;
  line-height: 1.8;
}
.adventure-diver .course-item figure {
  margin-bottom: 16px;
  margin-top: 16px;
}
.adventure-diver .course-item .button {
  display: block;
  width: 100%;
  margin-top: 16px;
}
.adventure-diver .course-item .btn-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.adventure-diver .course-item .btn-wrap .button {
  display: block;
  width: 100%;
}
.adventure-diver .conglaturation {
  padding: 40px 0;
  text-align: center;
}
.adventure-diver .conglaturation .heading-line {
  color: #0F46A1;
}
.adventure-diver .conglaturation .heading-line:before {
  background: #F6EF37;
}
.adventure-diver .conglaturation figure {
  margin-bottom: 24px;
}
.adventure-diver .conglaturation p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
}
.adventure-diver .schedule {
  padding-top: 0;
}
@media (max-width: 767px) {
  .adventure-diver .schedule {
    padding-bottom: 0;
  }
}
.adventure-diver .schedule .apply-wrapper {
  margin-bottom: 150px;
}
@media (max-width: 767px) {
  .adventure-diver .schedule .apply-wrapper {
    margin-bottom: 40px;
  }
}
.adventure-diver .schedule .btn-wrap {
  margin-top: 40px;
}
.adventure-diver .schedule-list .course-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .adventure-diver .schedule-list .course-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .adventure-diver #process .heading-line {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .adventure-diver #schedule {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.adventure-diver .steps-sub-title {
  font-weight: 700;
}
.adventure-diver .heading-04 .heading-span {
  padding-left: 10px;
  font-size: 1.6rem;
  letter-spacing: 0.72px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .adventure-diver .conglaturation-text {
    margin-top: 20px;
  }
}

.emergency .course-detail-box {
  margin: 60px 50px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .emergency .course-detail-box {
    margin: 30px 0 20px 0;
    gap: 24px;
  }
}
.emergency .course-detail-box .course-detail-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media (max-width: 767px) {
  .emergency .course-detail-box .course-detail-row {
    gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .emergency .course-detail-box .course-detail-row:nth-child(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.emergency .course-detail-box .course-detail-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 767px) {
  .emergency .course-detail-box .course-detail-text {
    width: 100% !important;
  }
}
.emergency .course-detail-box .course-detail-text h3 {
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 18px;
  border-bottom: 3px solid #222;
  padding-bottom: 8px;
}
.emergency .course-detail-box .course-detail-text ol {
  margin: 0;
  padding-left: 1.2em;
  list-style: none;
}
@media (max-width: 767px) {
  .emergency .course-detail-box .course-detail-text ol {
    padding-left: 0;
  }
}
.emergency .course-detail-box .course-detail-text ol li {
  position: relative;
  font-size: 1.1rem;
  margin-bottom: 10px;
  padding-left: 1.2em;
}
.emergency .course-detail-box .course-detail-text ol li:before {
  content: "■";
  position: absolute;
  left: 0;
  color: #222;
  font-size: 1em;
  top: 0;
}
.emergency .course-detail-box .course-detail-image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .emergency .course-detail-box .course-detail-image {
    width: 100% !important;
  }
}
.emergency .course-detail-box .course-detail-image figure {
  margin: 0;
  width: 100%;
  max-width: 420px;
}
@media (max-width: 767px) {
  .emergency .course-detail-box .course-detail-image figure {
    max-width: 100%;
  }
}
.emergency .course-detail-box .course-detail-image figure img {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
}
.emergency main {
  padding-bottom: 90px;
}
.emergency section {
  margin-bottom: 0;
  padding-bottom: 0;
}
.emergency .process {
  margin-bottom: 40px;
}
.emergency .heading-border-bottom {
  margin-bottom: 16px;
}
.emergency .emergency-box {
  padding: 20px;
  background: #EAFAFF;
  margin-top: 40px;
}
.emergency .emergency-box .heading-line {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .emergency .emergency-box h3 {
    margin-top: 24px;
  }
}
.emergency .emergency-box h3 .text-s {
  font-weight: bold;
}
.emergency .emergency-box .course-fee-box {
  background: #fff;
  margin-top: 24px;
}
.emergency .emergency-box .course-fee-box p {
  font-weight: bold;
}
.emergency .emergency-box .cf-item {
  background: #fff;
  padding: 16px;
}
.emergency .emergency-box .cf-item h4 {
  margin: 0;
}
.emergency .emergency-box .cf-item + .cf-item {
  border-top: 1px solid #D2D2D2;
}
.emergency .emergency-box .cf-item .text-s {
  font-weight: bold;
}
.emergency .license-steps-list .course-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 10px;
}
.emergency .license-steps-list .course-item:nth-child(2n):after {
  display: none;
}
@media (max-width: 767px) {
  .emergency .license-steps-list .course-item:nth-child(2n):after {
    display: block;
  }
}
.emergency .license-steps-list .course-item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 20px solid #6DC9F1;
  border-bottom: 15px solid transparent;
}
@media (max-width: 767px) {
  .emergency .license-steps-list .course-item:not(:last-child):after {
    top: calc(100% - 10px);
    left: 50%;
    right: auto;
    width: 0;
    height: 0;
    margin-left: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid #6DC9F1;
    border-bottom: 0 solid transparent;
  }
}
.emergency .license-steps-list .course-item .heading-line {
  margin-top: 20px;
  margin-bottom: 30px;
}
.emergency .course-item {
  position: relative;
  border-radius: 30px;
  background: #fff;
  padding: 24px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.emergency .course-item.cc-lightblue {
  background: #EAFAFF;
}
.emergency .course-item p {
  font-weight: 500;
  line-height: 1.8;
}
.emergency .course-item figure {
  margin-bottom: 16px;
  margin-top: 16px;
}
.emergency .course-item .button {
  display: block;
  width: 100%;
  margin-top: 16px;
}
.emergency .course-item .btn-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.emergency .course-item .btn-wrap .button {
  display: block;
  width: 100%;
}
.emergency .conglaturation {
  padding: 40px 0;
  text-align: center;
  background: #0DAFE8;
  background: -webkit-gradient(linear, right top, left top, from(rgb(13, 175, 232)), color-stop(51%, rgb(69, 214, 226)), to(rgb(174, 228, 230)));
  background: linear-gradient(270deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
}
.emergency .conglaturation .heading-line {
  color: #fff;
}
.emergency .conglaturation .heading-line:before {
  background: #F6EF37;
}
.emergency .conglaturation figure {
  margin-bottom: 24px;
}
.emergency .conglaturation p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
}
.emergency .schedule {
  padding-top: 0;
}
@media (max-width: 767px) {
  .emergency .schedule {
    padding-bottom: 0;
  }
}
.emergency .schedule .apply-wrapper {
  margin-bottom: 150px;
}
@media (max-width: 767px) {
  .emergency .schedule .apply-wrapper {
    margin-bottom: 40px;
  }
}
.emergency .schedule .btn-wrap {
  margin-top: 40px;
}
.emergency .schedule-list .course-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .emergency .schedule-list .course-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .emergency #process .heading-line {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .emergency #schedule {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.emergency .steps-sub-title {
  font-weight: 700;
}
.emergency .heading-04 .heading-span {
  padding-left: 10px;
  font-size: 1.6rem;
  letter-spacing: 0.72px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .emergency .conglaturation-text {
    margin-top: 20px;
  }
}

.rescue .course-detail-box {
  margin: 60px 50px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .rescue .course-detail-box {
    margin: 30px 0 20px 0;
    gap: 24px;
  }
}
.rescue .course-detail-box .course-detail-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media (max-width: 767px) {
  .rescue .course-detail-box .course-detail-row {
    gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .rescue .course-detail-box .course-detail-row:nth-child(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.rescue .course-detail-box .course-detail-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 767px) {
  .rescue .course-detail-box .course-detail-text {
    width: 100% !important;
  }
}
.rescue .course-detail-box .course-detail-text h3 {
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 18px;
  border-bottom: 3px solid #222;
  padding-bottom: 8px;
}
.rescue .course-detail-box .course-detail-text ol {
  margin: 0;
  padding-left: 1.2em;
  list-style: none;
}
@media (max-width: 767px) {
  .rescue .course-detail-box .course-detail-text ol {
    padding-left: 0;
  }
}
.rescue .course-detail-box .course-detail-text ol li {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 1.8;
  padding-left: 20px;
}
@media (max-width: 990px) {
  .rescue .course-detail-box .course-detail-text ol li {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.rescue .course-detail-box .course-detail-text ol li:before {
  content: "■";
  position: absolute;
  left: 0;
  color: #222;
  font-size: 1em;
  top: 0;
}
.rescue .course-detail-box .course-detail-image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .rescue .course-detail-box .course-detail-image {
    width: 100% !important;
  }
}
.rescue .course-detail-box .course-detail-image figure {
  margin: 0;
  width: 100%;
  max-width: 420px;
}
@media (max-width: 767px) {
  .rescue .course-detail-box .course-detail-image figure {
    max-width: 100%;
  }
}
.rescue .course-detail-box .course-detail-image figure img {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
}
.rescue main {
  padding-bottom: 90px;
}
.rescue section {
  margin-bottom: 0;
  padding-bottom: 0;
}
.rescue .process {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .rescue .process {
    margin-bottom: 0;
  }
}
.rescue .heading-border-bottom {
  margin-bottom: 16px;
}
.rescue .rescue-box {
  padding: 20px;
  background: #EAFAFF;
  margin-top: 40px;
}
.rescue .rescue-box .heading-line {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .rescue .rescue-box h3 {
    margin-top: 24px;
  }
}
.rescue .rescue-box h3 .text-s {
  font-weight: bold;
}
.rescue .rescue-box .course-fee-box {
  background: #fff;
  margin-top: 24px;
}
.rescue .rescue-box .course-fee-box p {
  font-weight: bold;
}
.rescue .rescue-box .cf-item {
  background: #fff;
  padding: 16px;
}
.rescue .rescue-box .cf-item h4 {
  margin: 0;
}
.rescue .rescue-box .cf-item + .cf-item {
  border-top: 1px solid #D2D2D2;
}
.rescue .rescue-box .cf-item .text-s {
  font-weight: bold;
}
.rescue .license-steps-list .course-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 10px;
}
.rescue .license-steps-list .course-item:nth-child(2n):after {
  display: none;
}
@media (max-width: 767px) {
  .rescue .license-steps-list .course-item:nth-child(2n):after {
    display: block;
  }
}
.rescue .license-steps-list .course-item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 20px solid #6DC9F1;
  border-bottom: 15px solid transparent;
}
@media (max-width: 767px) {
  .rescue .license-steps-list .course-item:not(:last-child):after {
    top: calc(100% - 10px);
    left: 50%;
    right: auto;
    width: 0;
    height: 0;
    margin-left: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid #6DC9F1;
    border-bottom: 0 solid transparent;
  }
}
.rescue .license-steps-list .course-item .heading-line {
  margin-top: 20px;
  margin-bottom: 30px;
}
.rescue .license-steps-list .course-item ul.list-disc02 > li {
  padding-left: 20px;
}
.rescue .course-item {
  position: relative;
  border-radius: 30px;
  background: #fff;
  padding: 24px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.rescue .course-item.cc-lightblue {
  background: #EAFAFF;
}
.rescue .course-item p {
  font-weight: 500;
  line-height: 1.8;
}
.rescue .course-item figure {
  margin-bottom: 16px;
  margin-top: 16px;
}
.rescue .course-item figure img {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
}
.rescue .course-item .button {
  display: block;
  width: 100%;
  margin-top: 16px;
}
.rescue .course-item .btn-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.rescue .course-item .btn-wrap .button {
  display: block;
  width: 100%;
}
.rescue .conglaturation {
  padding: 40px 0;
  text-align: center;
}
.rescue .conglaturation .heading-line {
  color: #0F46A1;
}
.rescue .conglaturation .heading-line:before {
  background: #F6EF37;
}
.rescue .conglaturation figure {
  margin-bottom: 24px;
}
.rescue .conglaturation p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
}
.rescue .schedule {
  padding-top: 0;
}
@media (max-width: 767px) {
  .rescue .schedule {
    padding-bottom: 0;
  }
}
.rescue .schedule .apply-wrapper {
  margin-bottom: 150px;
}
@media (max-width: 767px) {
  .rescue .schedule .apply-wrapper {
    margin-bottom: 40px;
  }
}
.rescue .schedule .btn-wrap {
  margin-top: 40px;
}
.rescue .schedule-list .course-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .rescue .schedule-list .course-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .rescue #process .heading-line {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .rescue #schedule {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.rescue .steps-sub-title {
  font-weight: 700;
}
.rescue .heading-04 .heading-span {
  padding-left: 10px;
  font-size: 1.6rem;
  letter-spacing: 0.72px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .rescue .conglaturation-text {
    margin-top: 20px;
  }
}

.master main {
  padding-bottom: 90px;
}
.master section {
  margin-bottom: 0;
  padding-bottom: 0;
}
.master .process {
  margin-bottom: 40px;
}
.master .process .benefits-img {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.master .heading-border-bottom {
  margin-bottom: 16px;
  display: inline-block;
}
.master .master-box {
  padding: 20px;
  background: #EAFAFF;
  margin-top: 40px;
}
.master .master-box .heading-line {
  margin-bottom: 24px;
}
.master .master-box h3 {
  margin-top: 24px;
}
.master .master-box h3 .text-s {
  font-weight: bold;
}
.master .master-box .course-fee-box {
  background: #fff;
  margin-top: 24px;
}
.master .master-box .course-fee-box p {
  font-weight: bold;
}
.master .master-box .cf-item {
  background: #fff;
  padding: 16px;
}
.master .master-box .cf-item h4 {
  margin: 0;
}
.master .master-box .cf-item + .cf-item {
  border-top: 1px solid #D2D2D2;
}
.master .master-box .cf-item .text-s {
  font-weight: bold;
}
.master .schedule {
  padding-top: 0;
}
@media (max-width: 767px) {
  .master .schedule {
    padding-bottom: 0;
  }
}
.master .schedule .apply-wrapper {
  margin-bottom: 150px;
}
@media (max-width: 767px) {
  .master .schedule .apply-wrapper {
    margin-bottom: 40px;
  }
}
.master .schedule .btn-wrap {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .master #process .heading-line {
    margin-bottom: 0;
  }
}
.master #process p + p {
  margin-top: 5px;
}

.price-instructor main {
  padding-bottom: 90px;
}
.price-instructor section {
  margin-bottom: 0;
  padding-bottom: 0;
}
.price-instructor .process {
  margin-bottom: 40px;
}
.price-instructor .inner-nav-list {
  padding-left: 0;
  padding-right: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 768px) {
  .price-instructor .inner-nav-list ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
  }
}
.price-instructor .inner-nav-list ul > li {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
@media (min-width: 768px) {
  .price-instructor .inner-nav-list .button {
    padding-left: 20px;
    padding-right: 25px;
  }
}
.price-instructor .heading-border-bottom {
  margin-bottom: 16px;
}
.price-instructor .price-instructor-box {
  padding: 20px;
  background: #EAFAFF;
  margin-top: 40px;
}
.price-instructor .price-instructor-box .heading-line {
  margin-bottom: 24px;
}
.price-instructor .price-instructor-box h3 {
  margin-top: 24px;
}
.price-instructor .price-instructor-box h3 .text-s {
  font-weight: bold;
}
.price-instructor .price-instructor-box .course-fee-box {
  background: #fff;
  margin-top: 24px;
}
.price-instructor .price-instructor-box .course-fee-box p {
  font-weight: bold;
}
.price-instructor .price-instructor-box .cf-item {
  background: #fff;
  padding: 16px;
}
.price-instructor .price-instructor-box .cf-item h4 {
  margin: 0;
}
.price-instructor .price-instructor-box .cf-item + .cf-item {
  border-top: 1px solid #D2D2D2;
}
.price-instructor .price-instructor-box .cf-item .text-s {
  font-weight: bold;
}
.price-instructor .license-steps-list .course-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 10px;
}
.price-instructor .license-steps-list .course-item:nth-child(2n):after {
  display: none;
}
@media (max-width: 767px) {
  .price-instructor .license-steps-list .course-item:nth-child(2n):after {
    display: block;
  }
}
.price-instructor .license-steps-list .course-item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 20px solid #6DC9F1;
  border-bottom: 15px solid transparent;
}
@media (max-width: 767px) {
  .price-instructor .license-steps-list .course-item:not(:last-child):after {
    top: calc(100% - 10px);
    left: 50%;
    right: auto;
    width: 0;
    height: 0;
    margin-left: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid #6DC9F1;
    border-bottom: 0 solid transparent;
  }
}
.price-instructor .course-item {
  position: relative;
  border-radius: 30px;
  background: #fff;
  padding: 24px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.price-instructor .course-item.cc-lightblue {
  background: #EAFAFF;
}
.price-instructor .course-item p {
  font-weight: 500;
  line-height: 1.8;
}
.price-instructor .course-item figure {
  margin-bottom: 16px;
  margin-top: 16px;
}
.price-instructor .course-item .button {
  display: block;
  width: 100%;
  margin-top: 16px;
}
.price-instructor .course-item .btn-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.price-instructor .course-item .btn-wrap .button {
  display: block;
  width: 100%;
}
.price-instructor .graph-list {
  margin-top: 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .price-instructor .graph-list {
    margin-top: 30px;
  }
}
.price-instructor .graph-list .col {
  margin-top: 40px;
}
.price-instructor .graph-list .col p {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}
@media (max-width: 767px) {
  .price-instructor .graph-list .col p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.price-instructor .table-wrap {
  margin-bottom: 40px;
}
.price-instructor .table-wrap .text-s {
  font-weight: 400;
}
.price-instructor .table-wrap table tr td:first-child {
  width: 100px;
  background: #EAFAFF;
  font-weight: 700;
  vertical-align: top;
  padding-left: 8px;
  padding-right: 8px;
}
.price-instructor .conglaturation {
  padding: 40px 0;
  text-align: center;
  background: #0DAFE8;
  background: -webkit-gradient(linear, right top, left top, from(rgb(13, 175, 232)), color-stop(51%, rgb(69, 214, 226)), to(rgb(174, 228, 230)));
  background: linear-gradient(270deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
}
.price-instructor .conglaturation .heading-line {
  color: #fff;
}
.price-instructor .conglaturation .heading-line:before {
  background: #F6EF37;
}
.price-instructor .conglaturation figure {
  margin-bottom: 24px;
}
.price-instructor .conglaturation p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
}
.price-instructor .schedule {
  padding-top: 0;
}
@media (max-width: 767px) {
  .price-instructor .schedule {
    padding-bottom: 0;
  }
}
.price-instructor .schedule .apply-wrapper {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .price-instructor .schedule .apply-wrapper {
    margin-bottom: 40px;
  }
}
.price-instructor .schedule .btn-wrap {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .price-instructor .schedule img {
    width: 100%;
    height: 270px;
  }
}
.price-instructor .schedule-list .course-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .price-instructor .schedule-list .course-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .price-instructor #process .heading-line {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .price-instructor #schedule {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.price-instructor .text-title {
  font-size: 1.8rem;
}

.price-divemaster main {
  padding-bottom: 80px;
  margin-bottom: 150px;
}
@media (max-width: 767px) {
  .price-divemaster main {
    margin-bottom: 100px;
  }
}
.price-divemaster section {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.price-divemaster .inner-nav-list {
  padding-left: 0;
  padding-right: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 768px) {
  .price-divemaster .inner-nav-list ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
  }
}
.price-divemaster .inner-nav-list ul > li {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
@media (min-width: 768px) {
  .price-divemaster .inner-nav-list .button {
    padding-left: 20px;
    padding-right: 25px;
  }
}
.price-divemaster .heading-border-bottom {
  margin-bottom: 16px;
}
.price-divemaster .price-divemaster-box {
  padding: 20px;
  background: #EAFAFF;
  margin-top: 40px;
  /* Add to your CSS file */
}
.price-divemaster .price-divemaster-box .heading-line {
  margin-bottom: 24px;
}
.price-divemaster .price-divemaster-box h3 {
  margin-top: 24px;
}
.price-divemaster .price-divemaster-box h3 .text-s {
  font-weight: bold;
}
.price-divemaster .price-divemaster-box .course-fee-box {
  background: #fff;
  margin-top: 24px;
}
.price-divemaster .price-divemaster-box .course-fee-box p {
  font-weight: bold;
}
.price-divemaster .price-divemaster-box .cf-item {
  background: #fff;
  padding: 16px;
}
.price-divemaster .price-divemaster-box .cf-item h4 {
  margin: 0;
}
.price-divemaster .price-divemaster-box .cf-item + .cf-item {
  border-top: 1px solid #D2D2D2;
}
.price-divemaster .price-divemaster-box .cf-item .text-s {
  font-weight: bold;
}
.price-divemaster .price-divemaster-box .note-red {
  font-size: 0.7em;
  color: #d00;
}
.price-divemaster .license-steps-list .course-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 10px;
}
.price-divemaster .license-steps-list .course-item:nth-child(2n):after {
  display: none;
}
@media (max-width: 767px) {
  .price-divemaster .license-steps-list .course-item:nth-child(2n):after {
    display: block;
  }
}
.price-divemaster .license-steps-list .course-item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 20px solid #6DC9F1;
  border-bottom: 15px solid transparent;
}
@media (max-width: 767px) {
  .price-divemaster .license-steps-list .course-item:not(:last-child):after {
    top: calc(100% - 10px);
    left: 50%;
    right: auto;
    width: 0;
    height: 0;
    margin-left: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid #6DC9F1;
    border-bottom: 0 solid transparent;
  }
}
.price-divemaster .course-item {
  position: relative;
  border-radius: 30px;
  background: #fff;
  padding: 24px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.price-divemaster .course-item.cc-lightblue {
  background: #EAFAFF;
}
.price-divemaster .course-item p {
  font-weight: 500;
  line-height: 1.8;
}
.price-divemaster .course-item figure {
  margin-bottom: 16px;
  margin-top: 16px;
}
.price-divemaster .course-item .button {
  display: block;
  width: 100%;
  margin-top: 16px;
}
.price-divemaster .course-item .btn-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.price-divemaster .course-item .btn-wrap .button {
  display: block;
  width: 100%;
}
.price-divemaster .graph-list {
  margin-top: 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .price-divemaster .graph-list {
    margin-top: 30px;
  }
}
.price-divemaster .graph-list .col {
  margin-top: 40px;
}
.price-divemaster .graph-list .col p {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}
@media (max-width: 767px) {
  .price-divemaster .graph-list .col p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.price-divemaster .table-wrap {
  margin-bottom: 40px;
}
.price-divemaster .table-wrap .text-s {
  font-weight: 400;
}
.price-divemaster .table-wrap table tr td:first-child {
  width: 100px;
  background: #EAFAFF;
  font-weight: 700;
  vertical-align: top;
  padding-left: 8px;
  padding-right: 8px;
}
.price-divemaster .conglaturation {
  padding: 40px 0;
  text-align: center;
}
.price-divemaster .conglaturation .heading-line {
  color: #0F46A1;
}
.price-divemaster .conglaturation .heading-line:before {
  background: #F6EF37;
}
.price-divemaster .conglaturation figure {
  margin-bottom: 24px;
}
.price-divemaster .conglaturation p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
}
.price-divemaster .schedule {
  padding-top: 0;
}
@media (max-width: 767px) {
  .price-divemaster .schedule {
    padding-bottom: 40px;
  }
}
.price-divemaster .schedule .apply-wrapper {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .price-divemaster .schedule .apply-wrapper {
    margin-bottom: 40px;
  }
}
.price-divemaster .schedule .btn-wrap {
  margin-top: 40px;
}
.price-divemaster .schedule-list .course-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .price-divemaster .schedule-list .course-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .price-divemaster .process .heading-line {
    margin-bottom: 0;
  }
}
.price-divemaster .text-title {
  font-size: 1.8rem;
}

.price-original .course-intro {
  padding-bottom: 70px;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .price-original .course-intro {
    padding-bottom: 40px;
  }
}
.price-original .course-intro figure {
  margin-bottom: 40px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .price-original .course-intro figure {
    border-bottom: 1px solid #7C7669;
  }
}
.price-original .course-intro p {
  font-weight: 500;
}
.price-original .course-intro p a {
  color: #0F46A1;
}
@media (min-width: 992px) {
  .price-original .container-l {
    padding-left: 0;
    padding-right: 0;
  }
}
.price-original .inner-nav-list {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .price-original .inner-nav-list {
    padding-left: 0;
    padding-right: 0;
  }
}
.price-original .inner-nav-list .button.button-white.w-arrow-right {
  padding-left: 20px;
}
@media (min-width: 992px) {
  .price-original .inner-nav-list ul {
    gap: 10px;
  }
}
.price-original .inner-nav-list .button {
  font-size: 14px;
  font-size: 1.4rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.price-original h4.heading-04 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 14px;
}
.price-original .course-list > ul > li {
  margin-top: 40px;
}
.price-original .course-list > ul > li:first-child {
  margin-top: 12px;
  padding-top: 24px;
}
.price-original .course-list > ul > li figure {
  margin-bottom: 15px;
}
.price-original .course-list > ul > li .course-fees {
  border-top: none;
}
.price-original .course-list > ul > li .course-item {
  padding-top: 0;
}
.price-original .course-list p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
.price-original .course-list .course-item {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.price-original .course-list .apply-wrapper {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .price-original .course-list .apply-wrapper {
    margin-bottom: 0;
  }
}
.price-original .course-step-wrap {
  margin-top: 40px;
}
.price-original .course-step-wrap .course-step-list {
  margin-top: 24px;
}
.price-original .course-step-wrap .course-step-list img {
  width: 100%;
  height: auto;
}
.price-original .course-step-wrap .step-item {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .price-original .course-step-wrap .step-item {
    margin-top: 24px;
  }
}
.price-original .course-step-wrap .step-item .step-tag {
  display: inline-block;
  background: #02A8CD;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2px 8px;
}
.price-original .course-step-wrap .step-item figure {
  margin-top: 16px;
}
.price-original .course-step-wrap .step-item .heading-border-bottom {
  min-height: 50px;
}
@media (max-width: 767px) {
  .price-original .course-step-wrap .step-item .heading-border-bottom {
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.price-original .apply-wrapper {
  margin-bottom: 60px;
}
.price-original .step-up-course {
  padding: 40px 0;
  background: #0DAFE8;
  background: linear-gradient(178deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
}
.price-original .step-up-course .heading-line {
  color: #fff;
}
@media (max-width: 767px) {
  .price-original .step-up-course .heading-line {
    margin-bottom: 24px;
  }
}
.price-original .step-up-course .heading-line:before {
  background: #fff;
}
.price-original .step-up-course .course-card-list {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .price-original .step-up-course .course-card-list {
    margin-top: 24px;
  }
}
.price-original .course-card-list {
  margin-top: 24px;
  position: relative;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .price-original .course-card-list {
    padding-right: 40px;
  }
}
.price-original .course-item {
  position: relative;
  border-radius: 30px;
  background: #fff;
  padding: 24px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.price-original .course-item h4 {
  color: #203A72;
}
.price-original .course-item.cc-lightblue {
  background: #EAFAFF;
}
.price-original .course-item figure {
  margin-bottom: 16px;
}
.price-original .course-item .button {
  display: block;
  width: 100%;
  margin-top: 16px;
}
.price-original .course-item .btn-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.price-original .course-item .btn-wrap .button {
  display: block;
  width: 100%;
}
.price-original .course-item p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
@media (max-width: 990px) {
  .price-original .course-item p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.price-original .course-fees {
  padding-top: 16px;
  border-top: 1px solid #E9E8E5;
  margin-top: 16px;
  width: 100%;
}
.price-original .course-fees > li {
  margin-bottom: 13px;
}
@media (max-width: 990px) {
  .price-original .course-fees .col + .col {
    margin-left: 10px;
  }
}
.price-original .course-fees .course-fees-label {
  background: #02A8CD;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 2px 10px;
  font-weight: bold;
}
.price-original .course-fees .price-1, .price-original .course-fees .price-2 {
  font-weight: 700;
}
.price-original .course-fees .price-1 span, .price-original .course-fees .price-2 span {
  font-weight: 700;
}
.price-original .course-fees p + .price-2, .price-original .course-fees .price-2 + p {
  margin-top: 0;
}
.price-original .course-fees .price-1 {
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  display: inline-block;
}
.price-original .course-fees .price-1::before {
  position: absolute;
  display: inline-block;
  content: "";
  height: 1px;
  width: 100%;
  top: 50%;
  border-bottom: black 1px solid;
  left: -2px;
}
.price-original .course-fees .price-1 span {
  font-size: 9px;
  font-size: 0.9rem;
}
.price-original .course-fees .price-2 {
  font-size: 18px;
  font-size: 1.8rem;
}
.price-original .course-fees .price-2 span {
  font-size: 12px;
  font-size: 1.2rem;
}
.price-original .course-fees .price-detail {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}
.price-original .course-fees .price-detail + span {
  font-size: 12px;
  font-size: 1.2rem;
}
.price-original .professional-course {
  padding: 40px 0;
  background: #0DAFE8;
  background: -webkit-gradient(linear, right top, left top, from(rgb(13, 175, 232)), color-stop(51%, rgb(69, 214, 226)), to(rgb(174, 228, 230)));
  background: linear-gradient(270deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
}
.price-original .professional-course .heading-line {
  color: #fff;
}
.price-original .professional-course .heading-line:before {
  background: #fff;
}
@media (max-width: 767px) {
  .price-original .refresh-course .course-card-list {
    padding-right: 0;
  }
}
@media (max-width: 990px) {
  .price-original .step-up-course .col + .col, .price-original .professional-course .col + .col, .price-original .refresh-course .col + .col {
    margin-left: 0;
  }
}

.price-expansion .course-intro {
  padding-bottom: 70px;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .price-expansion .course-intro {
    padding-bottom: 40px;
  }
}
.price-expansion .course-intro figure {
  margin-bottom: 40px;
  padding-bottom: 40px;
  height: auto;
}
@media (max-width: 767px) {
  .price-expansion .course-intro figure {
    border-bottom: 1px solid #7C7669;
  }
}
.price-expansion .course-intro p {
  font-weight: 500;
}
.price-expansion .course-intro p a {
  color: #0F46A1;
}
@media (min-width: 992px) {
  .price-expansion .container-l {
    padding-left: 0;
    padding-right: 0;
  }
}
.price-expansion .inner-nav-list {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .price-expansion .inner-nav-list {
    padding-left: 0;
    padding-right: 0;
  }
}
.price-expansion .inner-nav-list .button.button-white.w-arrow-right {
  padding-left: 20px;
}
@media (min-width: 992px) {
  .price-expansion .inner-nav-list ul {
    gap: 10px;
  }
}
.price-expansion .inner-nav-list .button {
  font-size: 14px;
  font-size: 1.4rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.price-expansion h4.heading-04 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 14px;
}
.price-expansion h4.heading-04 .tag {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  background: #6DC9F1;
  border-radius: 20px;
  color: #fff;
  padding: 2px 10px;
}
.price-expansion .course-list > ul > li {
  margin-top: 40px;
}
.price-expansion .course-list > ul > li:first-child {
  margin-top: 12px;
  padding-top: 24px;
}
.price-expansion .course-list > ul > li figure {
  margin-bottom: 15px;
}
.price-expansion .course-list > ul > li .course-fees {
  border-top: none;
}
.price-expansion .course-list > ul > li .course-item {
  padding-top: 0;
}
.price-expansion .course-list p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
.price-expansion .course-list .course-item {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.price-expansion .course-list .apply-wrapper {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .price-expansion .course-list .apply-wrapper {
    margin-bottom: 0;
  }
}
.price-expansion .course-step-wrap {
  margin-top: 40px;
}
.price-expansion .course-step-wrap .course-step-list {
  margin-top: 24px;
}
.price-expansion .course-step-wrap .course-step-list img {
  width: 100%;
  height: auto;
}
.price-expansion .course-step-wrap .step-item {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .price-expansion .course-step-wrap .step-item {
    margin-top: 24px;
  }
}
.price-expansion .course-step-wrap .step-item .step-tag {
  display: inline-block;
  background: #02A8CD;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2px 8px;
}
.price-expansion .course-step-wrap .step-item figure {
  margin-top: 16px;
}
.price-expansion .course-step-wrap .step-item .heading-border-bottom {
  min-height: 50px;
}
@media (max-width: 767px) {
  .price-expansion .course-step-wrap .step-item .heading-border-bottom {
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.price-expansion .apply-wrapper {
  margin-bottom: 60px;
}
.price-expansion .step-up-course {
  padding: 40px 0;
  background: #0DAFE8;
  background: linear-gradient(178deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
}
.price-expansion .step-up-course .heading-line {
  color: #fff;
}
@media (max-width: 767px) {
  .price-expansion .step-up-course .heading-line {
    margin-bottom: 24px;
  }
}
.price-expansion .step-up-course .heading-line:before {
  background: #fff;
}
.price-expansion .step-up-course .course-card-list {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .price-expansion .step-up-course .course-card-list {
    margin-top: 24px;
  }
}
.price-expansion .course-card-list {
  margin-top: 24px;
  position: relative;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .price-expansion .course-card-list {
    padding-right: 40px;
  }
}
.price-expansion .course-item {
  position: relative;
  border-radius: 30px;
  background: #fff;
  padding: 24px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.price-expansion .course-item h4 {
  color: #203A72;
}
.price-expansion .course-item.cc-lightblue {
  background: #EAFAFF;
}
.price-expansion .course-item figure {
  margin-bottom: 16px;
}
.price-expansion .course-item .button {
  display: block;
  width: 100%;
  margin-top: 16px;
}
.price-expansion .course-item .btn-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.price-expansion .course-item .btn-wrap .button {
  display: block;
  width: 100%;
}
.price-expansion .course-item p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
@media (max-width: 990px) {
  .price-expansion .course-item p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.price-expansion .course-fees {
  padding-top: 16px;
  border-top: 1px solid #E9E8E5;
  margin-top: 16px;
  width: 100%;
}
.price-expansion .course-fees > li {
  margin-bottom: 13px;
}
@media (max-width: 990px) {
  .price-expansion .course-fees .col + .col {
    margin-left: 10px;
  }
}
.price-expansion .course-fees .course-fees-label {
  background: #02A8CD;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 2px 10px;
  font-weight: bold;
}
.price-expansion .course-fees .price-1, .price-expansion .course-fees .price-2 {
  font-weight: 700;
}
.price-expansion .course-fees .price-1 span, .price-expansion .course-fees .price-2 span {
  font-weight: 700;
}
.price-expansion .course-fees p + .price-2, .price-expansion .course-fees .price-2 + p {
  margin-top: 0;
}
.price-expansion .course-fees .price-1 {
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  display: inline-block;
}
.price-expansion .course-fees .price-1::before {
  position: absolute;
  display: inline-block;
  content: "";
  height: 1px;
  width: 100%;
  top: 50%;
  border-bottom: black 1px solid;
  left: -2px;
}
.price-expansion .course-fees .price-1 span {
  font-size: 9px;
  font-size: 0.9rem;
}
.price-expansion .course-fees .price-2 {
  font-size: 18px;
  font-size: 1.8rem;
}
.price-expansion .course-fees .price-2 span {
  font-size: 12px;
  font-size: 1.2rem;
}
.price-expansion .course-fees .price-detail {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}
.price-expansion .course-fees .price-detail + span {
  font-size: 12px;
  font-size: 1.2rem;
}
.price-expansion .professional-course {
  padding: 40px 0;
  background: #0DAFE8;
  background: -webkit-gradient(linear, right top, left top, from(rgb(13, 175, 232)), color-stop(51%, rgb(69, 214, 226)), to(rgb(174, 228, 230)));
  background: linear-gradient(270deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
}
.price-expansion .professional-course .heading-line {
  color: #fff;
}
.price-expansion .professional-course .heading-line:before {
  background: #fff;
}
@media (max-width: 767px) {
  .price-expansion .refresh-course .course-card-list {
    padding-right: 0;
  }
}
@media (max-width: 990px) {
  .price-expansion .step-up-course .col + .col, .price-expansion .professional-course .col + .col, .price-expansion .refresh-course .col + .col {
    margin-left: 0;
  }
}

.price-play .course-intro {
  padding-bottom: 70px;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .price-play .course-intro {
    padding-bottom: 40px;
  }
}
.price-play .course-intro figure {
  margin-bottom: 40px;
  padding-bottom: 40px;
  height: auto;
}
@media (max-width: 767px) {
  .price-play .course-intro figure {
    border-bottom: 1px solid #7C7669;
  }
}
.price-play .course-intro p {
  font-weight: 500;
}
.price-play .course-intro p a {
  color: #0F46A1;
}
@media (min-width: 992px) {
  .price-play .container-l {
    padding-left: 0;
    padding-right: 0;
  }
}
.price-play .inner-nav-list {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .price-play .inner-nav-list {
    padding-left: 0;
    padding-right: 0;
  }
}
.price-play .inner-nav-list .button.button-white.w-arrow-right {
  padding-left: 20px;
}
@media (min-width: 992px) {
  .price-play .inner-nav-list ul {
    gap: 10px;
  }
}
.price-play .inner-nav-list .button {
  font-size: 14px;
  font-size: 1.4rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.price-play h4.heading-04 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 14px;
}
.price-play h4.heading-04 .tag {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  background: #6DC9F1;
  border-radius: 20px;
  color: #fff;
  padding: 2px 10px;
}
.price-play .course-list > ul > li {
  margin-top: 40px;
}
.price-play .course-list > ul > li:first-child {
  margin-top: 12px;
  padding-top: 24px;
}
.price-play .course-list > ul > li figure {
  margin-bottom: 15px;
}
.price-play .course-list > ul > li .course-fees {
  border-top: none;
}
.price-play .course-list > ul > li .course-item {
  padding-top: 0;
}
.price-play .course-list p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
.price-play .course-list .course-item {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.price-play .course-list .apply-wrapper {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .price-play .course-list .apply-wrapper {
    margin-bottom: 0;
  }
}
.price-play .course-step-wrap {
  margin-top: 40px;
}
.price-play .course-step-wrap .course-step-list {
  margin-top: 24px;
}
.price-play .course-step-wrap .course-step-list img {
  width: 100%;
  height: auto;
}
.price-play .course-step-wrap .step-item {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .price-play .course-step-wrap .step-item {
    margin-top: 24px;
  }
}
.price-play .course-step-wrap .step-item .step-tag {
  display: inline-block;
  background: #02A8CD;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2px 8px;
}
.price-play .course-step-wrap .step-item figure {
  margin-top: 16px;
}
.price-play .course-step-wrap .step-item .heading-border-bottom {
  min-height: 50px;
}
@media (max-width: 767px) {
  .price-play .course-step-wrap .step-item .heading-border-bottom {
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.price-play .apply-wrapper {
  margin-bottom: 60px;
}
.price-play .step-up-course {
  padding: 40px 0;
  background: #0DAFE8;
  background: linear-gradient(178deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
}
.price-play .step-up-course .heading-line {
  color: #fff;
}
@media (max-width: 767px) {
  .price-play .step-up-course .heading-line {
    margin-bottom: 24px;
  }
}
.price-play .step-up-course .heading-line:before {
  background: #fff;
}
.price-play .step-up-course .course-card-list {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .price-play .step-up-course .course-card-list {
    margin-top: 24px;
  }
}
.price-play .course-card-list {
  margin-top: 24px;
  position: relative;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .price-play .course-card-list {
    padding-right: 40px;
  }
}
.price-play .course-item {
  position: relative;
  border-radius: 30px;
  background: #fff;
  padding: 24px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.price-play .course-item h4 {
  color: #203A72;
}
.price-play .course-item.cc-lightblue {
  background: #EAFAFF;
}
.price-play .course-item figure {
  margin-bottom: 16px;
}
.price-play .course-item .button {
  display: block;
  width: 100%;
  margin-top: 16px;
}
.price-play .course-item .btn-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.price-play .course-item .btn-wrap .button {
  display: block;
  width: 100%;
}
.price-play .course-item p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
@media (max-width: 990px) {
  .price-play .course-item p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.price-play .course-fees {
  padding-top: 16px;
  border-top: 1px solid #E9E8E5;
  margin-top: 16px;
  width: 100%;
}
.price-play .course-fees > li {
  margin-bottom: 13px;
}
@media (max-width: 990px) {
  .price-play .course-fees .col + .col {
    margin-left: 10px;
  }
}
.price-play .course-fees .course-fees-label {
  background: #02A8CD;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 2px 10px;
  font-weight: bold;
}
.price-play .course-fees .price-1, .price-play .course-fees .price-2 {
  font-weight: 700;
}
.price-play .course-fees .price-1 span, .price-play .course-fees .price-2 span {
  font-weight: 700;
}
.price-play .course-fees p + .price-2, .price-play .course-fees .price-2 + p {
  margin-top: 0;
}
.price-play .course-fees .price-1 {
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  display: inline-block;
}
.price-play .course-fees .price-1::before {
  position: absolute;
  display: inline-block;
  content: "";
  height: 1px;
  width: 100%;
  top: 50%;
  border-bottom: black 1px solid;
  left: -2px;
}
.price-play .course-fees .price-1 span {
  font-size: 9px;
  font-size: 0.9rem;
}
.price-play .course-fees .price-2 {
  font-size: 18px;
  font-size: 1.8rem;
}
.price-play .course-fees .price-2 span {
  font-size: 12px;
  font-size: 1.2rem;
}
.price-play .course-fees .price-detail {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}
.price-play .course-fees .price-detail + span {
  font-size: 12px;
  font-size: 1.2rem;
}
.price-play .professional-course {
  padding: 40px 0;
  background: #0DAFE8;
  background: -webkit-gradient(linear, right top, left top, from(rgb(13, 175, 232)), color-stop(51%, rgb(69, 214, 226)), to(rgb(174, 228, 230)));
  background: linear-gradient(270deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
}
.price-play .professional-course .heading-line {
  color: #fff;
}
.price-play .professional-course .heading-line:before {
  background: #fff;
}
@media (max-width: 767px) {
  .price-play .refresh-course .course-card-list {
    padding-right: 0;
  }
}
@media (max-width: 990px) {
  .price-play .step-up-course .col + .col, .price-play .professional-course .col + .col, .price-play .refresh-course .col + .col {
    margin-left: 0;
  }
}

.price-basics .course-intro {
  padding-bottom: 70px;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .price-basics .course-intro {
    padding-bottom: 40px;
  }
}
.price-basics .course-intro figure {
  margin-bottom: 40px;
  padding-bottom: 40px;
  height: auto;
}
@media (max-width: 767px) {
  .price-basics .course-intro figure {
    border-bottom: 1px solid #7C7669;
  }
}
.price-basics .course-intro p {
  font-weight: 500;
}
.price-basics .course-intro p a {
  color: #0F46A1;
}
@media (min-width: 992px) {
  .price-basics .container-l {
    padding-left: 0;
    padding-right: 0;
  }
}
.price-basics .inner-nav-list {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .price-basics .inner-nav-list {
    padding-left: 0;
    padding-right: 0;
  }
}
.price-basics .inner-nav-list .button.button-white.w-arrow-right {
  padding-left: 20px;
}
@media (min-width: 992px) {
  .price-basics .inner-nav-list ul {
    gap: 10px;
  }
}
.price-basics .inner-nav-list .button {
  font-size: 14px;
  font-size: 1.4rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.price-basics h4.heading-04 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 14px;
}
.price-basics h4.heading-04 .tag {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  background: #6DC9F1;
  border-radius: 20px;
  color: #fff;
  padding: 2px 10px;
}
.price-basics .course-list > ul > li {
  margin-top: 40px;
}
.price-basics .course-list > ul > li:first-child {
  margin-top: 12px;
  padding-top: 24px;
}
.price-basics .course-list > ul > li figure {
  margin-bottom: 15px;
}
.price-basics .course-list > ul > li .course-fees {
  border-top: none;
}
.price-basics .course-list > ul > li .course-item {
  padding-top: 0;
}
.price-basics .course-list p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
.price-basics .course-list .course-item {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.price-basics .course-list .apply-wrapper {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .price-basics .course-list .apply-wrapper {
    margin-bottom: 0;
  }
}
.price-basics .course-step-wrap {
  margin-top: 40px;
}
.price-basics .course-step-wrap .course-step-list {
  margin-top: 24px;
}
.price-basics .course-step-wrap .course-step-list img {
  width: 100%;
  height: auto;
}
.price-basics .course-step-wrap .step-item {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .price-basics .course-step-wrap .step-item {
    margin-top: 24px;
  }
}
.price-basics .course-step-wrap .step-item .step-tag {
  display: inline-block;
  background: #02A8CD;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2px 8px;
}
.price-basics .course-step-wrap .step-item figure {
  margin-top: 16px;
}
.price-basics .course-step-wrap .step-item .heading-border-bottom {
  min-height: 50px;
}
@media (max-width: 767px) {
  .price-basics .course-step-wrap .step-item .heading-border-bottom {
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.price-basics .apply-wrapper {
  margin-bottom: 60px;
}
.price-basics .step-up-course {
  padding: 40px 0;
  background: #0DAFE8;
  background: linear-gradient(178deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
}
.price-basics .step-up-course .heading-line {
  color: #fff;
}
@media (max-width: 767px) {
  .price-basics .step-up-course .heading-line {
    margin-bottom: 24px;
  }
}
.price-basics .step-up-course .heading-line:before {
  background: #fff;
}
.price-basics .step-up-course .course-card-list {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .price-basics .step-up-course .course-card-list {
    margin-top: 24px;
  }
}
.price-basics .course-card-list {
  margin-top: 24px;
  position: relative;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .price-basics .course-card-list {
    padding-right: 40px;
  }
}
.price-basics .course-item {
  position: relative;
  border-radius: 30px;
  background: #fff;
  padding: 24px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.price-basics .course-item h4 {
  color: #203A72;
}
.price-basics .course-item.cc-lightblue {
  background: #EAFAFF;
}
.price-basics .course-item figure {
  margin-bottom: 16px;
}
.price-basics .course-item .button {
  display: block;
  width: 100%;
  margin-top: 16px;
}
.price-basics .course-item .btn-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.price-basics .course-item .btn-wrap .button {
  display: block;
  width: 100%;
}
.price-basics .course-item p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
@media (max-width: 990px) {
  .price-basics .course-item p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.price-basics .course-fees {
  padding-top: 16px;
  border-top: 1px solid #E9E8E5;
  margin-top: 16px;
  width: 100%;
}
.price-basics .course-fees > li {
  margin-bottom: 13px;
}
@media (max-width: 990px) {
  .price-basics .course-fees .col + .col {
    margin-left: 10px;
  }
}
.price-basics .course-fees .course-fees-label {
  background: #02A8CD;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 2px 10px;
  font-weight: bold;
}
.price-basics .course-fees .price-1, .price-basics .course-fees .price-2 {
  font-weight: 700;
}
.price-basics .course-fees .price-1 span, .price-basics .course-fees .price-2 span {
  font-weight: 700;
}
.price-basics .course-fees p + .price-2, .price-basics .course-fees .price-2 + p {
  margin-top: 0;
}
.price-basics .course-fees .price-1 {
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  display: inline-block;
}
.price-basics .course-fees .price-1::before {
  position: absolute;
  display: inline-block;
  content: "";
  height: 1px;
  width: 100%;
  top: 50%;
  border-bottom: black 1px solid;
  left: -2px;
}
.price-basics .course-fees .price-1 span {
  font-size: 9px;
  font-size: 0.9rem;
}
.price-basics .course-fees .price-2 {
  font-size: 18px;
  font-size: 1.8rem;
}
.price-basics .course-fees .price-2 span {
  font-size: 12px;
  font-size: 1.2rem;
}
.price-basics .course-fees .price-detail {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}
.price-basics .course-fees .price-detail + span {
  font-size: 12px;
  font-size: 1.2rem;
}
.price-basics .professional-course {
  padding: 40px 0;
  background: #0DAFE8;
  background: -webkit-gradient(linear, right top, left top, from(rgb(13, 175, 232)), color-stop(51%, rgb(69, 214, 226)), to(rgb(174, 228, 230)));
  background: linear-gradient(270deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
}
.price-basics .professional-course .heading-line {
  color: #fff;
}
.price-basics .professional-course .heading-line:before {
  background: #fff;
}
@media (max-width: 767px) {
  .price-basics .refresh-course .course-card-list {
    padding-right: 0;
  }
}
@media (max-width: 990px) {
  .price-basics .step-up-course .col + .col, .price-basics .professional-course .col + .col, .price-basics .refresh-course .col + .col {
    margin-left: 0;
  }
}

.ikebukuro-achievements .achievement-data-list, .osaka-achievements .achievement-data-list, .shinjuku-achievements .achievement-data-list, .tokyo-achievements .achievement-data-list, .yokohama-achievements .achievement-data-list, .nagoya-achievements .achievement-data-list, .fukuoka-achievements .achievement-data-list {
  width: 100%;
  max-width: 700px;
  margin: 0 10px;
  font-size: 16px;
}
.ikebukuro-achievements .achievement-data-list .timeline-list, .osaka-achievements .achievement-data-list .timeline-list, .shinjuku-achievements .achievement-data-list .timeline-list, .tokyo-achievements .achievement-data-list .timeline-list, .yokohama-achievements .achievement-data-list .timeline-list, .nagoya-achievements .achievement-data-list .timeline-list, .fukuoka-achievements .achievement-data-list .timeline-list {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 4fr;
  row-gap: 0;
}
.ikebukuro-achievements .achievement-data-list .timeline-list li, .osaka-achievements .achievement-data-list .timeline-list li, .shinjuku-achievements .achievement-data-list .timeline-list li, .tokyo-achievements .achievement-data-list .timeline-list li, .yokohama-achievements .achievement-data-list .timeline-list li, .nagoya-achievements .achievement-data-list .timeline-list li, .fukuoka-achievements .achievement-data-list .timeline-list li {
  display: contents;
}
.ikebukuro-achievements .achievement-data-list .c-title, .osaka-achievements .achievement-data-list .c-title, .shinjuku-achievements .achievement-data-list .c-title, .tokyo-achievements .achievement-data-list .c-title, .yokohama-achievements .achievement-data-list .c-title, .nagoya-achievements .achievement-data-list .c-title, .fukuoka-achievements .achievement-data-list .c-title {
  font-weight: bold;
  color: #222;
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
  background: none;
  text-align: left;
  font-size: 16px;
}
.ikebukuro-achievements .achievement-data-list .c-detail, .osaka-achievements .achievement-data-list .c-detail, .shinjuku-achievements .achievement-data-list .c-detail, .tokyo-achievements .achievement-data-list .c-detail, .yokohama-achievements .achievement-data-list .c-detail, .nagoya-achievements .achievement-data-list .c-detail, .fukuoka-achievements .achievement-data-list .c-detail {
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
  color: #222;
  background: none;
  text-align: left;
  font-size: 16px;
}
@media (max-width: 767px) {
  .ikebukuro-achievements .achievement-data-list, .osaka-achievements .achievement-data-list, .shinjuku-achievements .achievement-data-list, .tokyo-achievements .achievement-data-list, .yokohama-achievements .achievement-data-list, .nagoya-achievements .achievement-data-list, .fukuoka-achievements .achievement-data-list {
    max-width: 100%;
    font-size: 14px;
  }
  .ikebukuro-achievements .achievement-data-list .timeline-list, .osaka-achievements .achievement-data-list .timeline-list, .shinjuku-achievements .achievement-data-list .timeline-list, .tokyo-achievements .achievement-data-list .timeline-list, .yokohama-achievements .achievement-data-list .timeline-list, .nagoya-achievements .achievement-data-list .timeline-list, .fukuoka-achievements .achievement-data-list .timeline-list {
    display: block;
  }
  .ikebukuro-achievements .achievement-data-list .timeline-list li, .osaka-achievements .achievement-data-list .timeline-list li, .shinjuku-achievements .achievement-data-list .timeline-list li, .tokyo-achievements .achievement-data-list .timeline-list li, .yokohama-achievements .achievement-data-list .timeline-list li, .nagoya-achievements .achievement-data-list .timeline-list li, .fukuoka-achievements .achievement-data-list .timeline-list li {
    display: block;
  }
  .ikebukuro-achievements .achievement-data-list .c-title, .ikebukuro-achievements .achievement-data-list .c-detail, .osaka-achievements .achievement-data-list .c-title, .osaka-achievements .achievement-data-list .c-detail, .shinjuku-achievements .achievement-data-list .c-title, .shinjuku-achievements .achievement-data-list .c-detail, .tokyo-achievements .achievement-data-list .c-title, .tokyo-achievements .achievement-data-list .c-detail, .yokohama-achievements .achievement-data-list .c-title, .yokohama-achievements .achievement-data-list .c-detail, .nagoya-achievements .achievement-data-list .c-title, .nagoya-achievements .achievement-data-list .c-detail, .fukuoka-achievements .achievement-data-list .c-title, .fukuoka-achievements .achievement-data-list .c-detail {
    display: block;
    width: 100%;
    margin: 0;
    border-bottom: none;
    font-size: 14px;
  }
  .ikebukuro-achievements .achievement-data-list .c-title, .osaka-achievements .achievement-data-list .c-title, .shinjuku-achievements .achievement-data-list .c-title, .tokyo-achievements .achievement-data-list .c-title, .yokohama-achievements .achievement-data-list .c-title, .nagoya-achievements .achievement-data-list .c-title, .fukuoka-achievements .achievement-data-list .c-title {
    font-weight: bold;
    margin-bottom: 0.2em;
    border-bottom: none;
    padding-bottom: 0;
  }
  .ikebukuro-achievements .achievement-data-list .c-detail, .osaka-achievements .achievement-data-list .c-detail, .shinjuku-achievements .achievement-data-list .c-detail, .tokyo-achievements .achievement-data-list .c-detail, .yokohama-achievements .achievement-data-list .c-detail, .nagoya-achievements .achievement-data-list .c-detail, .fukuoka-achievements .achievement-data-list .c-detail {
    margin-bottom: 1.2em;
    padding-left: 0;
    border-bottom: 1px solid #e5e5e5;
  }
}
.ikebukuro-achievements .achievement-merit-list, .osaka-achievements .achievement-merit-list, .shinjuku-achievements .achievement-merit-list, .tokyo-achievements .achievement-merit-list, .yokohama-achievements .achievement-merit-list, .nagoya-achievements .achievement-merit-list, .fukuoka-achievements .achievement-merit-list {
  margin-top: 20px;
}
.ikebukuro-achievements .ikebukuro-achievements-section, .osaka-achievements .ikebukuro-achievements-section, .shinjuku-achievements .ikebukuro-achievements-section, .tokyo-achievements .ikebukuro-achievements-section, .yokohama-achievements .ikebukuro-achievements-section, .nagoya-achievements .ikebukuro-achievements-section, .fukuoka-achievements .ikebukuro-achievements-section {
  padding-top: 60px;
}
.ikebukuro-achievements .btn-wrap, .osaka-achievements .btn-wrap, .shinjuku-achievements .btn-wrap, .tokyo-achievements .btn-wrap, .yokohama-achievements .btn-wrap, .nagoya-achievements .btn-wrap, .fukuoka-achievements .btn-wrap {
  margin-top: 40px;
}
.ikebukuro-achievements .btn-wrap .button, .osaka-achievements .btn-wrap .button, .shinjuku-achievements .btn-wrap .button, .tokyo-achievements .btn-wrap .button, .yokohama-achievements .btn-wrap .button, .nagoya-achievements .btn-wrap .button, .fukuoka-achievements .btn-wrap .button {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ikebukuro-achievements .detailed-text, .osaka-achievements .detailed-text, .shinjuku-achievements .detailed-text, .tokyo-achievements .detailed-text, .yokohama-achievements .detailed-text, .nagoya-achievements .detailed-text, .fukuoka-achievements .detailed-text {
  margin-bottom: 80px;
}
.ikebukuro-achievements .detailed-text figure > img, .osaka-achievements .detailed-text figure > img, .shinjuku-achievements .detailed-text figure > img, .tokyo-achievements .detailed-text figure > img, .yokohama-achievements .detailed-text figure > img, .nagoya-achievements .detailed-text figure > img, .fukuoka-achievements .detailed-text figure > img {
  max-width: 800px;
}
@media (max-width: 990px) {
  .ikebukuro-achievements .detailed-text figure > img, .osaka-achievements .detailed-text figure > img, .shinjuku-achievements .detailed-text figure > img, .tokyo-achievements .detailed-text figure > img, .yokohama-achievements .detailed-text figure > img, .nagoya-achievements .detailed-text figure > img, .fukuoka-achievements .detailed-text figure > img {
    max-width: 100%;
  }
}
.ikebukuro-achievements .reason-title-count, .osaka-achievements .reason-title-count, .shinjuku-achievements .reason-title-count, .tokyo-achievements .reason-title-count, .yokohama-achievements .reason-title-count, .nagoya-achievements .reason-title-count, .fukuoka-achievements .reason-title-count {
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #0F46A1;
  margin-top: 24px;
  margin-bottom: 16px;
  letter-spacing: -0.4px;
}
.ikebukuro-achievements .reason-title-count .rtc-text, .osaka-achievements .reason-title-count .rtc-text, .shinjuku-achievements .reason-title-count .rtc-text, .tokyo-achievements .reason-title-count .rtc-text, .yokohama-achievements .reason-title-count .rtc-text, .nagoya-achievements .reason-title-count .rtc-text, .fukuoka-achievements .reason-title-count .rtc-text {
  display: block;
  font-family: "Poppins", sans-serif;
  color: #02A8CD;
  font-weight: 500;
  text-align: center;
  margin-bottom: 5px;
}
.ikebukuro-achievements .reason-title-count .rtc-s, .osaka-achievements .reason-title-count .rtc-s, .shinjuku-achievements .reason-title-count .rtc-s, .tokyo-achievements .reason-title-count .rtc-s, .yokohama-achievements .reason-title-count .rtc-s, .nagoya-achievements .reason-title-count .rtc-s, .fukuoka-achievements .reason-title-count .rtc-s {
  font-size: 10px;
  font-size: 1rem;
}
.ikebukuro-achievements .reason-title-count .rtc-m, .osaka-achievements .reason-title-count .rtc-m, .shinjuku-achievements .reason-title-count .rtc-m, .tokyo-achievements .reason-title-count .rtc-m, .yokohama-achievements .reason-title-count .rtc-m, .nagoya-achievements .reason-title-count .rtc-m, .fukuoka-achievements .reason-title-count .rtc-m {
  font-size: 16px;
  font-size: 1.6rem;
}
.ikebukuro-achievements .reason-title-count .rtc-l, .osaka-achievements .reason-title-count .rtc-l, .shinjuku-achievements .reason-title-count .rtc-l, .tokyo-achievements .reason-title-count .rtc-l, .yokohama-achievements .reason-title-count .rtc-l, .nagoya-achievements .reason-title-count .rtc-l, .fukuoka-achievements .reason-title-count .rtc-l {
  font-size: 24px;
  font-size: 2.4rem;
}
.ikebukuro-achievements .reason-title-count .rtc-xl, .osaka-achievements .reason-title-count .rtc-xl, .shinjuku-achievements .reason-title-count .rtc-xl, .tokyo-achievements .reason-title-count .rtc-xl, .yokohama-achievements .reason-title-count .rtc-xl, .nagoya-achievements .reason-title-count .rtc-xl, .fukuoka-achievements .reason-title-count .rtc-xl {
  font-size: 32px;
  font-size: 3.2rem;
}
.ikebukuro-achievements .apply-wrapper, .osaka-achievements .apply-wrapper, .shinjuku-achievements .apply-wrapper, .tokyo-achievements .apply-wrapper, .yokohama-achievements .apply-wrapper, .nagoya-achievements .apply-wrapper, .fukuoka-achievements .apply-wrapper {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media (max-width: 990px) {
  .ikebukuro-achievements .apply-wrapper, .osaka-achievements .apply-wrapper, .shinjuku-achievements .apply-wrapper, .tokyo-achievements .apply-wrapper, .yokohama-achievements .apply-wrapper, .nagoya-achievements .apply-wrapper, .fukuoka-achievements .apply-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.ikebukuro-achievements .apply-wrapper2, .osaka-achievements .apply-wrapper2, .shinjuku-achievements .apply-wrapper2, .tokyo-achievements .apply-wrapper2, .yokohama-achievements .apply-wrapper2, .nagoya-achievements .apply-wrapper2, .fukuoka-achievements .apply-wrapper2 {
  margin-bottom: 120px;
}
@media (max-width: 990px) {
  .ikebukuro-achievements .apply-wrapper2, .osaka-achievements .apply-wrapper2, .shinjuku-achievements .apply-wrapper2, .tokyo-achievements .apply-wrapper2, .yokohama-achievements .apply-wrapper2, .nagoya-achievements .apply-wrapper2, .fukuoka-achievements .apply-wrapper2 {
    margin-bottom: 40px;
  }
}
.ikebukuro-achievements .reason-card, .osaka-achievements .reason-card, .shinjuku-achievements .reason-card, .tokyo-achievements .reason-card, .yokohama-achievements .reason-card, .nagoya-achievements .reason-card, .fukuoka-achievements .reason-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ikebukuro-achievements .reason-card .button, .osaka-achievements .reason-card .button, .shinjuku-achievements .reason-card .button, .tokyo-achievements .reason-card .button, .yokohama-achievements .reason-card .button, .nagoya-achievements .reason-card .button, .fukuoka-achievements .reason-card .button {
  margin-top: 30px;
}
.ikebukuro-achievements .card-title, .osaka-achievements .card-title, .shinjuku-achievements .card-title, .tokyo-achievements .card-title, .yokohama-achievements .card-title, .nagoya-achievements .card-title, .fukuoka-achievements .card-title {
  text-align: center;
  line-height: 42px;
  margin-top: 13px;
}
.ikebukuro-achievements .card-title span, .osaka-achievements .card-title span, .shinjuku-achievements .card-title span, .tokyo-achievements .card-title span, .yokohama-achievements .card-title span, .nagoya-achievements .card-title span, .fukuoka-achievements .card-title span {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.72px;
  color: #595959;
}
.ikebukuro-achievements .card-title .highlight, .osaka-achievements .card-title .highlight, .shinjuku-achievements .card-title .highlight, .tokyo-achievements .card-title .highlight, .yokohama-achievements .card-title .highlight, .nagoya-achievements .card-title .highlight, .fukuoka-achievements .card-title .highlight {
  font-size: 24px;
  font-size: 2.4rem;
  color: #0F46A1;
  letter-spacing: 0.96px;
  background-color: initial;
}
.ikebukuro-achievements .card-details p, .osaka-achievements .card-details p, .shinjuku-achievements .card-details p, .tokyo-achievements .card-details p, .yokohama-achievements .card-details p, .nagoya-achievements .card-details p, .fukuoka-achievements .card-details p {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
  letter-spacing: 0px;
  line-height: 1.7;
}
@media (max-width: 990px) {
  .ikebukuro-achievements .card-details p, .osaka-achievements .card-details p, .shinjuku-achievements .card-details p, .tokyo-achievements .card-details p, .yokohama-achievements .card-details p, .nagoya-achievements .card-details p, .fukuoka-achievements .card-details p {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.ikebukuro-achievements .card-details .card-btn, .osaka-achievements .card-details .card-btn, .shinjuku-achievements .card-details .card-btn, .tokyo-achievements .card-details .card-btn, .yokohama-achievements .card-details .card-btn, .nagoya-achievements .card-details .card-btn, .fukuoka-achievements .card-details .card-btn {
  margin-top: 24px;
}
.ikebukuro-achievements .icon-title-sign, .osaka-achievements .icon-title-sign, .shinjuku-achievements .icon-title-sign, .tokyo-achievements .icon-title-sign, .yokohama-achievements .icon-title-sign, .nagoya-achievements .icon-title-sign, .fukuoka-achievements .icon-title-sign {
  position: relative;
}
.ikebukuro-achievements .icon-title-sign::before, .osaka-achievements .icon-title-sign::before, .shinjuku-achievements .icon-title-sign::before, .tokyo-achievements .icon-title-sign::before, .yokohama-achievements .icon-title-sign::before, .nagoya-achievements .icon-title-sign::before, .fukuoka-achievements .icon-title-sign::before {
  position: absolute;
  content: "";
  top: -11px;
  right: -35px;
  width: 30px;
  height: 30px;
  background: url("/assets/images/common/icon_title_sign.svg") center/contain no-repeat;
  z-index: 1;
}
.ikebukuro-achievements .ikebukuro-achievements-swiper .swiper-slide, .ikebukuro-achievements .osaka-achievements-swiper .swiper-slide, .ikebukuro-achievements .shinjuku-achievements-swiper .swiper-slide, .ikebukuro-achievements .tokyo-achievements-swiper .swiper-slide, .ikebukuro-achievements .yokohama-achievements-swiper .swiper-slide, .ikebukuro-achievements .nagoya-achievements-swiper .swiper-slide, .ikebukuro-achievements .fukuoka-achievements-swiper .swiper-slide, .osaka-achievements .ikebukuro-achievements-swiper .swiper-slide, .osaka-achievements .osaka-achievements-swiper .swiper-slide, .osaka-achievements .shinjuku-achievements-swiper .swiper-slide, .osaka-achievements .tokyo-achievements-swiper .swiper-slide, .osaka-achievements .yokohama-achievements-swiper .swiper-slide, .osaka-achievements .nagoya-achievements-swiper .swiper-slide, .osaka-achievements .fukuoka-achievements-swiper .swiper-slide, .shinjuku-achievements .ikebukuro-achievements-swiper .swiper-slide, .shinjuku-achievements .osaka-achievements-swiper .swiper-slide, .shinjuku-achievements .shinjuku-achievements-swiper .swiper-slide, .shinjuku-achievements .tokyo-achievements-swiper .swiper-slide, .shinjuku-achievements .yokohama-achievements-swiper .swiper-slide, .shinjuku-achievements .nagoya-achievements-swiper .swiper-slide, .shinjuku-achievements .fukuoka-achievements-swiper .swiper-slide, .tokyo-achievements .ikebukuro-achievements-swiper .swiper-slide, .tokyo-achievements .osaka-achievements-swiper .swiper-slide, .tokyo-achievements .shinjuku-achievements-swiper .swiper-slide, .tokyo-achievements .tokyo-achievements-swiper .swiper-slide, .tokyo-achievements .yokohama-achievements-swiper .swiper-slide, .tokyo-achievements .nagoya-achievements-swiper .swiper-slide, .tokyo-achievements .fukuoka-achievements-swiper .swiper-slide, .yokohama-achievements .ikebukuro-achievements-swiper .swiper-slide, .yokohama-achievements .osaka-achievements-swiper .swiper-slide, .yokohama-achievements .shinjuku-achievements-swiper .swiper-slide, .yokohama-achievements .tokyo-achievements-swiper .swiper-slide, .yokohama-achievements .yokohama-achievements-swiper .swiper-slide, .yokohama-achievements .nagoya-achievements-swiper .swiper-slide, .yokohama-achievements .fukuoka-achievements-swiper .swiper-slide, .nagoya-achievements .ikebukuro-achievements-swiper .swiper-slide, .nagoya-achievements .osaka-achievements-swiper .swiper-slide, .nagoya-achievements .shinjuku-achievements-swiper .swiper-slide, .nagoya-achievements .tokyo-achievements-swiper .swiper-slide, .nagoya-achievements .yokohama-achievements-swiper .swiper-slide, .nagoya-achievements .nagoya-achievements-swiper .swiper-slide, .nagoya-achievements .fukuoka-achievements-swiper .swiper-slide, .fukuoka-achievements .ikebukuro-achievements-swiper .swiper-slide, .fukuoka-achievements .osaka-achievements-swiper .swiper-slide, .fukuoka-achievements .shinjuku-achievements-swiper .swiper-slide, .fukuoka-achievements .tokyo-achievements-swiper .swiper-slide, .fukuoka-achievements .yokohama-achievements-swiper .swiper-slide, .fukuoka-achievements .nagoya-achievements-swiper .swiper-slide, .fukuoka-achievements .fukuoka-achievements-swiper .swiper-slide {
  position: relative;
  padding-bottom: 95px;
  height: auto;
}
.ikebukuro-achievements .ikebukuro-achievements-swiper .reason-card, .ikebukuro-achievements .osaka-achievements-swiper .reason-card, .ikebukuro-achievements .shinjuku-achievements-swiper .reason-card, .ikebukuro-achievements .tokyo-achievements-swiper .reason-card, .ikebukuro-achievements .yokohama-achievements-swiper .reason-card, .ikebukuro-achievements .nagoya-achievements-swiper .reason-card, .ikebukuro-achievements .fukuoka-achievements-swiper .reason-card, .osaka-achievements .ikebukuro-achievements-swiper .reason-card, .osaka-achievements .osaka-achievements-swiper .reason-card, .osaka-achievements .shinjuku-achievements-swiper .reason-card, .osaka-achievements .tokyo-achievements-swiper .reason-card, .osaka-achievements .yokohama-achievements-swiper .reason-card, .osaka-achievements .nagoya-achievements-swiper .reason-card, .osaka-achievements .fukuoka-achievements-swiper .reason-card, .shinjuku-achievements .ikebukuro-achievements-swiper .reason-card, .shinjuku-achievements .osaka-achievements-swiper .reason-card, .shinjuku-achievements .shinjuku-achievements-swiper .reason-card, .shinjuku-achievements .tokyo-achievements-swiper .reason-card, .shinjuku-achievements .yokohama-achievements-swiper .reason-card, .shinjuku-achievements .nagoya-achievements-swiper .reason-card, .shinjuku-achievements .fukuoka-achievements-swiper .reason-card, .tokyo-achievements .ikebukuro-achievements-swiper .reason-card, .tokyo-achievements .osaka-achievements-swiper .reason-card, .tokyo-achievements .shinjuku-achievements-swiper .reason-card, .tokyo-achievements .tokyo-achievements-swiper .reason-card, .tokyo-achievements .yokohama-achievements-swiper .reason-card, .tokyo-achievements .nagoya-achievements-swiper .reason-card, .tokyo-achievements .fukuoka-achievements-swiper .reason-card, .yokohama-achievements .ikebukuro-achievements-swiper .reason-card, .yokohama-achievements .osaka-achievements-swiper .reason-card, .yokohama-achievements .shinjuku-achievements-swiper .reason-card, .yokohama-achievements .tokyo-achievements-swiper .reason-card, .yokohama-achievements .yokohama-achievements-swiper .reason-card, .yokohama-achievements .nagoya-achievements-swiper .reason-card, .yokohama-achievements .fukuoka-achievements-swiper .reason-card, .nagoya-achievements .ikebukuro-achievements-swiper .reason-card, .nagoya-achievements .osaka-achievements-swiper .reason-card, .nagoya-achievements .shinjuku-achievements-swiper .reason-card, .nagoya-achievements .tokyo-achievements-swiper .reason-card, .nagoya-achievements .yokohama-achievements-swiper .reason-card, .nagoya-achievements .nagoya-achievements-swiper .reason-card, .nagoya-achievements .fukuoka-achievements-swiper .reason-card, .fukuoka-achievements .ikebukuro-achievements-swiper .reason-card, .fukuoka-achievements .osaka-achievements-swiper .reason-card, .fukuoka-achievements .shinjuku-achievements-swiper .reason-card, .fukuoka-achievements .tokyo-achievements-swiper .reason-card, .fukuoka-achievements .yokohama-achievements-swiper .reason-card, .fukuoka-achievements .nagoya-achievements-swiper .reason-card, .fukuoka-achievements .fukuoka-achievements-swiper .reason-card {
  position: static;
}
.ikebukuro-achievements .ikebukuro-achievements-swiper .card-details p, .ikebukuro-achievements .osaka-achievements-swiper .card-details p, .ikebukuro-achievements .shinjuku-achievements-swiper .card-details p, .ikebukuro-achievements .tokyo-achievements-swiper .card-details p, .ikebukuro-achievements .yokohama-achievements-swiper .card-details p, .ikebukuro-achievements .nagoya-achievements-swiper .card-details p, .ikebukuro-achievements .fukuoka-achievements-swiper .card-details p, .osaka-achievements .ikebukuro-achievements-swiper .card-details p, .osaka-achievements .osaka-achievements-swiper .card-details p, .osaka-achievements .shinjuku-achievements-swiper .card-details p, .osaka-achievements .tokyo-achievements-swiper .card-details p, .osaka-achievements .yokohama-achievements-swiper .card-details p, .osaka-achievements .nagoya-achievements-swiper .card-details p, .osaka-achievements .fukuoka-achievements-swiper .card-details p, .shinjuku-achievements .ikebukuro-achievements-swiper .card-details p, .shinjuku-achievements .osaka-achievements-swiper .card-details p, .shinjuku-achievements .shinjuku-achievements-swiper .card-details p, .shinjuku-achievements .tokyo-achievements-swiper .card-details p, .shinjuku-achievements .yokohama-achievements-swiper .card-details p, .shinjuku-achievements .nagoya-achievements-swiper .card-details p, .shinjuku-achievements .fukuoka-achievements-swiper .card-details p, .tokyo-achievements .ikebukuro-achievements-swiper .card-details p, .tokyo-achievements .osaka-achievements-swiper .card-details p, .tokyo-achievements .shinjuku-achievements-swiper .card-details p, .tokyo-achievements .tokyo-achievements-swiper .card-details p, .tokyo-achievements .yokohama-achievements-swiper .card-details p, .tokyo-achievements .nagoya-achievements-swiper .card-details p, .tokyo-achievements .fukuoka-achievements-swiper .card-details p, .yokohama-achievements .ikebukuro-achievements-swiper .card-details p, .yokohama-achievements .osaka-achievements-swiper .card-details p, .yokohama-achievements .shinjuku-achievements-swiper .card-details p, .yokohama-achievements .tokyo-achievements-swiper .card-details p, .yokohama-achievements .yokohama-achievements-swiper .card-details p, .yokohama-achievements .nagoya-achievements-swiper .card-details p, .yokohama-achievements .fukuoka-achievements-swiper .card-details p, .nagoya-achievements .ikebukuro-achievements-swiper .card-details p, .nagoya-achievements .osaka-achievements-swiper .card-details p, .nagoya-achievements .shinjuku-achievements-swiper .card-details p, .nagoya-achievements .tokyo-achievements-swiper .card-details p, .nagoya-achievements .yokohama-achievements-swiper .card-details p, .nagoya-achievements .nagoya-achievements-swiper .card-details p, .nagoya-achievements .fukuoka-achievements-swiper .card-details p, .fukuoka-achievements .ikebukuro-achievements-swiper .card-details p, .fukuoka-achievements .osaka-achievements-swiper .card-details p, .fukuoka-achievements .shinjuku-achievements-swiper .card-details p, .fukuoka-achievements .tokyo-achievements-swiper .card-details p, .fukuoka-achievements .yokohama-achievements-swiper .card-details p, .fukuoka-achievements .nagoya-achievements-swiper .card-details p, .fukuoka-achievements .fukuoka-achievements-swiper .card-details p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 1.8;
  color: #000;
}
@media (max-width: 990px) {
  .ikebukuro-achievements .ikebukuro-achievements-swiper .card-details p, .ikebukuro-achievements .osaka-achievements-swiper .card-details p, .ikebukuro-achievements .shinjuku-achievements-swiper .card-details p, .ikebukuro-achievements .tokyo-achievements-swiper .card-details p, .ikebukuro-achievements .yokohama-achievements-swiper .card-details p, .ikebukuro-achievements .nagoya-achievements-swiper .card-details p, .ikebukuro-achievements .fukuoka-achievements-swiper .card-details p, .osaka-achievements .ikebukuro-achievements-swiper .card-details p, .osaka-achievements .osaka-achievements-swiper .card-details p, .osaka-achievements .shinjuku-achievements-swiper .card-details p, .osaka-achievements .tokyo-achievements-swiper .card-details p, .osaka-achievements .yokohama-achievements-swiper .card-details p, .osaka-achievements .nagoya-achievements-swiper .card-details p, .osaka-achievements .fukuoka-achievements-swiper .card-details p, .shinjuku-achievements .ikebukuro-achievements-swiper .card-details p, .shinjuku-achievements .osaka-achievements-swiper .card-details p, .shinjuku-achievements .shinjuku-achievements-swiper .card-details p, .shinjuku-achievements .tokyo-achievements-swiper .card-details p, .shinjuku-achievements .yokohama-achievements-swiper .card-details p, .shinjuku-achievements .nagoya-achievements-swiper .card-details p, .shinjuku-achievements .fukuoka-achievements-swiper .card-details p, .tokyo-achievements .ikebukuro-achievements-swiper .card-details p, .tokyo-achievements .osaka-achievements-swiper .card-details p, .tokyo-achievements .shinjuku-achievements-swiper .card-details p, .tokyo-achievements .tokyo-achievements-swiper .card-details p, .tokyo-achievements .yokohama-achievements-swiper .card-details p, .tokyo-achievements .nagoya-achievements-swiper .card-details p, .tokyo-achievements .fukuoka-achievements-swiper .card-details p, .yokohama-achievements .ikebukuro-achievements-swiper .card-details p, .yokohama-achievements .osaka-achievements-swiper .card-details p, .yokohama-achievements .shinjuku-achievements-swiper .card-details p, .yokohama-achievements .tokyo-achievements-swiper .card-details p, .yokohama-achievements .yokohama-achievements-swiper .card-details p, .yokohama-achievements .nagoya-achievements-swiper .card-details p, .yokohama-achievements .fukuoka-achievements-swiper .card-details p, .nagoya-achievements .ikebukuro-achievements-swiper .card-details p, .nagoya-achievements .osaka-achievements-swiper .card-details p, .nagoya-achievements .shinjuku-achievements-swiper .card-details p, .nagoya-achievements .tokyo-achievements-swiper .card-details p, .nagoya-achievements .yokohama-achievements-swiper .card-details p, .nagoya-achievements .nagoya-achievements-swiper .card-details p, .nagoya-achievements .fukuoka-achievements-swiper .card-details p, .fukuoka-achievements .ikebukuro-achievements-swiper .card-details p, .fukuoka-achievements .osaka-achievements-swiper .card-details p, .fukuoka-achievements .shinjuku-achievements-swiper .card-details p, .fukuoka-achievements .tokyo-achievements-swiper .card-details p, .fukuoka-achievements .yokohama-achievements-swiper .card-details p, .fukuoka-achievements .nagoya-achievements-swiper .card-details p, .fukuoka-achievements .fukuoka-achievements-swiper .card-details p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.ikebukuro-achievements .ikebukuro-achievements-swiper .merit-btn, .ikebukuro-achievements .osaka-achievements-swiper .merit-btn, .ikebukuro-achievements .shinjuku-achievements-swiper .merit-btn, .ikebukuro-achievements .tokyo-achievements-swiper .merit-btn, .ikebukuro-achievements .yokohama-achievements-swiper .merit-btn, .ikebukuro-achievements .nagoya-achievements-swiper .merit-btn, .ikebukuro-achievements .fukuoka-achievements-swiper .merit-btn, .osaka-achievements .ikebukuro-achievements-swiper .merit-btn, .osaka-achievements .osaka-achievements-swiper .merit-btn, .osaka-achievements .shinjuku-achievements-swiper .merit-btn, .osaka-achievements .tokyo-achievements-swiper .merit-btn, .osaka-achievements .yokohama-achievements-swiper .merit-btn, .osaka-achievements .nagoya-achievements-swiper .merit-btn, .osaka-achievements .fukuoka-achievements-swiper .merit-btn, .shinjuku-achievements .ikebukuro-achievements-swiper .merit-btn, .shinjuku-achievements .osaka-achievements-swiper .merit-btn, .shinjuku-achievements .shinjuku-achievements-swiper .merit-btn, .shinjuku-achievements .tokyo-achievements-swiper .merit-btn, .shinjuku-achievements .yokohama-achievements-swiper .merit-btn, .shinjuku-achievements .nagoya-achievements-swiper .merit-btn, .shinjuku-achievements .fukuoka-achievements-swiper .merit-btn, .tokyo-achievements .ikebukuro-achievements-swiper .merit-btn, .tokyo-achievements .osaka-achievements-swiper .merit-btn, .tokyo-achievements .shinjuku-achievements-swiper .merit-btn, .tokyo-achievements .tokyo-achievements-swiper .merit-btn, .tokyo-achievements .yokohama-achievements-swiper .merit-btn, .tokyo-achievements .nagoya-achievements-swiper .merit-btn, .tokyo-achievements .fukuoka-achievements-swiper .merit-btn, .yokohama-achievements .ikebukuro-achievements-swiper .merit-btn, .yokohama-achievements .osaka-achievements-swiper .merit-btn, .yokohama-achievements .shinjuku-achievements-swiper .merit-btn, .yokohama-achievements .tokyo-achievements-swiper .merit-btn, .yokohama-achievements .yokohama-achievements-swiper .merit-btn, .yokohama-achievements .nagoya-achievements-swiper .merit-btn, .yokohama-achievements .fukuoka-achievements-swiper .merit-btn, .nagoya-achievements .ikebukuro-achievements-swiper .merit-btn, .nagoya-achievements .osaka-achievements-swiper .merit-btn, .nagoya-achievements .shinjuku-achievements-swiper .merit-btn, .nagoya-achievements .tokyo-achievements-swiper .merit-btn, .nagoya-achievements .yokohama-achievements-swiper .merit-btn, .nagoya-achievements .nagoya-achievements-swiper .merit-btn, .nagoya-achievements .fukuoka-achievements-swiper .merit-btn, .fukuoka-achievements .ikebukuro-achievements-swiper .merit-btn, .fukuoka-achievements .osaka-achievements-swiper .merit-btn, .fukuoka-achievements .shinjuku-achievements-swiper .merit-btn, .fukuoka-achievements .tokyo-achievements-swiper .merit-btn, .fukuoka-achievements .yokohama-achievements-swiper .merit-btn, .fukuoka-achievements .nagoya-achievements-swiper .merit-btn, .fukuoka-achievements .fukuoka-achievements-swiper .merit-btn {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
}
.ikebukuro-achievements .ikebukuro-achievements-swiper .card-image, .ikebukuro-achievements .osaka-achievements-swiper .card-image, .ikebukuro-achievements .shinjuku-achievements-swiper .card-image, .ikebukuro-achievements .tokyo-achievements-swiper .card-image, .ikebukuro-achievements .yokohama-achievements-swiper .card-image, .ikebukuro-achievements .nagoya-achievements-swiper .card-image, .ikebukuro-achievements .fukuoka-achievements-swiper .card-image, .osaka-achievements .ikebukuro-achievements-swiper .card-image, .osaka-achievements .osaka-achievements-swiper .card-image, .osaka-achievements .shinjuku-achievements-swiper .card-image, .osaka-achievements .tokyo-achievements-swiper .card-image, .osaka-achievements .yokohama-achievements-swiper .card-image, .osaka-achievements .nagoya-achievements-swiper .card-image, .osaka-achievements .fukuoka-achievements-swiper .card-image, .shinjuku-achievements .ikebukuro-achievements-swiper .card-image, .shinjuku-achievements .osaka-achievements-swiper .card-image, .shinjuku-achievements .shinjuku-achievements-swiper .card-image, .shinjuku-achievements .tokyo-achievements-swiper .card-image, .shinjuku-achievements .yokohama-achievements-swiper .card-image, .shinjuku-achievements .nagoya-achievements-swiper .card-image, .shinjuku-achievements .fukuoka-achievements-swiper .card-image, .tokyo-achievements .ikebukuro-achievements-swiper .card-image, .tokyo-achievements .osaka-achievements-swiper .card-image, .tokyo-achievements .shinjuku-achievements-swiper .card-image, .tokyo-achievements .tokyo-achievements-swiper .card-image, .tokyo-achievements .yokohama-achievements-swiper .card-image, .tokyo-achievements .nagoya-achievements-swiper .card-image, .tokyo-achievements .fukuoka-achievements-swiper .card-image, .yokohama-achievements .ikebukuro-achievements-swiper .card-image, .yokohama-achievements .osaka-achievements-swiper .card-image, .yokohama-achievements .shinjuku-achievements-swiper .card-image, .yokohama-achievements .tokyo-achievements-swiper .card-image, .yokohama-achievements .yokohama-achievements-swiper .card-image, .yokohama-achievements .nagoya-achievements-swiper .card-image, .yokohama-achievements .fukuoka-achievements-swiper .card-image, .nagoya-achievements .ikebukuro-achievements-swiper .card-image, .nagoya-achievements .osaka-achievements-swiper .card-image, .nagoya-achievements .shinjuku-achievements-swiper .card-image, .nagoya-achievements .tokyo-achievements-swiper .card-image, .nagoya-achievements .yokohama-achievements-swiper .card-image, .nagoya-achievements .nagoya-achievements-swiper .card-image, .nagoya-achievements .fukuoka-achievements-swiper .card-image, .fukuoka-achievements .ikebukuro-achievements-swiper .card-image, .fukuoka-achievements .osaka-achievements-swiper .card-image, .fukuoka-achievements .shinjuku-achievements-swiper .card-image, .fukuoka-achievements .tokyo-achievements-swiper .card-image, .fukuoka-achievements .yokohama-achievements-swiper .card-image, .fukuoka-achievements .nagoya-achievements-swiper .card-image, .fukuoka-achievements .fukuoka-achievements-swiper .card-image {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  width: 100%;
  height: 0;
  padding-bottom: 62%;
}
@media (max-width: 990px) {
  .ikebukuro-achievements .ikebukuro-achievements-swiper .card-image, .ikebukuro-achievements .osaka-achievements-swiper .card-image, .ikebukuro-achievements .shinjuku-achievements-swiper .card-image, .ikebukuro-achievements .tokyo-achievements-swiper .card-image, .ikebukuro-achievements .yokohama-achievements-swiper .card-image, .ikebukuro-achievements .nagoya-achievements-swiper .card-image, .ikebukuro-achievements .fukuoka-achievements-swiper .card-image, .osaka-achievements .ikebukuro-achievements-swiper .card-image, .osaka-achievements .osaka-achievements-swiper .card-image, .osaka-achievements .shinjuku-achievements-swiper .card-image, .osaka-achievements .tokyo-achievements-swiper .card-image, .osaka-achievements .yokohama-achievements-swiper .card-image, .osaka-achievements .nagoya-achievements-swiper .card-image, .osaka-achievements .fukuoka-achievements-swiper .card-image, .shinjuku-achievements .ikebukuro-achievements-swiper .card-image, .shinjuku-achievements .osaka-achievements-swiper .card-image, .shinjuku-achievements .shinjuku-achievements-swiper .card-image, .shinjuku-achievements .tokyo-achievements-swiper .card-image, .shinjuku-achievements .yokohama-achievements-swiper .card-image, .shinjuku-achievements .nagoya-achievements-swiper .card-image, .shinjuku-achievements .fukuoka-achievements-swiper .card-image, .tokyo-achievements .ikebukuro-achievements-swiper .card-image, .tokyo-achievements .osaka-achievements-swiper .card-image, .tokyo-achievements .shinjuku-achievements-swiper .card-image, .tokyo-achievements .tokyo-achievements-swiper .card-image, .tokyo-achievements .yokohama-achievements-swiper .card-image, .tokyo-achievements .nagoya-achievements-swiper .card-image, .tokyo-achievements .fukuoka-achievements-swiper .card-image, .yokohama-achievements .ikebukuro-achievements-swiper .card-image, .yokohama-achievements .osaka-achievements-swiper .card-image, .yokohama-achievements .shinjuku-achievements-swiper .card-image, .yokohama-achievements .tokyo-achievements-swiper .card-image, .yokohama-achievements .yokohama-achievements-swiper .card-image, .yokohama-achievements .nagoya-achievements-swiper .card-image, .yokohama-achievements .fukuoka-achievements-swiper .card-image, .nagoya-achievements .ikebukuro-achievements-swiper .card-image, .nagoya-achievements .osaka-achievements-swiper .card-image, .nagoya-achievements .shinjuku-achievements-swiper .card-image, .nagoya-achievements .tokyo-achievements-swiper .card-image, .nagoya-achievements .yokohama-achievements-swiper .card-image, .nagoya-achievements .nagoya-achievements-swiper .card-image, .nagoya-achievements .fukuoka-achievements-swiper .card-image, .fukuoka-achievements .ikebukuro-achievements-swiper .card-image, .fukuoka-achievements .osaka-achievements-swiper .card-image, .fukuoka-achievements .shinjuku-achievements-swiper .card-image, .fukuoka-achievements .tokyo-achievements-swiper .card-image, .fukuoka-achievements .yokohama-achievements-swiper .card-image, .fukuoka-achievements .nagoya-achievements-swiper .card-image, .fukuoka-achievements .fukuoka-achievements-swiper .card-image {
    padding-bottom: 71%;
  }
}
.ikebukuro-achievements .ikebukuro-achievements-swiper .card-image img, .ikebukuro-achievements .osaka-achievements-swiper .card-image img, .ikebukuro-achievements .shinjuku-achievements-swiper .card-image img, .ikebukuro-achievements .tokyo-achievements-swiper .card-image img, .ikebukuro-achievements .yokohama-achievements-swiper .card-image img, .ikebukuro-achievements .nagoya-achievements-swiper .card-image img, .ikebukuro-achievements .fukuoka-achievements-swiper .card-image img, .osaka-achievements .ikebukuro-achievements-swiper .card-image img, .osaka-achievements .osaka-achievements-swiper .card-image img, .osaka-achievements .shinjuku-achievements-swiper .card-image img, .osaka-achievements .tokyo-achievements-swiper .card-image img, .osaka-achievements .yokohama-achievements-swiper .card-image img, .osaka-achievements .nagoya-achievements-swiper .card-image img, .osaka-achievements .fukuoka-achievements-swiper .card-image img, .shinjuku-achievements .ikebukuro-achievements-swiper .card-image img, .shinjuku-achievements .osaka-achievements-swiper .card-image img, .shinjuku-achievements .shinjuku-achievements-swiper .card-image img, .shinjuku-achievements .tokyo-achievements-swiper .card-image img, .shinjuku-achievements .yokohama-achievements-swiper .card-image img, .shinjuku-achievements .nagoya-achievements-swiper .card-image img, .shinjuku-achievements .fukuoka-achievements-swiper .card-image img, .tokyo-achievements .ikebukuro-achievements-swiper .card-image img, .tokyo-achievements .osaka-achievements-swiper .card-image img, .tokyo-achievements .shinjuku-achievements-swiper .card-image img, .tokyo-achievements .tokyo-achievements-swiper .card-image img, .tokyo-achievements .yokohama-achievements-swiper .card-image img, .tokyo-achievements .nagoya-achievements-swiper .card-image img, .tokyo-achievements .fukuoka-achievements-swiper .card-image img, .yokohama-achievements .ikebukuro-achievements-swiper .card-image img, .yokohama-achievements .osaka-achievements-swiper .card-image img, .yokohama-achievements .shinjuku-achievements-swiper .card-image img, .yokohama-achievements .tokyo-achievements-swiper .card-image img, .yokohama-achievements .yokohama-achievements-swiper .card-image img, .yokohama-achievements .nagoya-achievements-swiper .card-image img, .yokohama-achievements .fukuoka-achievements-swiper .card-image img, .nagoya-achievements .ikebukuro-achievements-swiper .card-image img, .nagoya-achievements .osaka-achievements-swiper .card-image img, .nagoya-achievements .shinjuku-achievements-swiper .card-image img, .nagoya-achievements .tokyo-achievements-swiper .card-image img, .nagoya-achievements .yokohama-achievements-swiper .card-image img, .nagoya-achievements .nagoya-achievements-swiper .card-image img, .nagoya-achievements .fukuoka-achievements-swiper .card-image img, .fukuoka-achievements .ikebukuro-achievements-swiper .card-image img, .fukuoka-achievements .osaka-achievements-swiper .card-image img, .fukuoka-achievements .shinjuku-achievements-swiper .card-image img, .fukuoka-achievements .tokyo-achievements-swiper .card-image img, .fukuoka-achievements .yokohama-achievements-swiper .card-image img, .fukuoka-achievements .nagoya-achievements-swiper .card-image img, .fukuoka-achievements .fukuoka-achievements-swiper .card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ikebukuro-achievements .reason-img-links, .osaka-achievements .reason-img-links, .shinjuku-achievements .reason-img-links, .tokyo-achievements .reason-img-links, .yokohama-achievements .reason-img-links, .nagoya-achievements .reason-img-links, .fukuoka-achievements .reason-img-links {
  max-height: 375px;
}
@media (max-width: 990px) {
  .ikebukuro-achievements .reason-img-links, .osaka-achievements .reason-img-links, .shinjuku-achievements .reason-img-links, .tokyo-achievements .reason-img-links, .yokohama-achievements .reason-img-links, .nagoya-achievements .reason-img-links, .fukuoka-achievements .reason-img-links {
    max-height: 110px;
  }
}

.beginner-point .course-section {
  padding-bottom: 0;
}
.beginner-point .comfortable-section {
  padding-top: 60px;
  padding-bottom: 20px;
}
.beginner-point .comfortable-section .heading-linev2 {
  margin-top: 0;
}
.beginner-point .comfortable-section .heading-slant-line.s-line-center:before {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.beginner-point .comfortable-section .heading-slant-line.s-line-center:after {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
.beginner-point .b-point-img {
  max-width: 800px;
  width: 100%;
  margin: 20px auto;
}
.beginner-point .b-point-img img {
  width: 100%;
}
.beginner-point .course-intro {
  padding-bottom: 70px;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .beginner-point .course-intro {
    padding-bottom: 40px;
  }
}
.beginner-point .course-intro figure {
  margin-bottom: 40px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .beginner-point .course-intro figure {
    border-bottom: 1px solid #7C7669;
  }
}
.beginner-point .course-intro p {
  font-weight: 500;
}
.beginner-point .course-intro p a {
  color: #0F46A1;
}
.beginner-point .reason-title-count {
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #0F46A1;
  margin-top: 24px;
  margin-bottom: 16px;
  letter-spacing: -0.4px;
}
.beginner-point .reason-title-count .rtc-text {
  display: block;
  font-family: "Poppins", sans-serif;
  color: #02A8CD;
  font-weight: 500;
  text-align: center;
  margin-bottom: 5px;
}
.beginner-point .reason-title-count .rtc-s {
  font-size: 10px;
  font-size: 1rem;
}
.beginner-point .reason-title-count .rtc-m {
  font-size: 16px;
  font-size: 1.6rem;
}
.beginner-point .reason-title-count .rtc-l {
  font-size: 24px;
  font-size: 2.4rem;
}
.beginner-point .reason-title-count .rtc-xl {
  font-size: 32px;
  font-size: 3.2rem;
}
@media (min-width: 992px) {
  .beginner-point .container-l {
    padding-left: 0;
    padding-right: 0;
  }
}
.beginner-point .inner-nav-list {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .beginner-point .inner-nav-list {
    padding-left: 0;
    padding-right: 0;
  }
}
.beginner-point .inner-nav-list .button.button-white.w-arrow-right {
  padding-left: 20px;
}
@media (min-width: 992px) {
  .beginner-point .inner-nav-list ul {
    gap: 10px;
  }
}
.beginner-point .inner-nav-list .button {
  font-size: 14px;
  font-size: 1.4rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.beginner-point .b-ranking-wrapper .heading-04 {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.72px;
  padding: 10px;
}
@media (max-width: 990px) {
  .beginner-point .b-ranking-wrapper .heading-04 {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
  }
}
.beginner-point .b-ranking-wrapper .heading-04 span {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.56px;
}
.beginner-point .b-ranking-wrapper .b-ranking-title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.64px;
  margin-bottom: 20px;
}
.beginner-point h4.heading-04 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 14px;
}
.beginner-point h4.heading-04 .tag {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  background: #6DC9F1;
  border-radius: 20px;
  color: #fff;
  padding: 2px 10px;
}
.beginner-point .course-list > ul > li {
  margin-top: 40px;
}
.beginner-point .course-list > ul > li:first-child {
  margin-top: 12px;
  padding-top: 24px;
}
.beginner-point .course-list > ul > li figure {
  margin-bottom: 15px;
}
.beginner-point .course-list > ul > li .course-fees {
  border-top: none;
}
.beginner-point .course-list > ul > li .course-item {
  padding-top: 0;
}
.beginner-point .course-list p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
.beginner-point .course-list .course-item {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.beginner-point .course-list .apply-wrapper {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .beginner-point .course-list .apply-wrapper {
    margin-bottom: 0;
  }
}
.beginner-point .course-step-wrap {
  margin-top: 40px;
}
.beginner-point .course-step-wrap .course-step-list {
  margin-top: 24px;
}
.beginner-point .course-step-wrap .course-step-list img {
  width: 100%;
  height: auto;
}
.beginner-point .course-step-wrap .step-item {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .beginner-point .course-step-wrap .step-item {
    margin-top: 24px;
  }
}
.beginner-point .course-step-wrap .step-item .step-tag {
  display: inline-block;
  background: #02A8CD;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2px 8px;
}
.beginner-point .course-step-wrap .step-item figure {
  margin-top: 16px;
}
.beginner-point .course-step-wrap .step-item .heading-border-bottom {
  min-height: 50px;
}
@media (max-width: 767px) {
  .beginner-point .course-step-wrap .step-item .heading-border-bottom {
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.beginner-point .step-up-course {
  padding: 40px 0;
  background: #0DAFE8;
  background: linear-gradient(178deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
}
.beginner-point .step-up-course .heading-line {
  color: #fff;
}
@media (max-width: 767px) {
  .beginner-point .step-up-course .heading-line {
    margin-bottom: 24px;
  }
}
.beginner-point .step-up-course .heading-line:before {
  background: #fff;
}
.beginner-point .step-up-course .course-card-list {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .beginner-point .step-up-course .course-card-list {
    margin-top: 24px;
  }
}
.beginner-point .course-card-list {
  margin-top: 24px;
  position: relative;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .beginner-point .course-card-list {
    padding-right: 40px;
  }
}
.beginner-point .course-item {
  position: relative;
  border-radius: 30px;
  background: #fff;
  padding: 24px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.beginner-point .course-item h4 {
  color: #203A72;
}
.beginner-point .course-item.cc-lightblue {
  background: #EAFAFF;
}
.beginner-point .course-item figure {
  margin-bottom: 16px;
}
.beginner-point .course-item .button {
  display: block;
  width: 100%;
  margin-top: 16px;
}
.beginner-point .course-item .btn-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.beginner-point .course-item .btn-wrap .button {
  display: block;
  width: 100%;
}
.beginner-point .course-item p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
@media (max-width: 990px) {
  .beginner-point .course-item p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.beginner-point .course-fees {
  padding-top: 16px;
  border-top: 1px solid #E9E8E5;
  margin-top: 16px;
  width: 100%;
}
.beginner-point .course-fees > li {
  margin-bottom: 13px;
}
@media (max-width: 990px) {
  .beginner-point .course-fees .col + .col {
    margin-left: 10px;
  }
}
.beginner-point .course-fees .course-fees-label {
  background: #02A8CD;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 2px 10px;
  font-weight: bold;
}
.beginner-point .course-fees .price-1, .beginner-point .course-fees .price-2 {
  font-weight: 700;
}
.beginner-point .course-fees .price-1 span, .beginner-point .course-fees .price-2 span {
  font-weight: 700;
}
.beginner-point .course-fees p + .price-2, .beginner-point .course-fees .price-2 + p {
  margin-top: 0;
}
.beginner-point .course-fees .price-1 {
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  display: inline-block;
}
.beginner-point .course-fees .price-1::before {
  position: absolute;
  display: inline-block;
  content: "";
  height: 1px;
  width: 100%;
  top: 50%;
  border-bottom: black 1px solid;
  left: -2px;
}
.beginner-point .course-fees .price-1 span {
  font-size: 9px;
  font-size: 0.9rem;
}
.beginner-point .course-fees .price-2 {
  font-size: 18px;
  font-size: 1.8rem;
}
.beginner-point .course-fees .price-2 span {
  font-size: 12px;
  font-size: 1.2rem;
}
.beginner-point .course-fees .price-detail {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}
.beginner-point .course-fees .price-detail + span {
  font-size: 12px;
  font-size: 1.2rem;
}
.beginner-point .professional-course {
  padding: 40px 0;
  background: #0DAFE8;
  background: -webkit-gradient(linear, right top, left top, from(rgb(13, 175, 232)), color-stop(51%, rgb(69, 214, 226)), to(rgb(174, 228, 230)));
  background: linear-gradient(270deg, rgb(13, 175, 232) 0%, rgb(69, 214, 226) 51%, rgb(174, 228, 230) 100%);
}
.beginner-point .professional-course .heading-line {
  color: #fff;
}
.beginner-point .professional-course .heading-line:before {
  background: #fff;
}
@media (max-width: 767px) {
  .beginner-point .refresh-course .course-card-list {
    padding-right: 0;
  }
}
@media (max-width: 990px) {
  .beginner-point .step-up-course .col + .col, .beginner-point .professional-course .col + .col, .beginner-point .refresh-course .col + .col {
    margin-left: 0;
  }
}
.beginner-point .conversation-box {
  background: #f7f7f7;
  padding: 32px 24px;
  border-radius: 8px;
  margin: 32px 0;
  font-size: 1.1em;
  line-height: 2;
}
.beginner-point .conversation-box .staff {
  color: #32c7d3;
  font-weight: bold;
}
.beginner-point .conversation-box .user {
  color: #e74c3c;
  font-weight: bold;
}
.beginner-point .other-reason-section {
  background: #f7f7f7;
  max-width: 900px;
  width: 100%;
  margin: 40px auto;
  padding: 32px 30px;
}
@media (max-width: 990px) {
  .beginner-point .other-reason-section {
    padding: 24px 15px;
  }
}
.beginner-point .other-reason-section .other-reason-title {
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 32px;
}
.beginner-point .other-reason-section .other-reason-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 24px;
}
.beginner-point .other-reason-section .other-reason-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 80px;
  width: 100%;
  max-width: 700px;
  margin: auto;
}
.beginner-point .other-reason-section .other-reason-pair {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 240px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.beginner-point .other-reason-section .other-reason-item {
  text-align: left;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.beginner-point .other-reason-section .other-reason-count {
  text-align: right;
  font-weight: 500;
  min-width: 40px;
  margin-left: 8px;
}
.beginner-point .other-reason-section .other-reason-note {
  text-align: center;
  font-size: 0.95em;
  color: #555;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .beginner-point .other-reason-section .other-reason-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    max-width: 100%;
  }
  .beginner-point .other-reason-section .other-reason-item, .beginner-point .other-reason-section .other-reason-count {
    min-width: unset;
    font-size: 1em;
  }
  .beginner-point .other-reason-section .other-reason-title {
    font-size: 1.2em;
  }
}
.beginner-point .point-overview .sub-title {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .beginner-point .point-overview .card-contents p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
@media (max-width: 990px) {
  .beginner-point .point-overview .col + .col {
    margin-top: 20px;
  }
}
.beginner-point .contact-bottom {
  padding-bottom: 150px;
}
.beginner-point .contact-bottom .apply-wrapper {
  margin-top: 0;
}
@media (max-width: 767px) {
  .beginner-point .d-none-sp {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .beginner-point .d-block-sp {
    display: block !important;
  }
}

.store-campaign .breadcrumbs {
  padding-top: 16px;
}
.store-campaign .p-anniverssary {
  padding-top: 80px;
  padding: 80px 0 40px;
  background: linear-gradient(180deg, #0338E5 0%, #0440A1 51%, #0097DD 100%), linear-gradient(220deg, #02A7E9 0%, #45D6E2 47%, #AEE4E6 99%), linear-gradient(0deg, #fff 0%, #fff 100%);
}
@media (max-width: 990px) {
  .store-campaign .p-anniverssary {
    padding: 40px 0 20px;
  }
}
.store-campaign .p-anniverssary .top-text {
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.7px;
  line-height: 1;
  text-align: center;
  color: #fff;
}
@media (max-width: 990px) {
  .store-campaign .p-anniverssary .top-text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.store-campaign .p-anniverssary .top-text::before {
  position: absolute;
  content: "30th ANNIVERSARY";
  font-size: 65px;
  font-size: 6.5rem;
  line-height: 1;
  left: 50%;
  bottom: 0;
  width: 100%;
  color: rgba(255, 255, 255, 0.11);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 990px) {
  .store-campaign .p-anniverssary .top-text::before {
    font-size: 46px;
    font-size: 4.6rem;
    letter-spacing: -3px;
  }
}
.store-campaign .p-anniverssary .anniversary-banner {
  text-align: center;
}
.store-campaign .p-anniverssary .inner-banner {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 50px;
}
.store-campaign .p-anniverssary .inner-banner::before, .store-campaign .p-anniverssary .inner-banner::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 100%;
  bottom: 0;
  background: url("/assets/images/common/icon_leaves_yellow.svg") no-repeat bottom center/contain;
}
.store-campaign .p-anniverssary .inner-banner::before {
  left: -80px;
}
@media (max-width: 990px) {
  .store-campaign .p-anniverssary .inner-banner::before {
    left: -30px;
  }
}
.store-campaign .p-anniverssary .inner-banner::after {
  right: -80px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media (max-width: 990px) {
  .store-campaign .p-anniverssary .inner-banner::after {
    right: -30px;
  }
}
.store-campaign .p-anniverssary .inner-banner p {
  font-size: 68px;
  font-size: 6.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.9px;
  color: #fff;
}
@media (max-width: 990px) {
  .store-campaign .p-anniverssary .inner-banner p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.store-campaign .p-anniverssary .inner-banner p .num {
  font-size: 150px;
  font-size: 15rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  line-height: 1;
  color: #F6EF37;
}
@media (max-width: 990px) {
  .store-campaign .p-anniverssary .inner-banner p .num {
    font-size: 90px;
    font-size: 9rem;
  }
}
.store-campaign .p-anniverssary .inner-banner .campaign-title {
  font-size: 104px;
  font-size: 10.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 1.2px;
  color: #fff;
  margin-top: -10px;
}
@media (max-width: 990px) {
  .store-campaign .p-anniverssary .inner-banner .campaign-title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.store-campaign .p-anniverssary .limited-offer {
  text-align: center;
  line-height: 34px;
  margin-bottom: 10px;
}
.store-campaign .p-anniverssary .limited-offer span {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.64px;
  line-height: 1.26;
  background-color: #F00044;
  color: #fff;
  padding: 6px 30px;
  border-radius: 100px;
}
@media (max-width: 990px) {
  .store-campaign .p-anniverssary .limited-offer span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.store-campaign .p-anniverssary .limited-offer .seat-no {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 700;
  padding: 0;
  background-color: transparent;
}
@media (max-width: 990px) {
  .store-campaign .p-anniverssary .limited-offer .seat-no {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.store-campaign .p-anniverssary .course-title {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.25;
  color: #F6EF37;
  text-align: center;
}
@media (max-width: 990px) {
  .store-campaign .p-anniverssary .course-title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.store-campaign .p-anniverssary .course-title span {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.25;
  color: #F6EF37;
}
@media (max-width: 990px) {
  .store-campaign .p-anniverssary .course-title span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.store-campaign .limited-price {
  position: relative;
  margin-top: 10px;
}
.store-campaign .limited-price .price-area {
  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;
  gap: 10px;
}
.store-campaign .limited-price .float-arrow {
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.store-campaign .limited-price .float-arrow::before {
  content: "";
  display: block;
  width: 30px;
  height: 60px;
  background: url("/assets/images/common/arrow_down_lightblue.svg") no-repeat center;
  background-size: contain;
}
.store-campaign .limited-price .price-label {
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
  font-weight: 700;
  display: inline-block;
  max-width: 55px;
  line-height: 1.1;
  margin-right: 4px;
}
@media (max-width: 990px) {
  .store-campaign .limited-price .price-label {
    font-size: 14px;
    font-size: 1.4rem;
    max-width: 36px;
  }
}
.store-campaign .limited-price .limited-price-text {
  color: #fff;
  font-weight: 700;
  font-size: 100px;
  font-size: 10rem;
  font-family: "Poppins", sans-serif;
  letter-spacing: 1.6px;
  line-height: 1;
  margin-top: 4px;
}
@media (max-width: 990px) {
  .store-campaign .limited-price .limited-price-text {
    font-size: 40px;
    font-size: 4rem;
  }
}
.store-campaign .limited-price .limited-price-text span {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .store-campaign .limited-price .limited-price-text span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.store-campaign .limited-price .price-text {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.72px;
  color: #fff;
  text-align: left;
}
@media (max-width: 990px) {
  .store-campaign .limited-price .price-text {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.store-campaign .inner-mainvisual {
  display: block;
  padding-top: 0;
  padding-bottom: 40px;
  background: #0197DD;
}
@media (max-width: 990px) {
  .store-campaign .inner-mainvisual {
    padding-bottom: 20px;
  }
}
.store-campaign .inner-mainvisual img {
  width: 100%;
  height: auto;
  display: block;
}
.store-campaign .inner-mainvisual:before {
  display: none;
}
.store-campaign .inner-mainvisual .apply-wrapper {
  margin: 40px 20px 0;
}
.store-campaign .inner-mainvisual .apply-wrapper .button.linear-yellow {
  padding-top: 21px;
  padding-bottom: 21px;
}
.store-campaign .sec-featured-tv .heading-line {
  font-size: 28px;
  font-size: 2.8rem;
  letter-spacing: 1.12px;
}
@media (max-width: 990px) {
  .store-campaign .sec-featured-tv .heading-line {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 0.96px;
  }
}
.store-campaign .sec-featured-tv .heading-line::before {
  display: none;
}
.store-campaign .sec-featured-tv .heading-span-style {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .store-campaign .sec-featured-tv .heading-span-style {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
    margin-bottom: 8px;
  }
}
.store-campaign .sec-featured-tv .heading-span-style span {
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0.8px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .store-campaign .sec-featured-tv .heading-span-style span {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
    margin-bottom: 8px;
  }
}
.store-campaign .sec-featured-tv .heading-span-style span:after {
  background: #F6EF37;
  height: 8px;
  bottom: 0;
}
.store-campaign .sec-featured-tv .yt-feature {
  max-width: 670px;
  height: 360px;
  margin: 0 auto;
}
@media (max-width: 990px) {
  .store-campaign .sec-featured-tv .yt-feature {
    height: 180px;
  }
}
.store-campaign .sec-featured-tv .yt-feature iframe {
  width: 100%;
  height: 100%;
}
.store-campaign .t-wave03,
.store-campaign .t-wave05,
.store-campaign .t-wave06 {
  position: relative;
  margin-top: 100px;
  padding-top: 45px;
}
@media (max-width: 1020px) {
  .store-campaign .t-wave03,
  .store-campaign .t-wave05,
  .store-campaign .t-wave06 {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .store-campaign .t-wave03,
  .store-campaign .t-wave05,
  .store-campaign .t-wave06 {
    padding-top: 60px;
    margin-top: 60px;
  }
}
@media (max-width: 400px) {
  .store-campaign .t-wave03,
  .store-campaign .t-wave05,
  .store-campaign .t-wave06 {
    padding-top: 40px;
    margin-top: 40px;
  }
}
.store-campaign .t-wave03::before,
.store-campaign .t-wave05::before,
.store-campaign .t-wave06::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  top: -130px;
  padding-bottom: 15%;
}
@media (min-width: 1800px) {
  .store-campaign .t-wave03::before,
  .store-campaign .t-wave05::before,
  .store-campaign .t-wave06::before {
    top: -160px;
  }
}
@media (max-width: 1020px) {
  .store-campaign .t-wave03::before,
  .store-campaign .t-wave05::before,
  .store-campaign .t-wave06::before {
    top: -100px;
  }
}
@media (max-width: 990px) {
  .store-campaign .t-wave03::before,
  .store-campaign .t-wave05::before,
  .store-campaign .t-wave06::before {
    top: -80px;
  }
}
@media (max-width: 767px) {
  .store-campaign .t-wave03::before,
  .store-campaign .t-wave05::before,
  .store-campaign .t-wave06::before {
    top: -60px;
  }
}
@media (max-width: 400px) {
  .store-campaign .t-wave03::before,
  .store-campaign .t-wave05::before,
  .store-campaign .t-wave06::before {
    top: -40px;
  }
}
.store-campaign .t-wave03::before {
  background: url("/assets/images/common/wave_img03.svg") no-repeat top center;
  background-size: cover;
  z-index: -1;
}
.store-campaign .t-wave05::before {
  background: url("/assets/images/common/wave_img05.svg") no-repeat bottom center;
  background-size: cover;
  z-index: -1;
}
.store-campaign .t-wave06::before {
  background: url("/assets/images/common/wave_img06.svg") no-repeat bottom center;
  background-size: cover;
  z-index: -1;
}
.store-campaign .b-wave05,
.store-campaign .b-wave04 {
  position: relative;
  margin-bottom: 100px;
  padding-bottom: 45px;
}
@media (max-width: 1020px) {
  .store-campaign .b-wave05,
  .store-campaign .b-wave04 {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .store-campaign .b-wave05,
  .store-campaign .b-wave04 {
    padding-bottom: 60px;
    margin-bottom: 60px;
  }
}
@media (max-width: 400px) {
  .store-campaign .b-wave05,
  .store-campaign .b-wave04 {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
.store-campaign .b-wave05::after,
.store-campaign .b-wave04::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  bottom: -130px;
  padding-top: 12%;
}
@media (min-width: 1800px) {
  .store-campaign .b-wave05::after,
  .store-campaign .b-wave04::after {
    bottom: -160px;
  }
}
@media (max-width: 1020px) {
  .store-campaign .b-wave05::after,
  .store-campaign .b-wave04::after {
    bottom: -100px;
  }
}
@media (max-width: 990px) {
  .store-campaign .b-wave05::after,
  .store-campaign .b-wave04::after {
    bottom: -80px;
  }
}
@media (max-width: 767px) {
  .store-campaign .b-wave05::after,
  .store-campaign .b-wave04::after {
    bottom: -45px;
  }
}
@media (max-width: 400px) {
  .store-campaign .b-wave05::after,
  .store-campaign .b-wave04::after {
    bottom: -40px;
  }
}
.store-campaign .b-wave05::after {
  background: url("/assets/images/common/wave_img05.svg") no-repeat bottom center;
  background-size: cover;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  z-index: -1;
}
.store-campaign .b-wave04::after {
  background: url("/assets/images/common/wave_img04.svg") no-repeat top center;
  background-size: 100%;
  z-index: -1;
}
.store-campaign .sec-award {
  background-color: #1875D9;
}
.store-campaign .sec-award figure {
  margin-bottom: 32px;
}
@media (max-width: 990px) {
  .store-campaign .sec-award figure {
    margin-bottom: 16px;
  }
}
.store-campaign .sec-award figure img {
  display: block;
  margin: 0 auto;
}
.store-campaign .sec-award figure img + img {
  margin-top: 32px;
}
@media (max-width: 990px) {
  .store-campaign .sec-award figure img + img {
    margin-top: 16px;
  }
}
.store-campaign .sec-award p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.64px;
  color: #fff;
}
@media (max-width: 990px) {
  .store-campaign .sec-award p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.store-campaign .sec-award p span {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.8px;
}
@media (max-width: 990px) {
  .store-campaign .sec-award p span {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
  }
}
.store-campaign .sec-heading.w-img figure {
  padding-bottom: 33px;
}
@media (max-width: 990px) {
  .store-campaign .sec-heading.w-img figure img {
    width: 85px;
    height: auto;
  }
}
.store-campaign .sec-heading.w-img .sub-heading-text {
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 0.96px;
}
@media (max-width: 990px) {
  .store-campaign .sec-heading.w-img .sub-heading-text {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 0.88px;
  }
}
.store-campaign .sec-license .license-list {
  margin-left: -20px;
  margin-right: -20px;
}
.store-campaign .sec-license .license-list ul > li {
  background: #A2E7FF;
  background: linear-gradient(179deg, rgb(162, 231, 255) 0%, rgb(209, 251, 255) 51%, rgb(210, 239, 240) 100%);
}
.store-campaign .sec-license .license-card {
  position: relative;
  padding: 40px;
}
@media (max-width: 990px) {
  .store-campaign .sec-license .license-card {
    padding: 20px;
  }
}
.store-campaign .sec-license .license-card:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  height: 21px;
  background: #D2EFF0;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: -1;
}
.store-campaign .sec-license .license-card:last-child {
  padding: 80px 40px 40px;
}
@media (max-width: 990px) {
  .store-campaign .sec-license .license-card:last-child {
    padding: 54px 40px 40px;
  }
}
.store-campaign .sec-license .license-card + .license-card {
  margin-top: 52px;
}
@media (max-width: 990px) {
  .store-campaign .sec-license .license-card + .license-card {
    margin-top: 36px;
  }
}
.store-campaign .sec-license .license-card h2 {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 1.12px;
  margin-bottom: 18px;
  line-height: 47px;
}
@media (max-width: 990px) {
  .store-campaign .sec-license .license-card h2 {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 1.04px;
  }
}
.store-campaign .sec-license .license-card p {
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.64px;
  line-height: 1.8;
  margin-top: 16px;
}
@media (max-width: 990px) {
  .store-campaign .sec-license .license-card p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.store-campaign .sec-license .license-card p + figure {
  margin-top: 18px;
}
.store-campaign .sec-license .license-card h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0.88px;
  text-align: center;
  margin-bottom: 32px;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .store-campaign .sec-license .license-card h3 {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
    margin-bottom: 16px;
  }
}
.store-campaign .sec-license .license-card h3 span.licensed-badge {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  text-transform: uppercase;
  background: #0F46A1;
  border-radius: 7px;
  color: #fff;
  margin-right: 12px;
}
@media (max-width: 990px) {
  .store-campaign .sec-license .license-card h3 span.licensed-badge {
    font-size: 10px;
    font-size: 1rem;
    padding: 6px 12px;
  }
}
.store-campaign .sec-license .license-card h3 span.licensed-badge .lb-num {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
}
@media (max-width: 990px) {
  .store-campaign .sec-license .license-card h3 span.licensed-badge .lb-num {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.store-campaign .sec-license .license-card h3 span.licensed-badge .lb-num span {
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
}
@media (max-width: 990px) {
  .store-campaign .sec-license .license-card h3 span.licensed-badge .lb-num span {
    font-size: 20px;
    font-size: 2rem;
  }
}
.store-campaign .sec-license .license-card img {
  max-width: 670px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.store-campaign .sec-license .license-card .congratulations-img {
  max-width: 164px;
  width: auto;
}
.store-campaign .sec04 {
  padding-top: 48px;
  padding-bottom: 0;
}
@media (max-width: 990px) {
  .store-campaign .sec04 {
    padding-top: 24px;
  }
}
.store-campaign .sec04 .apply-wrapper {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .store-campaign .sec04 .apply-wrapper {
    padding: 20px 30px 40px;
    margin-top: 40px;
  }
}
@media (max-width: 990px) {
  .store-campaign .sec04 .apply-wrapper .line-devider {
    margin-top: 24px;
  }
}
.store-campaign .sec04 .apply-wrapper .line-devider:last-child::before {
  border: none;
}
.store-campaign .sec05 .sec-heading {
  margin-bottom: 0;
}
.store-campaign .sec05 .heading-line-middle {
  margin-bottom: 16px;
}
@media (max-width: 990px) {
  .store-campaign .sec05 .heading-line-middle {
    margin-bottom: 8px;
  }
}
.store-campaign .sec05 .list-custom li {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 1.8;
  text-indent: 15px;
}
@media (max-width: 990px) {
  .store-campaign .sec05 .list-custom li {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.store-campaign .sec05 .list-custom li::before {
  position: absolute;
  content: "";
  top: 12px;
  left: 4px;
  bottom: auto;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #02A8CD;
}
@media (max-width: 990px) {
  .store-campaign .sec05 .list-custom li::before {
    top: 10px;
    width: 4px;
    height: 4px;
  }
}
.store-campaign .sec05 .list-custom + .heading-line-middle {
  margin-top: 48px;
}
@media (max-width: 990px) {
  .store-campaign .sec05 .list-custom + .heading-line-middle {
    margin-top: 24px;
  }
}
@media (max-width: 990px) {
  .store-campaign .sec05 .details-inclusion .col + .col {
    margin-top: 24px;
  }
}
.store-campaign .sec05 .rental-benefit {
  margin-top: 32px;
}
@media (max-width: 990px) {
  .store-campaign .sec05 .rental-benefit {
    margin-top: 16px;
  }
}
.store-campaign .sec05 .rental-box {
  margin-top: 16px;
  padding: 8px;
  background-color: #F6EF37;
}
@media (max-width: 990px) {
  .store-campaign .sec05 .rental-box {
    position: relative;
    width: calc(100% + 8px);
    left: -4px;
    padding: 4px;
  }
}
.store-campaign .sec05 .rental-box h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.72px;
  line-height: 1.8;
  color: #0F46A1;
}
.store-campaign .sec05 .rental-box p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 1.8;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .store-campaign .sec05 .rental-box p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.store-campaign .sec05 .rental-box p span {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.48px;
}
@media (max-width: 990px) {
  .store-campaign .sec05 .rental-box p span {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.4px;
  }
}
.store-campaign .sec05 .rental-box p .sale-price {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.8px;
  color: #F00004;
}
@media (max-width: 990px) {
  .store-campaign .sec05 .rental-box p .sale-price {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
  }
}
.store-campaign .sec05 .heading-linev2 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  line-height: 1.8;
  margin: 0;
}
@media (max-width: 990px) {
  .store-campaign .sec05 .heading-linev2 {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.store-campaign .sec05 .heading-linev2 .heading-slant-line {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.72px;
  line-height: 1.8;
  max-width: 380px;
  margin: 0 auto;
}
@media (max-width: 990px) {
  .store-campaign .sec05 .heading-linev2 .heading-slant-line {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
  }
}
.store-campaign .sec05 .heading-linev2 .heading-slant-line::before, .store-campaign .sec05 .heading-linev2 .heading-slant-line::after {
  border-right: 1px solid #000;
  height: 35px;
}
.store-campaign .sec05 .heading-linev2 .heading-slant-line::before {
  right: 0;
}
@media (max-width: 990px) {
  .store-campaign .sec05 .heading-linev2 .heading-slant-line::before {
    right: 15px;
  }
}
.store-campaign .sec05 .heading-linev2 .heading-slant-line::after {
  left: 0;
}
@media (max-width: 990px) {
  .store-campaign .sec05 .heading-linev2 .heading-slant-line::after {
    left: 15px;
  }
}
.store-campaign .sec05 .rental-calc {
  background-color: #0F46A1;
  border-radius: 10px;
}
.store-campaign .sec-stepup {
  background-color: #1778DB;
}
.store-campaign .sec-stepup .sec-heading {
  margin-bottom: 16px;
}
@media (max-width: 990px) {
  .store-campaign .sec-stepup .sec-heading {
    margin-bottom: 8px;
  }
}
.store-campaign .sec-stepup .sec-heading .sub-heading-text {
  color: #fff;
}
.store-campaign .sec-stepup .tagline {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.8px;
  line-height: 1.8;
  color: #fff;
  text-align: center;
}
@media (max-width: 990px) {
  .store-campaign .sec-stepup .tagline {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
  }
}
.store-campaign .stepup-list {
  margin-top: 40px;
}
@media (max-width: 990px) {
  .store-campaign .stepup-list {
    margin-top: 24px;
  }
}
.store-campaign .stepup-item figure {
  margin-bottom: 8px;
}
.store-campaign .stepup-item figure img {
  border-radius: 30px;
  max-width: 670px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.store-campaign .stepup-item .stepup-title {
  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;
  margin-top: 16px;
  margin: 16px 0;
}
@media (max-width: 990px) {
  .store-campaign .stepup-item .stepup-title {
    margin: 8px 0;
  }
}
.store-campaign .stepup-item .stepup-title > span {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.8px;
  line-height: 1.8;
  color: #fff;
}
@media (max-width: 990px) {
  .store-campaign .stepup-item .stepup-title > span {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
  }
}
.store-campaign .stepup-item .stepup-title .stepup-badge {
  width: 58px;
  height: 58px;
  margin-right: 4px;
}
.store-campaign .stepup-item + .stepup-item {
  margin-top: 48px;
}
@media (max-width: 990px) {
  .store-campaign .stepup-item + .stepup-item {
    margin-top: 24px;
  }
}
.store-campaign .stepup-item p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 1.8;
  color: #fff;
}
@media (max-width: 990px) {
  .store-campaign .stepup-item p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.store-campaign .stepup-item p span {
  font-weight: 500;
}
.store-campaign .stepup-item .info-block {
  margin-top: 24px;
}
.store-campaign .stepup-item .info-block table td {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  color: #fff;
}
@media (max-width: 990px) {
  .store-campaign .stepup-item .info-block table td {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.store-campaign .stepup-item .info-block table td:first-child {
  min-width: 62px;
  vertical-align: baseline;
}
.store-campaign .stepup-item .info-item + .info-item {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .store-campaign .stepup-item .info-item + .info-item {
    margin-top: 8px;
  }
}
.store-campaign .stepup-item .tbl-title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 1.8;
  color: #fff;
}
@media (max-width: 990px) {
  .store-campaign .stepup-item .tbl-title {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.store-campaign .sec-about-campaign .about-campaign-heading {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 1.04px;
  line-height: 1.8;
  color: #0F46A1;
  text-align: center;
  margin-bottom: 16px;
}
@media (max-width: 990px) {
  .store-campaign .sec-about-campaign .about-campaign-heading {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 0.96px;
    margin-bottom: 8px;
  }
}
.store-campaign .sec-about-campaign .about-campaign-heading .icon-mic {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/common/icon_mic.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 10px;
}
.store-campaign .sec-about-campaign .about-campaign-heading .sub-text {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.64px;
  line-height: 1.8;
  color: #413E37;
  margin-top: 8px;
}
@media (max-width: 990px) {
  .store-campaign .sec-about-campaign .about-campaign-heading .sub-text {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.store-campaign .sec-about-campaign .about-campaign-heading .sub-text::before, .store-campaign .sec-about-campaign .about-campaign-heading .sub-text::after {
  position: absolute;
  content: "";
  top: 50%;
  width: 1px;
  height: 50%;
  background-color: #413E37;
}
.store-campaign .sec-about-campaign .about-campaign-heading .sub-text::before {
  left: -16px;
  -webkit-transform: translateY(-50%) rotate(-35deg);
          transform: translateY(-50%) rotate(-35deg);
}
.store-campaign .sec-about-campaign .about-campaign-heading .sub-text::after {
  right: -16px;
  -webkit-transform: translateY(-50%) rotate(35deg);
          transform: translateY(-50%) rotate(35deg);
}
.store-campaign .sec-about-campaign .yt-about-campaign {
  max-width: 670px;
  height: 360px;
  margin: 0 auto;
}
@media (max-width: 990px) {
  .store-campaign .sec-about-campaign .yt-about-campaign {
    height: 180px;
  }
}
.store-campaign .sec-about-campaign .yt-about-campaign iframe {
  width: 100%;
  height: 100%;
}
.store-campaign .sec-about-campaign .sec-heading {
  margin-top: 80px;
  margin-bottom: 30px;
}
@media (max-width: 990px) {
  .store-campaign .sec-about-campaign .sec-heading {
    margin-top: 40px;
    margin-bottom: 16px;
  }
}
.store-campaign .sec-about-campaign .sec-heading + p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 1.8;
}
@media (max-width: 990px) {
  .store-campaign .sec-about-campaign .sec-heading + p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.store-campaign .sec-about-campaign .btn-wrap {
  margin-top: 16px;
  margin-bottom: 40px;
}
.store-campaign .sec-shop .shop-table-wrapper {
  width: 100%;
  overflow-x: auto;
  padding-bottom: 16px;
}
.store-campaign .sec-shop .shop-table {
  width: 100%;
  min-width: 755px;
  border-radius: 20px;
  border-collapse: separate;
}
.store-campaign .sec-shop .shop-table tr:first-child th:first-child {
  border-top-left-radius: 20px;
}
.store-campaign .sec-shop .shop-table tr:last-child th:first-child {
  border-bottom-left-radius: 20px;
}
.store-campaign .sec-shop .shop-table tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
}
.store-campaign .sec-shop .shop-table td:nth-child(2) {
  border-left: 2px solid #0F46A1;
  border-right: 2px solid #0F46A1;
}
.store-campaign .sec-shop .shop-table tr:last-child td:nth-child(2) {
  border-bottom: 2px solid #0F46A1;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.store-campaign .sec-shop .shop-table th, .store-campaign .sec-shop .shop-table td {
  padding: 14px;
}
.store-campaign .sec-shop .shop-table thead th {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  line-height: 1.8;
  text-align: center;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
@media (max-width: 990px) {
  .store-campaign .sec-shop .shop-table thead th {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.store-campaign .sec-shop .shop-table thead th:not(:first-child) {
  background-color: #E9E8E5;
}
.store-campaign .sec-shop .shop-table thead th span {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.72px;
  line-height: 1.8;
}
.store-campaign .sec-shop .shop-table thead th.is-selected {
  background-color: #0F46A1;
}
.store-campaign .sec-shop .shop-table thead th:first-child {
  min-width: 100px;
}
.store-campaign .sec-shop .shop-table thead th:not(:first-child) {
  min-width: 200px;
}
.store-campaign .sec-shop .shop-table tbody tr th, .store-campaign .sec-shop .shop-table tbody tr td {
  border-bottom: 1px solid #DCDCDC;
}
.store-campaign .sec-shop .shop-table tbody th {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.64px;
  line-height: 1.8;
  color: #0F46A1;
  background-color: #EAFAFF;
  padding: 16px 5px;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 990px) {
  .store-campaign .sec-shop .shop-table tbody th {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.store-campaign .sec-shop .shop-table tbody td {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  line-height: 1.8;
  padding: 16px 10px;
  text-align: center;
}
@media (max-width: 990px) {
  .store-campaign .sec-shop .shop-table tbody td {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.store-campaign .sec-shop .shop-table tbody td .text-red {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  line-height: 1.8;
}
@media (max-width: 990px) {
  .store-campaign .sec-shop .shop-table tbody td .text-red {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.store-campaign .sec-shop .shop-table tbody td .text-note {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.48px;
  line-height: 1.8;
}
@media (max-width: 990px) {
  .store-campaign .sec-shop .shop-table tbody td .text-note {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.4px;
  }
}
.store-campaign .sec-shop .shop-table tbody td.is-selected, .store-campaign .sec-shop .shop-table tbody td.is-on, .store-campaign .sec-shop .shop-table tbody td.is-close, .store-campaign .sec-shop .shop-table tbody td.is-triangle {
  position: relative;
}
.store-campaign .sec-shop .shop-table tbody td.is-on, .store-campaign .sec-shop .shop-table tbody td.is-close, .store-campaign .sec-shop .shop-table tbody td.is-triangle {
  padding-top: 40px;
}
.store-campaign .sec-shop .shop-table tbody td.is-on::before, .store-campaign .sec-shop .shop-table tbody td.is-on::after, .store-campaign .sec-shop .shop-table tbody td.is-close::before, .store-campaign .sec-shop .shop-table tbody td.is-close::after, .store-campaign .sec-shop .shop-table tbody td.is-triangle::before, .store-campaign .sec-shop .shop-table tbody td.is-triangle::after {
  position: absolute;
  content: "";
  top: 16px;
  left: 50%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.store-campaign .sec-shop .shop-table tbody td.is-on::before, .store-campaign .sec-shop .shop-table tbody td.is-on::after {
  border: 2px solid #333;
}
.store-campaign .sec-shop .shop-table tbody td.is-on::before {
  width: 20px;
  height: 20px;
}
.store-campaign .sec-shop .shop-table tbody td.is-on::after {
  top: 20px;
  width: 12px;
  height: 12px;
}
.store-campaign .sec-shop .shop-table tbody td.is-close::before, .store-campaign .sec-shop .shop-table tbody td.is-close::after {
  width: 1px;
  height: 20px;
  background-color: #333;
}
.store-campaign .sec-shop .shop-table tbody td.is-close::before {
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.store-campaign .sec-shop .shop-table tbody td.is-close::after {
  -webkit-transform: translateX(-50%) rotate(-45deg);
          transform: translateX(-50%) rotate(-45deg);
}
.store-campaign .sec-shop .shop-table tbody td.is-triangle::before, .store-campaign .sec-shop .shop-table tbody td.is-triangle::after {
  border-radius: 0;
}
.store-campaign .sec-shop .shop-table tbody td.is-triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent; /* half base */
  border-right: 10px solid transparent; /* half base */
  border-bottom: 19px solid black; /* outer border */
}
.store-campaign .sec-shop .shop-table tbody td.is-triangle::after {
  content: "";
  position: absolute;
  top: 17px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 16px solid white; /* background color */
}
.store-campaign .sec-shop .shop-table tbody td.is-selected {
  padding-left: 40px;
}
.store-campaign .sec-shop .shop-table tbody td.is-selected::before, .store-campaign .sec-shop .shop-table tbody td.is-selected::after {
  position: absolute;
  content: "";
  top: 50%;
  border-radius: 50%;
  border: 2px solid #F00004;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.store-campaign .sec-shop .shop-table tbody td.is-selected::before {
  left: 10px;
  width: 20px;
  height: 20px;
}
.store-campaign .sec-shop .shop-table tbody td.is-selected::after {
  left: 14px;
  width: 12px;
  height: 12px;
}
.store-campaign .sec-shop .store-info {
  padding-right: 48px;
}
@media (max-width: 990px) {
  .store-campaign .sec-shop .store-info {
    padding-right: 0;
  }
}
@media (max-width: 990px) {
  .store-campaign .sec-shop .store-info .contact-details {
    display: none;
  }
}
.store-campaign .sec-shop .store-list {
  margin-top: 24px;
}
.store-campaign .sec-shop .store-list .col {
  padding: 0 16px;
}
@media (max-width: 990px) {
  .store-campaign .sec-shop .store-list .col:not(:last-child) {
    border-bottom: 1px solid #E9E8E5;
  }
}
.store-campaign .store-shop-wrap {
  margin-top: 80px;
}
@media (max-width: 990px) {
  .store-campaign .store-shop-wrap {
    margin-top: 40px;
  }
}
.store-campaign .store-shop-wrap .shop-title {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 1.04px;
  line-height: 1.8;
  color: #0F46A1;
  text-align: center;
  margin-bottom: 32px;
}
@media (max-width: 990px) {
  .store-campaign .store-shop-wrap .shop-title {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: 0.96px;
    margin-bottom: 16px;
  }
}
.store-campaign .store-shop-wrap .shop-title + p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 1.8;
}
.store-campaign .sec-reason .sec-heading {
  margin-bottom: 48px;
}
@media (max-width: 990px) {
  .store-campaign .sec-reason .sec-heading {
    margin-bottom: 24px;
  }
}
.store-campaign .sec-reason .reason-card .card-image {
  position: relative;
  margin-bottom: 44px;
}
@media (max-width: 990px) {
  .store-campaign .sec-reason .reason-card .card-image {
    margin-bottom: 34px;
  }
}
.store-campaign .sec-reason .reason-card .card-image img {
  border-radius: 30px;
  width: 100%;
  max-height: 316px;
}
@media (max-width: 990px) {
  .store-campaign .sec-reason .reason-card .card-image img {
    max-height: 185px;
  }
}
.store-campaign .sec-reason .reason-card .reason-text-float {
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 180px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  letter-spacing: 0.72px;
  color: #02A8CD;
  background-color: #fff;
  padding: 0 20px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 4px;
}
@media (max-width: 990px) {
  .store-campaign .sec-reason .reason-card .reason-text-float {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
  }
}
.store-campaign .sec-reason .reason-card .reason-text-float span {
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  letter-spacing: 0.88px;
  line-height: 1.8;
}
.store-campaign .sec-reason .reason-card .card-title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.8px;
  line-height: 1.8;
  color: #0F46A1;
  text-align: center;
  margin-bottom: 16px;
}
@media (max-width: 990px) {
  .store-campaign .sec-reason .reason-card .card-title {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
    margin-bottom: 8px;
  }
}
.store-campaign .sec-reason .reason-card .card-details p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.64px;
  line-height: 1.8;
}
@media (max-width: 990px) {
  .store-campaign .sec-reason .reason-card .card-details p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.store-campaign .sec-feature {
  background: #EAFAFF;
}
.store-campaign .sec-feature .tagline {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.8px;
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 990px) {
  .store-campaign .sec-feature .tagline {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.72px;
  }
}
.store-campaign .sec-feature .feature-list {
  margin-top: 16px;
}
@media (max-width: 990px) {
  .store-campaign .sec-feature .feature-list {
    margin-top: 8px;
    padding: 0 18px;
  }
}
.store-campaign .sec-feature .feature-list .col::nth-child(n +4) {
  margin-top: 20px;
}
.store-campaign .sec-feature .feature-list .col {
  margin-top: 8px;
}
.store-campaign .sec-feature .feature-list .col:nth-child(n+2) {
  margin-top: 8px;
}
.store-campaign .sec-feature .btn-wrap {
  margin-top: 24px;
}
.store-campaign .sec-feature .card {
  position: relative;
  background: #fff;
  padding: 20px 15px;
  border-radius: 20px;
  text-align: center;
}
.store-campaign .sec-feature .card figure {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 20px;
}
.store-campaign .sec-feature .card figure img {
  width: 100%;
  height: auto;
}
@media (min-width: 992px) {
  .store-campaign .sec-feature .card figure img {
    min-height: 277px;
  }
}
.store-campaign .sec-feature .card .card-point {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background: #0F46A1;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.72px;
  line-height: 1.8;
  color: #fff;
  padding: 1px 20px;
}
.store-campaign .sec-feature .card h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.72px;
  line-height: 1.8;
  margin-bottom: 16px;
}
@media (max-width: 990px) {
  .store-campaign .sec-feature .card h3 {
    margin-bottom: 8px;
  }
}
.store-campaign .sec-feature .card h3 span {
  font-weight: 700;
}
.store-campaign .sec-feature .card > a {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  padding-right: 18px;
}
.store-campaign .sec-feature .card > a::before {
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
}
@media (max-width: 990px) {
  .store-campaign .sec-feature .apply-wrapper {
    margin-top: 24px;
  }
}
.store-campaign .sec-feature .point-details .point-item.accordion {
  background: #FFF;
}
.store-campaign .sec-feature .point-details .point-item.accordion .accordion-header {
  position: relative;
}
.store-campaign .sec-feature .point-details .point-item.accordion .accordion-header .w-arrow {
  display: block;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  text-align: center;
  color: #0F46A1;
}
.store-campaign .sec-feature .point-details .point-item.accordion .accordion-header .w-arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 20px;
  height: 10px;
  right: 30%;
  background: url("../images/common/chevron_gray.svg") no-repeat center center;
  background-size: contain;
  margin-top: -5px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media (max-width: 990px) {
  .store-campaign .sec-feature .point-details .point-item.accordion .accordion-header .w-arrow:before {
    right: 22%;
  }
}
.store-campaign .sec-feature .point-details .point-item.accordion .accordion-header.is-open a:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.store-campaign .sec-feature .point-details .point-item.accordion .accordion-content p {
  margin-top: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
  text-align: left;
}
@media (max-width: 990px) {
  .store-campaign .sec-feature .point-details .point-item.accordion .accordion-content p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.store-campaign .sec-feature .point-details .point-item {
  background: #FFF;
}
.store-campaign .sec-feature .point-details .point-item + .point-item {
  margin-top: 40px;
}
.store-campaign .sec-feature .point-details .point-item figure {
  position: relative;
  margin-bottom: 16px;
}
.store-campaign .sec-experience .exp-text {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.8px;
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 990px) {
  .store-campaign .sec-experience .exp-text {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
  }
}
.store-campaign .sec-experience .exp-text span {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 1.04px;
  line-height: 1.8;
  color: #0F46A1;
}
@media (max-width: 990px) {
  .store-campaign .sec-experience .exp-text span {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 0.96px;
  }
}
.store-campaign .sec-experience .dive-category {
  margin-top: 48px;
}
@media (max-width: 990px) {
  .store-campaign .sec-experience .dive-category {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 24px;
  }
}
.store-campaign .sec-experience .dive-item {
  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;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}
.store-campaign .sec-experience .dive-item::before {
  position: absolute;
  content: "";
  width: 198px;
  height: 200px;
  top: 50%;
  right: -10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
}
@media (max-width: 990px) {
  .store-campaign .sec-experience .dive-item::before {
    width: 198px;
    height: 200px;
  }
}
.store-campaign .sec-experience .dive-item:nth-child(1)::before {
  background: url("/assets/images/storecampaign/experience_bg01.webp") no-repeat center/cover;
}
@media (max-width: 990px) {
  .store-campaign .sec-experience .dive-item:nth-child(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.store-campaign .sec-experience .dive-item:nth-child(2)::before {
  background: url("/assets/images/storecampaign/experience_bg02.webp") no-repeat center/cover;
}
@media (max-width: 990px) {
  .store-campaign .sec-experience .dive-item:nth-child(2)::before {
    right: auto;
    left: -10px;
    width: 188px;
    height: 190px;
  }
}
.store-campaign .sec-experience .dive-item:nth-child(3)::before {
  background: url("/assets/images/storecampaign/experience_bg03.webp") no-repeat center/cover;
}
@media (max-width: 990px) {
  .store-campaign .sec-experience .dive-item + .dive-item {
    margin-top: 8px;
  }
}
.store-campaign .sec-experience .dive-content {
  max-width: 162px;
  width: 100%;
  padding: 10px 5px;
}
.store-campaign .sec-experience .dive-content p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  line-height: 1.8;
  color: #595959;
}
@media (max-width: 990px) {
  .store-campaign .sec-experience .dive-content p {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.store-campaign .sec-experience .dive-title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.8px;
  line-height: 1.8;
  color: #0F46A1;
  text-align: center;
  margin-bottom: 8px;
}
@media (max-width: 990px) {
  .store-campaign .sec-experience .dive-title {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.72px;
  }
}
.store-campaign .location-list .location-item.accordion {
  background: #EAFAFF;
}
.store-campaign .location-list .location-item.accordion .accordion-header {
  border: 1px solid #0F46A1;
  padding: 16px;
  border-radius: 8px;
  background: #EAFAFF;
  position: relative;
}
.store-campaign .location-list .location-item.accordion .accordion-header .w-arrow {
  display: block;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  text-align: center;
  color: #203A72;
}
.store-campaign .location-list .location-item.accordion .accordion-header .w-arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 20px;
  height: 10px;
  right: 0;
  background: url("../images/common/chevron_gray.svg") no-repeat center center;
  background-size: contain;
  margin-top: -5px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.store-campaign .location-list .location-item.accordion .accordion-header.is-open a:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.store-campaign .location-list .location-item.accordion .accordion-content > ul {
  padding: 20px;
}
.store-campaign .location-list .location-item.accordion .accordion-content > ul > li {
  margin-bottom: 24px;
}
.store-campaign .location-list .location-item.accordion .accordion-content > ul > li:last-child {
  margin-bottom: 0;
}
.store-campaign .location-list .location-item.accordion .accordion-content > ul > li p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}
.store-campaign .location-list .location-item.accordion .accordion-content > ul > li figure {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.store-campaign .location-list .location-item {
  background: #EAFAFF;
}
.store-campaign .location-list .location-item + .location-item {
  margin-top: 40px;
}
.store-campaign .location-list .location-item figure {
  position: relative;
  margin-bottom: 16px;
}
.store-campaign .location-list .location-item .loc-num {
  position: absolute;
  padding: 6px 10px;
  bottom: 0;
  left: 0;
  background: #02A8CD;
  border-radius: 0px 10px 0px 10px;
  color: #fff;
  font-weight: 500;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 4px;
  font-family: "Poppins", sans-serif;
}
.store-campaign .map-wrap {
  margin-top: 40px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.store-campaign .map-wrap p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
.store-campaign .map-wrap figure {
  margin: 40px 0;
}
.store-campaign .map-wrap figure img {
  width: 100%;
  height: auto;
  display: block;
}
.store-campaign .map-details {
  margin-bottom: 80px;
}
.store-campaign .map-details > li {
  padding-bottom: 10px;
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #E9E8E5;
}
.store-campaign .map-details > li + li {
  margin-top: 0;
}
.store-campaign .map-details p {
  font-weight: 500;
}
.store-campaign .map-details p.text-bold {
  font-weight: 700;
}
.store-campaign .sec-achievement {
  background-color: #147FDF;
}
.store-campaign .sec-achievement .sec-heading .sub-heading-text {
  color: #fff;
}
.store-campaign .sec-achievement .sub-title {
  text-align: center;
}
.store-campaign .sec-achievement .sub-title span {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.64px;
  line-height: 1.8;
  color: #fff;
}
@media (max-width: 990px) {
  .store-campaign .sec-achievement .sub-title span {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.store-campaign .sec-achievement .sub-title span::before, .store-campaign .sec-achievement .sub-title span::after {
  position: absolute;
  content: "";
  top: 50%;
  width: 1px;
  height: 25px;
  background-color: #fff;
}
.store-campaign .sec-achievement .sub-title span::before {
  left: -20px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
.store-campaign .sec-achievement .sub-title span::after {
  right: -20px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.store-campaign .sec-achievement .achievement-list {
  margin: 60px 0;
}
@media (max-width: 990px) {
  .store-campaign .sec-achievement .achievement-list {
    margin: 32px 0;
  }
}
.store-campaign .sec-achievement .achievement-list .col:nth-child(n+4) {
  margin-top: 30px;
}
@media (max-width: 990px) {
  .store-campaign .sec-achievement .achievement-list .col:nth-child(n+3) {
    margin-top: 16px;
  }
}
.store-campaign .sec-achievement .bottom-text {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.64px;
  line-height: 1.8;
  color: #fff;
  text-align: center;
}
@media (max-width: 990px) {
  .store-campaign .sec-achievement .bottom-text {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.store-campaign .sec-achievement .bottom-text span {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.72px;
}
@media (max-width: 990px) {
  .store-campaign .sec-achievement .bottom-text span {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
  }
}
.store-campaign .question-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #02A8CD;
}
@media (max-width: 990px) {
  .store-campaign .question-heading {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 10px;
  }
}
.store-campaign .question-heading .q-label {
  width: 60px;
}
.store-campaign .question-heading .q-label span {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Poppins", sans-serif;
  font-style: italic;
  letter-spacing: 0.56px;
  line-height: 1.4;
  color: #02A8CD;
  text-transform: capitalize;
}
@media (max-width: 990px) {
  .store-campaign .question-heading .q-label span {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.48px;
  }
}
.store-campaign .question-heading .q-label .q-num {
  font-size: 26px;
  font-size: 2.6rem;
  letter-spacing: 1.04px;
}
@media (max-width: 990px) {
  .store-campaign .question-heading .q-label .q-num {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 0.96px;
  }
}
.store-campaign .question-heading .q-text {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.72px;
  line-height: 1.8;
}
@media (max-width: 990px) {
  .store-campaign .question-heading .q-text {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
  }
}
.store-campaign .sec-interview .question-list {
  margin-top: 60px;
}
@media (max-width: 990px) {
  .store-campaign .sec-interview .question-list {
    margin-top: 32px;
  }
}
.store-campaign .sec-interview .question-item + .question-item {
  margin-top: 60px;
}
@media (max-width: 990px) {
  .store-campaign .sec-interview .question-item + .question-item {
    margin-top: 32px;
  }
}
.store-campaign .sec-interview .question-content {
  margin-top: 32px;
}
@media (max-width: 990px) {
  .store-campaign .sec-interview .question-content {
    margin-top: 16px;
  }
}
.store-campaign .sec-interview .question-content p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  line-height: 1.8;
}
@media (max-width: 990px) {
  .store-campaign .sec-interview .question-content p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.store-campaign .sec-interview .question-content .q-img {
  margin-top: 32px;
}
@media (max-width: 990px) {
  .store-campaign .sec-interview .question-content .q-img {
    margin-top: 16px;
  }
}
.store-campaign .sec-interview .question-content .q-img img {
  width: 100%;
  max-width: 680px;
}
.store-campaign .sec-anniversary {
  padding-bottom: 0;
}
.store-campaign .sec-anniversary .anniversary-img {
  position: relative;
  width: calc(100% + 40px);
  left: -20px;
}
.store-campaign .sec-anniversary .anniversary-img img {
  width: 100%;
  height: auto;
}
.store-campaign .faq .accordion-title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.8;
  letter-spacing: 0.8px;
}
@media (max-width: 990px) {
  .store-campaign .faq .accordion-title {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
  }
}
.store-campaign .faq .accordion-content p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.64px;
}
@media (max-width: 990px) {
  .store-campaign .faq .accordion-content p {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.56px;
  }
}
.store-campaign .sec-access {
  padding: 80px 0 150px;
}
@media (max-width: 990px) {
  .store-campaign .sec-access {
    padding: 40px 0 150px;
  }
}
.store-campaign .apply-wrapper {
  background-color: #fff;
}
/*# sourceMappingURL=maps/app.css.map */

.pb-10percent {
  padding-bottom: 10%;
}