@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(http://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

*{
	font-family: 'Noto Sans Japanese', sans-serif;
}

h1{
	font-family: "Sawarabi Mincho";
	font-weight: 900;
}
h1 span{
	font-family: "Sawarabi Mincho";
	font-size: 0.75em;
}

h2{
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	padding-top: 1rem;
}
	
h2:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;
	border-radius: 2px;
}	

.navbar-brand{
	font-family: "Sawarabi Mincho";
	font-weight: 500;
}
.infolist{
width: 100%;
margin-left: 1em;
margin-right: 1em;
box-sizing: border-box;
}
.infolist th{
font-weight: normal;
width: 8.5em;
text-align: center;
padding: 5px;
color: white;
background-color: #7db4e6;
}
.infolist td{
	padding: 5px 5px 5px 10px;
}

.secou-table{
	width: 100%;
	margin-left: 1em;
	margin-right: 1em;
	box-sizing: border-box;
}
.secou-table th{
	width: 8.5em;
	padding: 5px;
	vertical-align: top;
}
.secou-table td{
	padding: 5px 5px 5px 10px;
	margin-left: 1rem;
}

.infolist iframe,
.secou-table iframe{
	width: 100%;
	margin: 1em 0;
}
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.p-orenge {
	color: #ff8c00;
}
.b-color-white{
	background-color: #fff;
}
.b-color-smoke{
	background-color: #f8f8f8;
}


  /* 工法案内 部分 ここから */
.work{
	width: 100%;
	height: auto;
	background: #fff;
	text-align: center;
	padding-bottom: 0.5rem;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}
.work img{
	height: auto;
}
.work p{
	font-size: 1.0rem;
	color: #a9a9a9;
	text-align: left;
	padding-top: 1rem;
}
  /* ここまで */

  /* 施工実績 部分 ここから */
.secou {
	padding: 0.5rem 2rem 1rem 2rem;
	background: #fff;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}
.secou .menu-section {
	margin: 0 20px 80px;
}
.secou .place-title {
	font-weight: 600;
	font-size: 17px;
	color: #555;
	border-bottom: 2px solid rgb(213, 213, 213);
}
  /* ここまで */

  /* お問い合わせ 部分 ここから */
  .contact-sub {
	width: 100%;
	height: auto;
	background-color: #1E88E5;
	text-align: center;
	padding: 0rem;
  }
  .contact-sub p{
	font-size: 1.5rem;
	color: #fff;
	margin: 0.25rem;
  }
  .contact_btn{
	display: inline-block;
    padding: 7px 20px 7px 20px;
	border-radius: 25px;
    text-decoration: none;
    color: #1E88E5;
    background-color:#fff;
    transition: .4s;
  }
  .contact_btn:hover {
	color: #fff;
    background-color:#7db4e6;
}
	/* ここまで */

  /* スタッフ 部分 ここから */
.staff{
	width: 100%;
	height: auto;
	background: #fff;
	text-align: center;
	padding-bottom: 0.5rem;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
}
.staff img{
	height: auto;
}
.staff p{
	font-size: 1.0rem;
	color: #a9a9a9;
	text-align: left;
	padding-top: 1rem;
}
.staffKoe-box {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;
	border: solid 1px whitesmoke;
	box-shadow :0px 0px 3px silver;
	background: #fafafa;
  }

  /* ここまで */

  /* 採用情報画面/お問い合わせ画面 （共通）ここから */
.section-title {
	margin-bottom: 0.5rem;
}
.section-title .overlay {
	padding: 80px 0;
	background: rgba(0, 0, 0, 0.7);
}
#toi-top ,
#rec-top {
	padding-bottom: 0.5rem;
}
#toi-top .section-title {
	background: #444 url(../images/contact.jpg) center center no-repeat fixed;
	background-size: cover;
}
#rec-top .section-title {
	background: #444 url(../images/recruit.jpg) center center no-repeat fixed;
	background-size: cover;
	margin-bottom: 50px;
}
.section-title h2 {
	color: #fff;
}
.section-title h2:before {
	background-color: #fff;
}
#toi-top .menu-section-title,
#rec-top .menu-section-title{
	font-size: 26px;
	display: block;
	font-weight: 500;
	color: #444;
	margin: 2rem;
	text-align: center;
}
  /* ここまで */

/* 採用情報画面 ここから */


  /* ここまで */

/* 問合せ画面 ここから */
.tell{
	font-size: 1.2rem;
	letter-spacing: 5px;
	font-weight: bold;
}
.b-color-r{
	color: #fff;
	background-color: #dc143c;
	text-align: center;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	margin-left: 0.2rem;
	border-radius: 4px;
}	
.toitable{
	width: 100%;
	margin-left: 1em;
	margin-right: 1em;
	box-sizing: border-box;
}
.toitable th{
	font-weight: normal;
	width: 7.5em;
	padding: 3px;
	vertical-align:top;
}
.toitable td{
padding: 5px 3px 3px 10px;
}
.toitable iframe{
	width: 100%;
	margin: 1em 0;
}
.toitable input[type=text],
.toitable input[type=email] {
	border: 1px solid #CCC;
	padding: 5px;
	width: 80%;
}
/*ここまで*/

@media screen and (max-width:720px){
.display-4 {
	font-size: 1.7rem;
	}
.lead {
	font-size: 1.0rem;
	font-weight: 300;
	}
	h2, .h2 {
	font-size: 1.5rem;
	}
	h3, .h3 {
	font-size: 1.3rem;
	}
	h4, .h4 {
	font-size: 1.2rem;
	}
	h5, .h5 {
	font-size: 1.1rem;
	}
	.contact-sub p{
	font-size: 1.2rem;
	}
	.contact-sub ul li{
	font-size: 0.75rem;
	}

.infolist{
	width: 95%;
	margin-left: 1em;
	margin-right: 1em;
}
.toitable{
	width: 100%;
}
.infolist th,
.toitable th{
		width:100%;
		display:block;
		margin: 0 auto;
		border:none;
		border-radius: 3px;
}

.secou-table th{
		width:100%;
		display:block;
		margin: 0 auto;
		border-radius: 3px;
}

.infolist td,
.secou-table td,
.toitable td{
		display: list-item;
		width: 100%;
		border-top: none !important;
		list-style:none;
	}

.toiawase input[type=text],
.toiawase input[type=email] {
	width: 100%;
}
.toiawase p{
	padding-left: 0rem;
}
}

@media screen and (max-width:321px){
	.navbar-brand{
		display: none;
	}
}