@charset "utf-8";

/* CSS Document */
.otherpage .contentheader{background-image: url(../images/other-bg-01.jpg);}


/* contenthead */
.primarypage .contentheader{}
  .primarypage .contentheader{
    height: 480px;
    padding-right: 0;
    padding-left: 0;
    background-size: cover;
    background-position: center;
    position: relative;
    }
  .subpage .contentheader{}
  /* .subpage .imageheader{margin-bottom: 60px;} */
  .contentheader-ttl{
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    }
    .contentheader-ttl-inner{}
      .contentheader-ttl-en{}
        .contentheader-ttl-en-txt{
          font-size: 80px;
          font-weight: 500;
          text-transform: uppercase;
          font-family: 'Caveat', cursive; 
          color: rgba(255,255,255,1);
          text-align: center;
          line-height: 1;
          }
      .contentheader-ttl-jp{margin-top: 20px;}
        .contentheader-ttl-jp-txt{
          font-size: 22px;
          color: rgba(255,255,255,1);
          text-align: center;
          line-height: 1;
          letter-spacing: 0.1em;
          }

/* breadcrumb */
.breadcrumb{
  margin-bottom: 80px;
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 5px;
  padding-left: 20px;
  }
  .breadcrumb-inner{
    max-width: 1000px;
    margin: 0 auto;
    }
  .bcn-txt{
    font-size: 13px;
    color: rgba(100,100,100,1);
    transition: .3s;
    }
    a {    font-size: 13px;
    color: rgba(100,100,100,1);
    transition: .3s;}
    a:hover{opacity: .5;}
  .bcn-separation{
    margin-right: 1px;
    margin-left: 1px;
    position: relative;
    color: rgba(150,150,150,1);
    top: 2px;
    }
.contact-method-link:hover {
  opacity: 1;
}
/* secmain */
.secmain{}
  .secintro{margin-bottom: 150px;}
    .secintro .section-inner{max-width: 800px;}
      .secintro-ttl{margin-bottom: 40px;}
        .secintro-ttl-txt{
          display: flex;
          justify-content: center;
          font-size: 30px;
          font-weight: 500;
          line-height: 1.4;
          letter-spacing: 0.05em;
          }
      .secintro-detail{}
        .secintro-detail-txt{
          display: flex;
          justify-content: center;
          line-height: 2;
          }

    .secintro-button{
      width: 350px;
      margin: 50px auto 0;
      }

/* parts */
.section-subttl{margin-bottom: 50px;}
  .section-subttl-inner{}
    .section-subttl-txt{
      font-size: 30px;
      font-weight: 500;
      text-align: center;
      }

@media screen and (max-width: 1199px) { }/* max-width: 1199px */

@media screen and (max-width: 991px) {

/* contenthead */
.primarypage .contentheader{height: 350px;}
  /* .subpage .imageheader{margin-bottom: 40px;} */
      .contentheader-ttl-en-txt{font-size: 60px;}
    .contentheader-ttl-jp{margin-top: 15px;}
      .contentheader-ttl-jp-txt{font-size: 18px;}

/* secmain */
.secintro{margin-bottom: 100px;}
  .secintro-ttl{margin-bottom: 30px;}
    .secintro-ttl-txt{font-size: 26px;}
    .secintro-detail-txt{line-height: 1.8;}
  .secintro-button{
    width: 280px;
    margin: 40px auto 0;
    }

/* parts */
.section-subttl{margin-bottom: 40px;}
  .section-subttl-txt{font-size: 26px;}


}/* max-width: 991px */

@media screen and (min-width: 768px) {}/* min-width: 768px */

@media screen and (max-width: 767px) {

/* contenthead */
/* .subpage .imageheader{margin-bottom: 40px;} */

/* breadcrumb */
.breadcrumb{margin-bottom: 50px;}

/* secmain */
.secintro{margin-bottom: 50px;}
  .secintro-ttl{margin-bottom: 20px;}
    .secintro-ttl-txt{font-size: 22px;}
    .secintro-detail-txt{line-height: 1.6;}

/* parts */
.section-subttl{margin-bottom: 30px;}
  .section-subttl-txt{font-size: 22px;}

    
}/* max-width: 767px */

@media screen and (max-width: 575px) {

/* contenthead */
.primarypage .contentheader{height: 250px;}
    .contentheader-ttl-en-txt{font-size: 45px;}
  .contentheader-ttl-jp{margin-top: 10px;}
    .contentheader-ttl-jp-txt{font-size: 16px;}

/* breadcrumb */
.breadcrumb{
  margin-bottom: 50px;
  padding-right: 15px;
  padding-left: 15px;
  }

/* secmain */
.secintro-ttl-txt br{display: none;}


}/* max-width: 575px */