/* CSS Document */


/*-----リセットCSS-----*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
input, textarea, input[type=checkbox], select {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-ro
le reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.3;
	text-align:center;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input[type=submit],
input[type=reset],
input[type=button] {
	border-radius:0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}

input[type=text],
input[type=checkbox],
input[type=file],
input[type=password],
textarea,
select {
	margin:1px 5px 5px;
	padding:2px;
	border-radius:0;
	border:1px solid #aaaaaa;
	vertical-align:middle;
}

@media screen and (max-width:749px){ /*スマホ*/
input[type=text],
input[type=checkbox],
textarea,
select {
	font-size:1.6rem;
	line-height:2rem;
}
}

@media screen and (min-width:750px){ /*PC*/
input[type=text],
input[type=checkbox],
textarea,
select {
	font-size:1.2rem;
	line-height:1.8rem;
}
}


	
input[type=checkbox],
input[type=radio] {
	margin-right:5px;
	vertical-align:middle;
}



.button input {
	display:inline-block;
	background-color:#1165b2;
	border:none;
	color:#fff;
	cursor:pointer;
}
@media screen and (min-device-width:750px){ /*PC*/
.button input {
	margin:20px 5px;
	padding:10px 15px 15px;
	font-size:2rem;
}
}

@media screen and (max-device-width:749px){ /*スマホ*/
.button input {
	margin:3vw 1vw;
	padding:4vw;
	font-size:2rem;
}
}









#container {
	text-align:center;
	width:100%;
}

