body{
font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 100;
color: #090909;
background-color: #FFFFFF;
line-height: 1.5;
letter-spacing: 0.05rem;
overflow-x: hidden;
}

/* =====フォントサイズ ====*/

h1{
font-size: clamp(1.875rem, 1.5413rem + 1.4239vw, 3.25rem);
color: #000000;
letter-spacing: 0.1rem;
font-weight: bold;
}

h2{
font-size: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
letter-spacing: 0.1rem;
font-weight: bold;

}

h3{
font-size: clamp(1rem, 0.8938rem + 0.4531vw, 1.4375rem);
font-weight: normal;
letter-spacing: 0.1rem;
}

.min_font{
font-size: clamp(0.75rem, 0.6893rem + 0.2589vw, 1rem);
}

.hen{
font-size: clamp(1.875rem, 1.5413rem + 1.4239vw, 3.25rem);
}

/* 通常P指定 */
p{
font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
}

/* フォントスタイル */
.fontEn{
    font-family: montserrat, sans-serif;
  }
.fontJp{
    font-family: noto-sans-cjk-jp, sans-serif;
}
    
/* ==== margin ====== */
.secmgn{
    margin: 5rem 0;
}
.mgta{
    margin-top: auto;
}
.mgt1e{
    margin-top: 1em;
}
.mgt3{
    margin-top: 3rem;
}
.mgt5{
    margin-top: 5rem;
}
.mgb2{
    margin-bottom: 2rem;
}
.mgb3{
    margin-bottom: 3rem;
}
.mgb5{
    margin-bottom: 5rem;
}
.mgx1{
    margin: 0 1rem;
}
.mg1a{
    margin: 1rem auto;
}
.mg3a{
    margin: 3rem auto;
}
.mg10a{
    margin: 10rem auto;
}
.mgla{
    margin-left: auto;
}

/* padding */
.secpdn{
    padding: 5rem 0;
}
.pdl8{
    padding-left: 8rem;
}


/* ==== width ====== */
.w80{
    width: 80%;
}

/* ==== text位置 ==== */
.textC{
    text-align: center;
}

/* ==== 汎用カラー ==== */
.white,.white::after,.white::before{
    color:#fff !important;
}
.white::after,.white::before{
    background-color: #fff !important;
}
.green{
    color:#164c56;
}
.gold{
    color: #ceb68b;
}
.beige{
    color: #ceb68b;
}

/* ==== 背景カラー・汎用 ==== */
.bgWhite{
    background: #fff;
}
.bgRed{
    background-color: #e81745;
}
.bgGreen{
    background-color: #164c56;
}
.bgPink{
    background: #fcb2b2;
}
.bgGold{
    background-color: #ceb68b;
}
.bgBeige{
    background-color: #ceb68b;
}
.harfbgGold{
    background: linear-gradient(#FFF 40%,#ceb68b 40%);
}

/* ===== レイアウト =====*/
#wrapper{
    width: 100%;
    max-width: 1920px;
    margin:0 auto; 
    overflow: hidden;
}
#frame{
   padding:6% 0 5% 5%; 
   position: relative;
}
#framePage{
    padding:5rem; 
    position: relative;
}
img{
    width: 100%;
    height: 100%;
}
.none{
    display: none;
}
.pc { 
    display: block !important;
}
.sp {
     display: none !important; 
    }

/* ============================================================== */
/* ==============  2021タプレット 800-959px   ==================== */
/* ============================================================== */
@media screen and (max-width:1024px){
    .pc {
        display: none !important;
    }
    .sp {
        display: block !important;
    }
    img{
        max-width: 100%;
    }
  }
  
  /* ============================================================== */
  /* ==============  2021スマホ     320-519px   ==================== */
  /* ============================================================== */
  @media screen and (max-width:600px){

  }