@charset "utf-8";
/*===================================================== 
 * Last Up Date: 2022/02/24
=====================================================*/
/**----- contents -------
1:common
2:ご挨拶
3:会社概要
4:沿革
5:組織
6:事業所・工事事務所アクセス
----------------------*/
/*== 1:common ==================*/
#company h2{
 font-size: 3.2rem;
 padding-bottom: 10px;
 margin-bottom: 40px;
 border-bottom: #0050a4 1px solid;
}
#company h3{
 color: #0050a4;
 font-size: 2.8rem;
 margin-bottom: 30px;
}
#company .wrapper.low p{
 font-size: 1.6rem;
}
#company .wrapper .cont_inner{
 padding: 0 70px 0;
}
@media screen and (max-width: 1023px) {
}
@media screen and (max-width: 750px) {
 #company h2{
  font-size: 2.0rem;
  padding-bottom: 3vw;
  margin-bottom: 5vw;
 }
 #company h3{
  font-size: 1.8rem;
  margin-bottom: 5vw;
 }
 #company p{
  font-size: 1.4rem;
 }
 #company .wrapper .cont_inner{
  padding: 0;
 }
}
/*==============================*/
/*== 2:ご挨拶 greeting==========*/
#company #greeting p{
 padding-bottom: 30px;
}
#company #greeting .ceo{
 width: 290px;
 margin: 20px 0 0 auto;
}
#company #greeting .ceo p {
 margin-top: 5px;
}
#company #greeting .ceo p span{
 display: block;
 font-size: 2.4rem;
 text-align: right;
}
@media screen and (max-width: 750px) {
 #company #greeting p{
  padding-bottom: 5vw;
 }
 #company #greeting .ceo{
  width: 38.66vw;
  margin: 1vw auto 0;
 }
 #company #greeting .ceo p {
  font-size: 1.2rem;
  margin-top: 1vw;
 }
 #company #greeting .ceo p span{
  font-size: 1.4rem;
  text-align: right;
 }
}
/*==============================*/
/*== 3:会社概要 outline=========*/
#company #outline dl{
 font-size: 1.6rem; 
 border-top: #9d9d9d 1px solid;
 border-left: #9d9d9d 1px solid;
}
#company #outline dl dt{
 width: 25%;
 font-weight: bold;
 padding: 10px 15px 10px 35px;
 background: #f7f5f6;
 border-bottom: #9d9d9d 1px solid;
 border-right: #9d9d9d 1px solid;
 box-sizing: border-box;
}
#company #outline dl dd{
 width: 75%;
 padding: 10px 20px 10px; 
 border-bottom: #9d9d9d 1px solid;
 border-right: #9d9d9d 1px solid;
 box-sizing: border-box;
}
#company #outline dl dd ul li{
 margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
 #company #outline dl{
  font-size: 1.4rem;
 }
 #company #outline dl dt{
  width: 100%;
  font-weight: bold;
  padding: 1.3vw 2vw 1.3vw 4vw;
 }
 #company #outline dl dd{
  width: 100%;
  padding: 1.3vw 2vw 13.vw;
 }
 #company #outline dl dd ul li{
  margin-bottom: 1vw;
 }
}
/*==============================*/
/*== 4:沿革 history=============*/
#company #history dl{
 font-size: 1.6rem; 
 border-top: #9d9d9d 1px solid;
 border-left: #9d9d9d 1px solid;
}
#company #history dl dt{
 width: 25%;
 font-weight: bold;
 padding: 10px 15px 10px 35px;
 background: #f7f5f6;
 border-bottom: #9d9d9d 1px solid;
 border-right: #9d9d9d 1px solid;
 box-sizing: border-box;
}
#company #history dl dd{
 width: 75%;
 padding: 10px 20px 10px; 
 border-bottom: #9d9d9d 1px solid;
 border-right: #9d9d9d 1px solid;
 box-sizing: border-box;
}
@media screen and (max-width: 750px) {
 #company #history dl{
  font-size: 1.4rem;
 }
 #company #history dl dt{
  width: 100%;
  font-weight: bold;
  padding: 1.3vw 2vw 1.3vw 4vw;
 }
 #company #history dl dd{
  width: 100%;
  padding: 1.3vw 2vw 13.vw;
 }
}
/*==============================*/
/*== 5:組織 organization========*/
#company #organization figure{
 width: 570px;
 margin: auto;
}
@media screen and (max-width: 750px) {
 #company #organization figure{
  width: 100%;
 }
}

/*==============================*/
/*== 6:事業所・工事事務所アクセス
 access========================*/
#company #access h3{
 width: 100%;
 color: #000;
 font-size: 2.0rem;
 margin-bottom: 10px;
}
#company #access .office{
 padding: 10px 0 30px;
 border-top: #9d9d9d 1px solid;
}
#company #access .office:last-child{
 border-bottom: #9d9d9d 1px solid;
}
#company #access .address {
 width: 60%;	
 -webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
 -webkit-align-items: flex-end;
 -ms-align-items: flex-end;
 align-items: flex-end;
}
#company #access figure{
 width: 278px;
 margin-right: 20px;
}
#company #access .map{
 width: 400px;
 height: 250px;
}
#company #access .map iframe{
 width: 100%;
 height: 250px;
}
#company #access a{
 margin-top: 5px;
}
#company #access a[href$=".pdf"]::before{
 content: "PDF";
 color: #FF0004;
 font-size: 1.2rem;
 padding: 0 3px;
 border: #FF0004 1px solid;
 margin-right: 5px;
}
@media screen and (max-width: 750px) {
 #company #access .office{
  padding: 3vw 0 6vw;
 }
 #company #access .office:first-child{
  border-toop: none;
 }
 #company #access .address {
  width: 100%;	
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
 }
#company #access figure{
 width: auto;
 margin: 0 auto 3vw;
}
 
 #company #access .map{
  width: 100%;
  margin-top: 5vw;
 }
}
/*==============================*/