@charset "utf-8";

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 1;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font:62.5%/1.5 "メイリオ", "Meiryo", "Century Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Arial", "sans-serif";
color:#666666;
-webkit-text-size-adjust: none;
background:#ffffff;
}

img{margin:0; padding:0; vertical-align:bottom; max-width:100%; height:auto;}

.clearfix:after {
display : block;
clear : both;
height : 0;
content: ".";
visibility: hidden;
}
.clearfix {
display: inline-table;
}
/* for Mac IE \*/
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
/* end of for Mac IE */

.clearfix {overflow:hidden;}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

.display-pc-none-les-on{
	display:none;
}

@media only screen and (max-width: 639px){
.center-les-only{
	text-align:center;
}

.display-pc-none-les-on{
	display:block;
}
}

/* /////////////////////////////////
▼▼リンク設定▼▼
//////////////////////////////////*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:1.2em;
color:#000000;
}

a:visited{
	color:#000000;
}

a:hover{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#bbbbbb;
}

a:active{
colo:#000000;
}

a:hover img.hoverImg{
filter:alpha(opacity=70);opacity:0.7;
}

.linktext-white a{
	color:#ffffff !important;
}

.linktext-white a:hover{
	color:#CDCDCD !important;
}
	
/* /////////////////////////////////
▼▼common▼▼
//////////////////////////////////*/
.black-gurad-btn{
　　margin-bottom:20px;
    width:35%;
	margin:10px auto;
    border:solid 1px #ddd;
    padding: 5px;
    border-radius: 5px;
    background: #eee;
    -moz-border-radius: 5px; /* FF */
    background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
    -webkit-border-radius: 5px;/* Webkit */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
    -pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
    behavior: url(images/PIE.htc);  /* ie */
    }
    .heading span{color:#666; font-weight:bold; border-left:5px #555555 solid;padding-left:10px;}

.bg-pink{
    background-color: #FFECEC;
}

.boder-box{
	border:1px solid #5E5E5E;
	padding:15px 20px;
}

.boder-b-dotted-black{
	border-bottom:1px dotted #585858;
	padding:0 0 20px 0;
}

.w40-les-97{
	width:43%;
}

.w30-les-97{
	width:30%;
}

.common-w1024{
	max-width:1024px;
	margin:0 auto 10px;
}

.mw800-les97-mgb30{
	max-width:800px;
	margin:0 auto 30px;
}


.border-b-black{
	border-bottom:1px solid #5C5C5C;
	padding:0 0 20px 0;
}

.map{
	max-width:600px;
	text-align:center;
}

.w50-les97{
	width:50%;
}

@media only screen and (max-width: 1023px){
.common-w1024{
	max-width:98%;
}
}

@media only screen and (max-width: 639px){
.repair-img-les-resize{
	width:60%;
	height:auto;
}
	
.w40-les-97{
	width:97%;
}

.w30-les-97{
	width:97%;
}

.mg-t10-lesonly{
	margin:10px 0 0 0;
}

.mw800-les97-mgb30{
	width:97%;
}

.map-iframe{
	width:97%;
	height:auto;
}

.w50-les97{
	width:97%;
}

}


/*-----▼header▼-----*/
#header-inner p{
	margin:0 2px;
}

/*-----▼nav▼-----*/
nav li{
	width:14.2%;
	float:left;
	text-align:center;
	line-height:3.3em;
	font-size:1.2em;
	background:url(img/mainnavi_line.png) no-repeat right center;
}

nav li.text-s{
	padding:4px 0 0 0;
	font-size:1.2em;
	line-height:1.3em;
}

@media only screen and (max-width: 640px){
nav li{
	display:none;
}
}

#nav-inner a{
	color:#ffffff !important;
}

#nav-inner a:hover{
	color:#BBBBBB !important;
}

.displypc-n-sp-y{
	display:none;
}


@media only screen and (max-width: 640px){
.displypc-n-sp-y{
	display:block;
}

.displypc-y-sp-n{
	display:none;
}
}


/*-----▼wrapper▼-----*/
.otherpage-mg-top{
	margin:30px 0 0 0;
}

@media only screen and (max-width: 640px){
.otherpage-mg-top{
	margin:0;
}
}

.info-banner-box{
	max-width:1024px;
	margin:0 auto 10px;
}


.info-banner-les{
	margin:5px 2px;
	width:70%;
}

.box-title{
	font-size:3.5em;
	font-weight:600;
	color:#FF0004;
	text-align:center;
	max-width:1024px;
	margin:0 auto 10px;
	border:3px solid #FF0004;
	padding:10px 0;
}

@media only screen and (max-width: 640px){
.box-title{
	font-size:2.5em;
	font-weight:600;
	padding:10px 0;
}
}

@media only screen and (max-width: 320px){
.box-title{
	font-size:2.0em;
	font-weight:600;
	padding:10px 0;
}
}

.repair-bg{
	width:100%;
	padding:20px 0;
	background:#f0f0f0;
	margin:0 0 10px 0;
}

.repair-wrap{
	max-width:1024px;
	margin:0 auto;
}

.repair-title{
	font-size:4.5em;
	font-weight:700;
	text-align:center;
}

.repair-inner p{
	margin:5px 5px;
	position:relative;
}

.repair-inner p span{
	width:100%;
	font-size:1.5em;
	text-align:center;
	position:absolute;
	top:80%;
	display: block;
}

@media only screen and (max-width: 768px){
.repair-inner p span{
	width:100%;
	font-size:1.4em;
	line-height:1.7em;
	position:absolute;
	top:78%;
	left:0%;
}
}

@media only screen and (max-width: 993px){
.repair-white-none993{
	display:none;
}
}

@media only screen and (max-width: 745px){
.repair-white-none745{
	display:none;
}
}

@media only screen and (max-width: 640px){
.repair-inner p{
	text-align:center;
	width:45%;
}

.repair-inner p span{
	width:100%;
	font-size:1.2em;
	position:absolute;
	top:78%;
	left:0%;
}

.repair-title{
	font-size:2.5em;
}
}

@media only screen and (max-width: 320px){
.repair-inner p span{
	width:100%;
	font-size:1.1em;
	line-height:1.4em;
	position:absolute;
	top:78%;
	left:0%;
}

.repair-title{
	font-size:2.5em;
}
}

/*-----▼footer▼-----*/
.footer-navi-wrap{
	color:#ffffff;
	font-size:1.3em;
	line-height:1.9em;
}

.footer-navi-wrap ul{
	border-left:1px solid #ffffff;
}

.footer-navi-wrap li{
	padding:0 0 0 15px;
}

