@charset "UTF-8";

#page_header{background-image:url("../img/header_back_pc.webp");}
#page_header_career{background-image:url("../img/header_back_career_pc.webp");}
.w90per{width: 90%;margin: 0 auto;}
.a_blue{display: inline-block;}
.mt100{margin-top: 100px;}
.mt-3per{margin-top: -3%;}

.flexbox_03{display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:center;
  	flex-wrap: wrap;
	width: 97%;
	gap:3%;
	margin: 0 auto;}
/* section_01 */
.company_info{width: 1000px;margin: 0 auto;padding-bottom: 5em;}
.company_info dl {
  display: flex;
  flex-wrap: wrap;
	width: 100%;
	margin: 5% 0 0%;
	padding: 0;
}
.company_info dt {
  width: 14%;
  padding: 20px 3%;
 margin: 0 0 0 0;
  display: flex;
  align-items: center;
  justify-content: left;
	border-bottom: solid 2px #036eb8;
	font-size: 1em;
	font-weight: 600;
}

.company_info dt span{font-size: 0.84em;font-weight: normal;}
.company_info dd {
  width: 62%;
  padding: 20px 5% 20px 3%;
  margin: 0 0 0 0;
	border-bottom: solid 2px #9fa0a0;
	font-size: 1em;
	text-align: left;
	line-height: 1.8em;
}


.form_box{background-color: #e4f3f9;padding: 5%;border-radius: 15px;}
.shikaku-left{width: 48%;float: left;}
.shikaku-right{width: 48%;float: right;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
#page_header{background-image:url("../img/header_back_pc.webp");height: 300px;padding-top:  10%;}
	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image:url("../img/header_back_sp.webp");height: 150px;padding-top:  5%;background-position: right;}
.w90per{width: 100%;margin: 0 auto;}
.box-item02{width: 48%;display: block;margin:1% 0 1%;}
.box-item03{width: 48.5%;display: block;margin:1% 0 3%;}

/* section_01 */	

.company_info{
width: 100%;
  height: auto;
margin: 0 auto;
}
.company_info dl {
  display: flex;
  flex-wrap: wrap;
	width: 100%;
	margin: 10% auto 0%;
	padding: 0;
}
.company_info dt {
  width: 96%;
  padding: 0.6% 2% 0.6%;
  margin: 0 0 0px 0;
display: flex;
  align-items: center;
  justify-content: left;
border-bottom: none;
border-right: none;
	background-color: #d3e1f2;
	font-size: 0.84em;
}
.company_info dd {
  width: 96%;
  padding: 1% 2% 2%;
  margin: 0 0 0px 0;
border-bottom: solid 1px #9fa0a0;
font-size: 0.84em;
}
.shikaku-left{width: 100%;float: none;}
.shikaku-right{width: 100%;float: none;}
}