@charset "UTF-8";

#page_title{
	width:100%;
	/*height:300px;
  display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Noto Sans", "YakuHanJP_Narrow", sans-serif;*/
}
/*
#page_title h2 {
  font-size: 2.2rem;
  line-height: 1;
  text-align: center;
	color: #fff;
	margin-bottom: 0.5em;
	font-weight: 900;
	text-shadow: 3px 3px 6px #999, -3px -3px 6px #999, -3px 3px 6px #999, 3px -3px 6px #999;
	font-style: italic;
}
#page_title h2 span.small {
  font-size: 0.7em;
}
#page_title h2 span.subtitle {
  font-size: 14px;
  margin-top: 1em;
  align-items: center;
  display: flex;
  justify-content: center;
	color: #b4751e;
	font-style: italic;
	font-weight: 400;
	text-shadow: none;
}
#page_title h2 .subtitle::before,
#page_title h2 .subtitle::after {
  background-color: #b4751e;
  content: "";
  height: 1px;
  width: 50px;
}
#page_title h2 .subtitle::before {margin-right: 1em;}
#page_title h2 .subtitle::after {margin-left: 1em;}

#second.mission #page_title{background:url("../img/mission/main.jpg") no-repeat; background-size: 100% auto;}
#second.architecture #page_title{background:url("../img/architecture/main.jpg") no-repeat;background-size: 100% auto;}
#second.steel #page_title{background:url("../img/steel/main.jpg") no-repeat;background-size: 100% auto;}
#second.company #page_title{background:url("../img/company/main.jpg") no-repeat;background-size: 100% auto;}
*/
h3 {
  font-size: 1.5em;
  text-align: left;
	margin-bottom: 3%;
	font-weight: 500;
	color:#6a533b;
	font-family: 'Gilda Display', cursive, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.5;
}

h4 {
  font-size: 1.5em;
  text-align: left;
	margin-bottom: 0.3em;
	font-weight: 600;
}

h5 {
  font-size: 1.4em;
  text-align: left;
	margin-bottom: 0.3em;
	font-weight: 500;
	color: #b4751e;
}



/*mission*/
#second.mission{}
#second.mission .flexBox{
	margin-bottom: 5%;
}
#second.mission .flexBox .text{
	width: 75%;
}
#second.mission .flexBox .photo{
	width: 20%;
	margin-left: 5%;
}



/*architect*/
#second.architect{}
#second.architect .boxBorder{
	padding:3% 0;
	border-top: 1px double #6a533b;
	width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
}
#second.architect .boxBorder.last{border-bottom: 1px double #6a533b;}
#second.architect .boxBorder .archive_text {
	width:27%;
}
#second.architect .boxBorder .archive_photo {
	width:68%;
	margin-left: 5%;
}
#second.architect .boxBorder .archive_photo > img {
    width: calc( ( 100% - 40px ) / 2 );
    margin-right: 20px;
}
#second.architect .boxBorder .archive_photo > img:nth-child(2n) {margin-right: 0;}
#second.architect .boxBorder p{text-align: justify;text-justify: inter-ideograph;}



/*steel*/
#second.steel{}
#second.steel .boxBorder{
	padding:3% 0;
	border-top: 1px double #6a533b;
	width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
}
#second.steel .boxBorder.last{border-bottom: 1px double #6a533b;}
#second.steel .boxBorder .archive_text {
	width:27%;
}
#second.steel .boxBorder .archive_photo {
	width:68%;
	margin-left: 5%;
}
#second.steel .boxBorder .archive_photo > img {
    width: calc( ( 100% - 40px ) / 2 );
    margin-right: 20px;
    margin-bottom: 20px;
}
#second.steel .boxBorder .archive_photo > img:nth-child(2n) {margin-right: 0;}
#second.steel .boxBorder p{text-align: justify;text-justify: inter-ideograph;}



/*company*/
#second.company .two{ margin-top: -50px;}
#second.company .boxBorder{
	padding:3% 0;
	border-top: 1px double #6a533b;
	width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
	margin: auto;
}
#second.company .boxBorder > div{width: 30%;}
#second.company .boxBorder > div p{padding-right: 7%;}
#second.company .boxBorder > iframe{width: 68%;}
#second.company #history .two{margin-top: 0;}
#second.company .two dl{
	width:100%;
	text-align: left;
	margin: 0;
	padding: 0;
	position: relative;
}

#second.company .two dt{
	width: 8em;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	clear:both;
	position:relative;
}

