@charset "UTF-8";
/* sub.css CSS Document */

h1,h2,h3,h4,h5{font-weight: normal;}
/*----------------------------------
 subimg
-----------------------------------*/
/*#car,#bike,#wheel,#part {
   margin-top:-100px;
  padding-top:100px;
}*/

html {
  scroll-padding-top: 100px; /* 固定ヘッダの高さ分 */
}

/*----------------------------------
bread_list
-----------------------------------*/

#bread_wrap{
	height: 70px;
	width: 100%;
	color: #333333;
	padding-top: 10px;
}
#bread_list{
	font-size: 15px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: 3.5em;
	font-weight: normal;
	padding-right: 0px;
}
#bread_list ul li{
	display: inline-block;
}
#bread_list a{
	color: #666666;
	text-decoration: underline;
}
#bread_list a:hover{
	color: #FF6600;
	text-decoration: none;
}


h1{
	margin:0;
}





.innerbox{
	width:100%;

}


.innerbox img{
	max-width:100%;
	height:auto;
}




/*------------------------------
service
--------------------------------*/




#subimg_service{
	position: relative;
	background-image: url(../service/images/service-top.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-bottom:0px;
	background-size:cover;
	height: 160px;
	width: 100%;
	margin-bottom:30px;
}
#sub_title{
	position: absolute;
	left: 0px;
	top: 20px;
}
.img_t img{
	height:80px !important;
	width:auto !important;
}

h2.t_eng{
	font-size: 24px;
	color: #FFF;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin:10px 0 0;
}
h2.t_jpn{
	font-size: 14px;
	color: #FFF;
	font-weight: normal;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-bottom: 8px;
	display: inline-block;

}

.service_sub_img img{
	height:80px !important;
}


.small{
	font-size: 13px;
}
.dropshadow{filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));}


#service_title{
	text-align: center;
	padding-bottom: 50px;
}
.img_t{
	padding-bottom: 30px;
}
#service_title h2{
	padding-bottom: 50px;
	font-size: 18px;
}
#service_title ul{}
#service_title ul li{
	display: inline-block;
	padding-right: 5px;
}
#service_title ul li:last-child{
	padding-right: 0px;
}

.service_block{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	padding-bottom: 80px;
}
#coating_comm{
	padding-bottom: 50px;
}

.service_sub_img{
}
.service_sub_txt{
	padding-top: 10px;
	font-size: 14px;
}

#car .pics{
}
#car .innerbox {
	padding:0 8px;
}

#car .innerbox img{
	height:60px !important;
	margin-top:30px;
}



#bike .innerbox img{
	height:60px !important;
	margin-top:30px;
}




#wheel .innerbox img{
	height:60px !important;
	margin-top:30px;
}



#part .innerbox img{
	height:60px !important;
	margin-top:30px;
}






.half_left{
}

.half_right{
}

.explain{
	padding-top: 35px;
	width: 90%;
}


#coating_course{
	height: 180px;
	background-image: url(../service/images/coating-course-bg.jpg);
	background-size: cover;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 80px;
}
#coating_course_t{
	padding-top: 30px;
}

