/*全ページ*/
#body{
  overflow:hidden;
}

/*トップページ*/
#main_img h2{
  font-size: 2.472222vw;
}
#intro .intro_bg {
    background-color: rgba(92,174,225,0.6);
}
#intro .grid_6{
  text-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
.more_bt a:hover {
    color: #333;
}
#intro{
  padding-top:200px;
  background-image:url(./Dup/img/item.png);
  background-repeat:no-repeat;
  background-position:top 7% left 4%;
}
#contents1::before{
  content:'';
  position:absolute;
  width:240px;
  height:225px;
  display:block;
  background-image:url(./Dup/img/item1.png);
  background-repeat:no-repeat;
  top:0;
  left:32%;
  z-index:1;
}
.top_title{
  padding-top: 200px;
  padding-bottom: 180px;
  background-image:url(./Dup/img/item2.png);
  background-repeat:no-repeat;
  background-position:center top 40px;
}
#contents2 .cate_box{
  border-radius:30px;
}
#f_contact .inner{
  padding: 150px 20px 50px;
  background-image: url(./Dup/img/item3.png);
  background-repeat: no-repeat;
  background-position: center top 50px;
}
#f_contact .con_txt{
  text-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
#f_contact .con_txt + div{
  padding-top:0;
}
#contents1 #reserv a{
  margin-left:0;
  margin-right:auto;
  width:300px;
}
#page8 #reserv a{
  margin:0 auto;
  width:300px;
}
#reserv a:hover{
  transform:translateY(-3px);
}

/* ---------- レスポンシブ ---------- */
@media screen and (max-width: 1580px){
#intro{
  background-position: top 3% left 4%;
}
#contents1::before{
  background-image: url(./Dup/img/item1_tb.png);
  left: 5%;
}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img h2 {
  font-size: 4.472222vw;
}
#intro{
  background-position: top 1% left 1%;
  background-size: 37%;
}
#contents1::before{
  width:163px;
  height:169px;
  background-image:url(./Dup/img/item1_tb.png);
  top: 15%;
  left:2%;
}
.top_title{
  background-position: center top 60px;
  background-size: 35%;
}
#contents2 .top_title {
    padding-bottom: 150px;
}
#f_contact .more_bt{
  margin-top:10px;
}
#f_contact .inner{
    background-position: center top 70px;
}
#sp_nav a.active{
  border-bottom: 1px solid #fcecb4;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#intro{
  background-size: 60%;
  background-position: top 4% left 1%;
}
#contents1::before{
  background-size: 75%;
  top: auto;
  bottom: 28%;
}
#contents2 .cate_box {
    border-radius: 20px;
}
#contents2 .top_title{
  padding-top: 150px;
  padding-bottom: 100px;
}
.top_title{
  background-position: center top 20%;
  background-size: 50%;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
  .contact_item a{
  padding-top:20px;
}
}