.copyright{
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	background:#ffffff;
	color:#000000;
	border-bottom:40px solid #565656;
}

@media only screen and (max-width: 640px){
.copyright{
	margin:0 auto 40px;
}
}

@media only screen and (max-width: 414px){
.footer-navi-wrap{
	font-size:1.3em;
	line-height:1.8em;
}
	
.footer-navi-wrap ul{
	border-left:none;
	width:100%;
}

.footer-navi-wrap li{
	padding:5px 15px;
	border-bottom:1px solid #BBBBBB;
}

.footer-navi-dis-non{
	display:none;
}
}

@media only screen and (max-width: 640px){
.footer-info-fixed{
	position:fixed;
	left:0;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
	z-index:10002;
	background:#000000;
}
}

/* /////////////////////////////////
▼▼トップページ▼▼
//////////////////////////////////*/
.top-repair-text-les-non{
	font-size:1.3em;
	max-width:800px;
	margin:0 auto;
}

.merit-text{
	max-width:1024px;
	margin:0 auto 10px;
	font-size:1.4em;
	line-height:1.2em;
}

.merit-text-border-b{
	border-bottom:1px solid #8E8E8E;
}

.fs-10px{
	font-size:10px;
}

.merit-title{
	font-size:28px;
	color:#C7373A;
	font-weight:600;
	line-height:45px;
}

@media only screen and (max-width: 900px){
.merit-text{
	width:95%;
}
}

@media only screen and (max-width: 640px){
.top-repair-text-les-non{
	display:none;
}

.merit-text{
	font-size:1.4em;
	line-height:1.2em;
	width:95%;
}

.merit-title{
	font-size:18px;
}

}

.main-img{
	margin:0 0 10px 0;
	max-height:370px;
}

.top-iphone-banner p{
	margin:0 0 5px 0;
}

.top-blog-title{
	width:800px;
	margin:0 auto 10px;
}

.top-blog-title-text{
	font-size:2.2em;
	font-weight:600;
	width:75%;
	background:#d7270a;
	color:#ffffff;
	padding:3px 15px;
}

.top-blog-allbtn{
	margin:0 15px;
}

@media only screen and (max-width: 768px){
.top-blog-title{
	width:95%;
}
}

@media only screen and (max-width: 640px){
.top-blog-title-text{
	font-size:1.4em;
}

.top-blog-allbtn{
	width:80%;
}
}

.top-blog-main-wrap{
	width:800px;
	margin:0 auto 10px;
	border-bottom:1px dotted #9B9B9B;  
}

.top-blog-main-title{
	font-size:1.2em;
	font-weight:600;
	background-color:#E7E7E7;
	padding:10px 10px;
}

.top-blog-main-day{
	font-size:1.3em;
}

.top-blog-main-text{
	font-size:1.4em;
	line-height:1.4em;
}

@media only screen and (max-width: 900px){
.top-blog-main-wrap{
	width:95%;
}
}

.top-store-info{
	max-width:1024px;
	margin:0 auto 10px;
	font-size:1.6em;
	line-height:2.5em;
}

.top-store-info dl{
	display:table;
	width:800px;
	margin:0 auto;
	border-bottom:1px dotted #AAAAAA;
}

.top-store-info dt{
	display:table-cell;
	width:30%;
}

.top-store-info dd{
	display:table-cell;
	width:70%;
	line-height:1.6;
}

.top-store-info-text{
	max-width:800px;
	margin:10px auto;
	line-height:1.3;
}

@media only screen and (max-width: 800px){
.top-store-info dl{
	width:95%;
}

.top-store-info-text{
	width:95%;
}	
}

/* /////////////////////////////////
▼▼blog-single▼▼
//////////////////////////////////*/
.single-blog-title{
	width:90%;
	margin:0 auto 10px;
}

@media only screen and (max-width: 640px){
.single-blog-title{
	width:95%;
}
}

.single-blog-main-title{
	font-size:1.4em;
	font-weight:600;
	background-color:#E7E7E7;
	padding:10px 10px;
}

.single-blog-title-text{
	font-size:2.0em;
	width:70%;
	font-weight:600;
	background:#d7270a;
	color:#ffffff;
	padding:3px 15px;
}


@media only screen and (max-width: 640px){
.single-blog-title-text{
	font-size:2.0em;
}
}


/* /////////////////////////////////
▼▼archive▼▼
//////////////////////////////////*/
.archive-wrap{
	max-width:1024px;
	margin:0 auto 20px;
}

.archive-left{
	width:70%;
}

.archive-right{
	width:25%;
	margin:0 10px
}

@media only screen and (max-width: 640px){
.archive-left{
	width:95%;
}

.archive-right{
	width:95%;
}

}
.archive-right-title{
	background:#d7270a;
	color:#ffffff;
	font-size:15px;
	text-align:center;
}

.archive-right ul{
	background-color:#ffffff;
}

.archive-right ul li{
	font-size:13px;
	margin:10px 10px;
	border-bottom:1px dotted #C0C0C0;
}

.archive-blog-title{
	width:90%;
	margin:0 auto 10px;
}

@media only screen and (max-width: 640px){
.archive-blog-title{
	width:95%;
}
}

.archive-blog-main-wrap{
	width:90%;
	margin:0 auto 10px;
	border-bottom:1px dotted #9B9B9B;  
}

@media only screen and (max-width: 640px){
.archive-blog-main-wrap{
	width:95%;
}
}

.archive-blog-main-title{
	font-size:1.2em;
	font-weight:600;
	background-color:#E7E7E7;
	padding:10px 10px;
}

.archive-blog-title-text{
	font-size:2.0em;
	font-weight:600;
	background:#d7270a;
	color:#ffffff;
	padding:3px 15px;
}

@media only screen and (max-width: 640px){
.archive-blog-title-text{
	font-size:2.0em;
}
}

.archive-blog-main-text{
	font-size:1.4em;
	line-height:1.4em;
}

.archive-blog-main-text p{
	margin-top:10px;
}

/* /////////////////////////////////
▼▼repair▼▼
//////////////////////////////////*/
.repair-wrap{
	max-width:1024px;
	margin:0 auto 20px;
}

.repair-text{
	font-size:2.0em;
	line-height:1.7em;
	margin:0 0 30px 0;
}

.repair-time{
	font-size:2.3em;
	font-weight:600;
	margin:0 0 30px 0;
	color:#CC393B;
	border:1px solid #CC393B;
	padding:5px 0;
	text-align:center;
}

.repair-right-text{
	width:50%;
	font-size:2.0em;
	line-height:1.7em;
	margin:0 10px;
}

