* {
    font-weight: 500;
    font-size: 14px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    color: #444;
    text-align: center;
  }
  
  .reverse {
    flex-direction: row-reverse;
  }
  
  .btn-area {
    width: 100%;
    padding: 1rem;
    background-color: #467cb3;
  }
  
  /* font size */
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    * {
      font-size: 16px;
    }
  }
  
  @media screen and (min-width: 1024px) {
    * {
      font-size: 18px;
    }
  }
  
  /* pc */
  @media screen and (min-width: 768px) {
    .sp {
      display: none;
    }
  
    .btn-area__img {
      width: 16.94rem;
      height: auto;
    }
  }
  
  /* sp */
  @media screen and (max-width: 767px) {
    * {
      text-align: center;
    }
  
    .pc {
      display: none;
    }
  
    .plan-btn {
      position: fixed;
      bottom: 0;
    }
  }
  
  /* FV */
  .FV {
    text-align: center;
  }
  .FV__bg {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
  }
  
  .FV__icon {
    position: absolute;
    top: 1rem;
    left: 1rem;
  }
  
  .FV-title {
    position: absolute;
    top: 2rem;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
  }
  
  .FV__catch {
    line-height: 1.71;
  }
  
  .FV-flexbox {
    display: flex;
    justify-content: center;
    gap: 0.36rem;
    align-items: start;
    padding-top: 1rem;
  }
  
  .FV__title-sub {
    font-size: 1.79rem;
  }
  
  .FV__title-main {
    font-size: 1.93rem;
    color: #ffffff;
    margin-top: 0.3rem;
  }
  
  .FV__title > p {
    font-size: 0.86rem;
    font-weight: 700;
    margin-top: 0.5rem;
  
  }
  .FV__desc {
    background-color: #f3f5fb;
    padding: 0.86rem;
  }
  
  .FV__desc-title {
    font-size: 1.07rem;
    letter-spacing: 0.67;
    line-height: 1.79;
    color: #f67618;
  }
  
  .FV__desc-title > span {
    font: inherit;
    color: inherit;
    font-size: 1.28rem;
  }
  
  .FV__desc-text {
    line-height: 1.57;
    letter-spacing: 0.07rem;
    margin-top: 1.36rem;
  }
  
  /* pc */
  @media screen and (min-width: 768px) {
    .FV__bg {
      display: block;
      height: 55.06rem;
      object-fit: cover;
      position: relative;
    }
  
    .FV__icon {
      width: 5rem;
      height: auto;
      position: absolute;
      top: 1rem;
      left: 1rem;
    }
  
    .FV-title {
      top: 2rem;
      left: 50%;
      transform: translate(-50%);
    }
  
    .FV-flexbox {
      align-items: center;
      margin-top: 1.5rem;
    }
  
    .FV__circle-img {
      width: 4.29rem;
      height: auto;
    }
  }
  
  /* about */
  .about {
    background-image: url(../image/about-bg.png);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 1.86rem 0;
  }
  
  .about__img {
    max-width: 95vw;
    border-radius: 0.86rem;
    border: 2px solid #ffffff;
    margin-top: 0.93rem;
  }
  
  .about__text {
    letter-spacing: 0.07em;
    line-height: 1.64;
    margin-top: 1.79rem;
  }
  
  /* pc */
  @media screen and (min-width: 768px) {
    .about__title {
      width: 16.25rem;
      height: auto;
      text-align: center;
    }
  
    .about__flexbox {
      max-width: 95vw;
      display: flex;
      justify-content: center;
      gap: 1.25rem;
      align-items: center;
      margin: 1.79rem auto 0;
    }
  
    .about__img {
      width: 21.2rem;
      height: 17.13rem;
      object-fit: cover;
      margin: 0;
    }
  
    .about__text {
      max-width: 33.9rem;
      text-align: start;
      margin: 0;
    }
  }
  
  /* plan */
  .plan {
    background-color: #f3f5fb;
    padding: 1rem 0 3.14rem;
  }
  
  .plan-flexbox {
    display: flex;
    justify-content: center;
    gap: 0.43rem;
    align-items: center;
  }
  
  .plan__sub-title {
    font-size: 1.43rem;
    border-bottom: #434343 0.26rem solid;
  }
  
  .plan__title {
    font-size: 1.5rem;
    line-height: 1.43;
    margin-top: 0.64rem;
  }
  
  .plan__title > span {
    font: inherit;
    color: #f67618;
  }
  
  .plan__list:first-child {
    margin-top: 3.79rem;
  }
  
  .plan__list {
    margin-top: 3.5rem;
  }
  
  .plan__list--title {
    font-size: 1.14rem;
    letter-spacing: 0.06em;
    line-height: 1.56;
    color: #698da8;
    margin-top: 0.5rem;
  }
  
  .plan__list--title > span {
    font: inherit;
    font-size: 1.43rem;
    color: #f67618;
  }
  
  .plan__list--img {
    max-width: 95vw;
    border-radius: 0.86rem;
    margin-top: 1.71rem;
    object-fit: cover;
  }
  
  .plan__list--text {
    max-width: 95vw;
    letter-spacing: 0.06em;
    line-height: 1.64;
    margin: 1.93rem auto 0;
  }
  
  .plan__list--text > span {
    font-size: 0.79rem;
    letter-spacing: 0.06em;
    line-height: 1.64;
  }
  
  /* pc */
  @media screen and (min-width: 768px) {
    .plan-flexbox {
      gap: 2rem;
      margin-top: 2.5rem;
    }
  
    .plan__img01 {
      width: 7.6rem;
      height: auto;
    }
  
    .plan__img02 {
      width: 8.85rem;
      height: auto;
    }
  
    .plan__title {
      font-size: 1.5rem;
      margin-top: 1.9rem;
    }
  
    .plan__list-num,.souvenir__title--num {
      width: 2.5rem;
      height: auto;
    }
  
    .plan__list--box {
      max-width: 95vw;
      display: flex;
      justify-content: center;
      gap: 1.5rem;
      align-items: center;
      margin: 0.5rem auto 0;
    }
  
    .plan__list--title,.plan__list--text {
      text-align: start;
    }
  
    .plan__list--title,.plan__list--img {
      margin: 0;
    }
  
    .plan__list--img {
      width: 19.88rem;
      height: 19.31rem;
      object-fit: cover;
    }
  
    .plan__list--text {
      max-width: 45vw;
    }
  }
  
  /* arrow */
  .arrow {
    margin-top: -1.21rem;
  }
  
  /* pc */
  @media screen and (min-width: 768px) {
    .arrow {
      width: 4rem;
      height: auto;
    }
  }
  
  /* souvenir */
  .souvenir {
    padding: 2.43rem 0 2.57rem;
  }
  
  .souvenir__title {
    font-size: 1.79rem;
    line-height: 1.32;
  }
  
  .souvenir__title > span {
    font: inherit;
    background: linear-gradient(transparent 50%, #f0ec52 50%);
  }
  
  .souvenir__title--num {
    margin: 2.43rem 0 0.5rem;
  }
  
  /* more */
  .more {
    background-color: #f3f5fb;
    padding: 4.64rem 0 4.14rem;
    position: relative;
  }
  
  .more-img01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 53vw;
    height: auto;
  }
  
  .more-img02 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 56vw;
    height: auto;
    transform: rotate(180deg);
  }
  
  .more__catch {
    font-size: 1.14rem;
  }
  
  .more__title {
    font-size: 1.57rem;
    color: #698da8;
    margin: 0.79rem 0;
  }
  
  .more__text {
    line-height: 1.64;
    letter-spacing: 0.07em;
  }
  
  .more__banner {
    margin-top: 1.57rem;
  }
  
  /* pc */
  @media screen and (min-width: 768px) {
    .more {
      border-bottom: #ffffff solid 1px;
    }
  
    .more-img01,.more-img02 {
      width: 28vw;
    }
  
    .more__banner {
      width: 22.07rem;
      height: auto;
    }
  }
  
  /* nico-plan */
  .nico-plan {
    padding: 2.36rem 0 2.71rem;
  }
  
  .nico-plan__title {
    font-size: 1.57rem;
    line-height: 1.36;
  }
  
  .nico-plan__title > span {
    font: inherit;
    color: #ef873d;
  }
  
  .nico-plan__text {
    line-height: 1.64;
    letter-spacing: 0.07em;
    margin: 1.64rem 0 1.86rem;
  }
  
  .nico-plan__img {
    max-width: 95vw;
    border-radius: 10px;
  }
  
  /* pc */
  @media screen and (min-width: 768px) {
    .nico-plan__flexbox {
      display: flex;
      justify-content: center;
      gap: 1.25rem;
      align-items: center;
      margin-top: 1.64rem;
    }
  
    .nico-plan__text {
      text-align: start;
      margin: 0;
    }
  
    .nico-plan__img {
      width: 20.76rem;
      height: 11.87rem;
      object-fit: cover;
    }
  }
  
  /* qa */
  .QA {
    background-color: #f3f5fb;
    padding: 2.07rem 0 2.36rem;
  }
  
  .QA__container {
    width: 22.5rem;
    margin: 0 auto;
  }
  
  .QA__title {
    font-size: 1.57rem;
  }
  
  .QA__sub-title {
    font-weight: 700;
    margin: 1.36rem 0 2.5rem;
  }
  
  dt {
    font-weight: 700;
    line-height: 1.64;
    letter-spacing: 0.07;
    text-align: start;
    display: flex;
  }
  
  dd {
    font-weight: 400;
    line-height: 1.64;
    letter-spacing: 0.07em;
    text-align: start;
    display: flex;
    margin: 0;
    margin-top: 1.71rem;
  }
  
  .QA__Q {
    font: inherit;
    color: #ef883d;
  }
  
  .QA__A {
    font: inherit;
    color: #dd0a0a;
  }
  
  .QA02 {
    margin-top: 3.57rem;
  }
  
  /* pc */
  @media screen and (min-width: 768px) {
    .QA__container {
      width: 36.38rem;
      margin: 0 auto;
    }
  }
  
  /* footer */
  footer {
    padding: 1.07rem 0 7rem;
  }
  
  .company {
    font-weight: 400;
    line-height: 1.64;
    letter-spacing: 0.07em;
  }
  
  .nav-kowakien-plan {
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
    margin-top: 2.14rem;
  }
  
  .x-img {
    margin: 2.93rem 0;
  }
  
  .copyright {
    font-weight: 400;
  }
  
  /* pc */
  @media screen and (min-width: 768px) {
    footer {
      padding-bottom: 2.14rem;
    }
  
    .footer-logo {
      width: 23rem;
      height: auto;
    }
  
    .nav-kowakien-plan {
      flex-direction: row;
      justify-content: center;
      gap: 0.5rem;
    }
  
    .nav-kowakien-plan > li {
      border-left: #444 solid 1px;
      padding-left: 0.5rem;
    }
  
    .nav-kowakien-plan > li:first-child {
      border-left: none;
    }
    
    .x-img {
      width: 2.86rem;
      height: auto;
    }
  }




  #content {
    margin-top: 0!important;
  }

  #colophon {
    display: none;
  }

  .navbar.navbar-light {
    display: none;
  }
  