.coating_price{
	width:90%;
	margin:0 auto 30px;
	border: 1px solid #000;
	padding: 10px;
}
.coating_price_inner{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.coating_price_t{
	padding-bottom: 20px;
}
.expalain_wrap{
	padding-bottom: 20px;
}
.half_left_txt{
}
.expalain_wrap .txt{}
.remark{color:#B70000;}
.expalain_wrap h2,.expalain_wrap h2{
	font-size: 16px;
	padding-bottom: 10px;
	margin-top:30px;
}


.price_table{
	padding-bottom: 30px;
	font-weight: bold;
}
.price_table th{
	width: 25%;
	background-color: #000;
	font-size: 12px;
	color: #FFF;
	line-height: 2.5em;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;

}
.price_table td{
	color: #000;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;
	line-height: 2.5em;
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.price_table tr:nth-child(odd) td{background-color: #DDDDDD;}
.price_table tr:nth-child(even) td{background-color: #EEEEEE; }
.price_table td:last-child,.price_table th:last-child{
	border-right-style: none;
}

.price_table_add th{
  width: 10%;
}
.price_table_add td{
  font-size: 18px;
  line-height: 1.3rem;
  padding: 20px 10px;
}
.w_table_add{
  width: 20% !important;
}
.span_table_add{
  font-size: 12px;
}
.sp_table{
  overflow: scroll;
}
.sp_table table{
  width: 100%;
}

#bike_price {
    height: 120px;
    background-image: url(../service/images/bike-price-bg.jpg);
    background-size: cover;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 40px;
	padding-top:20px;
}

/*bike*/
#bike .pics{
	width: 100%;
	padding: 0px;
	background-size: cover;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#bike_price{
	text-align: center;
	vertical-align: middle;
	margin-bottom: 20px;
}

/*wheel*/
#wheel .pics{
	width: 100%;
	padding: 0px;
	background-size: cover;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.price_table_wheel{
	text-align: center;
	width: 100%;
	font-weight: bold;
}
.price_table_wheel th{
	background-color: #000;
	color: #FFF;
	line-height: 2.5em;
	width: 50%;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
}
.price_table_wheel td{
	line-height: 2.5em;
	width: 50%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
.price_table_wheel tr:nth-child(odd) td{background-color: #EEEEEE;}
.price_table_wheel tr:nth-child(even) td{background-color: #DDDDDD; }

/*part*/
#part .pics{
	width: 100%;
	padding: 0px;
	margin-left: 0px;
}

/*film*/

#film .innerbox{
	padding:5px;
}


#film .innerbox img{
	height:60px !important;
	margin-top:30px;
}



.film{
	padding:5px;
}


.film img{
	height:60px !important;
	margin-top:30px;
}




.film_lineup{
	height: 160px;
	background-image: url(../service/images/other-bg.jpg);
	background-size: cover;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 80px;
}
table.film_table{
	text-align: center;
	font-weight: bold;
}
table.film_table th{
	width: 19.5%;
	color: #FFF;
	background-color: #000;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
}

table.film_table td{
	color: #000;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
}

.film_table tr:nth-child(odd) td{background-color: #DDDDDD;}
.film_table tr:nth-child(even) td{background-color: #EEEEEE; }
table.film_table td:first-child{
	color: #FFF;
	background-color: #000;
}
table.film_table th:last-child,
table.film_table td:last-child{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 2px;
	border-bottom-color: #FFF;
}

.other_price{}
.other_price li{
	display: inline-block;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #000;
	padding-right: 10px;
}
.other_price li h2{
	font-size: 14px;
	font-weight: bold;
	padding-left: 30px;
}
.other_price li h3{
	font-size: 25px;
	font-weight: bold;
	padding-left: 30px;
}

/*wash*/
#wash .pics{
}


#wash .innerbox{
	padding:5px;
}


#film .innerbox img{
	height:60px !important;
	margin-top:30px;
}






















.price_table_wash{
	text-align: center;
	width: 100%;
	font-weight: bold;
}
.price_table_wash th{
	background-color: #000;
	color: #FFF;
	width: 50%;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	font-size:14px;
}
.price_table_wash td{
	line-height: 2.5em;
	width: 50%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.price_table_wash td:first-child{
font-size:14px;	}
.price_table_wash tr:nth-child(odd) td{background-color: #EEEEEE;}
.price_table_wash tr:nth-child(even) td{background-color: #DDDDDD; }


/*hassui*/

#hassui .innerbox{
	padding:5px;
}


#hassui .innerbox img{
	height:60px !important;
	margin-top:30px;
}

/*clean*/
#clean .innerbox{
	padding:5px;
}


#clean .innerbox img{
	height:60px !important;
	margin-top:30px;
}











/*bankin*/
#bankin .innerbox{
	padding:5px;
}


#bankin .innerbox img{
	height:60px !important;
	margin-top:30px;
}





/*------------------------------
point strong
--------------------------------*/
#subimg_point{
	position: relative;
	background-image: url(../point/images/point-top.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-bottom:0px;
	background-size:cover;
	height: 160px;
	width: 100%;
	margin-bottom:30px;
}


.innerbox .img{
	padding:5px;
}
.sub img{
	max-width:100%;
}

.point_t{
	padding-bottom: 20px;
}


#fac .pics{
	width: 100%;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
.ul_wrap{font-size:0;}
ul.point_ul{}
ul.point_ul li{
	vertical-align: top;
}
ul.point_ul li img{
	padding-bottom: 25px;
}
ul.point_ul li p{
	padding-bottom: 25px;
	padding-right: 5px;
	padding-left: 5px;
}



.flex{
	display:flex;
}

/*-------------------------------------
message
-------------------------------------*/

#message{
	background-color: #FFF;
	background-image: url(../images/bg_message.png);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: center;
	margin-top: -5px;
	padding-top: 50px;
	padding-bottom: 80px;
}

#message h2{
	color: #9A7F39;
	font-size: 20px;
	font-weight: normal;
}

