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

/*TB開始******************************************/

/*切り替え*/
.tb{display:block !important;}

.cx:after,
.main .movie:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/*block*/
.header .innner,
section .inner,
.footer .inner{
	max-width: 100%;
	min-width: 100%;
	width:100%;
}

/*予約・お問い合わせボタン　cv_button*/
.fixed_contents .button_box{
	width: 100%;
	padding: 0 6px;
	box-sizing: border-box;
}

/*main*/
.main{
	height:auto;	
}

.main .inner{
	padding: 0;
}

.main .contents{
	padding-top: 12px;
	width: 100%;
}

.main .contents .main_contents{
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}

.main .contents .text_contents{
	width: calc(100% - 162px);
}

.main .contents h1{
	padding: 8px 12px 7px 12px;	
	width: 100%;
	max-width: 360px;
}

.main .contents h1 strong,
.main .contents h2 p.satisfaction,
.main .contents h2 span.top{
	display: inline-block;
}

.main .contents h2{
	line-height: 1;
}

.main .contents h2 strong{
	line-height: 1;
	margin-bottom: 0;
}

.main .contents h2 p.satisfaction{
	margin-top: 3px;
}

.main .contents p.text{
	line-height: 1.4;
}

.main .contents p.text strong span{
	font-size: 22px;
	font-size: 1.375rem;
	letter-spacing: -1px;
	margin-right: 2px;
}

.main .contents .character{
	position: static;
	padding-left: 6px;
}

.main .contents .character p img{
	width: 300px;
	height: auto;
}

.main .movie{
	position: static;
}

.main .movie p.title{
	border-radius: 0px;
}

.main .badge{
	width: 100%;
	margin: 0 auto 8px auto;
}

.main .badge ul{
	flex-wrap: wrap;
    justify-content: center;
}

.main .badge ul li{
	margin-right: 0;
	margin-bottom: 6px;
	position: relative;
}

.main .badge ul li p{
	position: absolute;
	bottom: -8px;
	text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff;
}

.main .badge ul li img{
	width: 130px;
	height: auto;
}

.main .movie{
	background: #efefef;
}

.main .movie p.title{
	padding: 10px 12px;
}

.main .movie p.movie_button{
	width: 234px;
	margin: 0 auto 12px auto;
}

/*車種別の車検料金 price*/
.price ul.price_table li .contents .fee{
	font-size: 30px;
	font-size: 1.875rem;
}

.price ul.price_table li .title{
	padding: 6px 6px;
}

ul.cv_button li.reservation{
	margin-bottom: 22px;
}

/*流れ flow*/
.flow ul li{
	padding: 22px 12px 12px 12px;
}

/*他サービス other_services*/
section.other_services ul.cmncard.card4 li{
	width:calc((100% - 40px) / 2);
	flex: auto;
	margin-top: 12px;
}

section.other_services ul.cmncard.card4 li:first-child,
section.other_services ul.cmncard.card4 li:last-child{
	margin-left: 10px;
	margin-right: 10px;
}

section.other_services ul.cmncard.card4 li:first-child,
section.other_services ul.cmncard.card4 li:nth-child(2){
	margin-top: 0;
}

/*店舗*/
.store_search .store_contents .area{
	width: 100%;
}

.store_search .store_contents .area h3{
	margin-bottom: 18px;
}

.store_search .store_contents .area ul li{
	margin-right: 18px;
	margin-bottom: 18px;
}

.store_search .store_contents .area ul li a,
.store_search .store_contents .area ul li span{
	padding: 14px 14px 12px 14px;
}

.store_search .store_contents .map{
	display: none;
}

/*foot*/
.footer .inner .menu{
	padding: 0;
	
}

/*//TB終了******************************************/
}