.repair-check-text{
	font-size:2.3em;
	background:url(img/check_img.png) no-repeat left center;
	margin:0 0 20px 0;
	padding:0 0 0 55px;
}

.repair-check-text-nocheck{
	font-size:2.3em;
}

@media only screen and (max-width: 1023px){
.repair-wrap{
	width:95%;
	margin:0 auto 20px;
}

.repair-text{
	width:95%;
	margin:0 auto 30px;
}

}


@media only screen and (max-width: 640px){	
.repair-text{
	font-size:1.4em;
	line-height:1.4em;
}

.repair-time{
	font-size:1.7em;
	font-weight:600;
	margin:0 0 30px 0;
	color:#CC393B;
}

.repair-check-text{
	font-size:1.6em;
	background-size:25px;
	margin:0 0 20px 0;
	padding:0 0 0 35px;
}

.repair-check-text-nocheck{
	font-size:1.6em;
}

.repair-right-text{
	width:100%;
	font-size:1.4em;
	line-height:1.4em;
	margin:0 10px;
}

}


/* /////////////////////////////////
▼▼料金表▼▼
//////////////////////////////////*/
.price-table-title{
	font-size:2.8em !important;
	color:#CC393B;
	font-weight:600;
	padding:10px 0;
	text-align:center;
}

.price-table-wrap{
	max-width:1024px;
	margin:0 auto 20px;
}

.price-table-wrap table{
	background-color:#cccccc;
	width:100%;
	text-align:center;
}

.price-table-wrap table th{
	border:#ffffff 1px solid;
    background-color:#f3f3f3;
	padding:5px 0;
	text-align:center;
	font-size:1.5em;
	vertical-align:middle;
}

.price-table-wrap table td{
	background-color:#ffffff;
    border:#ffffff 1px solid;
	padding:5px 15px;
	font-size:2.5em;
	text-align:center;
	vertical-align:middle;
}

@media only screen and (max-width: 800px){
.price-table-title{
	font-size:1.6em !important;
	font-weight:600;
	padding:5px 0;
	text-align:center;
}

.price-table-wrap table{
	width:95%;
}

.price-table-wrap table th{
	padding:2px 0;
	font-size:1.2em;
}

.price-table-wrap table td{
	padding:2px 2px;
	font-size:1.8em;
}
}

@media only screen and (max-width: 640px){
.price-table-wrap table td{
	font-size:1.3em;
}	
}


/* /////////////////////////////////
▼▼breakpoint▼▼
//////////////////////////////////*/
@media only screen and (max-width: 1023px){

}

@media only screen and (max-width: 768px){

}

@media only screen and (max-width: 640px){

}

@media only screen and (max-width: 320px){

}



/* /////////////////////////////////
▼▼h設定▼▼
//////////////////////////////////*/
#h1-wrapper{
	width:100%;
	height:auto;
	background-color:#d7270a;
}

h1{
	font-size:1.2em;
	color:#ffffff;
	max-width:1024px;
	margin:0 auto;
}

h2{
	font-size:3.6em;
	font-weight:800;
	color:#CC393B;
	text-align:center;
	margin:0 0 20px 0;
	border-bottom:1px solid #646464;
	padding:0 0 20px 0;
}

h3{
	font-size:3.0em;
	font-weight:600;
	color:#CC393B;
	border-left:7px solid #CC393B;
	padding:0 0 0 10px;
	margin:0 0 30px 0;
}

h4{
	max-width:1024px;
	margin:0 auto 30px;
	font-size:45px;
	font-weight:800;
	text-align:center;
	border-bottom:1px solid #5C5C5C;
	padding:0 0 20px 0;
}

@media only screen and (max-width: 767px){
h2{
	font-size:2.5em;
	font-weight:800;
}

h3{
	font-size:1.9em;
	font-weight:600;
}
}

@media only screen and (max-width: 640px){
#h1-wrapper{
	display:none;
}

h2{
	font-size:2.0em;
	font-weight:800;
	color:#CC393B;
	text-align:center;
	margin:0 0 20px 0;
	border-bottom:1px solid #646464;
	padding:0 0 10px 0;
}

h3{
	font-size:2.0em;
	font-weight:600;
	color:#CC393B;
	border-left:7px solid #CC393B;
	margin:0 0 30px 0;
}

h4{
	width:97%;
	font-size:25px;
	border-bottom:3px solid #5C5C5C;
	padding:0 0 10px 0;
}
}

h5{
　　margin-bottom:20px;
    width:80%;
	margin:10px auto;
    border:solid 1px #ddd;
    padding: 5px;
    border-radius: 5px;
    background: #eee;
    -moz-border-radius: 5px; /* FF */
    background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
    -webkit-border-radius: 5px;/* Webkit */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
    -pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
    behavior: url(images/PIE.htc);  /* ie */
    }
    .heading span{color:#666; font-weight:bold; border-left:5px #555555 solid;padding-left:10px;}

/* /////////////////////////////////
▼▼レイアウト設定▼▼
//////////////////////////////////*/
header{
	width:100%;
	background:#ffffff;
}

@media only screen and (max-width: 640px){
header{
	position:fixed;
	border-bottom:1px solid #727272;
	z-index:10001;
}
}
#header-inner{
	max-width:1024px;
	margin:5px auto;
}

nav{
	width:100%;
	background:url(img/navi_bg.png) repeat-x left bottom;
	height:40px;
}

@media only screen and (max-width: 640px){
nav{
	display:none;
	height:0;
}
}

#nav-inner{
	max-width:1024px;
	margin:0 auto;
}

#wrapper{
	width:100%;
}

@media only screen and (max-width: 640px){
#wrapper{
	padding:100px 0 0 0;
}
}

@media only screen and (max-width: 480px){
#wrapper{
	padding:82px 0 0 0;
}
}

@media only screen and (max-width: 414px){
#wrapper{
	padding:72px 0 0 0;
}
}

@media only screen and (max-width: 320px){
#wrapper{
	padding:55px 0 0 0;
}
}

#wrapper-inner{
	max-width:1024px;
	margin:0 auto;
}

footer{
	width:100%;
	background:#565656;
}

#footer-inner{
	max-width:1024px;
	margin:0 auto;
	padding:20px 0;
}

@media only screen and (max-width: 414px){
#footer-inner{
padding:0 0 20px 0;
}
}

/*///////////////////////////////////////
▼▼flex▼▼
///////////////////////////////////////*/
/*-----▼flex-around▼-----*/
.flex-around{
	display: -webkit-box; /* android */
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
    display: flex;
		
	-webkit-justify-content:space-around; /* safari */
	-ms-flex-pack:distribute; /* IE */
	justify-content:space-around;
}

