/* -------------------共通部分------------------- */
#wrapper{
    width: 99vw;
    margin: 0 auto; 
    padding: 0;
    box-sizing: border-box;
    background-color: #ffffff;
    font-size: 62.5%;
    line-height: 1.5;
    color: #000000;
    /* -----overflow-y:scroll;--- */
    font-family:'Noto Sans JP','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
    }
    image{
    max-width: 100%;
    }
    #logo{ 
    }
    a{
      text-decoration: none;
    }
    a:link, a:visited, a:hover, a:active {
        color: #ffffff;
    }
    li{
      list-style: none;
    }
    .flex{
        display: flex;
    }
    .space-between{
        justify-content: space-between;
    }
    .space-around{
        justify-content: space-around;
    }
   .parent {
        /*親要素はrelativeに*/
        position: relative;
    }

    .mb5{margin-bottom: 5px;}
    .mb10{margin-bottom: 10px;}
    .mb15{margin-bottom: 15px;}
    .mb20{margin-bottom: 20px;}
    .mb25{margin-bottom: 25px;}
    .mb30{margin-bottom: 30px;}
    .mb40{margin-bottom: 40px;}
    .mb50{margin-bottom: 50px;}
    .mb60{margin-bottom: 60px;}
    .mb70{margin-bottom: 70px;}
    .mb80{margin-bottom: 80px;}
    .mb90{margin-bottom: 90px;}
    .mb100{margin-bottom: 100px;}

    .pc_img_l{
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
    }
    .pc_img{
        width: 100%;
    }
    .link{
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
        margin-bottom: 80px;
    }
    .link_box{
        border: #000000 1px solid;
        text-align: center;
        width: 400px;
        padding: 20px 0;
        font-size: 16px;
        color: #ffffff;
        background-color: #000000;
    }
    .faq_banner{
        position: absolute;
         top: 5%;
         left: 75%;
    }
    .faq_banner:hover{
        transform: scale(1.05, 1.05);
    }
/* -------------------gallery------------------- */
.gallery{
 margin-top: 20px;
 margin-bottom: 100px;   
}
.gallery .title{
    font-weight: bold;
}
.gallery_img_main{
    width: 780px;
    display: block;
    margin: 0 auto;
}  
.gallery_img{
    width: 170px;
    margin: 10px;
    margin-top: 10px;
    margin-bottom: 0;
    cursor: pointer;
    cursor: hand;
  }
  .gallery_inner{
      margin: 0 auto;
      margin-bottom: 100px;
      margin-top: 10px;
      width: 100%;
  }

/*-----------------------------1030px以下----------------------------*/
@media(max-width:1030px){
    .link_box{
        width: 250px;
    }
    .faq_banner {
        top: 5%;
        left: 70%;
        width: 25%;
    }

}
/*-----------------------------431px以下----------------------------*/
@media(max-width:431px){
    .faq_banner {
        top: 6%;
        left: 73%;
        width: 20%;
    }
    .gallery_img_main{
        width: 300px;
        display: block;
        margin: 0 auto;
    }  
    .gallery_inner{
        margin-bottom: 30px;
    } 
    .gallery_img{
        width: 70px;
        margin: 5px;
        margin-top: 10px;
        margin-bottom: 0;
        cursor: pointer;
        cursor: hand;
      }
      .link{
        display:block;
      }
      .link_box{
          width: 70%;
          margin: 10px auto;
      }

}