.mainimg {height:auto;float:left;}
@media screen and (min-width:750px){ /*PC*/
.mainimg {
	margin:auto 20vw;
	width:750px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
.mainimg {
	margin:0 0 0 0;
	width:100%;
}
}


.mini_logo {
	height:auto;
}
@media screen and (min-width:750px){ /*PC*/
.mini_logo {
	margin:20px 0 0 0;
	width:150px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
.mini_logo {
	margin:10px 0 0 0;
	width:20vw;
}
}






.must::after {
	content:"";
	background-image:url(../images/must.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	display:inline-block;
}

@media screen and (min-width:750px){ /*PC*/
.must::after {
	margin:0 0 0 10px;
	width:35px;
	height:20px;
	background-size:35px auto;
	vertical-align:bottom;
}
}

@media screen and (max-width:749px){ /*スマホ*/
.must::after {
	margin:0 0 0 2vw;
	width:8vw;
	height:4.7vw;
	background-size:8vw auto;
	vertical-align:middle;
}
}








@media screen and (max-width:749px){ /*スマホ*/
footer .copyright {
	padding:40px 0 0 0;
	font-size:0.7rem;
	line-height:1.5rem;
}
}

@media screen and (min-width:750px){ /*PC*/
footer .copyright {
	padding:60px 0 0 0;
	font-size:1.1rem;
	line-height:1.8rem;
}
}






/*共通*/


@font-face {
	font-family: 'hannari';
	src:url('../font/Hannari.woff') format('woff'),
		url('../font/Hannari.otf') format('opentype')
}
@font-face {
	font-family: 'hannari-b';
	src:url('../font/HannariMincho-Regular.woff') format('woff'),
		url('../font/HannariMincho-Regular.otf') format('opentype')
}

* {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}


html {overflow-y:scroll;}

@media screen and (max-width:749px){ /*スマホ*/
html {
	font-size:62.5%;
}
}
@media screen and (min-width:750px){ /*PC*/
html {
	font-size:80%;
}
}

body {
	text-align:center;
	font-size:1.6rem;
	-webkit-text-size-adjust: 100%;
	font-family: hannari;
	word-wrap:break-word;
	letter-spacing:0.12rem;
}

a {
	color:#000;
	text-decoration:none;
	outline:none;
}
@media screen and (min-width:750px){ /*PC*/
a:hover {
	opacity:0.8;
}
}


h2,
h3,
p,
span,
li,
dt,
dd {
	transform: rotate(0.03deg);
}


.clear {
	clear:both;
}
.float_l {float:left!important;}
.float_r {float:right!important;}


.text_l {text-align:left!important;}
.text_r {text-align:right!important;}
@media screen and (max-width:749px){ /*スマホ*/
.text_l,
.text_r {padding:0 3%;}
}
@media screen and (min-width:750px){ /*PC*/
.text_l,
.text_r {padding:0 10px;}
}


sup {
	font-size:60%;
	vertical-align:super;
}

.blank {
	display:none!important;
}

@media screen and (max-width:749px){ /*スマホ*/
.block {
	display:block;
}
}

@media screen and (min-width:750px){ /*PC*/
.pc_blank {
	display:none;
}
}


/* パディング */

.pad_top0 {padding-top:0!important;}
.pad_bottom0 {padding-bottom:0!important;}

@media screen and (max-width:749px){ /*スマホ*/
.pad_top1 {padding-top:0.8vw!important;}
.pad_top2 {padding-top:2.8vw!important;}
.pad_top3 {padding-top:7vw!important;}
.pad_top4 {padding-top:10.5vw!important;}
.pad_top5 {padding-top:14vw!important;}
}

@media screen and (min-width:750px){ /*PC*/
.pad_top1 {padding-top:6px!important;}
.pad_top2 {padding-top:30px!important;}
.pad_top3 {padding-top:50px!important;}
.pad_top4 {padding-top:76px!important;}
.pad_top5 {padding-top:100px!important;}
}

.pad_bottom0 {padding-bottom:0!important;}

@media screen and (max-width:749px){ /*スマホ*/
.pad_bottom1 {padding-bottom:0.8vw!important;}
.pad_bottom2 {padding-bottom:2.8vw!important;}
.pad_bottom3 {padding-bottom:7vw!important;}
.pad_bottom4 {padding-bottom:10.5vw!important;}
.pad_bottom5 {padding-bottom:14vw!important;}
}

@media screen and (min-width:750px){ /*PC*/
.pad_bottom1 {padding-bottom:6px!important;}
.pad_bottom2 {padding-bottom:30px!important;}
.pad_bottom3 {padding-bottom:50px!important;}
.pad_bottom4 {padding-bottom:76px!important;}
.pad_bottom5 {padding-bottom:100px!important;}
}





/* マージン */

@media screen and (max-width:749px){ /*スマホ*/
.mar_top-2 {margin-top:-2.8vw!important;}
.mar_top-1 {margin-top:-0.8vw!important;}
}

@media screen and (min-width:750px){ /*PC*/
.mar_top-2 {margin-top:-30px!important;}
.mar_top-1 {margin-top:-6px!important;}
}

.mar_top0 {margin-top:0!important;}

@media screen and (max-width:749px){ /*スマホ*/
.mar_top1 {margin-top:0.8vw!important;}
.mar_top2 {margin-top:2.8vw!important;}
.mar_top3 {margin-top:7vw!important;}
.mar_top4 {margin-top:10.5vw!important;}
.mar_top5 {margin-top:14vw!important;}
}

@media screen and (min-width:750px){ /*PC*/
.mar_top1 {margin-top:6px!important;}
.mar_top2 {margin-top:30px!important;}
.mar_top3 {margin-top:50px!important;}
.mar_top4 {margin-top:76px!important;}
.mar_top5 {margin-top:100px!important;}
}

.mar_bottom0 {margin-bottom:0!important;}

@media screen and (max-width:749px){ /*スマホ*/
.mar_bottom1 {margin-bottom:0.8vw!important;}
.mar_bottom2 {margin-bottom:2.8vw!important;}
.mar_bottom3 {margin-bottom:7vw!important;}
.mar_bottom4 {margin-bottom:10.5vw!important;}
.mar_bottom5 {margin-bottom:14vw!important;}
}

@media screen and (min-width:750px){ /*PC*/
.mar_bottom1 {margin-bottom:6px!important;}
.mar_bottom2 {margin-bottom:30px!important;}
.mar_bottom3 {margin-bottom:50px!important;}
.mar_bottom4 {margin-bottom:76px!important;}
.mar_bottom5 {margin-bottom:100px!important;}
}








/*バナー*/

.banner img {
	width:auto;
}


@media screen and (min-width:750px){ /*PC*/
.banner img {
	height:60px;
}
}


@media screen and (max-width:749px){ /*スマホ*/
.banner img {
	height:12vw;
}
}





/* 追随ナビ */

#headnav,
nav#bar {
	position:fixed;
	z-index:999;
}


@media screen and (max-width:749px){ /*スマホ*/
#headnav {top:1vw;}
nav#bar {bottom:6vw;}
}



@media screen and (min-width:750px){ /*PC*/
#headnav {top:10px;}
nav#bar {bottom:40px;}
}









/*nav #bar*/

nav#bar {
	width:100%;
	background-color:#1165b2;
	text-align:center;
}

nav#bar ul {
	margin:0 auto;
	text-align:center;
	display:flex;
	justify-content: space-around;
}

@media screen and (min-width:750px){ /*PC*/
nav#bar ul {
	width:1000px;
}
}
@media screen and (max-width:749px){ /*スマホ*/
nav#bar ul {
	width:100%;
}
}

nav#bar ul li {
	text-align:center;
	float:left;
}