#m-txt{
	font-size: 14px;
	padding-top: 20px;
	line-height: 2.0em;
	padding-bottom: 30px;
}
.enji{
	color: #B20000;
	font-weight: bold;
}	
/*------------------------------
shopinfo
--------------------------------*/
#subimg_shopinfo{
	position: relative;
	background-image: url(../shopinfo/images/shopinfo-top.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-bottom:0px;
	background-size:cover;
	height: 160px;
	width: 100%;
}
#subimg_shopinfo #sub_title{
	position: absolute;
	left: 0px;
	top: 50px;
}
#shopinfo_comm{
	font-size: 14px;
	color: #FFF;
	line-height: 2.0em;
	background:#000;
	padding:8px;
	margin-bottom:30px;

}
.shopinfo_block{text-align: center;}
.shopinfo_table{
	text-align: left;
	width: 100%;
	padding-bottom: 80px;
}
.shopinfo_table td{
	padding:8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #555555;
}
.shopinfo_table tr:nth-child(odd) td:first-child{
	background-color: #F5F5F5;
	width: 30%x;
}
.shopinfo_table tr:nth-child(even) td:first-child{
	background-color: #EFEFEF;
}



#shopinfo-slide{
	display:flex;
	flex-wrap:wrap;
}

#shopinfo-slide li{
	width:30%;
	margin:1%;
}

















/*-------------------------------------
	works
--------------------------------------*/
#subimg_works{
	position: relative;
	background-image: url(../works/images/works-top.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-bottom:0px;
	background-size:cover;
	height: 160px;
	width: 100%;
}
#subimg_works #sub_title{
	position: absolute;
	left: 0px;
	top: 60px;
}
#work{
	padding-bottom: 10px;
	position: relative;
	padding-top: 0px;
	text-align: center;
}
#work h2 img{
	padding-bottom: 50px;
}
#work h3{
	font-size: 18px;
	font-weight: bold;
}
#works-list{text-align: center;}
#works-list a{
	display: inline-block;
	height: 70px;
	width: 450px;
	text-align: center;
	background-color: #0455BF;
	color: #FFF;
	line-height: 4.5em;
	border: 1px solid #0455BF;
}
#works-list a:hover{
	color: #0455BF;
	background-color: #fff;
	border: 1px solid #0455BF;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

#works-ul{
	padding-bottom: 50px;
}
#works-ul li{
	display: inline-block;
	color: #FFF;
	background-color: #000;
	font-size: 18px;
	line-height: 3em;
	width: 230px;
	height: 60px;
	margin-right: 20px;
}
#works-ul li a:hover,
#works-ul li.work-on a{
	display: inline-block;
	width: 230px;
	height: 60px;
	border: 1px solid #A28100;
	background-color: #FFF;
	color:#A38200;
}
#works-ul li a{
	color: #fff;
	width: 230px;
	height: 60px;
	display: block;
}
#works-ul li.work-on a:hover{
	color: #A38200;
	border: 1px solid #A28100;
	background-color: #FFF;
	color:#A38200;
}
#works-ul li a:hover{}

.post-detail-title{
	font-size: 25px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #9F8124;
	padding-left: 30px;
	line-height: 2.0em;
}

#c_block{
	position: relative;
}
.post-title a{
	color: #333;
}

.side-section-t{}
.work-recent{
	padding-bottom: 10px;
}
.work-recent,.side-archive-list{
	padding-left: 10px;
}
.side-archive-list{}

.styled-post-list01 li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.flex-box{flex-wrap:wrap;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;}

.work_blocks{
	width: 300px;
	margin: 20px auto;
}
.work_blocks:nth-of-type(3n){}
.work_imgarea{
	position: relative;
	height: 200px;
	width: 300px;
	overflow: hidden;
  background: #fff;
  cursor: pointer;
}
.work_imgarea img{
	height: 200px;
	width: 300px;
	object-fit: cover;

}
.work_imgarea img{
	object-fit: cover;

}
.work_imgarea a {
  display: block;
  transition-duration: 0.3s;
}
.work_imgarea a:hover {
  opacity: 0.8;
  transform: scale(1.03);
  transition-duration: 0.3s;
}

.work_type01{/*background-color: #A6876C;*/background:rgba(166,135,108,0.7);}
.work_type02{/*background-color: #0455BF;*/background:rgba(4,85,191,0.7); }
.work_type03{/*background-color: #2BA79D;*/background:rgba(43,167,157,0.7);}
.work_type01,.work_type02,.work_type03{
	color: #FFF;
	font-size: 14px;
	width: 100px;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}