#second.company .two dd {
	margin: 0 0 0 9em;
	position:relative; 
	overflow:hidden;
	text-align: left;
}



/*recruit*/
#second.recruit{
}

#second.recruit #wrapper{
  padding: 8% 0 0 0;
}

#second.recruit #boshu{
	background: url("../img/index/recruit.jpg") no-repeat top center;
	background-size:cover;
	min-height: 400px;
  align-items: center;
  display: flex;
  justify-content: center;
	margin-bottom: 130px;
}
#second.recruit #boshu h3{
	color: #fff;
	font-family: "Noto Sans", "YakuHanJP_Narrow", sans-serif;
	font-weight: 900;
  font-size: 2em;
	text-shadow: 3px 3px 6px #666, -3px -3px 6px #666, -3px 3px 6px #666, 3px -3px 6px #666;
	text-shadow: 3px 3px 6px #666, -3px -3px 6px #666, -3px 3px 6px #666, 3px -3px 6px #666;
	margin-bottom: 0.5em;
  text-align: center;
}
#second.recruit #boshu .button{
	font-size: 1em;
}
#second.recruit #boshu .button a {
  background-color: #b4751e;
  border: #b4751e solid 1px;
  border-radius: 30px;
}
#second.recruit #boshu .button a:hover {
  color: #b4751e;
  background-color: #fff;
}

/*voice01*/
#second.recruit #voice01{
	background-color: #ddf1fa;
	position: relative;
	padding: 90px 0 0 0;
	border-top: 1px solid #6a533b;
}

#second.recruit #voice01 h3{
	max-width: 1000px;
	width: 100%;
	background-color: #3fa531;
	color: #fff;
	font-family: "Noto Sans", "YakuHanJP_Narrow", sans-serif;
  font-size: 1.8em;
	font-weight: 400;
	margin-bottom: 0.5em;
	padding: 25px 0;
  text-align: center;
	position: absolute;
	top:-50px;
}

#second.recruit #voice01 .containar{
	padding-bottom: 60px;
	border-bottom: 1px solid #6a533b;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
	margin: auto;
	align-items:flex-end;
}

#second.recruit  .containar .message{
	width: 58%;
	font-size: 1.1rem;
	font-weight: 500;
}

#second.recruit .containar .message .prof{
  position: relative;
	margin-bottom: 5%;
}
#second.recruit .containar .message .prof img{
	width: 100%;
	height: auto;
}
#second.recruit #voice01 .containar .message .prof figcaption{
  position: absolute;
  bottom: 15px;
  right: 20px;
	text-align: left;
}
#second.recruit .containar .message .prof figcaption span.name{ font-size: 1.4rem;font-weight: 700;}
#second.recruit .containar .message .prof figcaption span.job{ font-size: 1.1rem; color: #b4751e; margin-left: 0.8em;}
#second.recruit .containar .photograph{
	width: 35%;
}


/*voice02*/
#second.recruit #voice02{
	background-color: #f1efe0;
	padding: 60px 0 0 0;
}
#second.recruit #voice02 .containar{
	padding-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
	margin: auto;
	border-bottom: 1px solid #6a533b;
	flex-direction:row-reverse;
	align-items:flex-end;
}
#second.recruit #voice02 .containar .message .prof figcaption{
  position: absolute;
  bottom: 15px;
  left: 20px;
	text-align: left;
}


/*voice01*/
#second.recruit #oneday{
	background-color: #f2f6e3;
	padding: 60px 0 180px 0;
}
#second.recruit .button {}
#second.recruit .button a{
  font-weight: 600;
  font-size: 1.1em;
  padding: 0.4em 3em;
}




#second.requirements .button a{
	width: 90%;
  font-weight: 600;
  font-size: 1.2em;
  padding: 0.5em 5%;
}


#second.contact{}
#second.contact .policy h3{
	text-align: center;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	color: #000;
	font-weight: 400;
	margin-bottom: 1%;
}
.policy_scroll{
	background-color: #efefef; padding: 2% 2%;}

.policy_scroll .scrollBar{
  overflow-y: scroll;
	height:200px;
}




#second.privacy_policy{}
#second.privacy_policy h3{
  text-align: left;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	color: #000;
	margin-bottom: 5px;
  font-size: 1.2em;
	line-height: 1.4;
}