@media only screen and (max-width: 639px){
.flex-around{
	-webkit-box-orient:vertical; /* android */
	-webkit-flex-direction:column; /* safari */
	-ms-flex-direction:column; /* IE */
	flex-direction:column;
	
	-webkit-box-align:center; /* android */
	-webkit-align-items:center; /* safari */
	-ms-flex-align:center; /* IE */
	align-items:center;
	
	-webkit-box-pack:center; /* android */
	-webkit-justify-content:center; /* safari */
	-ms-flex-pack:center; /* IE */
	justify-content:center;
}
}

/*-----▼flex-between▼-----*/
.flex-between{
	display: -webkit-box; /* android */
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
    display: flex;
		
	-webkit-box-pack:justify; /* android */	
	-webkit-justify-content:space-between; /* safari */
	-ms-flex-pack:justify; /* IE */
	justify-content:space-between;
	
	-webkit-box-align:center; /* android */
	-webkit-align-items:center; /* safari */
	-ms-flex-align:center; /* IE */
	align-items:center;
}

@media only screen and (max-width: 639px){
.flex-between{
	-webkit-box-orient:vertical; /* android */
	-webkit-flex-direction:column; /* safari */
	-ms-flex-direction:column; /* IE */
	flex-direction:column;
	
	-webkit-box-align:center; /* android */
	-webkit-align-items:center; /* safari */
	-ms-flex-align:center; /* IE */
	align-items:center;
	
	-webkit-box-pack:center; /* android */
	-webkit-justify-content:center; /* safari */
	-ms-flex-pack:center; /* IE */
	justify-content:center;
}
}

/*-----▼flex-center▼-----*/
.flex-center{
	display: -webkit-box; /* android */
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
    display: flex;
		
	-webkit-box-pack:center; /* android */
	-webkit-justify-content:center; /* safari */
	-ms-flex-pack:center; /* IE */
	justify-content:center;
}

@media only screen and (max-width: 639px){
.flex-center{
	-webkit-box-orient:vertical; /* android */
	-webkit-flex-direction:column; /* safari */
	-ms-flex-direction:column; /* IE */
	flex-direction:column;
	
	-webkit-box-align:center; /* android */
	-webkit-align-items:center; /* safari */
	-ms-flex-align:center; /* IE */
	align-items:center;
}
}

/*-----▼flex-center▼-----*/
.flex-align-center{
	-webkit-box-align:center; /* android */
	-webkit-align-items:center; /* safari */
	-ms-flex-align:center; /* IE */
	align-items:center;
}

/*-----▼flex-wrap-center▼-----*/
.flex-wrap-center{
	display: -webkit-box; /* android */
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
    display: flex;

	-webkit-box-lines:multiple; /* android */
	-webkit-flex-wrap: wrap; /* Safari */
 	-ms-flex-wrap: wrap; /* IE */
    flex-wrap:wrap;
		
	-webkit-box-pack:center; /* android */
	-webkit-justify-content:center; /* safari */
	-ms-flex-pack:center; /* IE */
	justify-content:center;
}

@media only screen and (max-width: 639px){
.flex-wrap-center{
	-webkit-box-orient:vertical; /* android */
	-webkit-flex-direction:column; /* safari */
	-ms-flex-direction:column; /* IE */
	flex-direction:column;
	
	-webkit-box-align:center; /* android */
	-webkit-align-items:center; /* safari */
	-ms-flex-align:center; /* IE */
	align-items:center;
}
}

/*-----▼flex-res-wrap-center▼-----*/
@media only screen and (max-width: 639px){
.flex-res-wrap-center{
	display: -webkit-box; /* android */
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
    display: flex;

	-webkit-box-lines:multiple; /* android */
	-webkit-flex-wrap: wrap; /* Safari */
 	-ms-flex-wrap: wrap; /* IE */
    flex-wrap:wrap;

	-webkit-box-pack:center; /* android */
	-webkit-justify-content:center; /* safari */
	-ms-flex-pack:center; /* IE */
	justify-content:center;
}
}

/*-----▼flex-between-les-flex▼-----*/
.flex-between-les-flex{
	display: -webkit-box; /* android */
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
    display: flex;
		
	-webkit-box-pack:justify; /* android */	
	-webkit-justify-content:space-between; /* safari */
	-ms-flex-pack:justify; /* IE */
	justify-content:space-between;
	
	-webkit-box-align:center; /* android */
	-webkit-align-items:center; /* safari */
	-ms-flex-align:center; /* IE */
	align-items:center;
}

/*-----▼flex-between-les-wrap-center▼-----*/
.flex-between-les-wrap-center{
	display: -webkit-box; /* android */
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
    display: flex;
		
	-webkit-box-pack:justify; /* android */	
	-webkit-justify-content:space-between; /* safari */
	-ms-flex-pack:justify; /* IE */
	justify-content:space-between;
	
	-webkit-box-align:center; /* android */
	-webkit-align-items:center; /* safari */
	-ms-flex-align:center; /* IE */
	align-items:center;
}

@media only screen and (max-width: 639px){
.flex-between-les-wrap-center{
	display: -webkit-box; /* android */
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
    display: flex;

	-webkit-box-lines:multiple; /* android */
	-webkit-flex-wrap: wrap; /* Safari */
 	-ms-flex-wrap: wrap; /* IE */
    flex-wrap:wrap;

	-webkit-box-pack:center; /* android */
	-webkit-justify-content:center; /* safari */
	-ms-flex-pack:center; /* IE */
	justify-content:center;
}
}

/*-----▼flex-wrap-center▼-----*/
.flex-wrap{
	display: -webkit-box; /* android */
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
    display: flex;

	-webkit-box-lines:multiple; /* android */
	-webkit-flex-wrap: wrap; /* Safari */
 	-ms-flex-wrap: wrap; /* IE */
    flex-wrap:wrap;

	-webkit-box-pack:center; /* android */
	-webkit-justify-content:center; /* safari */
	-ms-flex-pack:center; /* IE */
	justify-content:center;
		
}

/*-----▼flex-around-bp414▼-----*/
.flex-around-bp414{
	display: -webkit-box; /* android */
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
    display: flex;
		
	-webkit-justify-content:space-around; /* safari */
	-ms-flex-pack:distribute; /* IE */
	justify-content:space-around;
}

