@charset "UTF-8";
/* SP用CSS記述（768px以下） */
/****** 共通設定 ******/
.sp {
  display: block;
}
.tb {
  display: none;
}
.pc {
  display: none;
}
.tb_pc {
  display: none;
}
/****** body ******/
body {
  clear: both;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #000;
  font-family: "游ゴシック", "游ゴシック体", YuGothic, Yu Gothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: 100%;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%; /* iPhone版Safariの文字サイズ対応 */
}
/****** link ******/
a {
  background: none;
  text-decoration: none;
}
a:link, a:visited, a:active {
  color: #000;
}
a:hover {
  color: #39F;
}
/****** etc ******/
.red {
  color: #F00;
}
.blue {
  color: #39F;
}
.gold {
  color: #C90;
}
.small {
  font-size: small;
}
.large {
  font-size: large;
}
.clear {
  clear: both;
}
hr {
  border: 0;
  border-top: 1px solid #666;
  margin: 30px 0;
  overflow: hidden;
}
hr.dot {
  border: 0;
  border-top: 1px dotted #666;
  margin: 30px 0;
  overflow: hidden;
}
.bottom10 {
  margin-bottom: 10px;
  overflow: hidden;
}
.bottom20 {
  margin-bottom: 20px;
  overflow: hidden;
}
.bottom30 {
  margin-bottom: 30px;
  overflow: hidden;
}
.bottom40 {
  margin-bottom: 40px;
  overflow: hidden;
}
.bottom50 {
  margin-bottom: 50px;
  overflow: hidden;
}
/****** #wrap ******/
#wrap {
  clear: both;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
