h1{
    font-family: "Noto Sans JP", sans-serif;
}
h2{
    font-family: "Noto Sans JP", sans-serif;
}
h3{
    font-family: "Noto Sans JP", sans-serif;
}
h4{
    font-family: "Noto Sans JP", sans-serif;
}
h5{
    font-family: "Noto Sans JP", sans-serif;
}
p{
    font-family: "Noto Sans JP", sans-serif;
}
html{
    font-family: "Noto Sans JP", sans-serif;
}

.body-1080{
    max-width: 70vw;
    margin:0 auto; 
}


.body-1082{
    max-width: 78vw;
    margin:0 auto; 
}

img{
    width:100%;
    height:auto;
    margin:0;
    padding:0;
}

.hedo-seto{
    background: #e15a24;
    padding:30px 0 0 0;
}

.gurido{
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 30px; 
}


.gurido2{
    display: grid;
    grid-template-columns: 1fr 1fr;
}



.gurido2 .sya{
    position: relative;
}


.gurido2 img{
   margin:0 0 -12px 0;
}

.gurido2 .sya .roon{
    position: absolute;
    background: #c1272d;
    color: #fff;
    padding:0.2vw 0.2vw 0.2vw 1.5vw;
    top:1vw;
    left:0;
    font-weight: 700;
    font-size:1.4vw !important;
}

.gurido2 .aka {
    background: #e15a24;
    padding:1vw 2vw;
    min-height: 26vw;
   }
   

.gurido2 .aka p{
 color: #fff;
 font-size:1.45vw;
 margin:0 0 3vw 0;
}


.gurido2 .aka h3{
    color: #fff;
    font-size:1.8vw;
    font-weight: 700;
    margin:1vw 0 0 0;
   }

   .gurido2 .aka .botan{
    background: #f2f2ca;
    font-size:1.8vw;
    margin:1vw 0 0 0;
    padding:1vw;
    position: relative;
    text-align: center;
   }

   .gurido2 .aka .botan a{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
   }
   

.gurido p{
    color: #fff;
    font-size:16px;
}
.h10{
    width:100%;
    height:1vw;
}

.h30{
    width:100%;
    height:3vw;
}
.h60{
    width:100%;
    height:6vw;
}
.h90{
    width:100%;
    height:9vw;
}

h2.akaino{
    font-size:2.5vw;
    font-weight: 700;
    text-align: center;
    color: #c1272d;
    margin:0;
    font-family: "Noto Sans JP", sans-serif;
}

p{
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.38;
}

.haikei-kiiro{
    background: url(https://iwakura-g-h.co.jp/igh-event09/img/ttr10.jpg) repeat;
    background-size: cover;
    padding:5vw 0 5vw 0;
}

.haikei-aka{
    background: url(https://iwakura-g-h.co.jp/igh-event09/img/ttr11.jpg) repeat;
    background-size: cover;
    padding:5vw 0 5vw 0;
}

footer{
    padding:1vw;
    margin-top:2vw;
}

footer .tel{
    max-width: 55vw;
    margin:0 auto 2vw auto;
}
footer .rogo{
    max-width: 40vw;
    margin:0 auto;
}

.item{
    margin-bottom:3vw;  
}

.pc99{
    display:block;   
}

.sp99{
    display:none;
}

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


.igh-reveal{
  opacity: 0;
  visibility: hidden;
  transform: translateY(150px);
  transition: opacity 1.5s, visibility 1.5s, transform 1.5s;
}
.igh-reveal.is-igh-active{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

  .is-active {
    /*要素を表示させる*/
    opacity: 1;
    visibility: visible;
    /*元の位置に戻す*/
    transform: translateY(0);
  }

@media screen and (max-width: 768px) {
    .body-1080 {
        max-width: 100%;
        margin: 0 30px;
    }
    .pc99{
        display:none;   
    }
    
    .sp99{
        display:block;
    }
    .gurido {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0px;
    }
    .gurido p {
        color: #fff;
        font-size: 10px;
    }
    .yokohaban{
        width:40%;
        height:auto;
        margin: 0 auto;
    }
    .gurido2 {
        display: grid;
        grid-template-columns: 1fr;
    }
    .gurido2 .sya .roon {
        position: absolute;
        background: #c1272d;
        color: #fff;
        padding: 0.7vw 0.7vw 0.7vw 2.5vw;
        top: 2vw;
        font-size: 3.4vw !important;
    }
    .gurido2 .aka p {
        color: #fff;
        font-size: 3.45vw;
        margin: 0 0 3vw 0;
    }
    .gurido2 .aka h3 {
        color: #fff;
        font-size: 4.8vw;
        font-weight: 700;
        margin: 1vw 0 0 0;
    }
    .gurido2 .aka .botan {
        background: #f2f2ca;
        font-size: 3.8vw;
        margin: 1vw 0 0 0;
        padding: 1vw;
        position: relative;
        text-align: center;
    }
    footer .tel {
        max-width: 80vw;
        margin: 0 auto 2vw auto;
    }
    footer .rogo {
        max-width: 52vw;
        margin: 0 auto 30px auto;
    }
    .h30 {
        width: 100%;
        height: 6vw;
    }
    .h90 {
        width: 100%;
        height: 15vw;
    }
    .h60 {
        width: 100%;
        height: 12vw;
    }
    .haikei-kiiro {
        background: url(https://iwakura-g-h.co.jp/igh-event09/img/ttr10.jpg) repeat;
        background-size: cover;
        padding: 9vw 0 5vw 0;
    }
    .haikei-aka{
        background: url(https://iwakura-g-h.co.jp/igh-event09/img/ttr11.jpg) repeat;
        background-size: cover;
        padding:5vw 0 5vw 0;
    }
    .gurido2 .aka {
        padding: 3vw 3vw;
        min-height: auto;
       }

       .item {
        margin-bottom: 13vw;
    }
}