@media only screen and (max-width: 414px){
.flex-around-bp414{
	-webkit-box-orient:vertical; /* android */
	-webkit-flex-direction:column; /* safari */
	-ms-flex-direction:column; /* IE */
	flex-direction:column;
	
	-webkit-box-align:center; /* android */
	-webkit-align-items:center; /* safari */
	-ms-flex-align:center; /* IE */
	align-items:center;
	
	-webkit-box-pack:center; /* android */
	-webkit-justify-content:center; /* safari */
	-ms-flex-pack:center; /* IE */
	justify-content:center;
}
}

/*-----▼flex-around-les-around▼-----*/
.flex-around-les-around{
	display: -webkit-box; /* android */
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
    display: flex;
		
	-webkit-justify-content:space-around; /* safari */
	-ms-flex-pack:distribute; /* IE */
	justify-content:space-around;
}


/* /////////////////////////////////
▼▼テーブル▼▼
//////////////////////////////////*/
table{
	background-color:#cccccc;
	width:98%;
	margin:0 auto;
	text-align:center;
}

table th{
	border:#ffffff 1px solid;
    background-color:#f3f3f3;
	padding:5px 0;
	text-align:center;
	vertical-align:middle;
}

table td{
	background-color:#ffffff;
    border:#ffffff 1px solid;
	padding:5px 15px;
	vertical-align:middle;
}

#btn{
	position:relative;
	float:left;
	left:40%;
	padding-top:10px;

}

#btn p{
	float:left;
	padding-left:40px;
	position:relative;
	left:-50%;
}

/*input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:1.5;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:1.4em;
color:#666666;
background:#fcfcfc;
}*/

textarea{
height:auto;
line-height:1.5;
}

.table-w20-pd15{
	width:20%;
	padding:15px;
}
/* /////////////////////////////////
▼▼font▼▼
//////////////////////////////////*/
.fs-bold{
	font-weight:bold;
}

.fs-600{
	font-weight:600;
}

.fs-red{
	color:#FF0004;
}

.fs-blue{
	color:#212EBD
}

.fs-green{
	color:#229C2C;
}

.fs-gray{
	color:#949494;
}

.fs-brown{
	color:#8F4243;
}

.fs-yellow{
	color:#F9F812;
}

.fs-12px{
	font-size:12px;
}

.fs-13px{
	font-size:13px;
}

.fs-14px{
	font-size:14px;
}

.fs-15px{
	font-size:15px;
}

.fs-20px{
	font-size:20px;
}

.fs-14{
	font-size:1.4em;
}

.fs-15{
	font-size:1.5em;
}

.fs-16{
	font-size:1.6em;
}

.fs-17{
	font-size:1.7em;
}

.fs-18{
	font-size:1.8em;
}

.fs-19{
	font-size:1.9em;
}

.fs-20{
	font-size:2.0em;
}

.fs-21{
	font-size:2.1em;
}

.fs-22{
	font-size:2.2em;
}

.fs-red-30px-les20{
	font-size:30px;
	font-weight:600;
	color:#FF0004;
}

.lh25-les20{
	line-height:2.5;
}

@media only screen and (max-width: 768px){
.fs-red-30px-les20{
	font-size:20px;
}

.lh25-les20{
	line-height:2.0;
}

}

@media only screen and (max-width: 414px){
.fs-red-30px-les20{
	font-size:15px;
}
}


/* /////////////////////////////////
▼▼余白▼▼
//////////////////////////////////*/
.mg-l15-les-t10{
	margin:0 0 0 15px;
}

@media only screen and (max-width: 639px){
.mg-l15-les-t10{
	margin:10px 0 0 0;
}
}
/*-----▼上下▼-----*/
.mg-tb-20{
	margin:20px 0;
}

.mg-tb-30{
	margin:30px 0;
}

.mg-tb-100{
	margin:100px 0;
}
/*-----▼左右▼-----*/
.pd-lr-10{
	padding:0 10px;
}

.pd-lr-20{
	padding:0 20px;
}

.pd-lr-30{
	padding:0 30px;
}

.mg-lr-10{
	margin:0 10px;
}

.mg-lr-20{
	margin:0 20px;
}

.mg-lr-30{
	margin:0 30px;
}

/*-----▼左▼-----*/
.pd-l10{
	padding-left:10px;
}

.pd-l20{
	padding-left:20px;
}

.pd-l30{
	padding-left:30px;
}

.mg-l10{
	margin-left:10px;
}

.mg-l20{
	margin-left:20px;
}

.mg-l30{
	margin-left:30px;
}

/*-----▼右▼-----*/
.pd-r10{
	padding-right:10px;
}

.pd-r20{
	padding-right:20px;
}

.pd-r30{
	padding-right:30px;
}

.mg-r10{
	margin-right:10px;
}

.mg-r20{
	margin-right:20px;
}

.mg-r30{
	margin-right:30px;
}

/*-----▼上▼-----*/
.pd-t10{
	padding-top:10px;
}

.pd-t20{
	padding-top:20px;
}

.pd-t30{
	padding-top:30px;
}

.mg-t10{
	margin-top:10px;
}

.mg-t20{
	margin-top:20px;
}

.mg-t30{
	margin-top:30px;
}

/*-----▼下▼-----*/
.pd-b10{
	padding-bottom:10px;
}

.pd-b20{
	padding-bottom:20px;
}

.pd-b30{
	padding-bottom:30px;
}

.mg-b10{
	margin-bottom:10px;
}

.mg-b20{
	margin-bottom:20px;
}

.mg-b30{
	margin-bottom:30px;
}

/* /////////////////////////////////
▼▼Slidebars▼▼
//////////////////////////////////*/
html, body, #sb-site, .sb-site-container, .sb-slidebar {
	/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html, body {
	width: 100%;
	overflow-x: hidden; /* Stops horizontal scrolling. */
}

html {
	height: 100%; /* Site is as tall as device. */
}

body {
	min-height: 100%;
	height: auto;
	position: relative; /* Required for static Slidebars to function properly. */
}

html.sb-scroll-lock.sb-active:not(.sb-static) {
	overflow: hidden; /* Prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
}

/* ----------
 * 002 - Site
 */

#sb-site, .sb-site-container {
	/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
	width: 100%;
	position: relative;
	z-index: 1; /* Site sits above Slidebars */
	background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
}

/* ---------------
 * 003 - Slidebars
 */

.sb-slidebar {
	height: 100%;
	overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
	position: fixed;
	top: 0;
	z-index: 10005; /* Slidebars sit behind sb-site. */
	display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
	background-color: #565656; /* Default Slidebars background colour, overwrite this with your own css. */
	-webkit-transform: translate(0px); /* Fixes issues with translated and z-indexed elements on iOS 7. */
}