/* ここからタブ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 960px) {

}


/* ここからスマホ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/

@media only screen and (max-width: 481px) {



#page_title{
	width:100%;
	/*
	height:200px;*/
  /*display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Noto Sans", "YakuHanJP_Narrow", sans-serif;*/
}
	/*
#page_title h2 {
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
	color: #fff;
	margin-bottom: 0.5em;
	font-weight: 900;
	text-shadow: 3px 3px 6px #999, -3px -3px 6px #999, -3px 3px 6px #999, 3px -3px 6px #999;
	font-style: italic;
	
}
#page_title h2 span.small {
  font-size: 0.7em;
}
#page_title h2 span.subtitle {
 font-size: 14px;
  margin-top: 1em;
  align-items: center;
  display: flex;
  justify-content: center;
	color: #b4751e;
	font-style: italic;
	font-weight: 400;
	text-shadow: none;
}
#page_title h2 .subtitle::before,
#page_title h2 .subtitle::after {
  background-color: #b4751e;
  content: "";
  height: 1px;
  width: 30px;
}
#page_title h2 .subtitle::before {margin-right: 1em;}
#page_title h2 .subtitle::after {margin-left: 1em;}

#second.mission #page_title{background:url("../img/mission/mainS.jpg") no-repeat;}
#second.architecture #page_title{background:url("../img/architecture/mainS.jpg") no-repeat;}
#second.steel #page_title{background:url("../img/steel/mainS.jpg") no-repeat;}
#second.company #page_title{background:url("../img/company/mainS.jpg") no-repeat;}
*/
h3 {
  font-size: 1.25em;
  text-align: left;
	margin-bottom: 3%;
	font-weight: 500;
	color:#6a533b;
	font-family: 'Gilda Display', cursive, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.3;
}

h4 {
  font-size: 1.17em;
  text-align: left;
	margin-bottom: 0.2em;
	font-weight: 600;
}

h5 {
  font-size: 1.1em;
	font-weight: 500;
	margin-bottom: 0.2em;
}

/*mission*/
#second.mission{}
#second.mission .flexBox{
	margin-bottom: 5%;
	display: block;
}
#second.mission .flexBox .text{
	width: 100%;
	margin-bottom: 5%;
}
#second.mission .flexBox .photo{
	width: 50%;
	margin-right: 25%;
	margin-left: 25%;
}
	#second.mission .sign{
		width: 100%;
		height: auto;
	}



/*archtect*/
#second.architect{}
#second.architect .boxBorder{
	padding:3% 0;
	border-top: none;
	width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
}
#second.architect .boxBorder.last{border-bottom: none;}
#second.architect .boxBorder .archive_text {
	width:100%;
}
#second.architect .boxBorder .archive_photo {
	width:100%;
    margin:2% 0;
}
#second.architect .boxBorder .archive_photo > img {
    width:50%;
    margin: 0;
	display: inline;
	float:left;
	height: auto;
}
#second.architect .boxBorder .archive_photo > img:nth-child(2n) {margin: 0;}
#second.architect .boxBorder p{text-align: justify;text-justify: inter-ideograph;}



/*steel*/
#second.steel{}
#second.steel .boxBorder{
	padding:3% 0;
	border-top: none;
	width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
}
#second.steel .boxBorder.last{border-bottom: none;}
#second.steel .boxBorder .archive_text {
	width:100%;
}
#second.steel .boxBorder .archive_photo {
	width:100%;
    margin:2% 0;
}
#second.steel .boxBorder .archive_photo > img {
    width:50%;
    margin: 0;
	display: inline;
	float:left;
	height: auto;
}
#second.steel .boxBorder .archive_photo > img:nth-child(2n) {margin: 0;}
#second.steel .boxBorder .archive_photo > img:nth-child(n+2) {margin-bottom: 20px;}
#second.steel .boxBorder p{text-align: justify;text-justify: inter-ideograph;}
#second.steel #layout img{width: 100%;}

#second.company h4{ text-align: center;}
#second.company caption{ text-align: center; caption-side: bottom; margin: 20px 0;}
#second.company .two{ margin-top: 0;}
#second.company .mgB100{ margin-bottom: 10%;}
#second.company .two{
	width: 100%;
	border-top: 2px solid #6a533b;
	border-bottom: 2px solid #6a533b;
	border-collapse: collapse;
}
#second.company .two th{
	border-bottom: none;
	width: auto;
	display: block;
	font-size:105%;
	word-break: break-all;
	white-space: normal;
	font-weight:400;
	padding:3% 0 0 0;
	margin:0;
	text-align:left;
	color: #898989;
}
#second.company .two td{
	border-bottom: 1px solid #d6d6d6;
	padding: 12px 0 12px 16px;
	text-align: left;
	vertical-align: top;
	width: auto;
	display: block; 
	padding:0 0 3% 0;
}
	
