body{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#222;
    background: #F2F2F2;
}

html{
    font-size: 16px;
    line-height: 1.5;
}

a{
    text-decoration: none;
    color: #222;
}

a:hover{
    color: cadetblue;
}

.sp{
    display: none;
}


#wrap{
    margin: 0rem auto;
    position: relative;
    height: 100vh;
    width: 100%;
    
}


.img100{
    width: 100%;
    height: auto;
}



.box{
   position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
    background: #fff;
    padding: 2rem;
    margin: 0 auto;
    width: 90%;
    max-width: 800px;
    border: 1px solid #E5D331;
}

.box>h1{
    
    font-size: 30px;
    line-height: 1.3;
    letter-spacing: 0.2rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid #edd734;
    padding-bottom: 1rem;
}

.box>p{
    letter-spacing: 0.1rem;
    line-height: 1.3;
    font-size: 16px;
}

.center{
    text-align: center;
    line-height: 1.5;
    font-size: 16px;
    border: 1px solid #E5D331;
    padding:10px 10px;
}