.sb-left {
	left: 0; /* Set Slidebar to the left. */
}

.sb-right {
	color:#ffffff;
	font-size:1.2em;
	line-height:2.5em;
	padding:5px 0 5px 15px;
	right: 0; /* Set Slidebar to the right. */
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
	position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}

.sb-slidebar.sb-active {
	display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}

.sb-style-overlay {
	z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
}

.sb-momentum-scrolling {
	-webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}

/* Slidebar widths for browsers/devices that don't support media queries. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}

@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
	.sb-slidebar {
		width: 55%;
	}
	
	.sb-width-thin {
		width: 55%;
	}
	
	.sb-width-wide {
		width: 85%;
	}
}

@media (min-width: 481px) { /* Slidebar widths on small screens. */
	.sb-slidebar {
		width: 55%;
	}
	
	.sb-width-thin {
		width: 40%;
	}
	
	.sb-width-wide {
		width: 70%;
	}
}

@media (min-width: 641px) { /* Slidebar widths on medium screens. */
	.sb-slidebar {
		width: 55%;
	}
	
	.sb-width-thin {
		width: 25%;
	}
	
	.sb-width-wide {
		width: 55%;
	}
}

@media (min-width: 992px) { /* Slidebar widths on large screens. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}
}

@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
	.sb-slidebar {
		width: 20%;
	}
	
	.sb-width-thin {
		width: 5%;
	}
	
	.sb-width-wide {
		width: 35%;
	}
}

/* ---------------
 * 004 - Animation
 */

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition: -moz-transform 400ms ease;
	     -o-transition: -o-transform 400ms ease;
	        transition: transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

/* --------------------
 * 005 - Helper Classes
 */
 
.sb-hide { 
	display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}

/* /////////////////////////////////
▼▼pagetopスクロール▼▼
//////////////////////////////////*/
#page-top {
    position: fixed;
    bottom: 100px;
    right: 0;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

/* /////////////////////////////////
▼▼お問い合わせフォーム▼▼
//////////////////////////////////*/
div.wpcf7 { background:#fafafa; border:1px solid #ddd; padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 20px; margin:0; font-size:15px; border-bottom:1px dotted #848484; }
div.wpcf7 p:last-child{border:none;}
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:14px; }
div.wpcf7 textarea { width:97.5%; height:300px; }
div.wpcf7 input.wpcf7-submit, .wpcf7-back, .wpcf7-confirm {
   cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
   background:#333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}


div.wpcf7 input.wpcf7-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }
 
 
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7; font-size:14px;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1; font-size:14px;}
 
/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}

/* /////////////////////////////////
▼▼qa アコーディオン▼▼
//////////////////////////////////*/
label {
    color: #777777;
	font-size:20px;
    padding: 13px 10px 10px 40px;
    display: block;
    margin: 0;
    border: 1px solid #fff;
	background:url(img/qa_q.png) no-repeat left center;
}

input[type="checkbox"].on-off{
    display: none;
}

.menu-qa{
	border-bottom:1px dotted #6B6B6B;
}

.menu-qa ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-qa li {
    padding: 13px 10px 10px 40px;
	background:url(img/qa_a.png) no-repeat left center;
	font-size:18px;
	background-color:#eeeeee;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: auto;
}

@media only screen and (max-width: 639px){
label {
	font-size:15px;
}

.menu-qa li {
	font-size:13px;
}
}


/*----------------glasscoating-----------------*/
.mg-t40{
	margin-top:40px;
}

.mg-t50{
	margin-top:50px;
}

.mg-10{
margin: 10px;
}

.mg-15{
margin: 15px;
}

.mg-20{
margin: 20px;
}

.c-mw-l97auto{
max-width: 97%;
margin-left: auto;
margin-right: auto;
}

.f{
    display: -webkit-box; /* android */
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
    display: flex;
}

.f-wrap-flex-start{
    -webkit-box-lines:multiple; /* android */
    -webkit-flex-wrap: wrap; /* Safari */
     -ms-flex-wrap: wrap; /* IE */
    flex-wrap:wrap;

    -webkit-box-align:flex-start; /* android */
    -webkit-align-items:flex-start; /* safari */
    -ms-flex-align:flex-start; /* IE */
    align-items:flex-start;       
}

.f-reverse-around{
    -webkit-box-direction:row-reverse;
    -moz-box-direction:row-reverse;
    -webkit-flex-direction:row-reverse;
    -moz-flex-direction:row-reverse;
    flex-direction:row-reverse;

    -webkit-justify-content:space-around; /* safari */
    -ms-flex-pack:distribute; /* IE */
    justify-content:space-around;
}

.f-around{
    -webkit-justify-content:space-around; /* safari */
    -ms-flex-pack:distribute; /* IE */
    justify-content:space-around;
}

@media only screen and (max-width: 767px){
.f-l-wrap-center{
    -webkit-box-lines:multiple; /* android */
    -webkit-flex-wrap: wrap; /* Safari */
     -ms-flex-wrap: wrap; /* IE */
    flex-wrap:wrap;

    -webkit-box-pack:center; /* android */
    -webkit-justify-content:center; /* safari */
    -ms-flex-pack:center; /* IE */
    justify-content:center;   
}
}/*【end】 */

.mg-lr-auto{
margin-left: auto;
margin-right: auto;
}

.coating-discription {
	background: url(img/coating/glass_coating_bg1.png) repeat center top;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 30px;
}

@media only screen and (max-width: 767px){
.coating-discription {
	background: url(img/coating/glass_coating_bg1.png) repeat center top;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0;
}

}/*【max-width end】 */


.coating-discription-title {
	background: #fff;
	font-size: 22px;
	font-weight: bold;
	color: #141E98;
	text-align: center;
	border: 1px solid #242993;
	max-width: 70%;
	margin: 0 auto;
	padding: 10px;
}

