@charset "utf-8";
.db650{
    display: none;
}
.inner1000 {
    max-width: 1000px;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: content-box;
}
.gsp_wrapper{
  display:flex;
  width:100%;
  max-width:1420px;
  margin:auto;
  font-size:20px;/* 本文フォントサイズ */
  line-height:1.6;
  color:#231815;
  background:#fff;
}
.gsp_content_box{
  width: 100%;
}
.gsp_sidebar{
  max-width: 405px;
  width: 40.5%;
  height:528px;
  padding-top:10px;
}
.gsp_link{
  height:176px;
  margin-bottom: 2px;
  position: relative;
}
.gsp_link:last-child{
  margin-bottom: 0;
}
.gsp_link a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.gsp_link a .gsp_link_w{
  display: flex;
  justify-content:center;
  align-items:center;
  width:100%;
}

.gsp_link1{background-image: url(../img/top/gsp_link_bg1.jpg);}
.gsp_link2{background-image: url(../img/top/gsp_link_bg2.jpg);}
.gsp_link3{background-image: url(../img/top/gsp_link_bg3.jpg);}
.gsp_link1, .gsp_link2, .gsp_link3{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;/*
    transition: .5s;*/
}

.gsp_link_ja{
  width:80%;
  padding:10px 0;
  font-size:27px;
  line-height: 1.3;
  font-weight:300;
  text-transform:capitalize;
  white-space:nowrap;
  background-color:rgba(55,30,10,1);
}

/* hover effect */
.gsp_link a .gsp_link_ja{transition:background-color 300ms;}
.gsp_link a:hover .gsp_link_ja{background-color:rgba(55,30,10,0.8);}
@media(max-width: 768px){
  .gsp_link a .gsp_link_ja{transition:none;}
  .gsp_link a:hover .gsp_link_ja{background-color:rgba(55,30,10,1);}
}

.gsp_content_box{
  height:550px;
  background-color:#fff;
  overflow-y: hidden;
}
.gsp_inner{
  max-width:1040px;
  padding:0px 20px;
  margin:0 auto;
}
@media(max-width: 1400px){
  .gsp_link_ja {
    font-size:24px;
  }
}

@media(max-width: 1200px){
  .gsp_link_ja {
    font-size:19px;
  }
}
@media(max-width: 1000px){}
@media(max-width: 800px){}
@media(max-width: 768px){
    .gsp_wrapper{
        flex-wrap: wrap;
        font-size:15px;/* SP本文フォントサイズ */
    }

    .gsp_content_box{
        width: 100%;
        max-width: unset;
        height: initial;
        overflow: unset;
        background-repeat: repeat-y;
        background-size: contain;
    }
    .gsp_sidebar{
        width: 100%;
        max-width: unset;
        height:initial;
        margin-top:20px;
        padding:0 20px 20px;
    }
    .gsp_sidebar{
        display: block;
        justify-content: normal;
    }
    .gsp_link{
        margin-bottom:20px;
        width:100%;
        height: 47.91vw;
    }
    .gsp_sidebar{
        height: initial;
    }

    .gsp_link_ja {
      width:100%;
      padding:10px;/*
        font-size:4.948vw;*/
      font-size:6.250vw;
      line-height: 1.2;
    }
}
@media(max-width: 650px){
    .db650{
        display: block;
    }
}
@media(max-width: 540px){}
@media(max-width: 500px){}