/*detail part*/
.post-info-wrap a{
	text-decoration: underline;
}
.post-info-wrap a:hover{
	text-decoration: none;
}
.w_detail_ul{
	display: inline-block;
	padding-bottom: 30px;
	font-size:0;
}
.item{
	width: 570px;
	padding-right: 30px;
	padding-bottom: 30px;
}
.item:nth-child(2n){padding-right: 20px;}

.item img{
	height: auto;
	width: 570px;
}


.work_comm{
	line-height: 1.8em;
}
.car_name{
	font-size: 18px;
	padding-bottom: 10px;
}
.work_kind{font-size: 18px;padding-bottom: 30px;}








#works-ul{
	padding-bottom: 50px;
}


#works-ul li{
	display: inline-block;
	color: #FFF;
	background-color: #000;
	font-size: 14px;
	line-height: 3em;
	height: 60px;
	margin:1%;
	width:22%;
}
#works-ul li a:hover,
#works-ul li.work-on a{
	display: inline-block;
	width: 100%;
	height: 60px;
	border: 1px solid #A28100;
	background-color: #FFF;
	color:#A38200;
}
#works-ul li a{
	color: #fff;
	width: 100%;
	height: 60px;
	display: block;
}














/*-------------------------------
	contact
--------------------------------*/
#subimg_cpntact{
	position: relative;
	background-image: url(../contact/images/contact-top.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-bottom: 0px;
	background-size: cover;
	height: 160px;
	width: 100%;
	background-position: center;
}
.contact-txt{
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	font-size: 16px;
	line-height: 1.8em;
}
.contact_title{
	background-color: #F9F5F3;
	height: 100px;
	width: 100%;
	margin-bottom: 30px;
}
.contact_title img{
	margin-top: -20px;
}

.contact .text{
	padding-left: 150px;
}
.contact h3{
	font-size: 22px;
	color: #E55285;
	padding-bottom: 10px;
}

#mail_form dl{
	padding:10px;
}
#mail_form dt{
	padding:8px 6px 4px;
}


#mail_form dd{
	padding:4px 6px 8px;
}

#form_submit{
	text-align:center;
	padding:10px;
	margin-bottom:30px;
}





/*-------------------------------
privacy
--------------------------------*/



header{
	position:fixed;
	height:52px;
	width:100%;
	top:0;
	max-width:750px;
	z-index:9999;
	background:rgba(255,255,255,0.9);
}



#bread_wrap{
	display:none;
}


.sub{
	margin-top:52px;
}

.sub img{
	max-width:100%;
	height:auto;
}


#subimg_privacy{
	position: relative;
	background-image: url(../contact/images/contact-top.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-bottom: 0px;
	background-size: cover;
	height: 160px;
	width: 100%;
	background-position: center;
}

.privacy{
	color: #000;
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 50px;
}

.privacy h2{
	font-size: 20px;
	font-weight: bold;
	padding-top: 18px;
	padding-bottom:30px;
}

.privacy h3{
	font-size: 16px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 15px;
}

.privacy p{
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 30px;
	line-height: 1.8em;
}



/*--------------------------------
sitemap
--------------------------------*/
#subimg_sitemap{
	position: relative;
	background-image: url(../images/sitemap-top.png);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-bottom: 0px;
	background-size: cover;
	height: 160px;
	width: 100%;
	background-position: center;
}

#sitemap_title{
	text-align: center;
	padding-bottom: 0px;
}
#sitemap{
	background-color: #FFF;
	padding-bottom: 100px;
}
ul.sitemap_ul{
	padding-left: 20px;
	padding-right: 0px;
	width: 90%;
	margin-top: 0px;
}
ul.sitemap_ul h2{
	font-weight: normal;
	font-size: 16px;
}

