@charset "utf-8";

/* 
--------------------------------------- */
.gsp_wrapper{
  width:100%;
  max-width:initial;
  margin:auto;
  background-color:#fffcdb;
}
.gsp_content_box{
  overflow-y:visible;
  background-color:#fffcdb;
  height:initial;
  max-height:initial;
}
.sec_content_flex{}

.sec_title{
  position:relative;
  width:100%;
  max-height:380px;
  overflow:hidden;
}
.sec_title .bg{
  width:100%;
  height:100%;
  overflow:hidden;
}
.sec_title .bg img{
  width:100%;
  height:auto;
}
.sec_title h2{
  position:absolute;
  top:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
}
.sec_title h2 .t1{
  width:560px;
  margin:0;
  padding:10px;
  font-size:50px;
  color:#fff;
  line-height:1.0;
  text-align:center;
  background-color:#371e0a;
}
@media(max-width: 1200px){
  .sec_title .bg img{
    width:1200px;
    height:190px;
    object-fit:cover;
  }
  .sec_title h2 .t1{
    width:490px;
    font-size:40px;
  }
}
@media(max-width: 980px){
  .sec_title .bg img{
    width:1000px;
    height:158px;
    object-fit:cover;
  }
  .sec_title h2 .t1{
    font-size:36px;
  }
}
@media(max-width: 768px){
  .sec_title .bg img{
    width:768px;
    height:122px;
  }
  .sec_title h2 .t1{
    width:74vw;
    font-size:28px;
  }
}

/* 
--------------------------------------- */
.sec_content_flex{}
.sec_content_wrap{
  display:block;
    justify-content:normal;
    align-items:normal;
  padding:50px 0 80px;
}
@media(max-width: 768px){
  .sec_content_wrap{
    padding:6vw 0 9vw;
  }
}

/* 
--------------------------------------- */
.gsp_inner{max-width:100%;}
.block{
  max-width: 1040px;
  margin: 0 auto 60px;
}
.block:last-of-type{margin-bottom:0;}/*
.block.comparison1{max-width:1272px;}*/
.block.comparison1{max-width:1112px;}
.block.comparison1 .img1{}
.block.comparison1 .img1.ef{width:100%;height:100%;}
.block.comparison1 .img1.ef a{transition:opacity 300ms;}
.block.comparison1 .img1.ef a:hover{opacity:0.8;}
@media(max-width: 768px){/*
  .block .wrap_img{overflow-x:scroll;}
  .block .wrap_img .img1{width:1000px;}*/
  .block.comparison1 .img1.ef a{transition:none;}
  .block.comparison1 .img1.ef a:hover{opacity:1;}
}
/*
.block .box{margin-bottom:30px;}
.block .box:last-of-type{margin-bottom:0;}
.block .wrap_img{margin-bottom:20px;}
.note{font-size:0.888em;}
*/