@media only screen and (max-width: 767px){
.coating-discription-title {
	background: #fff;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}

}/*【max-width end】 */


.kyushu-l {
	width: 45%;
	font-size: 15px;
}

.kyushu-r{
width: 45%;
}

@media only screen and (max-width: 639px){
.kyushu-l {
	width: 95%;
 margin-top: 20px;
}

.kyushu-r{
width: 95%;
text-align: center;
}

}/*【max-width end】 */


.coating-title {
	background: #141E98;
	padding: 10px 20px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	border: none;
	margin: 50px 0 20px 0;
}

.merit1 {
	width: 202px;
	height: 261px;
	margin: 10px 15px;
	background: url(img/coating/glass_coating_box1.png) no-repeat center top;
	color: #395AD8;
}

.merit2 {
	width: 202px;
	height: 261px;
	margin: 10px 15px;
	background: url(img/coating/glass_coating_box2.png) no-repeat center top;
	color: #EC4650;
}

.merit3 {
	width: 202px;
	height: 261px;
	margin: 10px 15px;
	background: url(img/coating/glass_coating_box3.png) no-repeat center top;
	color: #2B9347;
}

.merit4 {
	width: 202px;
	height: 261px;
	margin: 10px 15px;
	background: url(img/coating/glass_coating_box4.png) no-repeat center top;
	color: #E8A02E;
}

.merit5 {
	width: 202px;
	height: 261px;
	margin: 10px 15px;
	background: url(img/coating/glass_coating_box5.png) no-repeat center top;
	color: #B12C46;
}

.merit6 {
	width: 202px;
	height: 261px;
	margin: 10px 15px;
	background: url(img/coating/glass_coating_box6.png) no-repeat center top;
	color: #6334CC;
}

.merit7 {
	width: 202px;
	height: 261px;
	margin: 10px 15px;
	background: url(img/coating/glass_coating_box7.png) no-repeat center top;
	color: #CF28BF;
}

@media only screen and (max-width: 491px){
.merit1 {
	width: 170px;
	height: 230px;
	margin: 10px 2px;
	background: url(img/coating/glass_coating_box1.png) no-repeat center top;
	background-size: 170px;
	color: #395AD8;
}

.merit2 {
	width: 170px;
	height: 230px;
	margin: 10px 2px;
	background: url(img/coating/glass_coating_box2.png) no-repeat center top;
	background-size: 170px;
	color: #EC4650;
}

.merit3 {
	width: 170px;
	height: 230px;
	margin: 10px 2px;
	background: url(img/coating/glass_coating_box3.png) no-repeat center top;
	background-size: 170px;	
	color: #2B9347;
}

.merit4 {
	width: 170px;
	height: 230px;
	margin: 10px 2px;
	background: url(img/coating/glass_coating_box4.png) no-repeat center top;
	background-size: 170px;	
	color: #E8A02E;
}

.merit5 {
	width: 170px;
	height: 230px;
	margin: 10px 2px;
	background: url(img/coating/glass_coating_box5.png) no-repeat center top;
	background-size: 170px;	
	color: #B12C46;
}

.merit6 {
	width: 170px;
	height: 230px;
	margin: 10px 2px;
	background: url(img/coating/glass_coating_box6.png) no-repeat center top;
	background-size: 170px;	
	color: #6334CC;
}

.merit7 {
	width: 170px;
	height: 230px;
	margin: 10px 2px;
	background: url(img/coating/glass_coating_box7.png) no-repeat center top;
	background-size: 170px;	
	color: #CF28BF;
}
}/*【max-width end】 */


.coating-merit-title {
	font-size: 22px;
	color: #fff;
	text-align: center;
	padding-top: 20px;
}

.coating-merit-text {
	font-size: 18px;
	margin-top: 20px;
	padding: 10px 10px;
}

@media only screen and (max-width: 491px){
.coating-merit-title {
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding-top: 20px;
}

.coating-merit-text {
	font-size: 15px;
	margin-top: 20px;
	padding: 10px 10px;
}
}/*【max-width end】 */


.coating-pricebg {
	background: url(img/coating/glass_coating_bg2_01.png) repeat top center;
}

.coating-pricebox {
	width: 203px;
	margin: 20px 15px;
	position: relative;
}

.coating-price-price{
font-size: 20px;
font-weight: bold;
color: #1D2088;
text-align: center;
}


.coating-price-text {
	font-size: 14px;
	border: #1D2088 solid 2px;
	padding: 8px;
	margin-top: 10px;
	height: 260px;
}

@media only screen and (max-width: 493px){
.coating-pricebox {
	width: 160px;
	margin: 20px 3px;
	position: relative;
}

.coating-price-price{
font-size: 15px;
font-weight: bold;
color: #1D2088;
text-align: center;
}

.coating-price-text {
	font-size: 14px;
	border: #1D2088 solid 2px;
	padding: 8px;
	margin-top: 10px;
	height: 260px;
}
}/*【max-width end】 */


@media only screen and (max-width: 639px){
.coating-price-text {
	font-size: 14px;
	border: #1D2088 solid 2px;
	padding: 8px;
	margin-top: 10px;
	height: 260px;
}
}/*【max-width end】 */

@media only screen and (max-width: 493px){
.coating-price-text {
	font-size: 14px;
	border: #1D2088 solid 2px;
	padding: 8px;
	margin-top: 10px;
	height: 340px;
}
}/*【max-width end】 */


.coating-credit {
font-size: 20px;
font-weight: bold;
text-align: center;
	border: #EC1E22 2px solid;
	color: #EC1E22;
	padding: 10px;
	margin-top: 20px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.coating-jirei {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 639px){
.coating-jirei {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
}/*【max-width end】 */


.coating-voice-l {
	width: 7%;
}

.coating-voice-r {
	width: 90%;
}

@media only screen and (max-width: 480px){
.coating-voice-l {
	width: 15%;
}

.coating-voice-r {
	width: 85%;
}

}/*【max-width end】 */


.coating-voice-wrap {
	border-bottom: #141E98 2px solid;
	padding-bottom: 20px;
}

.coating-qa-wrap {
	border-bottom: 2px #141E98 solid;
	padding-bottom: 20px;
}

.coating-qa-q-l {
	width: 7%;
	text-align: center;
}

.coating-qa-q-r{
width: 90%;
font-size: 18px;
color:#CB7F1E;
padding-left: 10px;
}

.coating-qa-a-l {
	width: 7%;
	text-align: center;
}

.coating-qa-a-r{
width: 90%;
font-size: 18px;
color:#141E98;
padding-left: 10px;

}

/*------1902トップ新料金バナー------*/

.f{
    display: -webkit-box; /* android */
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
    display: flex;
}

.f-wrap{
    -webkit-box-lines:multiple; /* android */
    -webkit-flex-wrap: wrap; /* Safari */
     -ms-flex-wrap: wrap; /* IE */
    flex-wrap:wrap;
}


.f-between{
    -webkit-box-pack:justify; /* android */   
    -webkit-justify-content:space-between; /* safari */
    -ms-flex-pack:justify; /* IE */
    justify-content:space-between;
}

.f-l-column-center{
    display: -webkit-box; /* android */
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
    display: flex;
}

@media only screen and (max-width: 767px){
.f-l-column-center{
    -webkit-box-orient:vertical; /* android */
    -webkit-flex-direction:column; /* safari */
    -ms-flex-direction:column; /* IE */
    flex-direction:column;
                
    -webkit-box-pack:center; /* android */
    -webkit-justify-content:center; /* safari */
    -ms-flex-pack:center; /* IE */
    justify-content:center;   
}
}/*【max-width end】 */

.f-alignitem-center{
    -webkit-box-align:center; /* android */
    -webkit-align-items:center; /* safari */
    -ms-flex-align:center; /* IE */
    align-items:center;  
}

@media only screen and (max-width: 767px){
.c-l-center{
text-align: center;
}
}/*【max-width end】 */

.c-off-l-on{
display: none;
}

@media only screen and (max-width: 767px){
.c-off-l-on{
display: block;
}
}/*【max-width end】 */

@media only screen and (max-width: 767px){
.c-l-off{
    display:none;
}

.c-l-on{
    display:block;
}
}/*【max-width end】 */

.m-t10-l5{
margin-top: 10px;
}

@media only screen and (max-width: 767px){
.m-t10-l5{
margin-top: 5px;
}
}/*【max-width end】 */


.common-w1024-m0{
	max-width:1024px;
	margin:0 auto 0;
}

@media only screen and (max-width: 767px){
.common-w1024-m0{
	max-width:98%;
	margin:0 auto 0;
}
}/*【max-width end】 */


.top-price-section{
margin-top: 5px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
max-width: 1024px;
}

@media only screen and (max-width: 767px){
.top-price-section{
margin-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
max-width: 98%;
}
}/*【max-width end】 */

.top-price-box {
	width: 24%;
	box-sizing: border-box;
	position: relative;
	margin-top: 10px;
	margin-left: 0.5%;
	margin-right: 0.5%;
	border: 1px solid #5E5E5E;
	padding-top: 5px;
	padding-bottom: 5px;
	box-shadow: 4px 5px 6px -2px grey;
	background-color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
 transition: all  0.3s ease;
background: url(img/top_price_crash_bg2.png) no-repeat top center;
background-size: cover;
}

.top-price-box:hover{
background:#F1F1F1!important;
}

.top-price-box a:hover{
color: #000!important;
}

@media only screen and (max-width: 767px){
.top-price-box {
	width: 48%;
	box-sizing: border-box;
	position: relative;
	margin-top: 5px;
	margin-left: 1%;
	margin-right: 1%;
	border: 1px solid #5E5E5E;
	padding-top: 3px;
	padding-bottom: 3px;
	box-shadow: 4px 5px 6px -2px grey;
}
}/*【max-width end】 */


.top-price-left-l {
	position: relative;
	width: 40%;
	margin-left: 5px;
}

.top-price-left-r{
font-weight: bold;
text-align: center;
width: 60%;
}

.top-price-left-img{
width: 100%;
text-align: center;
}

.top-price-left-r-text{
margin-left: auto;
margin-right: auto;
width: 90%;
}

.top-price-left-text{
position: absolute;
margin-left: auto;
margin-right:auto;
top: 43%;
text-align: center;
font-size: 16px;
width: 100%;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
word-wrap: break-word;
line-height: 1.1;
}

@media only screen and (max-width: 1023px){
.top-price-left-text{
position: absolute;
margin-left: auto;
margin-right:auto;
top: 45%;
text-align: center;
font-size: 1.6vw;
width: 100%;
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px;
word-wrap: break-word;
line-height: 1.1;
}
}/*【max-width end】 */


@media only screen and (max-width: 767px){
.top-price-left-text{
position: absolute;
margin-left: auto;
margin-right:auto;
top: 42%;
text-align: center;
font-size: 3.5vw;
width: 100%;
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px;
word-wrap: break-word;
line-height: 1.0;
}
}/*【max-width end】 */

@media only screen and (max-width: 374px){
.top-price-left-text{
position: absolute;
margin-left: auto;
margin-right:auto;
top: 42%;
text-align: center;
font-size: 2.5vw;
width: 100%;
box-sizing: border-box;
padding-left: 2px;
padding-right: 2px;
word-wrap: break-word;
line-height: 1.0;
}
}/*【max-width end】 */


.top-price-right {
width: 100%;
}

.top-price-kishu {
	font-size: 25px;
	background-color:#D7270A;
	color: #fff;
}

@media only screen and (max-width: 1023px){
.top-price-kishu {
	font-size: 2vw;
	background-color: #D7270A;
	color: #fff;
	padding-left: 0;
}
}/*【max-width end】 */

@media only screen and (max-width: 767px){
.top-price-kishu {
	font-size: 4.8vw;
	background-color: #D7270A;
	color: #fff;
	padding-left: 0;
	text-align: center;
}
}/*【max-width end】 */


.top-price-text1 {
	font-size: 15px;
	font-weight: bold;
}

@media only screen and (max-width: 1023px){
.top-price-text1 {
	font-size: 1.5vw;
	font-weight: bold;
}
}/*【max-width end】 */

@media only screen and (max-width: 767px){
.top-price-text1 {
	font-size: 3.0vw;
	font-weight: bold;
	line-height: 1.3;
}
}/*【max-width end】 */


.top-price-pricetext {
	font-size: 30px;
	font-weight: bold;
	color:#D7270A;
	line-height: 1.0;
}

@media only screen and (max-width: 1023px){
.top-price-pricetext {
	font-size: 3.5vw;
	font-weight: bold;
	color: #D7270A;
}
}/*【max-width end】 */

@media only screen and (max-width: 767px){
.top-price-pricetext {
	font-size: 6.0vw;
	font-weight: bold;
	color: #D7270A;
	line-height: 1.2;
}
}/*【max-width end】 */


.top-price-texts {
	font-size: 12px;
	font-weight: normal;
}

@media only screen and (max-width: 767px){
.top-price-texts {
	font-size: 2.0vw;
}
}/*【max-width end】 */

@media only screen and (max-width: 374px){
.top-price-texts {
	font-size: 1.8vw;
}
}/*【max-width end】 */

.top-price-setsumei{
font-size: 14px;
margin-top: 10px;
margin-left: 7px;
}

@media only screen and (max-width: 768px){
.top-price-setsumei{
font-size: 12px;
margin-top: 10px;
margin-left: 7px;
}
}/*【max-width end】 */

@media only screen and (max-width: 374px){
.top-price-setsumei{
font-size: 10px;
margin-top: 10px;
margin-left: 7px;
}

}/*【max-width end】 */