@media screen and (min-width:750px){ /*PC*/
nav#bar ul li {
	padding:20px 0 25px 0;
}
}

@media screen and (max-width:749px){ /*スマホ*/
nav#bar ul li {
	padding:2vw 0 4vw 0;
	font-size:1.5rem;
	letter-spacing:-0.2rem;
}
}

nav#bar a {
	color:#fff;
}






/*container*/


#container {
	margin:0 auto;
	color:#444;
}


@media screen and (min-width:750px){ /*PC*/
#container {
	width:1000px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#container {
	width:100%;
}
}



/*headnav*/

@media screen and (min-width:750px){ /*PC*/
#headnav {
	width:1000px;
	text-align:right;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#headnav {
	width:100%;
	text-align:right;
}
}


@media screen and (max-width:749px){ /*スマホ*/
#headnav .banner img {
	height:12vw;
}
}





/*header*/

#index header {
	background-image:url(../../images/main_img.jpg);
	background-repeat:no-repeat;
}


@media screen and (min-width:750px){ /*PC*/
#index header {
	width:1000px;
	height:1200px;
	background-position:top -50px center;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#index header {
	width:100%;
	height:134.4vw;
	background-position:top center;
	background-size:100% auto;
}
}




/*h1*/

h1 img {
	position:relative;
}

@media screen and (min-width:750px){ /*PC*/
h1 img {
	width:450px;
	height:auto;
	top:80px;
	left:-230px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
h1 img {
	width:60vw;
	height:auto;
	top:10vw;
	left:-15vw;
}
}




/*content*/


section {
	background-image:url(../images/webclip.png);
	background-repeat:no-repeat;
}

@media screen and (min-width:750px){ /*PC*/
section {
	padding-top:40px;
	padding:100px 0 0 0;
	background-size:30px auto;
	background-position:top 20px center;
}
}
@media screen and (max-width:749px){ /*スマホ*/
section {
	padding-top:15vw;
	padding:20vw 0 0 0;
	background-size:7vw auto;
	background-position:top 5vw center;
}
}





/*info*/

#info {
	background-image:none;
}
@media screen and (min-width:750px){ /*PC*/
#info {
	padding:20px 0 0 0;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#info {
	padding:4vw 0 0 0;
}
}



/*kupon*/

#kupon img {
	width:100%;
	height:auto;
}






/*bankin*/

#bankin {
	background-image:url(../../images/bankin_bg.png);
	background-repeat:no-repeat;
}

@media screen and (min-width:750px){ /*PC*/
#bankin {
	height:343px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#bankin {
	background-position:top center;
}
}

#bankin h2 {
	height:auto;
}
@media screen and (min-width:750px){ /*PC*/
#bankin h2 {
	margin:0 auto;
	padding:0 0 20px 0;
	width:645px;
	font-size:3rem;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#bankin h2 {
	margin:0 auto;
	width:100%;
	font-size:2.5rem;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#bankin h2 img {
	width:100vw;
	height:auto;
}
}

#bankin p {
	background-image:url(../../images/yubi.png);
	background-repeat:no-repeat;
}

@media screen and (min-width:750px){ /*PC*/
#bankin p {
	background-size:40px auto;
	background-position:10px;
	margin:0 auto;
	width:400px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#bankin p {
	margin:0 auto;
	background-size:5vw auto;
	background-position: bottom 5px left 10vw;
}
}


#bankin .banner_area {
	display:flex;
	justify-content: space-around;
}

@media screen and (min-width:750px){ /*PC*/
#bankin .banner_area {
	margin:0 auto;
	padding:30px 0 0 0;
	width:550px;
	text-align:center;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#bankin .banner_area {
	padding:2vw 0;
	width:100%;
}
}


#bankin .banner {
	width:auto;
}

@media screen and (min-width:750px){ /*PC*/
#bankin .banner {
	height:60px;
	display:inline-block;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#bankin .banner {
	height:13vw;
}
}




/*h2*/


h2.title {
	font-weight:bold;
}

@media screen and (min-width:750px){ /*PC*/
h2.title {
	margin-bottom:50px;
	font-size:4rem;
}
}
@media screen and (max-width:749px){ /*スマホ*/
h2.title {
	margin-bottom:5vw;
	font-size:3rem;
}
}
@media screen and (max-width:749px){ /*スマホ*/
h2.title img {
	width:100%;
	height:auto;
}
}





h2.title::after {
	content:"";
	width:100%;
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#1165b2;
	display:block;
	position:relative;
}


