@charset "UTF-8";

/* CSS Document */
@media screen and (max-width: 640px) {

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

	img {
		width: 100%;
	}

	/* スクロールする場所：固定ナビゲーションの高さ＋余白をpadding-topに指定したりします。 */
	#content {
		padding: 0px 0 0 0;
	}

	h2.page-tit {
		width: 100%;
		height: 70px;
		background-color: #EDEDED;
		margin-bottom: 10px;
		border-bottom: 2px solid #FAEC21;
	}

	h2.page-tit .inner {
		position: relative;
		width: 95%;
		height: 80px;
		margin: 0px auto;
		overflow: hidden;
		background: none;
		background-position: right top;
	}

	h2.page-tit .inner p {
		position: absolute;
		top: 15%;
		bottom: 0;
		margin: auto;
		font-size: 180%;
		color: #0B318E;
	}

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

	h2.tit {
		background: #0B318E;
		margin-bottom: 40px;
		padding: 10px 0px 10px 0px;
		position: relative;
		text-align: center;
	}

	h2.tit p {
		font-size: 140%;
		line-height: 120%;
		color: #FFF;
	}

	h2.tit p img {
		width: 60%;
	}

	/*---------------------------------------------------------------------------------------------*/
	header {
		width: 100%;
		overflow: hidden;
		margin: 0px auto;
		padding: 0px 0px;
		background: #EA191E;
	}

	header .inner {
		width: 100%;
		overflow: hidden;
		margin: 0px auto;
	}

	header .logo {
		padding-top: 5px;
		float: left;
	}

	header .right {
		float: right;
	}

	header h1 {
		font-size: 80%;
		margin-bottom: 5px;
		color: #FFF;
	}

	header h1 span {
		font-size: 100%;
	}

	/*---------------------------------------------------------------------------------------------*/
	.main {
		width: 100%;
		overflow: hidden;
		background: #E70A1B;
		padding-top: 20px;
		padding-bottom: 120px;
		text-align: center;
		z-index: 200;
	}

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

	.top-img {
		width: 100%;
		background: url(../images/back-gray.png);
		z-index: 1000;
		padding-bottom: 40px;
	}

	.top-img .inner {
		width: 100%;
		text-align: center;
		margin: 0px auto;
	}

	.top-img .inner img {
		overflow: visible;
		margin-top: -80px;
	}

	.main-img {
		overflow: hidden;
		margin-bottom: 10px;
	}

	/*intro---------------------------------------------------------------------------*/
	.intro {
		width: 100%;
		padding: 0px 0px;
		background: #FFF;
		text-align: center;
	}

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

	.intro .inner .left {
		width: 100%;
	}

	.intro .inner .left img {
		width: 70%;
	}

	.intro .inner .right {
		width: 100%;
		padding-left: 2%;
		text-align: left;
		line-height: 160%;
	}

	/*staff---------------------------------------------------------------------------*/
	.staff {
		margin: 40px 0;
		padding: 40px 0 10px;
		background: #EEF5FD;
	}

	.staff .inner {
		width: 90%;
		margin: 0px auto;
	}

	.staff .inner .staff_box {
		width: 100%;
		margin-left: auto;
	}

	.staff .inner .staff_box h3 {
		margin-bottom: 10px;
	}

	.staff .inner .staff_box_flex p {
		width: 100%;
		margin-bottom: 30px;
		font-size: 120%;
		line-height: 1.8;
	}

	.staff .staff_list {
		width: 100%;
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.staff .staff_list li {
		width: calc(100% / 2 - 10px);
	}

	.staff .staff_list li img {
		height: auto;
		object-fit: cover;
	}

	.staff .inner .staff_box .staff_list li p {
		padding-top: 10px;
		font-size: 80%;
		line-height: 1.4;
	}

	/*-bnr--------------------------------------------------------------------------------------------*/
	.bnr {
		width: 100%;
		background: #FFF;
		text-align: center;
	}

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

	.bnr .inner p {
		margin-bottom: 40px;
	}

	.bnr.reserve_bnr .inner p {
		margin-bottom: 0;
	}

	.bnr_30off {
		width: 100%;
		background: #FFF;
		text-align: center;
	}

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

	.bnr_30off .inner p {
		margin-bottom: 0px;
	}

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

	ul.bnr li {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}

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

	.others_bnr_area .inner {
		width: 90%;
		margin: 0px auto;
		padding: 0px 0px 30px 0px;
	}

	.others_bnr {
		display: flex;
		justify-content: center;
		gap: 30px;
		flex-wrap: wrap;
	}

	.others_bnr li{
		width: 90%;
	}


	/*point--------------------------------------------------------------------------------*/
	.point {
		margin-bottom: 40px;
	}

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

	.point li {
		width: 100%;
		text-align: center;
		background: url(../images/point01-back.png) no-repeat;
		border-radius: 15px;
		margin-bottom: 20px;
	}

	.point li a p {
		display: none;
		color: #FFF;
		text-align: left;
		padding-right: 8%;
		font-size: 65%;
		line-height: 110%;
	}

	.point li a {
		border-radius: 15px;
		padding: 5% 5%;
		display: block;
		background: rgba(9, 37, 107, 0.85);
		color: #FFF;
		font-size: 150%;
		display: block;
		position: relative;
		height: auto;
	}

	.point li a:hover {
		background: rgba(255, 255, 255, 0.74);
		color: #222;
	}

	.point li a:hover span {
		color: #222;
	}

	.point li a span {
		color: #FFEF00;
		font-size: 80%;
	}

	.point li img {
		width: 100%;
	}

	.point li a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		width: 15px;
		height: 15px;
		margin: -4px 0 0 0;
		border-top: solid 4px #FFF;
		border-right: solid 4px #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/*about----------------------------------------------------*/
	.about-block {
		width: 100%;
		margin: 0px auto;
		clear: both;
		overflow: hidden;
		padding: 10px 0px 20px 0px;
	}

	.about-block.blue {
		width: 100%;
		background: #ECF3FB;
	}

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

	.about-block h3 {
		margin: 0px auto;
		padding: 2%;
		margin-bottom: 0px;
		text-align: center;
		font-size: 230%;
		line-height: 100%;
		color: #103380;
	}

	.about-block h3 span {
		font-size: 80%;
		color: #103380;
	}

	.about-block h3 img {
		width: 100px;
		margin-right: 10px;
	}

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

	.about-column .left p {
		font-size: 110%;
		margin-bottom: 15px;
	}

	.about-column .left p img {
		width: 80%
	}

	.about-column .left h4 {
		padding: 5px;
		border-top: 1px solid #D61619;
		border-bottom: 1px solid #D61619;
		font-size: 160%;
		line-height: 160%;
		margin-bottom: 5px;
		color: #D61619;
	}

	.about-column .right {
		float: none;
		width: 100%;
		text-align: center;
	}

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

	/*table-------------------------------------------------------------*/
	table.reason-data {
		margin: 0px 0px 10px 0px;
		width: 100%;
		text-align: center;
		border: 1px solid #0A3EA3;
		border-collapse: collapse;
		border-spacing: 0px;
		background: #FFF;
	}

	table.reason-data th,
	table.reason-data td {
		padding: 12px 8px 12px 8px;
		line-height: 18px;
		vertical-align: middle;
		border: 1px solid #0A3EA3;
		text-align: left;
		font-size: 100%;
		color: #000000;
	}

	table.reason-data th {
		font-weight: normal;
		width: 80px;
		background: #0A3799;
		color: #FFF;
	}

	table.reason-data tr.pure td {
		background: #FBE7DE;
	}

	table.reason-data tr.crystal td {
		background: #E8F6F8;
	}

	table.reason-data tr.diamond td {
		background: #F2EEDE;
	}

	/*FAQ-------------------------------------------------------------------------------------------------------------*/
	.faq h3 {
		margin: 0px 0px 5px 0px;
		padding: 5px 3px 3px 10px;
		border-top: 1px solid #039;
		border-bottom: 1px solid #039;
		background: #EFEFEF;
		font-size: 100%;
		font-weight: bold;
		text-align: left;
	}

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

	.faq .inner {
		width: 90%;
		overflow: hidden;
		margin: 0px auto;
	}


	p.question {
		margin: 0px 0px 5px 0px;
		padding: 8px 3px 8px 5px;
		border-bottom: 1px solid #DDD;
		background: #E5F4FA;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
	}

	p.question span {
		margin: 0px 5px 0px 0px;
		padding: 0px 5px 0px 0px;
		border-right: 1px solid #DDD;
		color: #003399;
		font-size: 18px;
	}

	p.answer,
	ul.answer {
		padding: 5px 0px 15px 0px;
	}

	.faq .column {
		margin: 0px 0px 30px 0px;
	}


	.column {
		margin: 0;
	}

	/*----------------------------------------------*/
	.course-list {
		width: 80%;
		margin: 0px auto;
		margin-bottom: 30px;
	}

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

	.course-list li {
		width: 100%;
		margin-bottom: 15px;
	}

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

	.top-course-list {
		width: 80%;
		margin: 0px auto;
		margin-bottom: 60px;
	}

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

	.top-course-list li {
		width: 100%;
		margin-bottom: 15px;

	}

	.top-course-list li img {
		width: 100%;
	}

	.menu-list {
		width: 80%;
		margin: 0px auto;
		margin-bottom: 60px;
	}

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

	.menu-list li {
		width: 100%;
		margin-bottom: 15px;

	}

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

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

	section.course-tit img {
		width: 100%;
	}

	section.course .inner,
	section.course.course_top .inner {
		width: 95%;
		margin: 0px auto;
		padding: 0px 0px 20px 0px;
	}

	h3.course {
		margin-bottom: 10px;
		background: none;
		padding: 5px;
		font-size: 140%;
		background: #0A3799;
		color: #FAEF24;
	}

	.coating h3.course{
		margin-bottom: 10px;
		background: none;
		padding: 5px;
		font-size: 140%;
		background: #0A3799;
		color: #FAEF24;
	}

	h3.course.diamond {
		margin-bottom: 10px;
		background: none;
		padding: 5px;
		font-size: 140%;
		background: #0A3799;
		color: #FAEF24;
	}

	h3.course.crystal {
		margin-bottom: 10px;
		background: none;
		padding: 5px;
		font-size: 140%;
		background: #0A3799;
		color: #FAEF24;
	}

	h3.course.wdiamond {
		margin-bottom: 10px;
		background: none;
		padding: 5px;
		font-size: 140%;
		background: #0A3799;
		color: #FAEF24;
	}

	h3.course.ex {
		margin-bottom: 10px;
		background: none;
		padding: 5px;
		font-size: 140%;
		background: #0A3799;
		color: #FAEF24;
	}

	h3.course.ecodiamond {
		margin-bottom: 10px;
		background: none;
		padding: 5px;
		font-size: 140%;
		background: #0A3799;
		color: #FAEF24;
	}

	h3.course.fresh {
		margin-bottom: 10px;
		background: none;
		padding: 5px;
		font-size: 140%;
		background: #0A3799;
		color: #FAEF24;
	}

	h3.course.mineral{
		margin-bottom: 10px;
		background: none;
		padding: 5px;
		font-size: 140%;
		background: #0A3799;
		color: #FAEF24;
	}

	

	.course h4 {
		padding: 10px 0px 20px 0px;
		font-size: 120%;
		line-height: 160%;
		color: #F9191D;
	}

	/*PRICE---------------------------------------------------------*/
	table.price {
		width: 100%;
		margin: 0px auto;
		margin-bottom: 15px;
		background: #FFF;
		border: 1px solid #BBB;
		border-collapse: collapse;
		border-spacing: 0px;
	}


	table.price th {
		background: #EDEDED;
	}

	table.price th,
	table.price td {
		text-align: center;
		border: 1px solid #BBB;

	}

	table.price td.price {
		padding: 10px 0px 10px 0px;
		font-size: 18px;
		color: #F30;
		font-weight: bold;
	}

	table.price td.price01 {
		padding: 10px 0px 10px 0px;
		font-size: 18px;
		color: #000;
		font-weight: bold;
	}

	table.price td.price_set {
		padding: 10px 0px 10px 0px;
		font-size: 18px;
		color: #F30;
		background: #FF6;
		font-weight: bold;
	}

	div.option {}

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

	ul.option li {
		width: 48%;
		margin-bottom: 15px;
	}


	ul.option li img {
		width: 80%;
		float: none;
		margin: 0px 0px 0px 0px;
	}

	ul.option li h3 {
		font-size: 100%;
		font-weight: bold;
		color: #003399;
	}

	table.price-data-sp {
		margin: 0px 0px 50px 0px;
		width: 100%;
		text-align: center;
		border: 1px solid #BBB;
		border-collapse: collapse;
		border-spacing: 0px;
	}

	table.price-data-sp th,
	table.price-data-sp td {
		padding: 12px 8px 12px 8px;
		line-height: 18px;
		vertical-align: middle;
		border: 1px solid #BBB;
		text-align: center;
		font-size: 120%;
		color: #000000;
	}

	table.price-data-sp th {
		font-weight: bold;
		background: #DEEDF6;
	}

	table.price-data-sp tr:nth-child(even) {
		background: #eee;
	}

	table.price-data-sp td.net {
		font-weight: bold;
		color: #FF3B00;
		font-size: 120%;
	}

	/* .price-data-sp-th {
		width: 40%;
	} */

	.price-data-text {
		margin-bottom: 50px;
	}


	/*-reserve---------------------------------------------------------------------------------------------*/
	/*Shop-List-----------------------------------------------------------------*/
	.shop-select {
		width: 95%;
		margin: 0px auto;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.shop-box {
		width: 100%;
		margin: 0px auto;
		margin-bottom: 30px;
		padding: 3%;
		border-radius: 10px;
		border: 3px solid #004b9c;
		overflow: hidden;
		display: flex;
		/*横並び*/
		align-items: center;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.shop-box .shopPhoto img {
		width: 100%;
	}

	.shop-box .shopText {
		width: 100%;
		padding-top: 10px;
	}

	.shop-box .btn {
		width: 100%;
	}

	.shop-box .btn a {
		width: 80%;
		padding: 5% 10%;
		margin-bottom: 10px;
		background: #0A3799;
		display: inline-block;
		text-align: center;
		border-width: 1px;
		border-style: solid;
		text-transform: uppercase;
		text-decoration: none;
		line-height: 1.5;
		color: #FFFFFF;
		font-size: 22px;
		border-radius: 10px;
		border: 1px solid #FFFFFF;
		/* box-shadow */
		box-shadow: 0px 10px 7px -4px #8c8c8c;
		-moz-box-shadow: 0px 10px 7px -4px #8c8c8c;
		-webkit-box-shadow: 0px 10px 7px -4px #8c8c8c;
	}

	.shop-box .btn a:hover {
		color: #FFFFFF;
		background-color: #004b9c;
		border-color: hsl(211, 37%, 31%);
		-webkit-box-shadow: inset 0 0 1px 1px #0077f8, 0 0 1px 3px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: inset 0 0 1px 1px #0077f8, 0 0 1px 3px rgba(0, 0, 0, 0.15);
		box-shadow: inset 0 0 1px 1px #0077f8, 0 0 1px 3px rgba(0, 0, 0, 0.15);
		-webkit-text-shadow: 1px 1px 1px #001a36;
		-moz-text-shadow: 1px 1px 1px #001a36;
		-o-text-shadow: 1px 1px 1px #001a36;
		text-shadow: 1px 1px 1px #001a36;
	}

	.shop-box .btn a p {
		font-size: 35px;
		color: #FFF;
		margin-bottom: 10px;
	}

	.shop-box .btn a:hover p {
		color: #FFF100;
	}

	.shop-box .btn a:hover {
		color: #FFF100;
	}

	.shop-box .shopText h3 {
		font-size: 120%;
	}

	ul.Info {
		font-size: 115%;
	}

	ul.Info li {
		color: #363636;
	}

	ul.Info li.tel {
		font-size: 130%;
	}

	ul.Info li.tel a {
		font-size: 110%;
		color: #0A3799;
	}

	ul.Info li.Access {}

	ul.Info li.Access span a {
		margin-left: 20px;
		padding: 1px 10px;
		font-size: 80%;
		line-height: 80%;
		background: #ADC4DE;
		color: #2C2C2C;
	}

	/*.works---------------------------------------------------------------------------------------------------*/
	.works {
		margin: 0px auto;
		margin-bottom: 30px;
	}

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

	.works li {
		width: 30%;
		margin-bottom: 10px;
	}

	.works li img {
		width: 96%;
	}

	.works .btn {
		text-align: center;
		margin: 0px auto;
	}

	.works .btn a {
		padding: 5px 40px;
		border: 3px solid #0B318E;
		border-radius: 30px;
		font-size: 150%;
		color: #4D4D4D;
	}

	.works .btn a:hover {
		background: #FFEF00;
	}

	/*message------------------------------------------------------------------------------------------*/
	.message .photo {
		width: 100%;
		float: none;
	}

	.message .txt {
		width: 100%;
		float: none;
	}

	.message .txt p {
		line-height: 210%;
	}

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

	h3.shop-list {
		margin-bottom: 10px;
		padding: 5px 0px;
		font-size: 130%;
		border-top: 1px solid #0B318E;
		border-bottom: 1px solid #0B318E;
		color: #0B318E;
		text-align: center;
		background: #FFF;
		clear: both;
	}

	.shop-block {
		width: 100%;
		margin: 0px auto;
		overflow: hidden;
		clear: both;
		margin-bottom: 50px;
	}

	.shop-block .map {
		width: 100%;
		height: 250px;
		float: none;
	}

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

	.shop-block .txt img {
		width: 100%;
		margin-bottom: 10px;
	}

	.shop-block .txt .reserve {
		font-size: 110%;
		color: #EE0003;
	}

	.shop-block .txt .reserve a {
		font-size: 120%;
		color: #EE0003;
		text-decoration: underline;
	}

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

	}

	table.shop th,
	table.shop td {
		padding: 8px 8px 8px 8px;
		line-height: 18px;
		vertical-align: middle;
		text-align: left;
		font-size: 100%;
		font-weight: normal;
		color: #000000;
	}

	table.shop th {
		width: 35%;
	}

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

	ul.shop {
		margin-bottom: 10px;
	}

	ul.shop li {
		font-size: 130%;
	}

	ul.shop li.reserve {
		font-size: 120%;
		color: #FF0004;
	}

	ul.shop li.reserve a {
		font-size: 135%;
		color: #FF0004;
	}


	/*-footer--------------------------------------------------------------------------------------------*/
	footer {
		clear: both;
		width: 100%;
		padding: 10px 0px;
		text-align: center;
		background: #0B318E;
	}

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

	footer .inner div.footer-logo {
		width: 100%;
		margin: 0px auto;
		margin-bottom: 10px;
		float: none;
		text-align: center;
		overflow: hidden;
	}

	footer .inner div.footer-logo img {
		width: 90%;
		max-height: auto;
	}

	footer .inner div.txt {
		width: 100%;
		text-align: left;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	footer .inner div.txt {
		width: 100%;
		float: right;
		text-align: left;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	footer .inner div.txt ul {
		width: 50%;
	}

	footer .inner div.txt ul li {
		color: #FFF;
		margin-bottom: 10px;
	}

	footer .inner div.txt ul li span {
		color: #FFF;
		margin-right: 10px;
	}


	footer .inner div.txt ul li a {
		color: #FFF;
	}



	footer .inner div.copy {
		width: 100%;
		float: right;
		text-align: center;
		font-size: 85%;
		overflow: hidden;
		color: #FFF;
	}

	.copy {
		width: 100%;
		padding: 15px 0px 100px;
		text-align: center;
	}

	.copy .inner {
		width: 1000px;
		font-size: 85%;
		overflow: hidden;
		color: #FFF;
		text-align: left;
	}



	/*-footer-nav--------------------------------------------------------------------------------------------*/
	.footer-nav {
		width: 100%;
		background: #FFF;
	}

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

	.footer-nav ul li {
		width: 46%;
		border-right: none;
		border-bottom: 1px solid #B6B6B6;
		padding: 2% 2%;
	}

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

	/*-------------------------------------------------------------------------------------------------------------*/
	.footer_area {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 10000;
		display: block;
	}

	.footer_area .footer_area_inner {
		position: relative;
		margin: 0px auto;
		padding: 2px 0 0px 0px;
		margin-right: 0px;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.inquiry_btn {
		width: 70%;
		background-color: #068BF1;
		display: block;
		text-align: center;
		text-decoration: none;
		padding: 5px 0;
		font-size: 130%;
		line-height: 120%;
		color: #FFF;
	}

	.inquiry_btn span {
		font-size: 140%;
		color: #FFF;
	}

	.inquiry_btn span span {
		font-size: 120%;
		margin-right: 5px;
		color: #FFF;
	}

	.inquiry_btn:link,
	.inquiry_btn:visited {
		color: #FFF !important;
	}

	.reserve_btn {
		width: 30%;
		background-color: #FEEB32;
		display: block;
		text-align: center;
		text-decoration: none;
		padding: 5px 0;
		font-size: 140%;
		line-height: 120%;

	}

	.reserve_btn span {
		font-size: 140%;
	}

	.reserve_btn:link,
	.reserve_btn:visited {
		color: #222;
	}

	#siteBottom {
		margin-bottom: 85px;
	}

	/*coating----------------------------------------------------------------------------------------------------------*/
	.coating {
		width: 100%;
		margin: 0px auto;
	}

	.coating .inner {
		width: 95%;
	}

	.coating .inner .column img {
		width: 100%;
	}

	.coating h3 {
		margin: 0px 0px 10px 0px;
		font-size: 18px;
		line-height: 32px;
		color: #CE0000;
	}

	.coating_care-block h4 {
		margin: 0px 0px 10px 0px;
		padding-bottom: 5px;
		border-bottom: 2px solid #F7FF22;
		font-size: 18px;
		font-weight: bold;
		line-height: 26px;
		color: #005FAF;
	}

	.coating_care-block p {
		margin: 0px 0px 10px 0px;
		font-size: 13px;
		line-height: 26px;
		color: #333;
	}

	p.time {
		width: 90%;
		margin-bottom: 10px;
		padding: 2% 5%;
		color: #FFF;
		font-size: 115%;
		background: #F36528;
		border-radius: 5px;
		text-align: center;
	}

	/*carwash---------------------------------------------------------*/
	.carwash .left {
		width: 100%;
		float: left;
		margin-bottom: 10px;
	}

	/*PRICE------------------------------------------------------------*/
	.price_list {
		width: 100%;
		float: right;
		overflow: hidden;
	}

	.price_list .btn {
		clear: both;
		text-align: center;
		margin: 0px auto;
	}

	.price_list .btn a {
		width: 100%;
		padding: 15% 10%;
		border-radius: 30px;
		font-size: 100%;
		color: #4D4D4D;
		background: #FFFD00;
		overflow: hidden;

	}

	.works .btn a:hover {
		background: #FFEF00;
	}

	.price_list h2 {
		font-weight: bold;
		color: #D01126;
		border-left: 4px solid #D01126;
		padding: 0 0 0 9px;
		font-size: 18px;
		margin: 0 0 5px;
	}

	.price_list .price {
		background: #E9F6FE;
		width: 100%;
		padding: 10px;
		margin: 10px 0 5px;
	}

	.price_list .price dl dt {
		font-size: 11px;
		letter-spacing: -0.1em;
	}

	.price_list .price dl dt em {
		font-weight: bold;
		font-size: 14px;
		font-style: normal;
	}

	.price_list .price dl dd {
		font-size: 20px;
		text-align: center;
		padding: 5px 0;
		border-bottom: 1px solid #9FA0A0;
		margin: 0 0 5px;
		font-weight: bold;
	}

	/*sidemenu-block--------------------------------------------------------*/
	/*----------------------------------------------------------------*/
	.sidemenu column {
		overflow: hidden;
		clear: both;
		margin-bottom: 30px;
	}

	.sidemenu-block-right .column,
	.sidemenu-block-left .column {
		clear: both;
	}

	.sidemenu-block-right p,
	.sidemenu-block-left p {
		clear: both;
		margin-bottom: 5px;
	}

	.sidemenu-menu-list {
		width: 100%;
		margin: 0px auto;
	}

	.sidemenu-menu-list p {
		font-size: 100%;
		padding-bottom: 3px;
		border-bottom: 1px dotted #D1D1D1;
	}

	.sidemenu-menu-list h4 {
		font-size: 16px;
		padding-bottom: 3px;
		color: #D01126;
	}

	.sidemenu-menu-list h5 {
		font-size: 16px;
		padding-bottom: 3px;
		color: #0051A2;
	}


	.sidemenu-block-left {
		width: 100%;
		overflow: hidden;
		float: left;
	}

	.sidemenu-block-right {
		width: 100%;
		float: right;
	}

	.sidemenu-block-left .price_list,
	.sidemenu-block-right .price_list {
		width: 100%;
		overflow: hidden;
		float: left;
		margin-bottom: 20px;
	}

	.sidemenu-block-left .left,
	.sidemenu-block-right .left {
		width: 50%;
		overflow: hidden;
		float: left;
	}

	.sidemenu-block-left .left img,
	.sidemenu-block-right .left img {
		width: 50%;
	}

	.sidemenu h3 {
		margin: 0px 0px 10px 0px;
		font-size: 20px;
		color: #CE0000;
		font-weight: bold;
	}

	h3.sidemenu-block {
		padding: 8px;
		background: #E01215;
		padding-bottom: 6px;
		border-bottom: 1px solid #D9D9D9;
		color: #FFF;
	}

	h4.sidemenu-block {
		margin: 0px 0px 10px 0px;
		padding: 5px;
		border-bottom: 2px solid #FFFA00;
		background: #0A3799;
		font-size: 120%;
		color: #FFF;
	}

	.coating_care-block p {
		margin: 0px 0px 10px 0px;
		font-size: 13px;
		line-height: 26px;
		color: #333;
	}

	/*teppun-------------------------------------------------------------*/
	/*----------------------------------------------------------------*/
	.teppun .left {
		width: 100%;
		float: left;
	}

	.teppun .left p {
		margin-bottom: 10px;
	}

	/*table-------------------------------------------------------------*/
	table.price-data {
		margin: 0px 0px 10px 0px;
		width: 100%;
		text-align: center;
		border: 1px solid #BBB;
		border-collapse: collapse;
		border-spacing: 0px;
	}

	table.price-data th,
	table.price-data td {
		padding: 12px 8px 12px 8px;
		line-height: 18px;
		vertical-align: middle;
		border: 1px solid #BBB;
		text-align: center;
		font-size: 120%;
		color: #000000;
	}

	table.price-data th {
		font-weight: bold;
		background: #DEEDF6;
	}

	table.price-data tr:nth-child(even) {
		background: #eee;
	}



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

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

	.info-page .inner div.txt {
		width: 100%;
		padding: 20px 0px 20px 0px;
		color: #333;
		font-size: 120%;
		line-height: 240%;
		background: #FFF;
		float: left;
	}

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

	.info-page dl.info dd a {
		margin: 0px 0px 10px 0px;
		color: #FFFFFF;
		font-size: 120%;
		text-align: left;
		color: #222;
		text-decoration: underline;
	}

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

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

	.info-page .inner .category h3 {
		padding: 15px 10px;
		background: #0A3799;
		color: #FFF;
		font-size: 150%;
	}

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

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

	.info-page .inner .category ul li.now a {
		background: #EEE;
		color: #222;
	}

	.map-btn p {
		color: #FFFFFF;
		margin-right: 10px;
	}

	.map-btn a {
		width: 79%;
		padding: 2% 10%;
		margin: 0px auto;
		margin-bottom: 10px;
		background: #0A3799;
		display: inline-block;
		text-align: center;
		border-width: 1px;
		border-style: solid;
		text-transform: uppercase;
		text-decoration: none;
		line-height: 1.5;
		color: #FFFFFF;
		font-size: 22px;
		border-radius: 10px;
		border: 1px solid #FFFFFF;
	}

	.map-btn a:hover {
		color: #FFFFFF;
		background-color: #004b9c;
		border-color: hsl(211, 37%, 31%);
		-webkit-box-shadow: inset 0 0 1px 1px #0077f8, 0 0 1px 3px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: inset 0 0 1px 1px #0077f8, 0 0 1px 3px rgba(0, 0, 0, 0.15);
		box-shadow: inset 0 0 1px 1px #0077f8, 0 0 1px 3px rgba(0, 0, 0, 0.15);
		-webkit-text-shadow: 1px 1px 1px #001a36;
		-moz-text-shadow: 1px 1px 1px #001a36;
		-o-text-shadow: 1px 1px 1px #001a36;
		text-shadow: 1px 1px 1px #001a36;
	}

	/*size--------------------------------------------------------------------------------------------------*/
	h2.page-tit.size {
		width: 100%;
		height: 50px;
		background-color: #EDEDED;
		margin-bottom: 10px;
		border-bottom: 2px solid #FAEC21;
	}

	h2.page-tit.size .inner {
		position: relative;
		width: 100%;
		height: 50px;
		margin: 0px auto;
		overflow: hidden;
		background: none;
		background-position: right top;

	}

	h2.page-tit.size .inner p {
		position: absolute;
		padding-left: 20px;
		top: 10%;
		bottom: 0;
		margin: auto;
		font-size: 160%;
		color: #0B318E;
	}


	.size {
		clear: both;
		overflow: hidden;
		margin: 0px 0px 30px 0px;
	}

	.size .inner {
		width: 100%;
		margin: 0px auto;

	}

	.search {
		width: 100%;
		margin-bottom: 20px;
		display: flex;
		/*横並び*/
		align-items: center;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: flex-start;
		border-bottom: none;
		background: #F3FAFD;
		padding: 4px 10px;
	}

	.search dt {
		padding: 4px 10px;
		width: 100%;
		font-size: 150%;

	}

	.search dd {
		padding: 4px 10px;
		width: 100%;
		text-align: left;

	}

	.search dd select {
		font-size: 120%;
		height: 40px;
		border: 1px soid #AED9F6;
		margin: 0px 0px 0px 0px;
	}

	.search dd input {
		font-size: 120%;
		height: 40px;
		width: 220px;
		border: 1px soid #AED9F6;
		margin: 0px 0px 0px 0px;
	}

	.search dd span a {
		font-size: 200%;
	}

	.size-list h3 {
		margin-bottom: 10px;
		padding-left: 20px;
		font-size: 150%;
		border-bottom: 2px solid #013590;
	}

	.size-list h4 {
		width: 80%;
		margin: 0px auto;
		margin-bottom: 5px;
		font-size: 120%;
		color: #000666;
	}


	table.size-list {
		width: 80%;
		overflow: hidden;
		margin: 0px auto;
		margin-bottom: 25px;
		text-align: center;
		border: 1px solid #CCC;
		border-collapse: collapse;
		border-spacing: 0px;
	}

	table.size-list th {
		margin: 0px auto;
		font-weight: bold;
		background: #DEEDF6;
	}

	table.size-list th.name {
		width: 70%;
	}

	table.size-list th,
	table.size-list td {
		padding: 5px 8px;
		line-height: 18px;
		vertical-align: middle;
		border: 1px solid #BBB;
		text-align: center;
		font-size: 110%;
		color: #000000;
	}

	table.data th {}

	table.data tr:nth-child(even) {
		background: #eee;
	}

	.size-txt {
		margin-bottom: 30px;
		padding: 10px;
		background: #E2EFF7;
	}

	.size-txt img {
		width: 100%;
	}

	.size-txt span {
		color: #013590;
	}

	.u-size-close {
		width: 120px;
		margin: 0 auto;
		text-align: center;
	}

	.u-size-close .btnStyle05 {
		padding: 18px 30px 14px 30px;
		cursor: pointer;
		background: #0A3797;
		border-radius: 10px;
		color: #FFF;
	}

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

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

	.reserve_front_txt {
		width: 94%;
		max-width: 780px;
		margin: 60px auto 20px;
	}

	.reserve_front_txt p:first-of-type {
		font-size: 16px;
	}

	.reserve_front_txt p:last-of-type {
		font-size: 14px;
	}

	@media screen and (max-width: 320px) {
		.reserve_btn span {
			font-size: 160%;
			line-height: 180%;
		}

		.reserve_btn {
			font-size: 100%;
		}

		.inquiry_btn {
			font-size: 100%;
		}
	}

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

	.footerBnner ul {
		position: relative;
		display: flex;
		gap: 10px;
	}

	.maintenance_area {
		display: flex;
		flex-wrap: wrap;
		gap: 0px;
		margin-bottom: 20px;
	}

	.maintenance_name {
		font-size: 110%;
		font-weight: bold;
		color: #003399;
	}

	.maintenance_area_img {
		display: flex;
		gap: 20px;
	}

	.size_btn a {
    width: 80%;
}



}

/* モーダル */

.remodal p.title {
	margin-bottom: 15px;
	text-align: center;
	color: #EC2214;
	font-size: 140%;
}

.remodal div.tel ul {
	margin-bottom: 50px;
}

.remodal div.tel ul li {
	margin-bottom: 10px;
	border-bottom: 1px solid #a8a7a7;
	line-height: 1.4;
}

.remodal div.tel ul li .modal_shop {
	margin-bottom: 5px;
	line-height: 1;
	display: block;
	font-size: 130%;
	font-weight: bold;
}

.remodal div.tel ul li a {
	display: block;
	margin-bottom: 5px;
	font-size: 160%;
	line-height: 1;
	color: #1183d5;
	font-weight: bold;
	text-decoration: none;
}

p.close_text {
	text-align: center;
	color: #0040ff;
	text-decoration: underline;
	cursor: pointer;
}

.remodal-overlay {
	z-index: 10000;
}

.works ul {
	width: 90%;
  }
  .works ul li {
	width: 100%;
	max-height: 140px;
  }
  .works dl {
	width:100%;
	padding: 10px 0;
	  display:flex;
	  align-items:top;/*天地センター*/
  }
  .works dt {
	max-height: 100px;
	min-width: 100px;
	max-width: 100px;
  }
  .works dd{
	padding-left: 20px;
  }
  .works dd span {
	  padding-left: 5px;
	  font-size: 110%;
	  line-height: 140%;
  }