/*画面幅が750pxまでの時ースマホ用*/
@media screen and (max-width:750px){
#container{
  width:100%;
  text-align: center;
  margin:0 auto;
  overflow: hidden;

}
/*スマホ用オファー背景*/
.offer1{
  background-image: url("../afs_Rhi_01/01.jpg");
  width:100%;
  padding-top:144%;
  margin: auto;
  background-size:cover;
  position: relative;
}

.offer2{
  background-image: url("../afs_Rhi_01/15.jpg");
  width:100%;
  padding-top:54%;
  height:auto;
  background-size:cover;
  position: relative;
}
/*スマホ用オファーボタン位置*/
.botan1{
position:absolute;
top:79%;
left:2%;
width:97%;
border-style:none;
outline:0;
}

.botan2{
position:absolute;
top:35%;
left:60%;
width:36%;
border-style:none;
outline:0;
}

.call{
display: none;
border-style:none;
outline: 0;
}

}
/*画面幅が751px以上の時ーPC用*/
@media screen and (min-width:751px){
  #container{
 width:750px;
 text-align: center;
 margin:0 auto;
 overflow: hidden;
 border-radius: 3px;
 box-shadow: 0 0px 20px rgba(0,0,0,0.2);
  }
/*PC用オファー背景*/
.offer1{
background-image: url("../afs_Rhi_01/01.jpg");
width: 750px;
position: relative;
border-style: none;
outline: 0;
height:1080px;
background-size: cover;
}

.offer2{
background-image: url("../afs_Rhi_01/15.jpg");
width: 751px;
position: relative;
border-style: none;
outline: 0;
padding-top: 424px;
background-size: cover;
}
/*PC用オファーボタン位置*/
.botan1{
position: absolute;
left: 17px;
border-style: none;
outline: 0;
top: 852px;
width: 96%;
}

.botan2{
position:absolute;
top:162px;
left:457px;
border-style:none;
outline: 0;
width: 35%;
}
.call{
display: none;
border-style:none;
outline: 0;
}
}

 /*共通部分*/
 body{
   margin: 0;
 }

 .botan-500:hover{
   opacity: 0.6;
 filter: alpha(opacity=60);
 -moz-opacity:0.6;
}
 .botan:hover{
   opacity: 0.6;
 filter: alpha(opacity=60);
 -moz-opacity:0.6;
}
.call:hover{
  opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}
img {
max-width:100%;
height:auto;
display:block;
border-style:none;
}
a img {
border-style:none;
outline: 0;

}
p{
display: block;
margin:0 auto;
padding: 0 0;
text-align: left;
}

/*共通部分footer*/

#footer{
  color: #fff;
  background: #AB951D;
  height: 50px;
  border-top: 1px solid #9A871B;
  margin: 4px;

}
#footer ul{
list-style-type: none;
font-size: 10px;
}
#footer li{
display:inline;
}

.slide_bg_01 {
  position: relative;
  margin: auto;
  width: 100%;
  height: auto;
  margin-bottom: 4%;
}

.slider {
  margin: auto;
  margin-top: -77%;
  max-width: 100%;
  margin-left: 5%;
  }

.slider img{ width: 95%;}
.slick-slide {
  height: auto;
}
.slick-prev {
  left: 10px;
}
.slick-next {
  right: 10px;
}
.slick-prev, .slick-next {
  z-index: 100;
}
.slick-prev::before, .slick-next::before {
  font-size: 24px;
}
.slick-dots {
  bottom: -40px;
}
.mae1{
  position: absolute;
  top:59%;
  left: 0%;
  width:14%;
  margin:auto;
　outline:0;
background: transparent;
}

.ushiro1{
  position: absolute;
  top:59%;
  left: 87%;
  width:14%;
  margin:auto;
　outline:0;
background: transparent;
}
button:focus {
	outline:0;
}
button{
  width: auto;
   padding:0;
   margin:0;
   background:none;
   border:0;
   font-size:0;
   line-height:0;
   overflow:visible;
   cursor:pointer;
}