@charset "utf-8";

/* CSS Document */

.sec-header{
  width: 100%;
  margin-bottom: 50px;
  }
  .sec-header__fig{
    width: 100%;
    height: 450px;
    background-position: center;
    background-size: cover;
    }
  .sec-header__roof{
    overflow: hidden;
    width: calc(100% - 40px);
    margin: -95px 20px 0;
    padding-top: 70px;
    }  
    .sec-header__roof-inner{
      width: 100%;
      max-width: 980px;
      margin: 0 auto;
      background-color: rgba(255,255,255,1);
      position: relative;
      }
      .sec-header__roof-inner::before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 70px 0 0 980px;
        border-color: transparent transparent transparent rgba(255,255,255,1);
        position: absolute;
        top: -70px;
        left: 0;
        }
    .sec-header__txt{
      padding-top: 15px;
      text-align: center;
      }
      .sec-header__txt-en{
        margin-bottom: 15px;
        font-size: 4.5rem;
        font-weight: bold;
        line-height: 1;
        }
      .sec-header__txt-jp{
        font-size: 2rem;
        font-weight: bold;
        line-height: 1;
        }    

.btn-blc{
  margin-bottom: 65px;
  padding: 0 20px;
  }
  .btn-blc__inner{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    }

.cmn-blc{
  padding: 50px 20px;
  position: relative;
  }
  .-trgl.cmn-blc::before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: rgba(0,101,164,1) transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-15px);
    }

  .-bggray.cmn-blc{background-color: rgba(242,242,242,1);}
  .-bglble.cmn-blc{background-color: rgba(234,246,253,1);}
  .cmn-blc__inner{
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    }
.cmn-sec__ttl{
  margin-bottom: 35px;
  text-align: center;
  }
  .cmn-sec__ttl-txt{
    font-size: 2.6rem;
    font-weight: bold;
    }
    .cmn-sec__ttl-txt.-large{font-size: 3rem;}

.cmn-sec__intro{
  margin-bottom: 45px;
  font-size: 1.5rem;
  text-align: center;
  }    

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

.sec-header{margin-bottom: 40px;}
  .sec-header__fig{height: 350px;}
  .sec-header__roof{
    margin: -70px 20px 0;
    padding-top: 60px;
    }  
    .sec-header__roof-inner::before {
      border-width: 60px 0 0 960px;
      top: -60px;
      }
    .sec-header__txt-en{
      margin-bottom: 15px;
      font-size: 3.5rem;
      }
    .sec-header__txt-jp{font-size: 1.8rem;}  

.btn-blc{margin-bottom: 50px;}

.cmn-sec__ttl-txt.-large{font-size: 2.6rem;}

}/* max-width: 1000px */

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


}/* max-width: 900px */

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


}/* max-width: 700px */

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

.sec-header__fig{height: 250px;}
.sec-header__roof{
  margin: -50px 20px 0;
  padding-top: 50px;
  }  
  .sec-header__roof-inner::before {
    border-width: 50px 0 0 800px;
    top: -50px;
    }
  .sec-header__txt{padding-top: 0;}
  .sec-header__txt-en{
    margin-bottom: 10px;
    font-size: 3rem;
    }
  .sec-header__txt-jp{font-size: 1.6rem;}  
    
.btn-blc{margin-bottom: 40px;}

.cmn-blc{padding: 40px 20px;}
.cmn-sec__ttl{margin-bottom: 25px;}
  .cmn-sec__ttl-txt{font-size: 2rem;}
  .cmn-sec__ttl-txt.-large{font-size: 2rem;}

}/* max-width: 768px */

@media screen and (min-width: 601px) {

/* .cmn-sec__intro .spbr{display: none;} */

}/* min-width: 601px */

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

.cmn-sec__intro{
  margin-bottom: 35px;
  font-size: 1.4rem;
  text-align: left;
  }    
  .cmn-sec__intro .pcbr{display: none;}

}/* max-width: 600px */

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

.sec-header__fig{height: 200px;}
  .sec-header__roof{
    margin: -40px 20px 0;
    padding-top: 40px;
    }  
    .sec-header__roof-inner::before {
      border-width: 40px 0 0 600px;
      top: -40px;
      }
    .sec-header__txt-en{
      font-size: 2.6rem;
      }
    .sec-header__txt-jp{font-size: 1.5rem;}  
      
.cmn-sec__ttl-txt{font-size: 1.8rem;}
.cmn-sec__ttl-txt.-large{font-size: 1.8rem;}

}/* max-width: 450px */