body {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.sm-only {
    display:none;
}

.pc-only {
    display: block;
}

a {
    text-decoration: none;
    color: black;
}

.bgline {
  background-image: url("./../img/bg.png");
  background-size: 2vh 8vh;
  background-repeat: repeat;
  min-height:100vh;
  height: calc(var(--vh_pc, 1vh) * 1.05);
  /*height:100vh;*/
}

/*.vh_pc {
    height: calc(var(--vh_pc, 1vh) * 1.05);
}*/

.imgteikyo {
    width:10%;
    display:block;
}

.toi1{
    font-size:1.8vw;
}

.toi2{
    font-size:1.2vw;
    letter-spacing: 0.1vw;
}

.toi3{
    font-size:0.9vw;
}

.target-element {
  visibility: hidden;
  transition: visibility 0s ease 0.1s;
}
html.vh-ready .target-element {
  visibility: visible;
  transition-delay: 0s;
}

/*@media screen and (max-width: 480px) {*/
@media screen and (max-width: 991.98px) {
    
    .sm-only {
        display:block;
    }
    
    .pc-only {
        display: none;
    }

    .imgteikyo {
        width:30%;
        display:block;
    }

    .vh_sm{
        min-height:100vh;
        height: calc(var(--vh_sm, 1vh) * 1.05);
        /*height:100vh;*/
    }

    .bgline2 {
        background-image: url("./../img/bg.png");
        background-size: 2vh 8vh;
        background-repeat: repeat;
    }

    .toi1{
        font-size:6vw;
    }

    .toi2{
        font-size:4.8vw;
        letter-spacing: 0.1vw;
    }

    .toi3{
        font-size:3.6vw;
    }

}