html {
    font-size:1.2vw;
}

body {
    font-family: "Yu Gothic",YuGothic,"游ゴシック Medium","游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-seri;
}

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

.pt-6{
    padding-top: 6em;
}

.gray {
    background-color: #EBEBEB;
}

.blue {
    background-color: #002859;
}

.white {
    background-color: white;
}

.brown {
    color:#704B3F;
}

.yellow {
    background-color: #FDD212;
}

.red {
    color:red;
}

.size06 {
    font-size:0.6vw;  
}

.size07 {
    font-size:0.7vw;  
}

.size08{
    font-size:0.8vw;
}

.size09{
    font-size:0.9vw;
}

.size10{
    font-size:1.0vw;
}

img.w100 {
    width: 100%;
}

img.w95 {
    width: 95%;
}

img.w90 {
    width: 90%;
}

img.w85 {
    width: 85%;
}

img.w80 {
    width: 80%;
}

img.w72 {
    width: 72%;
}

img.w70 {
    width: 70%;
}

img.w60 {
    width: 60%;
}

img.w55 {
    width: 55%;
}

img.w51 {
    width: 51%;
}

img.w50 {
    width: 50%;
}

img.w45 {
    width: 45%;
}

img.w40 {
    width: 40%;
}

img.w35 {
    width: 35%;
}

img.w30 {
    width: 30%;
}

img.w20 {
    width: 20%;
}

img.w10 {
    width: 10%;
}

.sm-only {
    display:none;
}

.pc-only {
    display: block;
}

.map-wrapper{
    display: inline-block;
    background: white;
}

.map-wrapper iframe{
    opacity: 0.6;
    vertical-align: bottom;
  }

.page_top_btn {
    width: 10%;
    position: fixed;
    bottom: 100px;
    right: 10px;
    z-index: 999;
}

.page_top_btn_hidden{
    display:none;
}


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

    html {
        font-size:1.2em;
    }

    .sm-only {
        display:block;
    }
    
    .pc-only {
        display: none;
    }

    .size04 {
        font-size:0.4em;  
    }

    .size05 {
        font-size:0.5em;  
    }

    .size06 {
        font-size:0.6em;  
    }
    
    .size07 {
        font-size:0.7em;  
    }
    
    .size08{
        font-size:0.8em;
    }
    
    .size09{
        font-size:0.9em;
    }
    
    .size10{
        font-size:1.0em;
    }

}