@media screen and (min-width:750px){ /*PC*/
h2.title:after {
	height:10px;
	background-size:auto 10px;
	top:20px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
h2.title:after {
	margin:3vw 0 0 0;
	height:2vw;
	background-size:auto 2vw;
}
}



/*service*/




#service h2.title::after {
	background-image:url(../../images/sub_service.png);
}



#service ul {
	margin:0 0 30px 0;
}
#service .left,
#service .right {
	background-repeat:no-repeat;
}

#service .left {
	border-right:1px solid #c1d5e7;
	float:left;
}

@media screen and (min-width:750px){ /*PC*/
#service .left {
	width:59%;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#service .left {
	width:49.5%;
}
}

#service .right {
	float:left;
}

@media screen and (min-width:750px){ /*PC*/
#service .right {
	width:40%;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#service .right {
	width:50%;
}
}

#service ul li {
	background-repeat:no-repeat;
	background-position:top center;
}

@media screen and (min-width:750px){ /*PC*/
#service ul li {
	font-size:2rem;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#service ul li {
	font-size:1.1rem;
	letter-spacing:0rem;
}
}




#service .left .coating {
	width:100%;
	background-image:url(../../images/service_coating.png);
}
@media screen and (min-width:750px){ /*PC*/
#service .left .coating {
	padding:180px 0 0 0;
	height:90px;
	background-position:top 50px center;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#service .left .coating {
	padding:24vw 0 0 0;
	height:9vw;
	background-size:35vw auto;
	background-position:top 3vw center;
}
}

#service .left .coat-jushi,
#service .left .coat-wheel,
#service .left .coat-window,
#service .left .coat-bike {
	float:left;
}
@media screen and (min-width:750px){ /*PC*/
#service .left .coat-jushi,
#service .left .coat-wheel,
#service .left .coat-window,
#service .left .coat-bike {
	padding:100px 0 0 0;
	width:25%;
	height:100px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#service .left .coat-jushi,
#service .left .coat-wheel,
#service .left .coat-window,
#service .left .coat-bike {
	padding:12vw 0 0 0;
	width:50%;
	height:6vw;
	background-size:20vw auto;
}
}

#service .left .coat-jushi {background-image:url(../../images/service_coat-jushi.png);}
#service .left .coat-wheel {background-image:url(../../images/service_coat-wheel.png);}
#service .left .coat-window {background-image:url(../../images/service_coat-window.png);}
#service .left .coat-bike {background-image:url(../../images/service_coat-bike.png);}


@media screen and (min-width:750px){ /*PC*/
#service .right li {
	padding:10px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#service .right li {
	background-size:20vw auto;
}
}


@media screen and (min-width:750px){ /*PC*/
#service .right li:nth-child(1),
#service .right li:nth-child(2) {
	margin:0 0 15px 0;
	height:200px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#service .right li:nth-child(1),
#service .right li:nth-child(2) {
	margin:0 0 3vw 0;
	height:34vw;
	background-position:top 3vw center;
}
}


@media screen and (min-width:750px){ /*PC*/
#service .right li:nth-child(3),
#service .right li:nth-child(4) {
	margin:15px 0 0 0;
	height:190px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#service .right li:nth-child(3),
#service .right li:nth-child(4) {
	margin:3vw 0 0 0;
	height:27vw;
	background-position:top 3vw center;
}
}


#service .right li span {display:block;}

@media screen and (max-width:749px){ /*スマホ*/
#service .right li span {
	height:8vw;
}
}

@media screen and (min-width:750px){ /*PC*/
#service .right li:nth-child(1) span,
#service .right li:nth-child(2) span {
	padding:140px 0 0 0;
}
#service .right li:nth-child(3) span,
#service .right li:nth-child(4) span {
	padding:110px 0 0 0;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#service .right li:nth-child(1) span,
#service .right li:nth-child(2) span {
	padding:26vw 0 0 0;
}
#service .right li:nth-child(3) span,
#service .right li:nth-child(4) span {
	padding:20vw 0 0 0;
}
}




#service .right li:nth-child(odd)  {border-right:1px solid #c1d5e7;}
#service .right li:nth-child(1)::after,
#service .right li:nth-child(2)::after {
	content:"";
	display:block;
	background-color:#c1d5e7;
	position:absolute;
}

@media screen and (min-width:750px){ /*PC*/
#service .right li:nth-child(1)::after,
#service .right li:nth-child(2)::after {
	width:170px;
	height:1px;
	bottom:-14px;
	left:15px;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#service .right li:nth-child(1)::after,
#service .right li:nth-child(2)::after {
	width:20vw;
	height:0.15vw;
	bottom:-3vw;
	left:2.5vw;
}
}