#wrap a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
/****** header ******/
header {
  clear: both;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
.header_top {
  background-color: rgba(0, 0, 0, 0.9);
}
.header_common {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute; /*mainの上に重ねる*/
  z-index: 11;
}
header div {
  max-width: 90%;
  margin: 0 auto;
}
header div h1 {
  float: left;
  max-width: 150px;
}
header div h1 img {
  max-height: 90px;
}
header div h1 img {
  max-width: 100%;
  vertical-align: bottom;
}
/****** nav ******/
nav {}
.nav_icon {
  float: right;
  padding-top: 15px;
}
.nav_icon li {
  display: inline;
  padding-left: 5px;
}
.nav_icon li img {
  max-width: 100%;
}
.sp .nav_icon li img {
  max-height: 30px;
}
.tb .nav_icon li img {
  max-height: 30px;
}
.pc .nav_icon li:nth-child(1) img {
  max-height: 30px;
}
.pc .nav_icon li:nth-child(2) img {
  max-height: 50px;
}
.nav_menu {
  clear: both;
  padding: 0;
}
.nav_menu li {
  display: inline;
  font-size: 80%;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 0 5%;
}
.nav_menu li a {
  display: inline-block;
  color: #FFF;
}
.nav_menu li a:link, .nav_menu li a:visited, .nav_menu li a:active {
  padding: 5px 0 8px;
}
.nav_menu li a:hover {
  border-bottom: 3px solid #FFF;
  padding: 5px 0 5px;
}
/****** #main ******/
#main {
  clear: both;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.9);
}
.main_top {}
.main_top h2 {
  clear: both;
  overflow: hidden;
  max-width: 100%;
}
.main_top h2 img {
  max-width: 100%;
  vertical-align: bottom;
}
/****** .swiper ******/
/* swiper/set.css */
/****** #content ******/
#content {
  clear: both;
  overflow: hidden;
}
.content_top {
  background: linear-gradient(to bottom, #D3D7D6 0%, #D3D7D6 10%, #ECF0EF 10%, #ECF0EF 100%);
  /*背景2色*/
  /*margin-bottom: 30px;*/
  overflow: hidden;
}
.content_top_heading {
  padding: 30px 0 20px;
  max-width: 80px;
  margin: 0 auto;
}
.content_top_heading img {
  max-width: 100%;
}
.content_top ul {
  max-width: 70%;
  margin: 0 auto;
}
.content_top ul li {
  margin-bottom: 30px;
  overflow: hidden;
}
.content_top ul li a:link, .content_top ul li a:visited, .content_top ul li a:active {
  color: #000;
}
.content_top ul li a:hover {
  color: #666;
}
.content_top ul li dl {
  max-width: 380px;
  margin: 0 auto;
}
.content_top ul dt {
  margin-bottom: 10px;
  overflow: hidden;
}
.content_top ul dt img {
  max-width: 100%;
}
.content_top ul dd h3 {
  text-align: left;
  /*font-size: 90%;*/
  font-size: 100%;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 10px;
  overflow: hidden;
}
.nav_heading {
  float: left;
  font-size: 80%;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 1px;
  display: inline-block;
  border: 1px solid #000;
  padding: 10px 12px;
  margin-bottom: 10px;
  overflow: hidden;
}
a:hover .nav_heading {
  border: 1px solid #666;
}
.nav_copy {
  clear: both;
  text-align: left;
  /*font-size: 75%;*/
  font-size: 80%;
  letter-spacing: 1px;
  margin-bottom: 10px;
  overflow: hidden;
}
.nav_more {
  clear: both;
  text-align: left;
  /*font-size: 75%;*/
  font-size: 85%;
  font-weight: bold;
}
.nav_more img {
  vertical-align: middle;
}
/****** .pagetop ******/
.pagetop {
  clear: both;
  overflow: hidden;
}
.pagetop a {
  display: block;
  background-color: #403A36;
  overflow: hidden;
  padding: 10px 0;
}
.pagetop a img {
  vertical-align: bottom;
  max-height: 20px;
}
/****** footer ******/
footer {
  clear: both;
  background-color: rgba(0, 0, 0, 0.9);
  overflow: hidden;
  padding: 20px 0;
  color: #FFF;
}
address {
  max-width: 90%;
  margin: 0 auto;
  font-size: 85%;
  margin-bottom: 20px;
  overflow: hidden;
}
address a:link, address a:visited, address a:active {
  color: #FFF;
}
address a:hover {
  color: #CCC;
}
.copyright {
  max-width: 90%;
  margin: 0 auto;
  font-size: 75%;
  margin-bottom: 5px;
  overflow: hidden;
}
.ban {
  max-width: 90%;
  margin: 0 auto;
  font-size: 65%;
}
/****** 共通 ******/
.main_common {
  position: relative; /*headerの下に重ねる*/
  z-index: 10;
  top: 0;
  background: url(../img/main_back.jpg) top center no-repeat;
  background-size: cover;
}
.main_common h2 {
  clear: both;
  overflow: hidden;
  width: 70%;
  margin: 0 auto;
  padding-top: 50px;
}
.main_common h2 img {
  max-width: 100%;
  vertical-align: bottom;
}
/****** 西内の塗装 ******/
.content_paint {
  clear: both;
  overflow: hidden;
}
.content_paint h3 {
  clear: both;
  max-width: 90%;
  margin: 50px auto;
  overflow: hidden;
  font-size: 100%;
  font-weight: bold;
  letter-spacing: 2px;
}
.content_paint h4 {
  clear: both;
  text-align: left;
  font-size: 90%;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 10px;
  overflow: hidden;
}
.content_paint p {
  clear: both;
  text-align: left;
  font-size: 80%;
  letter-spacing: 2px;
  margin-bottom: 30px;
  overflow: hidden;
}
.paint01 {
  max-width: 90%;
  margin: 0 auto 30px;
  overflow: hidden;
}
.paint_copy {}
.paint_img {}
.paint_img img {
  max-width: 100%;
}
.paint02 {
  /*background:url(../img/paint02.jpg) top center no-repeat;
	background-size:cover;
	max-height:360px;*/
  margin-bottom: 30px;
  overflow: hidden;
}
.paint02 img {
  max-width: 100%;
}
.paint03 {
  max-width: 90%;
  margin: 0 auto 30px;
  overflow: hidden;
}
/****** 求人情報 ******/
.content_recruit {
  clear: both;
  overflow: hidden;
}
.content_recruit h3 {
  font-size: 100%;
  font-weight: bold;
  letter-spacing: 2px;
}
.content_recruit p {
  font-size: 80%;
  letter-spacing: 1px;
}
.content_recruit img {
  max-width: 100%;
}
.recruit_copy {
  clear: both;
  max-width: 90%;
  margin: 0 auto;
  overflow: hidden;
}
.recruit_copy h3 {
  padding-top: 50px;
  margin-bottom: 50px;
  overflow: hidden;
}
.recruit_copy p {
  text-align: left;
  margin-bottom: 50px;
  overflow: hidden;
}
.recruit01 {
  background-color: #D3D7D6;
  overflow: hidden;
}
.recruit_toso {
  clear: both;
  max-width: 90%;
  margin: 0 auto;
  overflow: hidden;
  padding: 30px 0;
}
.recruit_toso h4 {
  font-size: 180%;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 20px;
  overflow: hidden;
}
.recruit_toso p {
  margin-bottom: 20px;
  overflow: hidden;
}
.toso01 {
  text-align: left;
}
.toso02 {
  font-weight: bold;
}
.toso02 span {
  display: inline-block;
  border: 1px solid #000;
  padding: 10px;
  margin-bottom: 0px;
  overflow: hidden;
}
.toso03 {}
.recruit02 {
  background-color: #ECF0EF;
  overflow: hidden;
}
.recruit02 h4 {
  clear: both;
  overflow: hidden;
  width: 70%;
  margin: 0 auto 30px;
}
.recruit02 h4 img {
  max-width: 100%;
  vertical-align: bottom;
}
.recruit_staff {
  clear: both;
  max-width: 90%;
  margin: 0 auto;
  overflow: hidden;
}
.recruit_staff li {
  max-width: 260px;
  margin: 0 auto 30px;
  overflow: hidden;
}
.recruit_staff li dl dt {
  margin-bottom: 10px;
  overflow: hidden;
}
.recruit_staff li dl dd {
  text-align: left;
}
.recruit_staff li dl dd span {
  font-size: 70%;
  font-weight: bold;
  letter-spacing: 1px;
}
.recruit_staff li dl dd h5 {
  font-size: 100%;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 10px;
  overflow: hidden;
}
.recruit_staff li dl dd p {
  font-size: 80%;
  letter-spacing: 1px;
}
/****** 会社のこと ******/
.content_company {
  clear: both;
  overflow: hidden;
}
.company01 {
  max-width: 90%;
  margin: 50px auto 0;
  overflow: hidden;
}
.company_img {
  max-width: 450px;
  margin: 0 auto 30px;
  overflow: hidden;
}
.company_img img {
  max-width: 100%;
}
.company_copy {}
.company_copy h4 {
  clear: both;
  text-align: left;
  font-size: 90%;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 10px;
  overflow: hidden;
}
.company_copy p {
  clear: both;
  text-align: left;
  font-size: 80%;
  letter-spacing: 2px;
  margin-bottom: 30px;
  overflow: hidden;
}
.company_copy dl {
  margin-bottom: 30px;
  overflow: hidden;
}
.company_copy dl dt {
  float: left;
  padding-right: 20px;
  margin-bottom: 10px;
  overflow: hidden;
}
.company02 {
  position: relative;
  z-index: 100;
  top: 0;
  background: url(../img/company02.jpg) top center no-repeat;
  background-size: contain;
  background-color: #DBDEDD;
  overflow: hidden;
}
.company02 h3 {
  clear: both;
  overflow: hidden;
  width: 70%;
  margin: 0 auto 30px;
  padding-top: 2%;
}
.company02 h3 img {
  max-width: 100%;
  vertical-align: bottom;
}
.company_table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 90%;
  margin: 0 auto 50px;
  overflow: hidden;
}
.company_table th, .company_table td {
  width: 100%;
  display: block;
}
.company_table th {
  vertical-align: middle;
  border-top: 2px solid #FFF;
  border-bottom: 1px dotted #FFF;
  text-align: left;
  font-size: 90%;
  font-weight: bold;
  line-height: 1.0;
  padding: 3% 0;
}
.company_table td {
  vertical-align: middle;
  text-align: left;
  font-size: 90%;
  padding: 3% 0;
}
.company_table tr:last-child td {
  border-bottom: 2px solid #FFF;
}
.company_deed {
  max-width: 90%;
  margin: 0 auto 50px;
  overflow: hidden;
}
.company_deed li {
  margin: 0 auto 30px;
  overflow: hidden;
  vertical-align: top;
}
.company_deed li:nth-child(1) img {
  height: 240px;
}
.company_deed li:nth-child(2) img {
  width: 240px;
}
.company_deed li:nth-child(3) img {
  height: 240px;
}
.company_deed li span {
  display: block;
  font-size: 80%;
  letter-spacing: 1px;
}
/* top用記事インデックス */
.posts-index {
  max-width: 70%;
  margin: 2rem auto 1rem auto;
}
@media print, screen and (min-width:1000px) {
  .posts-index {
    width: 100%;
    max-width: 1000px;
  }
}
.posts-index li {
  padding: 1em 0;
  border-bottom: 1px solid #ccc;
}
.posts-index li:last-of-type {
  border-bottom: none;
}
.titleWrap {
  text-align: left;
  font-size: 0.75rem;
}
.titleWrap .title {
  font-weight: bold;
  letter-spacing: 1px;
}
.titleWrap .date {
  display: block;
}
.to-posts {
  max-width: 70%;
  margin: 0 auto 1rem auto;
}
.post .to-posts {
  margin: 0 0 2rem 0;
}
@media print, screen and (min-width:768px) {
  .to-posts {
    width: 70%;
    max-width: 1000px;
    margin: 0 auto 2rem auto;
  }
}
@media print, screen and (min-width:1000px) {
  .to-posts {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 2rem auto;
  }
}