#second.company .boxBorder{
	padding:5% 0;
	border-top: 1px double #6a533b;
	width:100%;
  display: block;
	margin: auto;
}

#second.company .boxBorder > div{width: 100%;}
#second.company .boxBorder > div p{padding-right: 0; text-align: center; padding-bottom: 5%;}
#second.company .boxBorder > iframe{width: 100%;}
	
	
	
/*recruit*/
#second.recruit{}
#second.recruit p.alignL{
	font-size: 0.92em;
}

#second.recruit #boshu{
	background: url("../img/index/recruitS.jpg") no-repeat top center;
	background-size:100% auto;
	min-height: 180px;
  align-items: center;
  display: flex;
  justify-content: center;
	margin: 5% 5% 15% 5%;
}	
#second.recruit #boshu h3{
	color: #fff;
  font-size: 1.5em;
	text-shadow: 2px 2px 4px #695f5d, -2px -2px 4px #695f5d, -2px 2px 4px #695f5d, 2px -2px 4px #695f5d;
	margin-bottom: 0.5em;
  text-align: center;
}

/*voice01*/
#second.recruit #voice01{
	background-color: #ddf1fa;
	position: relative;
	padding: 90px 0 0 0;
	border-top: 1px solid #6a533b;
}

#second.recruit #voice01 h3{
	max-width: inherit;
	width: 100%;
	background-color: #3fa531;
	color: #fff;
	font-family: "Noto Sans", "YakuHanJP_Narrow", sans-serif;
  font-size: 1.4em;
	font-weight: 400;
	margin-bottom: 0.5em;
	padding: 15px 0;
  text-align: center;
	position: absolute;
	top:-30px;
}

#second.recruit #voice01 .containar{
	width: 100%;
	padding:0 0 60px 0;
  display: block;
  /*
	border-bottom: 1px solid #6a533b;
	flex-wrap: wrap;
  justify-content:space-between;
	align-items:flex-end;*/
	margin: 0;
}

#second.recruit .containar .message{
	width: 90%;
	padding: 5% 0;
	font-size: 1rem;
	margin: 0 5%;
}

#second.recruit .containar .message .prof{
  position: relative;
	margin-bottom: 5%;
}
#second.recruit .containar .message .prof img{
	width: 100%;
	height: auto;
	margin-bottom: 5%;
}
#second.recruit #voice01 .containar .message .prof figcaption{
  position: relative;
  bottom: 0;
  right: 0;
	text-align: left;
}
#second.recruit .containar .message .prof figcaption span.name{ font-size: 1.1rem;font-weight: 700;}
#second.recruit .containar .message .prof figcaption span.job{ font-size: 1em; color: #b4751e; margin-left: 0.8em;}
#second.recruit .containar .photograph{
	width: 100%;
}


/*voice02*/
#second.recruit #voice02{
	background-color: #f1efe0;
	padding: 60px 0 0 0;
}
#second.recruit #voice02 .containar{
	width: 100%;
	padding:0 0 60px 0;
  display: block;
	border-bottom: none;
  /*
	border-bottom: 1px solid #6a533b;
	flex-wrap: wrap;
  justify-content:space-between;
	align-items:flex-end;*/
	margin: 0;
}
#second.recruit #voice02 .containar .message .prof figcaption{
  position: relative;
  bottom: 0;
  left: 0;
	text-align: left;
}


/*oneday*/
#second.recruit #oneday{
	background-color: #f2f6e3;
	padding: 0 0 0 0;
}
#second.recruit #oneday .containar{
	width: 100%;
	margin: 0;
	padding: 0;
}
	

#second.requirements table.two{
	width: 100%;
	border-bottom: none;
}
#second.requirements .two th {
	width: auto;
	display: block;
	font-size:100%;
	word-break: break-all;
	white-space: normal;
	padding:3% 0 0 0;
	margin: 0;
	text-align:left;
	border-bottom: none;
	color: #898989;
	font-weight: 700;
}

#second.requirements .two td {
	width: auto;
	display: block; 
	padding:0 0 3% 0;
	margin:0 0 3% 0;
}


#second.contact{}
#second.contact .button a {
	text-indent:inherit !important;
	text-align: center;
	padding-right: 0;
	margin-top: 3%;
	margin-bottom: 3%;
}

.policy_scroll{
	padding: 3% 4%;
	margin-bottom: 1%;
	
	font-size: 0.95em;}

.policy_scroll .scrollBar{
  overflow-y: scroll;
	height:200px;
}



	
}