#service .right li.mainte,
#service .right li.navi,
#service .right li.repair,
#service .right li.film {
	float:left;
}
@media screen and (min-width:750px){ /*PC*/
#service .right li.mainte,
#service .right li.navi,
#service .right li.repair,
#service .right li.film {
	width:44%;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#service .right li.mainte,
#service .right li.navi,
#service .right li.repair,
#service .right li.film {
	width:24.5vw;
}
}




#service .right .mainte {background-image:url(../../images/service_mainte.png);}
#service .right .navi {background-image:url(../../images/service_navi.png);}
#service .right .repair {background-image:url(../../images/service_repair.png);}
#service .right .film {background-image:url(../../images/service_film.png);}







/*charge*/


#charge h2.title::after {
	background-image:url(../../images/sub_charge.png);
}



#charge article {
	padding:0 3%;
	text-align:left;
}


#charge .zeinuki {
	text-align:right;
}	



@media screen and (min-width:750px){ /*PC*/
#charge h3 img {
	width:auto;
	height:70px;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#charge h3 img {
	width:auto;
	height:10vw;
}
}



#charge #kizu_simi dl dt,
#charge #kizu_simi dl dd {
	display:inline-block;
	border-bottom:1px solid #1165b2;
}
@media screen and (min-width:750px){ /*PC*/
#charge #kizu_simi dl dt,
#charge #kizu_simi dl dd {
	padding:10px 5% 20px 5%;
	font-size:3rem;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#charge #kizu_simi dl dt,
#charge #kizu_simi dl dd {
	padding:3vw 5% 3vw 5%;
}
}






#charge #kizu_simi dl dt {
	width:50%;
}
#charge #kizu_simi dl dd {
	width:30%;
}

#charge #kizu_simi ul li {
	background-image:url(../../images/list.png);
	background-repeat:no-repeat;
}

@media screen and (min-width:750px){ /*PC*/
#charge #kizu_simi ul {
	padding:30px 0 0 50px;
	font-size:2rem;
}
#charge #kizu_simi ul li {
	padding:0 0 30px 40px;
	background-position:top 7px left 0;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#charge #kizu_simi ul {
	padding:5vw 0 0 5vw;
	font-size:1.5rem;
}
#charge #kizu_simi ul li {
	padding:0 0 5vw 5vw;
	background-size:4vw 4vw;
	background-position:0 10%;
}
}








#charge #body_coat .new {
	display:grid;
}
@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .new {
	grid-template-columns:180px 190px 190px 190px 190px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .new {
	grid-template-columns:14vw 20vw 20vw 20vw 20vw;
}
#charge #body_coat .new h4 img {
	width:15vw;
	height:auto;
}
}


#charge #body_coat .class {
	text-align:center;
	letter-spacing:-0.2rem;
}

@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .class {
	padding:40px 0 20px 0;
	font-size:2.5rem;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .class {
	padding:5vw 0 5vw 0;
	font-size:1.5rem;
}
#charge #body_coat .class img {
	width:15vw;
	height:auto;
}

}	





@media screen and (max-width:749px){ /*スマホ*/
}


#charge #body_coat .class .hoshou {
	display:block;
}
@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .class .hoshou {
	font-size:2rem;
}
}


#charge #body_coat .new h4,
#charge #body_coat .new .class {
	border-bottom:2px solid #1165b2;
}




#charge #body_coat .size .himakuhoshou {
	display:block;
}
@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .size .himakuhoshou {
	padding:0 0 20px 0;
	font-size:4rem;
	line-height:4rem;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .size .himakuhoshou {
	padding:4vw 0 1vw 0;
	font-size:1.8rem;
	line-height:1.8rem;
}
}







#charge #body_coat .size {
	font-weight:bold;
	border-bottom:2px solid #1165b2;
	letter-spacing:-0.2rem;
}

#charge #body_coat .size .s_font {
	display:block;
}

@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .size {
	padding:5px 0 0 20px;
	font-size:5rem;
	line-height:5rem;
}
#charge #body_coat .size .s_font {
	font-size:2rem;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .size {
	padding:1vw 0 2vw 2vw;
	font-size:4rem;
}
#charge #body_coat .size .s_font {
	display:block;
	font-size:1.4rem;
	position:relative;
	top:-1.5vw;
}
}










#charge #body_coat .price {
	text-align:center;
	font-weight:bold;
	border-bottom:2px solid #1165b2;
}

@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .price {
	padding:22px 0 35px 0;
	font-size:5rem;
	letter-spacing:-3rem;
}
}


@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .price {
	padding:7vw 0 8vw 0;
	font-size:2.2rem;
	letter-spacing:-1.3rem;
}
}


