/*画面幅が780pxまでの時ースマホ用*/
@media screen and (max-width:750px){
#container{
  width:100%;
  text-align: center;
  margin:0 auto;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 0px 20px rgba(0,0,0,0.2);
}

/*スマホ用オファーボタン*/
.botan1{
  width:100%;
  height:auto;
  position: relative;
}

	
/*スマホ用通話料無料ボタン*/
.call1{
  background-color: #FFFF;
  max-width: 100%;
  padding-top:20%;
  position:relative;
}
.call{
position:absolute;
top:0%;
max-width:100%;
border-style:none;
outline:0;
}

/*スライド部分 sp*/
.slide_bg_01 {
  background-image: url(../cp/voice.jpg);
  background-size: 100%;
}

.slide_bg_02 {
  background-image: url(../cp/voice.jpg);
  background-size: 100%;
}
	
.slide_bg_03 {
  background-image: url(../cp/voice.jpg);
  background-size: 100%;
}

.slide_bg_04 {
  background-image: url(../cp/voice.jpg);
  background-size: 100%;
}	

.slide_bg_05 {
  background-image: url(../cp/voice.jpg);
  background-size: 100%;
}	

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

  }
.slider img{ 
	max-width: 100%;
	height: auto;
	margin-top: 2%;
	margin-left:10%;
	}

.prev-arrow{
  position: absolute;
  top:50%;
  left: -6%;
  width:14%;
  margin:auto;
  outline:0;
  background: transparent;
 z-index: 100;

}

.next-arrow{
  position: absolute;
  top:50%;
  left: 87%;
  width:14%;
  margin:auto;
  outline:0;
background: transparent;
z-index: 100;

}
}
/*画面幅が781px以上の時ー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用オファーボタン*/
.botan1{
width:100%;
height:auto;
position: relative;
border-style:none;
outline: 0;
}


/*PC用通話料無料ボタン*/
.call1{
display: none;
border-style:none;
outline: 0;
}
.call{
display: none;
border-style:none;
outline: 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;
}


/*スライド部分 pc*/

.slide_bg_01 {
  background-image: url(../cp/voice.jpg);
  margin: auto;
  width: 100%;
}

.slide_bg_02 {
  background-image: url(../cp/voice.jpg);
  margin: auto;
  width: 100%;
}

.slide_bg_03 {
  background-image: url(../cp/voice.jpg);
  margin: auto;
  width: 100%;
}

.slide_bg_04 {
  background-image: url(../cp/voice.jpg);
  margin: auto;
  width: 100%;
}

.slide_bg_05 {
  background-image: url(../cp/voice.jpg);
  margin: auto;
  width: 100%;
}

.slider {
   margin: auto;
  margin-top: 0%;
  max-width: 100%;
  height: auto;
	
  }

.slider img{ 
	max-width: 100%;
	height: auto;
	margin-top: 2%;
	margin-left:-1%;
	
}
.slick-slide {
  height: auto;
  margin-top: -15px;
}
.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;
}
.prev-arrow{
  position: absolute;
  top:40%;
  left: 1%;
  width:10%;
  margin:auto;
  outline:0;
  background: transparent;
 z-index: 100;

}

.next-arrow{
  position: absolute;
  top:40%;
  left: 90%;
  width:10%;
  margin:auto;
  outline:0;
background: transparent;
z-index: 100;

}

details summary {
  list-style: none;
}
	
details summary::-webkit-details-marker {
  display: none;
}
	
details summary {
  cursor: pointer;
}