.pc {
      display: block;
      margin:auto;
}
.sp {
      display: none;
      margin:auto;
}

@media screen and (max-width: 659px){
    .pc {
      display: none;
	}
    .sp {
      display: block;
	}
	img,h1,h2,h3, .row{
	  max-width: 100%;
	}
	h1{
	  padding-bottom: 15px;
	}
	#topimg{
	  background-size: auto 100%;
	  height: 100vw;
	}
	#topimg .row {
	  position: relative;
	  height: 100vw;
	}
	.fvill {
	  width: 93%;
	  position: absolute;
	  bottom: 0;
	  right: 10px;
	  z-index: 3;
	  left: auto;
	}
	.fvmsg_sp {
	  position: absolute;
	  left: 5%;
	  top: 25px;
	  width: 90%;
	  z-index: 1;
	}
	
	.form{
	  max-width: 100%;
	  max-width: 100%;
	  padding: 15px;
	}
	a.area_search_btn{
	  font-size: 3vw;
	}		
	#sec1 h2{
	    font-size: 4vw;
	    width: 80%;
		margin: 30px auto;
	}
	#sec4 h2, #sec2 h2{
		font-size: 25px;
	}
	.desc{
	    font-size: 18px;
	}
	.slider{
	    width:100%;
	}
	.comic{
		padding: 0vw;
	}
	.offer_pic {
	    margin: 40px 0;
	}
	#sec7{
	 	margin: 30px 15px 0;
	}
	.panel_txt_title{
		font-size:22px;
	}
	.panel{
	    max-width: 100%;
	}
	.panel_row{
		display: block;
	}
	.panel_txt{
  	    padding: 30px 30px;
		height: auto;
		margin-botttom: 86px;
		min-height: auto;
	}
	#sec7 h2 {
	  font-size: 25px;
	  line-height: 1.2;
	  margin-bottom: 14px;
	}
	.panel_link {
	  position: static;
	  margin: 50px auto 40px;
	}
	.panel_row:nth-child(2n) .panel_txt,
	.panel_row:nth-child(2n+1) .panel_txt{
	   padding:0;
	}
	.panel_txt_title_block{
		margin-top:25px;
	}
	.panel_txt_desc br{
		display: none;
	}
	.banner_list{
		 display: flex;
		 flex-wrap: wrap;
	}
	.banner_list a {
	  text-align: center;
	  width: 50%;
	}
	footer .footer_logo img {
	  width: 199px;
	  padding: 30px;
	}
	.insta {
	  position: absolute;
	  right: 5vw;
	  top: 10vw;
	}
	.lb-nav {
	  left: -0%;
	  width: 100%;
	}
	.prev-arrow{
	  right: 88px;
	}	
	.next-arrow{
	  right: 50px;
	}
	.one_txt br{
	  display: none;
	}
	.slick-slide{
	  opacity: 0;
	}
	.slick-current{
	  opacity: 1;
	}
	#sec4 .one_txt,
	#sec2 .one_txt{
	  background-image: none;
	  font-size: 3vw;
	}
	#sec4 .one h3,
	#sec2 .one h3{
	  font-size: 3vw;
	}
	#sec8 .form{
	    padding: 50px 15px 100px;
	}
	a.offer_btn{
	  position: relative;
	  width: 44vw;
	  padding: 25px 25px 25px 0px;
	  font-size: 3vw;
	}
	.c-cvarea__list a.offer_btn.fix_kodawari_btn{
	  font-size: 3vw;
	  padding: 23px 49px 23px 27px;
	  line-height:1.8;
	}
	.c-cvarea__list a{
	  text-align: center;
	}	
	.c-cvarea__list .area_btn{
	}
	.bukken_img {
	  width: 80%;
	  left: 12%;
	}
	.bukken_msg {
	  font-size: 5vw;
	  top: 7%;
	  left: 0;
	  width: 100%;
	}
	.bukken_bg{
	  height: 100vw;
	  background-size: auto 100%;
	}
	.bukken_bg .row{
	  height: 100vw;
	}
	footer{
	  padding-bottom: 100px;
	}
}