ul.sitemap_ul > li{
	/*background-image: url(../images/icon_grey.png);*/
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
ul.sitemap_ul > li a{
	display: block;
	padding-left: 20px;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
ul.sitemap_ul li a:hover h2{
font-weight: bold;}
ul.sitemap_ul > li a:hover{
	display: block;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	/*background-image: url(../images/icon_red.png);*/
	background-repeat: no-repeat;
	background-position: 8px center;
	color: #5C4320;
	background-color: #F9F5F3;

}

ul.sitemap_ul li ul{
	padding-left: 20px;
}
ul.sitemap_ul > li > ul > li{
border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
ul.sitemap_ul > li > ul > li:last-child{border-bottom-width: 0px;}

/*--------------------------------*/
.sub_txt{
	padding-bottom: 25px;
	display: block;
}

.sub_tt{
	height: 50px;
	width: 780px;
	background-color: #000;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #C52D2F;
	font-size: 25px;
	font-weight: bold;
	color: #FFF;
	padding-left: 20px;
	line-height: 2em;
	margin-bottom: 40px;
}


.gap{
	display: block;
	line-height: 3.5em;
}



/**/

table.formTable{
	width: 680px;
	padding-left: 5px;
	text-align: left;
	margin-top: 10px;
}
table.formTable th,
table.formTable td{
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 10px;
}



/*--------------other ---------------*/
.padd0-20{padding-bottom: 10px;}
.padd0-30{padding-bottom: 20px;}
.padd0-50{padding-bottom: 30px;}
.padd0-80{padding-bottom: 40px;}
.padd30-0{padding-top: 10px;}
.padd50-0{padding-top: 20px;}
.padd80-0{padding-top: 40px;}
.padd160-0{padding-top: 80px;}
.margin0-800{margin-bottom: 40px;}
.margin0-100{margin-bottom: 50px;}
.margin0-120{margin-bottom: 60px;}
.margin50-50{
	margin-top: 50px;
	margin-bottom: 50px;
}

.f12{
	font-size: 10px;
	font-weight: normal;
	letter-spacing: -0.1em;
}
.f14{
	font-size: 14px;
	font-weight: normal;
}
.f22b{
	font-size: 22px;
	color: #061F54;
	display: block;
	margin-top: 10px;
}

.f22b img{
	vertical-align: middle;
}
.f20{
	font-size: 20px;
}
.f18{
	font-size: 18px;
}
.f18b{
	font-size: 18px;
	font-weight: bold;
}
.f20b{
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}
.f20bb{
	font-size: 20px;
	font-weight: bold;
	color: #0099CC;
}
.f22bb{
	font-size: 22px;
	font-weight: bold;
	color: #0099CC;
}
.f20o{
	font-size: 20px;
	font-weight: bold;
	color: #F39F00;
}
.f_orangeb{
	font-weight: bold;
	color: #F39F00;
}
.f_orange{
	color: #F39F00;
}

.f25{
	font-size: 15px;
}
.f25-b{
	font-size: 15px;
	font-weight: bolder;
}
.underline{
	text-decoration: underline;
}

h1#exp{
	display: none;
	visibility: hidden;
	font-size: 0px;
}

h1.exp,h2.exp,h3.exp,h4.exp,h5.exp{
	display: none;
	visibility: hidden;
	font-size: 0px;}
.hissu{
	color: #F00;
}

.h_red{
	font-size: 22px;
	font-weight: bold;
	color: #C00;
}





/*-------------------------------
contact-area
--------------------------------*/
#contact-area{
	background-image: url(../images/bg_contact_area.jpg);
	background-repeat: repeat;
	background-position: center center;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	color: #FFF;
}
#contact-area .waku{
}
#contact-area h3{
	font-size: 18px;
	padding-top: 30px;
	padding-bottom: 20px;
	letter-spacing: 0.3em;
}
#contact-area h4{padding-bottom: 20px;}
#contact-area h5{
	font-size: 18px;
	padding-bottom: 20px;
	font-weight: normal;
}
#contact-btn a{
	height: 60px;
	width: 250px;
	background-color: #FFF;
	color: #000;
	line-height: 3.8em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
}
#contact-btn a:hover{background-color: #BC9B50;}
#contact-area .btn_wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 20px 0 0;
}
#contact-area .btn_wrap > a {
	width: 280px;
	color: #FFF;
	text-align: center;
	border-radius: 8px;
	padding: 2px 10px;
	line-height: 1;
	font-size: 16px;
	height: 50px;
	box-sizing: border-box;
	transition: .3s;
}
#contact-area .btn_wrap > a:hover {
	opacity: .7;
}
#contact-area .btn_wrap > a.tel_btn {
	background-color: #bc9515;
	display: grid;
	grid-template-rows: 14px 30px;
	grid-template-columns: 40px 160px;
	position: relative;
	padding: 5px 30px;
}
#contact-area .btn_wrap > a.tel_btn::after {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 10px solid #FFF;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
#contact-area .btn_wrap > a.mail_btn {
	background-color: #3d8446;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

#contact-area .btn_wrap > a.tel_btn > img {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	width: 26px;
	height: auto;
	margin: auto;
}
#contact-area .btn_wrap > a.tel_btn > span {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	font-size: 11px;
}
#contact-area .btn_wrap > a.tel_btn > p {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}
#contact-area .btn_wrap > a.tel_btn > p .big {
	font-size: 150%;
}
#contact-area .btn_wrap > a.mail_btn > img {
	width: 30px;
	height: auto;
	display: block;
	aspect-ratio: 82 / 66;
}