@charset "UTF-8";

.overimg:hover{opacity: 0.5;}
.mt100{margin-top: 10%;}
.mb100{margin-bottom: 10%;}
.pt100{padding-top: 10%;}
.pb100{padding-bottom: 10%;}
.pt70{padding-top: 7%;}
.pb70{padding-bottom: 7%;}
.pb50{padding-bottom: 5%;}
.pb30{padding-bottom: 3%;}
.mt50{margin-top: 5%;}
.mt30{margin-top: 3%;}
.pt30{padding-top: 3%;}


.page_back{position: relative; background-color: #fdfaf3;}

.w90per{width: 90%;margin: 0 auto;}
.w90per-w80per{width: 90%;margin: 0 auto;}
.w98per{width: 98%;margin: 0 auto;}
.w80per{width: 80%;margin: 0 auto;}
.w68per{width: 68%;margin: 0 auto;}
.w56per{width: 56%;margin: 0 auto;}
.w48per{width: 48%;margin: 0 auto;}
.w40per{width: 40%;margin: 0 auto;}
.w28per{width: 28%;margin: 0 auto;}
.w30per{width: 30%;margin: 0 auto;}
.txt_justify{text-align: justify;}
.txt_red{color:#e83828;}
.page_header_ttl{font-size: 4.2em;text-align: center;font-family:'Montserrat', sans-serif;font-weight: bold;color: #226db6;}
.page_header_h3{font-size: 1.4em;}
.contents_h2{font-size: 2.0em;margin-bottom: 5%;margin-top: 5%;}


/************* 事業案内共通メニュー ******************/
.box-item03_menu01{width: 30%;display: inline-block;margin:1% 0 0;height: auto;padding: 0.6em 0 0.6em 2%;background-color: #4193bb;}

.active01{background-color: #006894;}
.arrow{
  width: 30%;
  position: relative;
  display: inline-block;
  color: #ffffff;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1em;
　padding: 1em 0 1em 1em;
  font-weight: bold;
}

.arrow::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3%;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 0.7em;   /* arrow size */
  height: 0.7em;  /* arrow size */
  border-top: 1px solid #ffffff;  /* thickness, color */
  border-right: 1px solid #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.box-item03_menu01 a:hover {
	color:#006894;
	text-decoration:none;
}

/************* リクルート共通メニュー ******************/
.flexbox05 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
  	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	}
/* 親要素の疑似要素 */
.flexbox05::after {
    content: "";
    display:block;
    width:18%; /* 子要素と同じ幅 */
}
.flexbox05::before { 
    content: ""; 
    display:block; 
    width:18%; /* 子要素と同じ幅 */
    order: 1; /* アイテムの並び順 */
}
.box-item05_menu01{width: 17%;display: inline-block;margin:1% 0 0;height: auto;padding: 0.6em 0 0.6em 1%;border-bottom: solid 1px #036eb8;}
.active01_re{background-color: #d2e0ed;}
.arrow_re{
  width: 17%;
  position: relative;
  display: inline-block;
  color: #036eb8;
  vertical-align: middle;
  text-decoration: none;
  font-size: 0.8em;
　padding: 1em 0 1em 1%;
	
}
.arrow_re::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3%;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 0.7em;   /* arrow size */
  height: 0.7em;  /* arrow size */
  border-top: 1px solid #036eb8;  /* thickness, color */
  border-right: 1px solid #036eb8;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.box-item05_menu01 a:hover {
	color:#006894;
	text-decoration:none;
}
/************* 実績一覧共通メニュー ******************/
/* flexbox フレックスボックス */
.flexbox04_menu {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
  	flex-wrap: wrap;
	width: 100%;
	margin: 3% auto;
	}
/* 親要素の疑似要素 */
.flexbox04_menu::after {
    content: "";
    display:block;
    width:24%; /* 子要素と同じ幅 */
}
.flexbox04_menu::before { 
    content: ""; 
    display:block; 
    width:24%; /* 子要素と同じ幅 */
    order: 1; /* アイテムの並び順 */
}
.box-item04_menu{width: 22%;display: inline-block;margin:1% 0 0;height: auto;padding: 0.6em 0 0.6em 2%;background-color: #036eb8;}
.arrow_02{
  width: 22%;
  position: relative;
  display: inline-block;
  color: #ffffff;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1em;
　padding: 1em 0 1em 1em;
  font-weight: bold;
}
.arrow_02::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3%;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 0.7em;   /* arrow size */
  height: 0.7em;  /* arrow size */
  border-top: 1px solid #ffffff;  /* thickness, color */
  border-right: 1px solid #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.message_back_blue{background-color: #d2e0ed;
padding: 4em 0;position: relative;z-index: -1000;}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 560px) {
.w90per{width: 100%;margin: 0 auto;}
.w90per-w80per{width: 80%;margin: 0 auto;}	
.w80per,.w68per,.w48per,.w28per,.w30per,.w56per,.w40per{width: 100%;margin: 0 auto;}
.f-left,.f-right{float:none;}
.page_header_ttl{font-size: 2.6em;text-align: center;font-family:'Montserrat', sans-serif;font-weight: bold;color: #226db6;line-height: 1.0;}
.page_header_h3{font-size: 1.4em;}
.contents_h2{font-size: 1.6em;line-height: 1.2em;}
	
/************* 事業案内共通メニュー ******************/
.box-item03_menu01{width: 98%;display: inline-block;margin:1% 0 0;height: auto;padding: 0.6em 0 0.6em 2%;background-color: #4193bb;}
.active01{background-color: #006894;}
.arrow{
  width: 98%;
  position: relative;
  display: inline-block;
  color: #ffffff;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1em;
　padding: 1em 0 1em 1em;
  font-weight: bold;
}
.arrow::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3%;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 0.7em;   /* arrow size */
  height: 0.7em;  /* arrow size */
  border-top: 1px solid #ffffff;  /* thickness, color */
  border-right: 1px solid #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.box-item03_menu01 a:hover {
	color:#006894;
	text-decoration:none;
}
/************* リクルート共通メニュー ******************/
.flexbox05 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
  	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	}
/* 親要素の疑似要素 */
.flexbox05::after {
    content: "";
    display:block;
    width:48%; /* 子要素と同じ幅 */
}
.flexbox05::before { 
    content: ""; 
    display:block; 
    width:48%; /* 子要素と同じ幅 */
    order: 1; /* アイテムの並び順 */
}
.box-item05_menu01{width: 47%;display: inline-block;margin:1% 0 0;height: auto;padding: 0.6em 0 0.6em 1%;border-bottom: solid 1px #036eb8;}
.active01_re{background-color: #d2e0ed;}
.arrow_re{
  width: 47%;
  position: relative;
  display: inline-block;
  color: #036eb8;
  vertical-align: middle;
  text-decoration: none;
  font-size: 0.8em;
　padding: 1em 0 1em 1%;
	
}
.arrow_re::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3%;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 0.7em;   /* arrow size */
  height: 0.7em;  /* arrow size */
  border-top: 1px solid #036eb8;  /* thickness, color */
  border-right: 1px solid #036eb8;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.box-item05_menu01 a:hover {
	color:#006894;
	text-decoration:none;
}	
.box-item04_menu{width: 48%;display: inline-block;margin:1% 0 0;height: auto;padding: 0.6em 0 0.6em 2%;background-color: #036eb8;}
.arrow_02{
  width: 46%;
  position: relative;
  display: inline-block;
  color: #ffffff;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1em;
　padding: 1em 0 1em 1em;
  font-weight: bold;
}
.arrow_02::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3%;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 0.7em;   /* arrow size */
  height: 0.7em;  /* arrow size */
  border-top: 1px solid #ffffff;  /* thickness, color */
  border-right: 1px solid #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
}