@charset "utf-8";
/*===============================================
sp.css  画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){

/*SP開始******************************************/
body{
	overflow-x: hidden;
}

/*切り替え*/
.cx:after,
.main .movie:after,
.store ul.store_list_icon:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/*選ばれている理由 reason*/
/*
.reason ul.cmncard{
	width: calc(100% + 32px);
    margin-left: -16px;
}
*/

.reason ul.cmncard.card4 li{
	width: 100%;
}

.reason ul.cmncard.card4 li:first-child, 
.reason ul.cmncard.card4 li:last-child{
	margin-left: 0;
	margin-right: 0;
}
	
.reason ul.cmncard li h3{
	padding: 20px 12px 16px 12px;
}

.reason ul.cmncard li a .detail{
	padding: 0 0 16px 0;
}

.reason ul.cmncard li a .detail .text{
	padding: 0 12px ;
}

.reason h3{
	font-size: 28px;
	font-size: 1.75rem;
}

.reason div.table-scroll {
  overflow-x: scroll;
  margin-right: -4.2vw;
}

.reason div.table-scroll table {
  width: auto;
  margin: 6px 12px 6px 0;
  white-space: nowrap;
}

.reason table{
	padding-bottom: 0;
	border-spacing: 2px 0;
}

.reason table thead tr th{
	padding: 16px 6px;
	min-width: 230px;
}

.reason table tbody tr th,
.reason table tbody tr td{
	padding: 20px 12px;
}

.reason table thead tr th img{
	margin-top: 6px;
}

/*店舗一覧*/
ul.store_list_icon li{
	margin-right: 16px;
}

ul.store_list{
	padding: 0px 16px;
}

ul.store_list li a,
ul.store_list li .no-link{
	padding: 12px 0px;
}

ul.store_list li .shop_detail{
	display: block;
}

ul.store_list li .shop_detail .detail{
	width: 100%;
	margin-bottom: 12px;
}

ul.store_list li .service_type{
	width: 100%;
}

ul.store_list li .service_type ul{
	display: flex;
	width: 100%;
}

ul.store_list li .service_type ul li{
	margin-right: 2px;
}

ul.store_list li .service_type ul li img{
	width: 42px;
	height: auto;
}

ul.store_list li h3{
	font-size: 18px;
	font-size: 1.125rem ;
	margin: 6px 0 10px 0;
}

ul.store_list li p{
	display: flex;
	align-items: center;
	color: #333;
	margin-bottom: 6px;
}

ul.store_list li p span{
	margin-right: 6px;
}

ul.store_list li p.open{
	color: #bc000f;
	line-height: 1.3;
}

/*動画バナー*/
.banner_contents .movie_banner{
	width: 100%;
}

.banner_contents .movie_banner a{
	padding: 24px 24px 24px 24px;
	position: relative;
	line-height: 1.6;
}

.banner_contents .movie_banner a:before {
  width: 36px;
  height: 36px;
  left: 22px;
  top: 34px;
  margin-top: -18px;
}

.banner_contents .movie_banner a:after {
  border-width: 6px 0 6px 10px;
  left: 36px;
  top: 34px;
  margin-top: -5px;
}

.banner_contents .movie_banner h2{
	margin: 0 0 8px 42px;
}

/*お知らせ*/
.news dl.news_list {
	padding: 12px 16px;
	display: block;
}

.news dl.news_list dt{
	width: 100%;
	padding: 0;
}

.news dl.news_list dd{
	width: 100%;
	padding: 0;
	margin-bottom: 12px;
}


/*//SP終了******************************************/
}