@charset "UTF-8";

/* topImage
--------------------------------------------------------------------*/
#headImage {
  background: url(../company/img/topimg_company.jpg) center no-repeat;
  background-size: cover;
}




/* トップメッセージ
--------------------------------------------------------------------*/
.gokui {
  background: url(../img/bg_gridBlue.gif) repeat;
}
.gokui .containar {
  margin-bottom: 3em;
  position: relative;
}
.gokui .containar::after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
.gokui .containar .floatLeft {width: 400px;}
.gokui_waku {
  position: absolute;
  top: 8vh;
  right: 0;
  width: 70%;
}
.gokui_waku h3 {
  margin-bottom: 0;
  background: transparent;
  border-left: none 0;
  line-height: 0.8;
  font-size: 180%;
  color: #f39700;
}
.gokui_waku p {
  padding: 1em;
  background: #fff;
  border: solid #f39700 5px;
  border-radius:10px;
  -webkit-border-radius:10px;
}
.gokui_waku p::after{
  content: "";
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 40px solid #f39700;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	left: -50px;
	top: 30%;
	margin-top: -10px;
}
#message .floatRight {width: 335px;}
.signArea {
  text-align: right;
  font-family:Georgia, "Times New Roman", Times,  YuMincho, "Hiragino Mincho ProN", serif;
  font-weight: bolder;
}
.signArea img {
  width: 13vw;
  vertical-align: middle;
}

@media only screen and (max-width:768px){
  .gokui .containar {padding: 0 0 34vw;}
  .gokui .containar .floatLeft {
    width: 100%;
    min-width: 400px;
  }
  .gokui_waku {
    top: auto;
    bottom: 3vh;
    width: 97%;
  }
  .gokui_waku h3 {
    padding-left: 2em;
    font-size: 150%;
  }
  .gokui_waku p {
    padding: 0.5em;
    font-size: 4vw;
  }
  .gokui_waku p::after{
    border-top: 3vw solid transparent;
    border-right: 3vw solid transparent;
    border-bottom: 8vw solid #f39700;
    border-left: 3vw solid transparent;
    left: 1em;
    top: -1vw;
    margin-top: -4vw;
  }
  #message .floatRight {display: none;}
  .signArea img {width: 43vw;}
}




/* 会社概要
--------------------------------------------------------------------*/
#outline .table table td.img {width: 45%;}
#outline .table table td.img::after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
#outline .table table td.img .floatLeft,
#outline .table table td.img .floatRight {
  width: 48%;
  text-align: right;
  font-size: 75%;
}

@media only screen and (max-width:768px){
  #outline .table table td.img {width: auto;}
}




/* 沿革
--------------------------------------------------------------------*/
#history {}




/* 資格
--------------------------------------------------------------------*/
.certificationBox {
  padding: 1.5em 1.5em 0;
  border: solid #0e3480 3px;
  border-radius: 10px;
  -webkit-border-radius:10px;
}
.certificationBox::after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
.certificationBox h4 {color: #0e3480;}
.certificationBox .floatLeft {width: 36%;}
.certificationBox .floatRight {
  width: 62%;
	display: flex;
	justify-content: center;
}
.certificationBox .floatRight .box {
  margin-right: 1em;
  width: calc(90%/5);
  font-size: 80%;
}
.certificationBox .floatRight .box:nth-child(4) img {height: 151px;}
.certificationBox .floatRight .box:nth-child(5) {margin-right: 0;}
.certificationBox .floatRight .box .img {
  border: solid #ddd 1px;
  line-height: 0;
}
.certificationBox .floatRight .box p::before {
  content: "▲";
  color: #0e3480;
}

@media only screen and (max-width:768px){
  .certificationBox {padding: 1em 1em 0;}
  .certificationBox .floatLeft,
  .certificationBox .floatRight {
    float: none;
    width: auto;
  }
  .certificationBox .floatRight {
    display: inherit;
  }
  .certificationBox .floatRight .box {
    float: left;
    width: 30.5%;
    font-size: 3vw;
  }
  .certificationBox .floatRight .box:nth-child(4) img {height: 33.5vw;}
}




/* アクセス
--------------------------------------------------------------------*/
#access iframe {margin-bottom: 2em;}




/* 品質方針、環境方針
--------------------------------------------------------------------*/
#quality_environment h4 {
  padding-left: 0.5em;
  border-left: solid #999 5px;
}
#quality_environment .box {margin-bottom: 3em;}
#quality_environment ul {
  margin-left: 1.5em;
  margin-bottom: 3em;
}
#quality_environment ul li {
  margin-bottom: 1em;
}
#quality_environment ul li:first-letter {
  margin-left: -1.5em;
  color: #0e3480;
  font-weight: bold;
}