@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 960px) {
	.pc-img {
		display: none;
	}

	.none,
	.inner.none {
		display: none;
	}

	#page-nav {
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		height: auto;
		background: #FFF;
		z-index: 1000;
	}

	header {
		width: 100%;
		overflow: hidden;
		margin: 0px auto;
		padding: 5px 0px;
		border-bottom: 1px solid #EEE;
	}

	header h1 {
		line-height: 120%;
		display: none;
	}

	header .inner .logo {
		position: relative;
		float: none;
		text-align: left;
		width: 100%;
		margin: 0px auto;
		padding-left: 10px;
		z-index: 30000;
	}

	header .inner .logo img {
		width: 50%;
	}

	header .inner .right {
		float: right;
		display: none;

	}

	header h1 {
		font-size: 80%;
		margin-bottom: 5px;
		text-align: center;
	}

	/*-----------------------------------------------------------------------------------------------------------*/
	h1.page-tit {
		width: 100%;
		margin-top: 60px;
		height: 70px;
		background-position: 14% 40%;
		background-size: 160%;
		margin-bottom: 10px;
	}

	h1.page-tit .inner {
		position: relative;
		width: 100%;
		height: 70px;
		margin: 0px auto;
		overflow: hidden;
	}

	h1.page-tit .inner p {
		position: absolute;
		top: 32%;
		left: 0;
		bottom: 0;
		margin: auto;
		width: calc(100% - 10px);
		padding-left: 10px;
		font-size: 160%;
	}

	h2.tit::after {
		border-left: 20px solid rgba(0, 0, 0, 0);
		border-right: 20px solid rgba(0, 0, 0, 0);
		border-top: 20px solid #154175;
		bottom: -20px;
		content: "";
		height: 0;
		left: 50%;
		margin-left: -20px;
		position: absolute;
		width: 0;
	}

	h2.tit {
		margin-bottom: 60px;
		padding: 15px 10px 15px 10px;
		position: relative;
		text-align: center;
		font-size: 200%;
		line-height: 150%;
	}

	/*-nav--------------------------------------------------------------------------------------------*/
	nav {
		padding: 0;
		width: 100%;
		border-top: none;
		border-bottom: none;
	}

	nav::after {
		border: 0;
	}

	nav ul {
		width: 100%;
		margin: 0px auto;
		display: block;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	nav ul li {
		padding: 0px 0px;
	}

	nav ul li.now {
		border-bottom: 5px solid #00AEED;
	}

	/*---------------------------------------------------------------------------------------------*/
	.main {
		width: 100%;
		padding-top: 0px;
		overflow: hidden;
		margin-top: 60px;
		margin-bottom: 0px;
		background-size: cover;
		height: auto;
	}

	.main .inner {
		width: 100%;
		overflow: hidden;
		margin: 0px auto;
		text-align: center;
	}

	.main .inner img {
		width: 100%;
		overflow: hidden;
		margin: 0px auto;
		height: auto;
	}

	.main .inner div.btn {
		position: absolute;
		/* 絶対位置指定 */
		top: 320px;
		left: 0;
		right: 0;
	}

	.main .inner div.btn img {
		width: 60%;

	}

	/*top-about-------------------------------------------------------------------------------------------*/
	.top-about {
		background: #f1f1f1;
	}

	.top-about h2.tit {
		margin-bottom: 30px;
		text-align: center;
		font-size: 200%;
		line-height: 1.5;
	}

	.top-about h2 span {
		font-size: 100%;
		font-weight: inherit;
	}

	.top-about .inner {
		width: 90%;
		margin: 0px auto;
		display: block;
		padding: 40px 0px;
		justify-content: center;
		flex-wrap: wrap;
		align-items: center;
	}

	.top-about .inner div.img {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.top-about .inner div.img img {
		width: 60%;
	}

	.top-about .inner div.txt {
		width: calc(60%- 10px);
		padding-left: 10px;
		text-align: left;
		font-size: 120%;
		line-height: 180%;
		font-weight: 100;
	}

	.top-about .inner div.txt span {
		font-size: 140%;
		font-weight: bold;
	}


	/*-top-price--------------------------------------------------------------------------------------------*/
	.top-price h2 {
		margin: 0px 0px 0px 0px;
	}

	.top-price h2 img {
		width: 100%;
		margin: 0px 0px 0px 0px;
	}

	.top-price {
		width: 100%;
		overflow: hidden;
		background-size: cover;
		height: auto;
	}

	.top-price .inner {
		width: 100%;
		margin: 0px auto;
		overflow: hidden;
		padding: 30px 0px;
		display: block;
		/*横並び*/
		align-items: center;
		/*天地センター*/
		justify-content: space-between;
		/*均等配置*/
		flex-wrap: wrap;
		/*折り返し*/
	}

	.top-price-block {
		width: 90%;
		overflow: hidden;
		clear: both;
		margin: 0px auto;
		margin-bottom: 20px;
		padding-bottom: 0px;

	}

	.top-price .inner h2 {
		width: 100%;
	}

	.top-price .inner h2 img {
		width: 100%;
	}

	.top-price .inner h3 {
		padding: 6px 0px;
		font-size: 150%;
		line-height: 100%;
	}

	.top-price .inner h3 span {
		font-size: 60%;
		line-height: 70%;
		color: #FFF;
	}

	.top-price .inner div.car {
		float: left;
		width: 30%;
		padding: 10px 10px 10px 30px;
	}

	.top-price .inner div.car img {
		width: 100%;
		text-align: right;
	}

	.top-price .inner div.price {
		float: right;
		text-align: left;
		width: calc(100% - 30% - 40px);
		font-size: 240%;
		line-height: 100%;
	}

	.top-price .inner div.price span {
		font-size: 50%;
		line-height: 100%;
		font-weight: normal;
	}

	.top-price .inner div.price span:last-child {
		font-size: 70%;
		line-height: 100%;
		font-weight: bold;
	}

	a.price-button {
		width: 70%;
		font-size: 150%;
		text-align: left;
		padding: 20px;
	}

	/*-reason--------------------------------------------------------------------------------------------*/
	.reason h2.tit {
		margin-bottom: 30px;
		text-align: center;
		font-size: 180%;
		line-height: 1.5;
	}

	.reason-block div.block div.btn-link {
		font-size: 110%;
		line-height: 160%;
		background: #FFF;
		text-align: center;
		padding: 5px 0px 15px;
		border-radius: 0px 0px 10px 10px;
	}

	.reason-block div.block div.btn-link a {
		color: #555;
		font-size: 20px;
		border-radius: 5px;
		text-decoration: none;
		background: #F7F363;
		box-shadow: 0 3px #D2CE60;
		position: relative;
		display: inline-block;
		top: -2px;
		padding: 10px 20px;
	}

	.reason-block div.block div.btn-link a:hover {
		box-shadow: 0 1px #D2CE60;
		top: 1px;
	}

	div.reason {
		width: 90%;
		overflow: hidden;
		margin: 0px auto;
		background: #FFF;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.reason-block {
		width: 90%;
		margin: 0px auto;
		margin-bottom: 1px;
		padding: 30px 0px;
		align-items: center;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
		box-shadow: none;
		background: none;
		flex-direction: column-reverse;
	}

	.reason-block.reverse {
		flex-wrap: wrap;
		flex-wrap: wrap-reverse;
	}

	.reason-block h3 {
		font-size: 160%;
		text-align: center;
	}

	.reason-block div.txt-block {
		width: 100%;
	}

	.reason-block div.img-block {
		width: 100%;
		margin: 0px auto;
		margin-bottom: 20px;
		text-align: center;
	}

	.reason-block div.img-block img {
		width: 80%;
		height: 200px;
		object-fit: cover;
		/* この一行を追加するだけ！ */
	}

	.reason-block p {
		padding: 10px 10px;
		font-size: 100%;
		line-height: 180%;
	}

	.reason-block div.block div.btn-link {
		font-size: 110%;
		line-height: 160%;
		background: #FFF;
		text-align: center;
		padding: 5px 0px 15px;
		border-radius: 0px 0px 10px 10px;
	}

	.reason-block div.block div.btn-link a {
		color: #555;
		font-size: 20px;
		border-radius: 5px;
		text-decoration: none;
		background: #F7F363;
		box-shadow: 0 3px #D2CE60;
		position: relative;
		display: inline-block;
		top: -2px;
		padding: 10px 20px;
	}

	.reason-block div.block div.btn-link a:hover {
		box-shadow: 0 1px #D2CE60;
		top: 1px;
	}

	a.reason-button {
		width: 80%;
		text-align: center;
		margin: 0px auto;
		margin-bottom: 30px;
		padding: 15px 0px;
		border-radius: 10px;
		cursor: pointer;
		overflow: visible;
		text-decoration: none;
		font-size: 150%;
		display: inline-block;
		top: -2px;
		letter-spacing: 5px;
		position: relative;
	}




	/*info-------------------------------------------------------------------------------------------*/
	section.top-info {
		width: 100%;
		margin: 0px auto;
		padding: 40px 0px;
	}

	section.top-info h2 {
		margin-bottom: 30px;
		color: #002C62;
		font-size: 270%;
		letter-spacing: 5px;
		text-align: center;
	}

	section.top-info .inner {
		width: calc(90% - 10px);
		margin: 0px auto;
		padding: 40px 5px;
		border-radius: 10px;
	}

	section.top-info div.info_list {
		margin-bottom: 40px;
	}

	section.top-info dl {
		max-width: 100%;
		margin: 0 auto;
		padding: 5px 10px;
		display: block;
		align-items: center;
	}

	section.top-info dl dt {
		max-width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
		font-size: 120%;
	}

	section.top-info dl dd a {
		font-size: 115%;
		text-decoration: none;
		padding-bottom: 10px;
		display: block;
	}

	/*ad-------------------------------------------------------------------------------------------*/
	.top-ad {
		width: 100%;
	}

	.top-ad .inner {
		width: 90%;
		height: auto;
		padding: 0px 0px;
		margin: 0px auto;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.top-ad .inner div.tit {
		width: 100%;
		padding: 10px 0px;
		text-align: center;
		font-size: 140%;
	}

	.top-ad .inner div.txt {
		width: 100%;
		padding: 10px 0px 10px 20px;
		color: #333;
		font-size: 120%;
		line-height: 240%;
		background: #FFF;
	}

	.top-ad .inner div.txt dl {
		padding: 5px 0px;
		margin: 0px auto;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.top-ad .inner div.txt dl dt {
		width: 100%;
	}

	/*-flow--------------------------------------------------------------------------------------------*/
	.flow-block {
		width: 100%;
		background: #FFF;
	}

	.flow-block .inner {
		width: 95%;
		margin: 0px auto;
		padding: 30px 0%;
	}

	.flow-block .flow-block_top {
		margin: 0px auto 20px;
	}

	.flow-block .flow-block_top p {
		font-size: 110%;
	}

	.flow-block .flow-block_top span {
		font-size: 130%;
		margin-bottom: 10px;
	}

	.flow-column h3 {
		padding: 10px 10px;
		margin-bottom: 0px;
		font-size: 140%;
		border-radius: 5px 5px 0px 0px;
	}

	.flow-column h3 span {
		margin-right: 10px;
		font-size: 110%;
		font-weight: inherit;
	}

	.flow-column p.img {
		width: 100%;
		margin-bottom: 10px;
	}

	.flow-column p.img img {
		width: 100%;
	}

	.flow-column .right {
		float: none;
		width: 100%;
	}

	.flow-column .txt {
		float: none;
		width: 100%;
	}


	.flow-column ul li {
		width: 100%;
	}

	.flow-column ul li img {
		width: 100%;
	}

	.flow-column .txt {
		width: 90%;
		margin: 0px auto;
	}

	.flow-column .txt p {
		margin-bottom: 15px;
	}


	.flow-column h4 {
		margin-bottom: 5px;
		padding: 2%;

		font-size: 120%;
	}


	.flow-column ul.bnr {
		width: 100%;
		margin: 0px auto;
		margin-bottom: 20px;
		display: block;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.flow-column ul.bnr li {
		width: 100%;
		text-align: center;
	}

	.flow-column ul.bnr li img {
		width: 95%;
	}

	.flow-block .flow-block_top .flow-block_top_title span {
		padding: 0 40px;
	}

	.flow-block .flow-block_top .flow-block_top_title span::before,
	.flow-block .flow-block_top .flow-block_top_title span::after {
		width: 25px;
	}


	/*about-------------------------------------------------------------------------------------------*/
	.about {
		background: #FFF;
	}

	.about.blue,
	.about-block.blue {
		background: #F4F4EC;
	}

	.about .inner,
	.about-block .inner {
		width: 100%;
		margin: 0px auto;
		overflow: hidden;
	}


	/*about----------------------------------------------------*/

	.about h1 {
		padding-top: 40px;
	}

	.about-block .inner {
		width: 90%;
		margin: 0px auto;
		overflow: hidden;
	}

	div.about-list {
		width: calc(100% - 20px);
		padding: 10px 10px;
		margin: 0px auto;
	}

	div.about-list::after {
		top: 45%;
		right: 20px;
		width: 14px;
		height: 14px;
	}

	div.about-list h2 {
		font-size: 120%;
		font-weight: bold;
		height: auto;
	}

	div.about-list h2 span {
		font-size: inherit;
		font-weight: inherit;
	}

	div.about-list div.left {
		width: 60%;
	}

	div.about-list div.left img {
		width: auto;
		height: 42px;
	}

	div.about-list div.right {
		width: 25%;
	}

	div.about-list div.right img {
		width: 100%;
		border-radius: 0px;
	}

	div.about-list p {
		font-size: 110%;
	}

	.about-block {
		width: 100%;
		margin: 0px auto;
	}

	.about-block .inner {
		padding: 40px 0px;
		width: 90%;
	}

	.about-block h3 {
		font-size: 170%;
		font-weight: bold;
		text-align: center;
		margin: 0px auto;
		margin-bottom: 10px;
	}

	.about-block h3 span {
		font-size: inherit;
		font-weight: inherit;
	}

	.about-column .left {
		float: none;
		width: 100%;
	}

	.about-column .left p,
	.about-column .left ul {
		line-height: 180%;
		font-size: 110%;
		margin-bottom: 15px;
	}

	.about-column .left h4 {
		padding: 10px;
		font-size: 120%;
		line-height: 160%;
		margin-bottom: 5px;
		text-align: center;
	}

	.about-column .right {
		float: none;
		width: 100%;
		margin-bottom: 20px;

		text-align: center;
	}

	.about-column .right img {
		width: 90%;
	}

	.about-column .left ul.bnr {
		width: 100%;
		margin: 0px auto;
		padding: 20px 0% 20px 0%;
		display: block;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.about-column .left ul.bnr li {
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
		padding: 0px;
	}

	.about-column .left ul.bnr li img {
		width: 98%;
	}

	ul.about-flow {
		width: 80%;
		margin: 0px auto;
		padding: 10px;
		border-radius: 15px;
		text-align: center;
		background: #FFF;
		border: 1px solid #EEE;
		overflow: hidden;
	}

	ul.about-flow li {
		font-size: 100%;
		color: #333;
	}

	ul.about-flow li i {
		font-size: 120%;
		color: #FF5338;
	}

	/*info-page----------------------------------------------*/
	.info-page {
		width: 100%;
		background: #D9EBF9;
		overflow: hidden;
	}

	.info-page .inner {
		width: 90%;
		margin: 0px auto;
		padding: 20px 0px;
		overflow: hidden;
	}

	.info-page .inner div.txt {
		width: calc(100% - 30px);
		margin-bottom: 30px;
		padding: 15px;
		color: #333;
		font-size: 120%;
		line-height: 200%;
		background: #FFF;
		float: none;
	}

	.info-page .inner div.txt dl {
		padding: 5px 0px;
		margin: 0px auto;
		margin-bottom: 10px;
		display: block;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.info-page .inner div.txt dl dt {
		width: 100%;
		margin-bottom: 5px;
	}

	.info-page .inner .category {
		width: 100%;
		float: none;
		background: #FFF;
	}

	.info-page .inner .category h3 {
		padding: 5px 10px;
		color: #FFF;
	}

	.info-page .inner .category ul li a {
		width: 100%;
		display: block;
		padding: 10px 10px;
		background: #FFF;
		color: #222;
		border-bottom: 1px solid #DDD;
		font-size: 100%;
	}

	.info-page .inner .category ul li a:hover {
		background: #FEE200;
		color: #333;
	}

	/*BLOG-----------------------------------------------------------------*/
	dt.date span {
		color: #CC0000;
		font-weight: bold;
		padding-left: 5px;
	}


	.column.info {
		margin: 0px 0px 20px 0px;
		background: #FFF;
	}

	.navi {
		text-align: center;
		font-size: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	.column.info h2.title {
		padding: 5px 10px;
		margin: 0px 0px 10px 0px;
		color: #FFFFFF;
		font-size: 100%;
		text-align: left;
	}

	.column.info h2.title a {
		color: #FFFFFF;
		font-size: 110%;
	}


	.column.info div.date {
		font-size: 120%;
		text-align: left;
		color: #353535;
		background: #EFEFEF;
		padding: 5px 10px;
	}

	dt.date span {
		color: #CC0000;
		font-weight: bold;
		padding-left: 5px;
	}

	.column.info div.text,
	div.page-nav {
		padding: 0px 10px 5px 10px;
		font-size: 14px;
		line-height: 20px;
		text-align: left;
		background: #FFF;
	}

	.column.info div.text a img {
		clear: both;
		float: none;
	}

	.column.info div.text p {
		margin: 0px 0px 10px 0px;
	}

	.column.info div.text p.photo {
		text-align: center;
	}

	.column.info div.category {
		padding: 5px 5px 5px 5px;
		font-size: 11px;
		line-height: 11px;
		text-align: right;
	}

	.info {
		overflow: hidden;
		margin: 0px 0px 15px 0px;
	}

	.info h4 {
		background: #EFEFEF;
		padding: 5px;
		border-bottom: 2px solid #F00;
	}

	.top_right.info ul {
		margin: 0px 0px 10px 0px;
		font-size: 15px;
	}

	.info ul li {
		border-bottom: 1px dotted #999;
		font-size: 15px;
	}

	.info ul li a {
		display: block;
		background: #fff;
		padding: 8px;
		font-size: 15px;
		border-bottom: 1 dotted #999999;
	}

	.info ul li a:link {
		color: #353535;
		text-decoration: underline;
	}

	a:hover {
		text-decoration: underline;
		color: #353535;
	}

	.info ul li.now a {
		display: block;
		background: #FFF7B9;
		padding: 8px;
		color: #353535;
		text-decoration: none;
		font-size: 15px;
	}

	.left h3 {
		font-size: 16px;
		font-weight: bold;
		color: #F00;
		background-color: #fff7b9;
		padding: 8px;
		margin: 0px 0px 20px 0px;
		border-radius: 5px;
	}

	/*-bnr--------------------------------------------------------------------------------------------*/
	section.bnr {
		width: 100%;
		margin: 0px auto;
		padding: 20px 0px;
	}

	.bnr .inner {
		width: 95%;
		margin: 0px auto;
		padding: 30px 0%;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.bnr .inner img,
	.bnr .inner p img {
		width: 100%;
	}

	.bnr .inner p {
		width: 100%;
		margin: 10px auto 20px;
		text-align: center;
	}

	ul.bnr {
		width: 90%;
		margin: 0px auto;
		padding: 0px 0%;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	ul.bnr li {
		width: 100%;
		margin-bottom: 10px;
	}


	.inner p.flat_bnr img {
		width: 50%;
	}

	section.bnr-list {
		width: 100%;
		padding: 50px 0px;
	}

	section.bnr-list ul {
		width: 80%;
		margin: 0px auto;
		display: block;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	section.bnr-list ul li {
		width: 100%;
		margin-bottom: 30px;
	}

	section.bnr-list ul li:last-child {
		margin-bottom: 0px;
	}

	section.bnr-list ul li img {
		width: 100%;
	}

	/*-price--------------------------------------------------------------------------------------------*/
	.price {
		overflow: hidden;
		margin: 0px auto;
		background: #FFF;
	}

	.price h2 {
		margin-bottom: 10px;
		padding: 10px 0px;
		font-size: 190%;
		letter-spacing: 0px;
	}

	.price-list li {
		width: 90%;
		margin: 0px auto;
		margin-bottom: 10px;
		text-align: center;
	}

	.price-list li img {
		width: 90%;
	}

	/*----- インジケーターの設定 -----*/
	#showcase .pointer {
		text-align: center;
		padding: 10px;
	}

	#showcase .pointer span {
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 7px;
		border-radius: 8px;
		border: 1px solid #000;
	}

	#showcase .pointer span.current {
		background: #FC0;
	}

	/*WARIBIKI------------------------------------------------------*/
	.waribiki {
		width: 100%;
		margin: 0px auto;
		margin-bottom: 40px;
	}

	.waribiki img {
		width: 100%;
	}

	.price .inner img.price_waribiki {
		width: 80%;
	}

	/*price_data-----------------------------------------------------*/

	.price {
		background: #FFF;
	}

	h3.price_title {
		font-size: 180%;
	}

	.price>p {
		margin: -10px 0 10px;
		text-align: center;
	}

	.price .inner {
		width: 90%;
		margin: 0px auto;
		padding: 10px 0px;
	}

	.price .inner img {
		width: 100%;
		margin: 0px auto;
		padding: 10px 0px;
	}

	table.price_data {
		width: 100%;
		margin: 0px 0px 10px 0px;
		text-align: center;
		border: 1px solid #CCCCCC;
		border-collapse: collapse;
		border-spacing: 0px;
	}

	table.price_data th {
		width: 20%;
		font-size: 80%;
		border: 1px solid #CCCCCC;
		color: #000;
		padding: 8px 2px 8px 2px;
		background: #efefef;
		font-weight: normal;
	}

	table.price_data td {
		border: 1px solid #CCCCCC;
		padding: 10px 2px 10px 2px;
		font-size: 80%;
		background: #EEE;
		font-weight: bold;
	}

	table.price_data th.car {
		font-size: 100%;
	}

	table.price_data td.car {
		background: #FFFFFF;
		padding: 5px 2px 0px 2px;
	}

	table.price_data td.price {
		padding: 0px 0px 0px 0px;
		text-align: center;
		font-size: 120%;
		font-weight: bold;
		background: #FFF;
	}

	table.price_data td.price_kensa {
		background: #ffeb3b17;
	}

	table.price_data td.price.waribiki {
		color: #cc0000;
	}

	table.price_data td.discount {
		background: #FFFF00;
		font-size: 140%;
	}

	table.price_data th.max {
		padding: 8px 2px 8px 2px;
		background: #FFFF00;
		font-size: 120%;
		color: #CC0000;
	}

	table.price_data td.max {
		padding: 8px 2px 8px 2px;
		background: #FFFF00;
		color: #CC0000;
	}

	.price-txt {
		text-align: left;
		margin: 0;
	}

	table.price_data td.max span {
		font-size: 130%;
		font-weight: bold;
	}

	.price .inner .credit {
		width: 100%;
	}


	.attention_bnr {
		margin: 50px auto;
	}

	.attention_bnr img {
		max-width: 90%;
	}

	/*WARIBIKI------------------------------------------------------*/
	.waribiki * {
		box-sizing: border-box;
	}

	.waribiki h3 {
		font-size: 138%;
		margin: 10px 0 20px;
	}

	.waribiki h3 span {
		font-size: 140%;
		display: inline-block;
		border-bottom: 6px solid #ffef77;
		line-height: 1;
		margin: 20px 0;
	}

	.waribiki h3 span.zeikomi {
		font-size: 80%;
		display: inline-block;
		border-bottom: 6px solid #ffef77;
		vertical-align: bottom;
	}

	.waribiki table {
		width: 100%;
		border: 2px solid #D82F2C;
		border-collapse: collapse;
		border-spacing: 0px;
		margin: 0 0 30px;
	}

	.waribiki table tr:first-of-type {
		background: #D82F2C;
		color: #FFF;
	}

	.waribiki table tr:first-of-type th {
		font-size: 140%;
	}

	.waribiki table th {
		font-size: 130%;
		padding: 0 0 0 10px;
		width: 60%;
	}

	.waribiki table th span {
		display: block;
		line-height: 1;
		padding: 0 0 5px;
	}

	.waribiki table td {
		width: 40%;
		font-size: 100%;
		padding: 5px 0 0;
	}

	.waribiki table th:last-of-type,
	.waribiki table td:last-of-type {
		border-bottom: none;
	}

	.price .inner .waribiki img+img {
		margin-top: 40px;
	}


	/*shop*/
	.shop-block {
		width: 100%;
		margin: 0px auto;
		margin-bottom: 40px;
		display: block;
		align-items: top;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.shop-block .map {
		width: 100%;
		border: 1px solid #FFF;
	}

	.shop-block .map p.txt {
		width: auto;
		padding: 5px 10px;
		text-align: center;
		font-size: 110%;
	}

	.shop-block .txt {
		width: 100%;
	}

	.shop-block .map iframe {
		width: 100%;
		margin-bottom: 10px;
		height: 300px;
	}

	.shop-block table.shop {
		margin: 0px 0px 10px 0px;
		width: 100%;
		text-align: center;
		border: none;
		border-collapse: collapse;
		border-spacing: 0px;
	}

	.shop-block table.shop th,
	.shop-block table.shop td {
		width: calc(100% - 20px);
		border: none;
		display: block;
		padding: 5px 10px;
		line-height: 18px;
		vertical-align: middle;
		text-align: left;
		font-size: 120%;
		font-weight: normal;
	}

	.shop-block table.shop tr {
		display: block;
		margin: 0 0 20px;
	}

	.shop-block table.shop th {
		background: #F3F4F4;
	}

	/*shop-list-----------------------------------------------------*/
	.shop-list {
		width: 100%;
	}

	.shop-list .shop-txt {
		margin-bottom: 50px;
	}

	.shop-list .inner {
		width: 90%;
		margin: 0px auto;
		padding: 0px 0px 0px 0px;
	}

	h3.shop-list {
		margin: 0 0 20px;
		padding: 15px 0px;
		font-size: 160%;
		text-align: center;
	}

	ul.shop-area {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		align-items: center;
		justify-content: space-between;
		width: 90%;
		margin: 0 auto;
		padding: 20px 0 40px;
	}

	ul.shop-area>li {
		text-align: center;
	}

	ul.shop-area>li>a {
		position: relative;
		display: block;
		padding: 10px 20px;
		color: #17358E;
		text-align: center;
		text-decoration: none;
		border: 2px solid #17358E;
		border-radius: 10px;
		background-color: #fff;
	}

	ul.shop-area>li>a::after {
		position: absolute;
		top: 50%;
		right: 8px;
		display: block;
		color: #17358E;
		content: "\02193";
		transform: translateY(-50%);
	}

	ul.shop-area>li>a:hover {
		color: #fff;
		background-color: #17358E;
	}


	/* table.shop_list {
		border: 0;
		margin: 0 0 20px;
	}

	table.shop_list>thead {
		display: none;
	}

	table.shop_list>tbody>tr,
	table.shop_list>tbody>tr>th,
	table.shop_list>tbody>tr>td {
		display: block;
		border: 0;
	}

	table.shop_list>tbody>tr {
		margin: 0 0 20px;
	}

	table.shop_list>tbody>tr>th {
		margin: 0 0 5px;
		color: #17358E;
		background-color: #D8DDEC;
	}

	table.shop_list>tbody>tr>td {
		padding: 10px;
		font-size: 110%;
	}

	table.shop_list>tbody>tr>td>a {
		color: #003987;
	}

	table.shop_list .tel>a {
		font-size: 100%;
	}

	table.shop_list>tbody>tr>td::before {
		padding-bottom: 5px;
		margin-bottom: 3px;
		font-weight: bold;
		border-bottom: 1px solid #ddd;
		display: block;
		color: #343434;
		font-size: 110%;
	}

	table.shop_list tr:nth-child(odd) td {
		background: #f9f9f9;
	}

	table.shop_list>tbody>tr:nth-child(odd)>td:nth-of-type(1) {
		font-weight: bold;
		color: #343434;
		font-size: 150%;
		background: #e7e7e7;
		position: relative;
	}

	table.shop_list>tbody>tr:nth-child(even)>td:nth-of-type(1) {
		font-weight: bold;
		color: #002C62;
		font-size: 150%;
		background: #d6f1ff;
		position: relative;
	}

	table.shop_list>tbody>tr>td:nth-of-type(1)::after {
		position: absolute;
		top: 50%;
		right: 20px;
		display: block;
		content: '';
		width: 8px;
		height: 8px;
		margin-top: -4px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	table.shop_list>tbody>tr:nth-child(odd)>td:nth-of-type(1)::after {
		border-top: 2px solid #343434;
		border-right: 2px solid #343434;
	}

	table.shop_list>tbody>tr:nth-child(even)>td:nth-of-type(1)::after {
		border-top: 2px solid #002C62;
		border-right: 2px solid #002C62;
	}

	table.shop_list>tbody>tr>td:nth-of-type(2)::before {
		content: "住所";
	}

	table.shop_list>tbody>tr>td:nth-of-type(3)::before {
		content: "営業時間"
	}

	table.shop_list>tbody>tr>td:nth-of-type(4)::before {
		content: "車検受付時間"
	}

	table.shop_list>tbody>tr>td:nth-of-type(5)::before {
		content: "電話番号"
	}

	table.shop_list>tbody>tr>td:nth-of-type(6)::before {
		content: "定休日"
	}

	table.shop_list>tbody>tr>td:nth-of-type(7)::before {
		content: "取り扱いサービス"
	}

	table.shop_list>tbody>tr>td:not(.shop-name) {
		display: none;
	}

	table.shop_list>tbody>tr>td:not(.shop-name).active {
		display: block !important;
	}

	table.shop_list>tbody>tr>td:nth-of-type(1).shop-name.active::after {
		-webkit-transform: rotate(315deg);
		transform: rotate(315deg);
	}

	table.shop_list .shop_service:first-child {
		margin-top: 7px;
		margin-bottom: 7px;
	}

	table.shop_list .shop_service a {
		width: 95%;
	} */

	.details-content-flex {
		flex-wrap: wrap;
		gap: 5px;
	}

	.details-content-title {
		width: 100%;
	}

	.details-content-img {
		display: flex;
		flex-wrap: wrap;
	}

	.details-content-img img {
		width: 16.5%;
	}

	.details .shop_service a {
		width: 100%;
	}

	.details-summary {
		font-size: 20px;
	}

	.details-content p{
		font-size: 16px;
	}

	/*-footer--------------------------------------------------------------------------------------------*/
	footer {
		clear: both;
		width: 100%;
		padding: 15px 0px;
		padding-bottom: 85px;
		text-align: center;
	}

	footer .inner {
		width: 90%;
		margin: 0px auto;
		text-align: center;
		color: #FFF;
		overflow: hidden;
	}

	footer .inner div.link {
		width: 100%;
		float: none;
		text-align: center;
		overflow: hidden;
	}

	footer .inner a {
		margin-right: 40px;
		color: #FFF;
	}

	footer .inner div.copy {
		width: 100%;
		float: none;
		font-size: 70%;
		overflow: hidden;
	}

	/*-footer-nav--------------------------------------------------------------------------------------------*/

	.footer-nav {
		width: 100%;
		border-top: 1px solid #eee;
	}

	.footer-nav ul.footer-bnr {
		width: 90%;
		margin: 0px auto;
		padding: 25px 0%;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: center;
	}

	.footer-nav ul.footer-bnr li {
		width: calc(100% / 2);
		margin-bottom: 10px;
	}

	.footer-nav ul.footer-bnr li img {
		width: 95%;
	}

	.footer-nav ul {
		margin: 0px auto;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.footer-nav ul.txt-link {
		width: 90%;
		margin: 0px auto;
		padding: 20px 0%;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.footer-nav ul.txt-link li {
		width: 46%;
		border-right: none;
		padding: 10px 2%;
	}

	.footer-nav ul.txt-link li a {
		color: #003987;
		font-size: 90%;
	}

	.footer-nav ul.txt-link li:last-child {
		border-right: none;
	}

	.footer-nav ul.txt-link li a:before {
		content: "＞";
		font-size: small;
	}

	/*-----------------------------------------------------------------------------------------------*/
	.center {
		text-align: center;
	}

	.center .inner {
		width: 90%;
		margin: 0px auto;
		padding: 0px 0px 30px 0px;
		text-align: center;
	}

	.center .inner img {
		width: 100%;
	}

	.tel-txt .inner {
		width: 90%;
		margin: 0px auto;
		padding: 20px 0;
	}

	.tel-txt .inner p {
		margin: 0px auto;
		padding: 0px;
		border: none;
		font-size: 110%;
		line-height: 180%;
		background: #FFF;
	}

	.tel-txt .inner p a {
		display: block;
		margin: 15px 0 0;
		width: 100%;
	}

	.tel-txt .inner p a img {
		width: 100%;
	}

	.tel-txt .inner span.tel {
		font-size: 140%;
		color: #FF0C10;
	}

	/*chirashi---------------------------------------------------------------------------*/
	p.chirashi {
		margin: 0px auto;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	p.chirashi p {
		overflow: hidden;
		margin: 50px;
	}

	section.adArea {
		width: 90%;
		margin: 0px auto;
		padding: 20px 0px;
		margin-bottom: 0px;
	}

	section.adArea .tit {
		background: #fe2d17;
		padding: 5px 0px 5px 0px;
		text-align: center;
		font-size: 180%;
		color: #FFF;
	}

	.adArea ul {
		width: calc(100% - 6px - 20px);
		border: 3px solid #fe2d17;
		overflow: hidden;
		padding: 10px;
		padding-bottom: 10px;

	}

	.adArea ul li.person {
		margin-right: 30px;
		width: 30%;
		float: left;
	}

	.adArea ul li.person img {
		width: 100%;
	}

	.adArea ul div.chirashi {
		width: calc(100% - 0% - 0px - 0px);
		display: flex;
		/*横並び*/
		align-items: center;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.adArea ul li.pop {
		width: 48%;
		text-align: center;
	}

	.adArea ul li.pop img {
		width: 90%;
	}

	/*footer-sp--------------------------------------------*/
	ul.bnr-list {
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	ul.bnr-list li {
		width: 90%;
		margin: 0px auto;
		margin-bottom: 20px;
		text-align: center;
	}

	ul.bnr-list li img {
		width: 100%;
	}

	/*見え隠れ*/
	#acMenu dt {
		display: block;
		width: calc(100% - 15px);
		margin: 0px auto;
		margin-bottom: 10px;
		padding: 10px 0px;
		text-align: center;
		cursor: pointer;
		border-radius: 10px;
		background-position: right 10pt center;
		color: #FFF;
		padding-right: 15px;
		font-size: 130%;
		position: relative;
		line-height: 190%;
	}

	#acMenu dt span {
		color: #FFF;
		font-size: 70%;
	}

	#acMenu dt.tokutoku {
		background: #002c62;
		color: #ffc600;
		font-weight: bold;
	}

	#acMenu dt::after {
		position: absolute;
		top: 50%;
		right: 10px;
		display: block;
		content: '';
		width: 8px;
		height: 8px;
		margin-top: -4px;
		border-top: 3px solid #FFF;
		border-right: 3px solid #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#acMenu dt.tokutoku p.car-model {
		color: #FFF;
		font-size: 65%;
	}

	#acMenu dd {
		width: 100%;
		display: none;
	}

	#acMenu dt.tokutoku.active {
		background: #CC0000;
		color: #FFF;
	}

	#acMenu dt.active::after {
		position: absolute;
		top: 45%;
		right: 10px;
		display: block;
		content: '';
		width: 8px;
		height: 8px;
		margin-top: -4px;
		border-top: 3px solid #FFF;
		border-right: 3px solid #FFF;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	#acMenu p.car-img {
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}

	#acMenu p.car-img img {
		width: 50%;
	}

	#acMenu p {
		text-align: center;
		margin-bottom: 10px;
	}

	body#form .footerBnner {
		display: none;
	}


	body#form footer {
		padding-bottom: 10px;
	}

	.footerBnner {
		position: fixed;
		bottom: 0px;
		z-index: 1000;
		width: 100%;
	}

	.footerBnner .inner {
		position: relative;
		display: flex;
	}

	.footerBnner a {
		width: 100%;
		background: #17358E;
		text-align: center;
	}

	.footerBnner a:first-of-type {
		border-right: 1px solid #BABABA;
	}

	.footerBnner p {
		padding: 10px 0 0;
		background: #458C00;
		text-align: center;
		border-top: 1px solid #BABABA;
		width: 100%;
		color: #fff;
	}

	.footerBnner p span {
		color: #FFEF00;
		font-size: 100%;
	}

	.footerBnner img {
		width: 100%;
		margin: 0px auto;
	}

	.footerBnner a:hover img {
		filter: alpha(opacity=100);
		opacity: 1.0;
	}

	/*-form-btn------------------------------------------------------------------------------------*/
	.submit_btn {
		margin-bottom: 20px;
		border: 0px;
		font-size: 120%;
		width: 70%;
		height: 55px;
		background: #FF9426;
		cursor: pointer;
		border-radius: 10px;
	}

	.submit_btn:hover {
		filter: brightness(130%);
		transition: filter 0.3s;
	}

	.submit_btn.back {
		margin-right: 0px;
		background: #DEDEDE;
	}

	/**/
	.error {
		width: 80%;
		margin-bottom: 20px;
		padding: 10px;
	}

	table.form {
		margin: 0px 0px 30px 0px;
		width: 100%;
		text-align: center;
		border: none;
		border-collapse: collapse;
		border-spacing: 0px;
	}

	table.form th,
	table.form td {
		padding: 10px 8px 10px 8px;
		line-height: 18px;
		/* vertical-align: middle; */
		border: none;
		text-align: left;
		font-size: 100%;
		font-weight: normal;
		color: #000000;
		display: block;
	}

	table.form th {
		width: calc(100% - 20px);
		background: #F4F4EC;
	}

	table.form td span.red {
		font-size: 120%;
		color: #CC0000;
	}

	table.form td.reserve p {
		color: #CC0000;
	}

	table.form td input[type="text"] {
		height: 30px;
		width: 90%;
		font-size: 120%;
	}

	table.form td select {
		font-size: 100%;
	}

	table.form td input[type="text"].small {
		width: 100px;
	}

	table.form td ul {
		margin-bottom: 10px;
	}

	table.form td ul li {
		font-size: 100%;
		margin-bottom: 10px;
	}

	.form .inner {
		padding: 10px 0px 40px 0px;
	}

	/*page-top------------------------------------------------------------------------------*/
	#page-top {
		position: fixed;
		bottom: 110px;
		right: 10px;
		font-size: 80%;
		z-index: 5000;
	}

	#page-top a {
		background: #9A9A9A;
		text-decoration: none;
		color: #fff;
		padding: 15px 15px;
		text-align: center;
		display: block;
		border-radius: 5px;
	}

	#page-top a:hover {
		text-decoration: none;
	}

	/*グループリンク-------------------------------------------------------------*/
	section.group_link .inner {
		width: 90%;
		margin: 0px auto;
		padding: 20px 0px;
		overflow: hidden;
	}

	section.group_link h4 {
		margin-bottom: 15px;
		padding: 4px 0px;
		font-size: 160%;
		text-align: center;
	}

	section.group_link ul {
		margin: 0px auto;
		display: block;
		justify-content: space-between;
	}

	section.group_link ul li {
		width: 98%;
		margin: 0px auto;
		margin-bottom: 10px;
		text-align: center;
	}

	section.group_link ul li:nth-of-type(3) a {
		color: #003987;
	}

	section.group_link ul li:nth-of-type(3) a:nth-of-type(1) {
		margin: 10px 0;
		border: 0;
	}

	section.group_link ul li:nth-of-type(3) a:nth-of-type(2) {
		margin: 0 0 10px;
		border: 0;
	}

	section.group_link ul li:nth-of-type(3) a:nth-of-type(3) {
		margin: 0 0 10px;
		border: 0;
	}

	section.group_link ul li:nth-of-type(3) a:nth-of-type(4) {
		margin: 0 0 10px;
		border: 0;
	}

	section.group_link ul li img {
		width: 100%;
		margin-bottom: 0px;
		text-align: center;
	}

	/*--------------------------------------------------------------------------------*/
	.oil-bnr {
		width: calc(90% - 20px);
		margin: 0px auto;
		padding: 20px;
	}

	.oil-bnr ul li {
		margin-bottom: 5px;
	}

	.oil-bnr ul li img {
		width: 100%;
	}

	/* reserve　調整 */
	#reserve_comt {
		margin: 0 0 20px;
	}

	#reserve_comt .inner {
		padding: 0;
	}


	/* コロナへの取り組み */
	section.corona_torikumi {
		margin: 30px 0 0;
	}

	section.corona_torikumi img {
		width: 100%;
	}


	ul.bnr-list {
		width: 90%;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	ul.bnr-list li {
		width: 90%;
		margin: 0px auto;
		margin-bottom: 20px;
		text-align: center;
	}

	ul.bnr-list li img {
		width: 100%;
	}

	/*---------------------------------------------*/
	.footer_area {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 10000;
		display: block;
	}

	.footer_area ul {
		position: relative;
		margin: 0px auto;
		padding: 2px 0 0px 0px;
		display: flex;
		align-items: top;
		justify-content: space-between;
	}

	.footer_area ul li {
		display: block;
		text-align: center;
		text-decoration: none;
		width: 50%;
	}

	.footer_area ul li a {
		display: block;
		padding: 10px 0px;
		color: #FFF;
		font-size: 170%;
		background: #00619f;
		background-image: linear-gradient(90deg, rgba(21, 65, 117, 1) 0%, rgba(93, 184, 241, 1));
	}

	.footer_area ul li a.reserve {
		background: #ff000c;
		background-image: linear-gradient(90deg, rgba(255, 0, 12, 1), rgba(255, 138, 0, 1));
	}

	.footer_area ul li a img {
		width: 100%;
		margin: 0 auto;
	}

	.footer_area ul li a span {
		padding-right: 5px;
		color: #fff;
		vertical-align: sub;
		font-size: 160%;
	}

	/*-callcenter-txt------------------------------------------------------------------------------------*/
	.callcenter-txt {
		width: calc(90% - 40px);
		margin: 50px auto;
		padding: 20px;
	}

	.callcenter-txt p {
		margin-bottom: 20px;
		font-size: 110%;
		line-height: 180%;
	}

	.callcenter-txt p span {
		font-size: inherit;
		line-height: inherit;
		font-weight: bold;
		color: #E20003;
	}
}