@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .manen {
	padding:0 0 0 20px;
	font-size:2.5rem;
	letter-spacing:-0.1rem;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .manen {
	padding:0 0 0 2vw;
	font-size:1.5rem;
	letter-spacing:-0.1rem;
}
}


#charge #body_coat .zeinuki {
	grid-column-start:1;
	grid-column-end:6;
}



/*被膜保証、枠用のCSSは1747行目へ*/

#charge #body_coat .coat_detail .detail dl {
	padding:0 20px;
}


#charge #body_coat .coat_detail .detail dt,
#charge #body_coat .coat_detail .detail dd {
	border-radius:3px;
}

@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .coat_detail .detail dt,
#charge #body_coat .coat_detail .detail dd {
	margin:10px 0 0 0;
	display:inline-block;
}
}



#charge #body_coat .coat_detail .detail dt.basic {background-color:#c7e0f7;}
#charge #body_coat .coat_detail .detail dt.middle {background-color:#cef5cf;}
#charge #body_coat .coat_detail .detail dt.high {background-color:#fceb8c;}
#charge #body_coat .coat_detail .detail dt.premium {background-color:#e6e6e6;}


@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .coat_detail .detail dt {
	padding:0 0 5px 0;
	width:250px;
	font-size:2.7rem;
}
}


@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .coat_detail .detail dt {
	padding:0 0 2vw 0;
	margin:0 auto;
	width:70vw;
	font-size:2rem;
}
}

@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .coat_detail .detail dd {
	padding:0 0 5px 15px;
	width:550px;
	font-size:2.7rem;
	text-align:left;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .coat_detail .detail dd {
	padding:0 0 8vw 0;
}

#charge #body_coat .coat_detail .detail dd:last-child {
	padding:0;
}
}






@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .used h4 img {
	width:auto;
	height:15vw;
}
}

@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .used p.com {
	padding:15px 0 0 170px;
	font-size:2rem;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .used p.com {
	padding:2vw 0 0 8vw;
	font-size:1.5rem;
}
}








#charge #body_coat ul li {
	background-image:url(../../images/list.png);
	background-repeat:no-repeat;
}

@media screen and (min-width:750px){ /*PC*/
#charge #body_coat ul {
	padding:30px 0 0 170px;
	font-size:3rem;
}
#charge #body_coat ul li {
	padding:0 0 30px 40px;
	background-position:top 15px left 0;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat ul {
	padding:3vw 0 0 10vw;
	font-size:1.8rem;
}
#charge #body_coat ul li {
	padding:0 0 2vw 6vw;
	background-position:0 50%;
	background-size:4vw auto;
}
}


#charge #body_coat ul li span {
	display:inline-block;
}
@media screen and (min-width:750px){ /*PC*/
#charge #body_coat ul li span {
	width:300px;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat ul li span {
	width:35vw;
}
}










@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .size_example h4 img {
	width:100%;
	height:auto;
}
}


#charge #body_coat .size_example dl {
	display: grid;
	justify-content: center;
	align-items: center;
	background-color:#e6f1f7;
}

@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .size_example dl {
	grid-template-columns:200px 650px;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .size_example dl {
	grid-template-columns:20% 76%;
}
}




#charge #body_coat .size_example dt,
#charge #body_coat .size_example dd {
	border-bottom:5px solid #fff;
	display: flex;
	align-items: center;
	text-align:left;
}

#charge #body_coat .size_example dt:nth-child(9),
#charge #body_coat .size_example dd:nth-child(10) {
	border:none!important;
}

@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .size_example dt:nth-child(9),
#charge #body_coat .size_example dd:nth-child(10) {
	padding-bottom:20px;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .size_example dt:nth-child(9),
#charge #body_coat .size_example dd:nth-child(10) {
	padding-bottom:2vw;
}
}





#charge #body_coat .size_example dt {justify-content: center;}
#charge #body_coat .size_example dd {justify-content: left;}


#charge #body_coat .size_example dl dt {
	background-image:url(../../images/size_ic.png);
	background-repeat:no-repeat;
}
@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .size_example dl dt {
	background-size:120px auto;
	background-position:20% 62%;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .size_example dl dt {
	background-size:13vw auto;
	background-position:73% 58%;
}
}




@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .size_example dl dt:nth-child(1),
#charge #body_coat .size_example dl dd:nth-child(2),
#charge #body_coat .size_example dl dt:nth-child(5),
#charge #body_coat .size_example dl dd:nth-child(6) {
	height:200px;
}

#charge #body_coat .size_example dl dt:nth-child(3),
#charge #body_coat .size_example dl dd:nth-child(4) {
	height:230px;
}

