/*
Theme Name: habakiri Child
Theme URI: http://habakiri.2inc.org/en/
Template: habakiri
Author: inc2734
Author URI: http://2inc.org
Description: Habakiri is the simple theme based on Bootstrap 3. This theme's goal is to create a responsive, bootstrap based WordPress theme quickly. The design is very simple, easy to create of child theme. Features are, 100% responsive layouts, the Glyphicons, Genericons, Font Awesome icons, 7 page templates, 8 header design patterns, many color settings, a lot of hooks, related posts, minified CSS and JavaScript, Sass and PHP Class in functions.php.
Tags: white,fixed-layout,fluid-layout,responsive-layout,one-column,two-columns,left-sidebar,right-sidebar,editor-style,sticky-post,microformats,featured-images,custom-colors,custom-menu,custom-background,custom-colors
Version: 2.5.2.1645065829
Updated: 2022-02-17 11:43:49

*/

body{font-family: 'Noto Sans JP', sans-serif !important;
font-size: 16px;
font-weight:normal;
}

.site-branding img{width:80%;}


ul.job {
margin:0 0 1em 0;
padding:0;
list-style-type:none;
}

ul.job li {
  position: relative;
  padding-left: 25px;
}

ul.job li::before {
  content: '\f219';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 1px;
  left: 0;
  color: gray;
}

.page-template-default #contents{margin-top:100px;}

.page-template-default .header--transparency {
    background-color: #999 !important;
}
.responsive-nav a strong {
    font-weight: 700;
}

h2.headline {
  padding-bottom: .5em;
  font-size:1.4em;
  margin-bottom:.6em;
  font-weight:500;
}
h2.headline span {
  display: block;
  margin-bottom: .2em;
  color: #3c6335;
  font-size: .5em;
  font-weight:500;
}

h3.sub{
	font-size: 1.2em;
	font-weight:500;
}

.small8{font-size:.8em;}
.small9{font-size:.9em; font-weight:500;text-align:center;}
.copyright{
	background:#2c4cc0;
	color:#fff;
	text-align:center;
}

.productbox {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
}
.item {
   width: calc(100% / 3);
	padding: 5px;
display: flex;
  flex-direction: column; /* 子要素を縦並べ */
}
.item .innerbox {
	background:#ccc;
    padding: 10px 10px 50px;
	position:relative;
	flex-grow: 1; /* 余白の割り当て */
}

.phonebox ul{
	padding:0;
	list-style-type:none;
display: flex;
}
.phonebox ul li{
	width:50%;
	text-align:center;
}
.phonebox ul li.first{
	border-right:1px solid #ccc;
}
.phonebox ul li.seconde{
	padding-top:1em;
}
.phone{font-size:2.6em;}
.fax{font-size:1.6em;}
.sales{display:block;font-size:.8em;color:#868788;}
.gray-bg{background:#f7f7f7;}


/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#ea5514;
 color:#ffaa56;
}


@media only screen and (max-width: 768px) {
.small{font-size:.7em !important;}
.mb { margin-bottom: .5em;}
.footlogo{width:50%;}
.item {width: calc(100% / 1);}
.phonebox ul{
display: block;
}
.phonebox ul li{
width: 100%;
}
.phonebox ul li.first{border:none;}
dl.shiten {
  display: block;
}
.header_text h2{
font-size: 40px;
}
.header_text h3{
	font-size: 14px;
}
}