#charge #body_coat .size_example dl dt:nth-child(7),
#charge #body_coat .size_example dl dd:nth-child(8),
#charge #body_coat .size_example dl dt:nth-child(9),
#charge #body_coat .size_example dl dd:nth-child(10) {
	height:170px;
}



#charge #body_coat .size_example dt {
	font-size:6rem;
	letter-spacing:-2.5rem;
}

#charge #body_coat .size_example dt .s_font {
	padding:20px 0 0 15px;
	font-size:2rem;
	letter-spacing:-0.5rem;
}



#charge #body_coat .size_example dd {
	padding:0 0 0 28px;
	font-size:2.5rem;
}

#charge .guide {
	padding:20px 0;
	font-size:2rem;
	text-align:center;
}

}


@media screen and (max-width:749px){ /*スマホ*/

#charge #body_coat .size_example dl dt:nth-child(1),
#charge #body_coat .size_example dl dd:nth-child(2),
#charge #body_coat .size_example dl dt:nth-child(5),
#charge #body_coat .size_example dl dd:nth-child(6) {
	height:22vw;
}

#charge #body_coat .size_example dl dt:nth-child(3),
#charge #body_coat .size_example dl dd:nth-child(4) {
	height:25vw;
}

#charge #body_coat .size_example dl dt:nth-child(7),
#charge #body_coat .size_example dl dd:nth-child(8),
#charge #body_coat .size_example dl dt:nth-child(9),
#charge #body_coat .size_example dl dd:nth-child(10) {
	height:20vw;
}



#charge #body_coat .size_example dt {
	font-size:4rem;
	letter-spacing:-1.8rem;
}

#charge #body_coat .size_example dt .s_font {
	display:block;
	position:absolute;
	padding:15vw 0 0 5vw;
	font-size:1.5rem;
	letter-spacing:-0.2rem;
}



#charge #body_coat .size_example dd {
	padding:0 0 0 5vw;
	font-size:1.5rem;
}

#charge .guide {
	padding:5vw 0;
	font-size:1.5rem;
	text-align:center;
}

}










@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .mainte h4 img {
	width:auto;
	height:15vw;
}
}



@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .mainte .text {
	padding:30px 30px 30px 40px;
	font-size:2rem;
	line-height:3rem;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .mainte .text {
	padding:3vw 4vw;
	line-height:2rem;
}
}




#charge #body_coat .mainte {
	background-image:url(../../images/pickup.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}
@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .mainte {
	padding:0 0 250px 0;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .mainte {
	padding:0 0 30vw 0;
	background-size:auto 30vw;
}
}




#charge #body_coat .coat_period,
#charge #body_coat .mainte_charge,
#charge #body_coat .coat_detail {
	text-align:center;
	background-image:url(../../images/waku_bg.png);
	background-repeat:repeat-y;
}

@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .coat_period,
#charge #body_coat .mainte_charge,
#charge #body_coat .coat_detail {
	width:930px;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .coat_period,
#charge #body_coat .mainte_charge,
#charge #body_coat .coat_detail {
	width:94vw;
	background-size:94vw auto;
}
}


@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .coat_period h4 img,
#charge #body_coat .mainte_charge h4 img,
#charge #body_coat .coat_detail h4 img {
	width:94vw;
	height:auto;
}
#charge #body_coat .coat_period .img {
	width:90vw;
	height:auto;
}
}


@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .coat_period h4,
#charge #body_coat .mainte_charge h4,
#charge #body_coat .coat_detail h4 {
	padding:0 0 30px 0;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .coat_period h4,
#charge #body_coat .mainte_charge h4,
#charge #body_coat .coat_detail h4 {
	padding:0 0 5vw 0;
}
}


#charge #body_coat .coat_period .guide,
#charge #body_coat .mainte_charge .zeinuki,
#charge #body_coat .coat_detail .guide {
	text-align:right;
}
@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .coat_period .guide,
#charge #body_coat .mainte_charge .zeinuki,
#charge #body_coat .coat_detail .guide {
	padding:30px 20px 12px 0;
	border-bottom:10px solid #eaf4fe;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .coat_period .guide,
#charge #body_coat .mainte_charge .zeinuki,
#charge #body_coat .coat_detail .guide {
	padding:3vw 2vw 1vw 0;
	border-bottom:1vw solid #eaf4fe;
}
}







@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .mainte_charge ul {
	padding:30px 0 0 220px;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .mainte_charge ul {
	padding:3vw 0 0 18vw;
}
}


#charge #body_coat .mainte_charge ul li {
	text-align:left;
}


#charge #body_coat .mainte_charge ul.sup {
	background-color:#ffffff;
}

@media screen and (min-width:750px){ /*PC*/
#charge #body_coat .mainte_charge ul.sup {
	padding:30px 50px 0 100px;
	font-size:2.5rem;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#charge #body_coat .mainte_charge ul.sup {
	padding:3vw 0 4vw 3vw;
}
}

















#charge .call {
	background-image:url(../../images/call.png);
	background-repeat:no-repeat;
}

@media screen and (min-width:750px){ /*PC*/
#charge .call {
	background-size:200px auto;
	background-position:right 120px bottom;
}
#charge .call p {
	padding:150px 320px 70px 120px;
	font-size:2rem;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#charge .call {
	background-size:25vw auto;
	background-position:right bottom;
}
#charge .call p {
	padding:15vw 23vw 8vw 3vw;
}
}









/*works*/


#works h2.title::after {
	background-image:url(../../images/sub_works.png);
}



@media screen and (min-width:750px){ /*PC*/
#works .youtube {
	width:500px;
	height:850px;
	float:left;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#works .youtube {
	margin:0 auto 10vw auto;
	width:90%;
}
}

#works .youtube h3 {
	display:inline;
}

@media screen and (max-width:749px){ /*スマホ*/
#works .youtube h3 img {
	width:10vw;
	height:auto;
}
}


#works .youtube iframe {
}

@media screen and (min-width:750px){ /*PC*/
#works .youtube iframe {
	margin:0 0 0 10px;
	width:400px;
	height:710px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#works .youtube iframe {
	margin:0 0 0 2vw;
	width:70vw;
	height:125vw;
}
}


#works .youtube p {
	margin:0 auto;
	text-align:left;
}

@media screen and (min-width:750px){ /*PC*/
#works .youtube p {
	padding:10px 0 0 30px;
	font-size:1.2rem;
}
}




/*greeting*/



#greeting h2.title::after {
	background-image:url(../../images/sub_greeting.png);
}



#greeting article p {
	text-align:left;
	letter-spacing:0rem;
}


@media screen and (min-width:750px){ /*PC*/
#greeting article p {
	margin:25px auto 0 auto;
	width:700px;
	line-height:2;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#greeting article p {
	margin:0 auto 6vw auto;
	width:90vw;
	line-height:1.5;
}
}



#greeting .banner_area {
	display:flex;
	justify-content:space-around;
}

@media screen and (min-width:750px){ /*PC*/
#greeting .banner_area {
	margin:0 auto;
	padding:50px 0 0 0;
	width:550px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#greeting .banner_area {
	width:100%;
}
}


#greeting .banner_area .banner {
	display:inline-block;
}

@media screen and (min-width:750px){ /*PC*/
#greeting .banner_area .banner {
	width:50%;
	height:60px;
}
}







/*q-a*/



#q-a h2.title::after {
	background-image:url(../../images/sub_q-a.png);
}

@media screen and (min-width:750px){ /*PC*/
#q-a article {
	padding:30px 0 60px 0;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#q-a article {
	padding:5vw 0 10vw 0;
}
}




@media screen and (min-width:750px){ /*PC*/
#q-a h3 img {
	margin:0 0 30px 0;
	height:60px;
	width:auto;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#q-a h3 img {
	margin:0 0 5vw 0;
	width:auto;
	height:10vw;
}
}

#q-a article p {
	margin:0 auto;
	text-align:left;
}

@media screen and (min-width:750px){ /*PC*/
#q-a article p {
	padding:0 0 20px 0;
	width:750px;
	line-height:1.8;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#q-a article p {
	margin:0 auto 5vw auto;
	width:90vw;
	line-height:1.5;
}
}



/*about*/



#about h2 img {
	height:auto;
}
@media screen and (min-width:750px){ /*PC*/
#about h2 img {
	width:300px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#about h2 img {
	width:50vw;
}
}



@media screen and (min-width:750px){ /*PC*/
#about p {
	font-size:1.2rem;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#about p {
	font-size:1rem;
}
}


#about .imp img {
	height:auto;
}

@media screen and (min-width:750px){ /*PC*/
#about .imp img {
	padding:30px 0 0 0;
	width:500px;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#about .imp img {
	padding:10vw 0 0 0;
	width:90vw;
}
}




#about .banner_area {
	padding:20px 0 0 0;
}

#about .banner_area .banner {
	padding:0 0 15px 0;
}



/*footer*/



@media screen and (min-width:750px){ /*PC*/
footer {
	padding:0 0 150px 0;
	font-size:1.3rem;
}
~}

@media screen and (max-width:749px){ /*スマホ*/
footer {
	padding:0 0 25vw 0;
	font-size:1.2rem;
}
}