@charset "utf-8";
/* 共通のスタイルシート */
/******************** 全体設定 ********************/

* {
	margin:0;
	padding:0;
}
ul, li {
	list-style: none;
}
body {
	font-family:"メイリオ", Meiryo;
	color:#444444;
	font-size:88%;
	background-position: center 45px;
	background-repeat: no-repeat;
	background-size: auto;
	line-height: 1.3;
}
body img {
	vertical-align:bottom;
	max-width: 100%;
	height: auto;
}
.head-area {
	background: #fff;
	width: 100%;
	max-width: 100%;
}
article, header, footer, nav, section, h1, dl, dt, dd {
	display: block;
}
a {
	text-decoration:none;
	color:#666666;
}
a:hover, .current {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
/* clearfix */
/*.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;*/
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
/*}
*/
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
/*ロゴはオンマウスでも薄くしない*/
header a:hover, footer #footer-navi a:hover {
	opacity: 1;
}
header #header-utility li a:hover, footer #footer-navi-utility li a:hover {
	opacity: 0.7;
}
/******************** レイアウト ********************/

body {
	width:100%;
	max-width:1900px;
	margin:0 auto;
	overflow-x: hidden;
}
/******************** ヘッダー ********************/
.head-area {
	border-bottom: dotted 1px #ccc;
}
header {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#header-logo {
	display:flex;
	align-items:center;
	font-weight: bold;
}
#header-utility {
	margin: 5px;
}
/******************** コンテンツ ********************/

article {
	background: #fff;
}

/******************** フッター ********************/
footer {
	/* margin-left: -500%;
	margin-right: -500%;
	padding-left: 500%;
	padding-right: 500%; */
}
#footer-navi-utility {
	margin: 0 auto;
	text-align: center;
}
#footer-navi-utility p {
	margin-top: 2%;
}
/*最初分岐ページ*/
#branch .category {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 3%;
}
#branch ul li.fresh {
	border: 1px solid #005bac;
	background: url(../../images_top/bg05.gif);
}
#branch ul li.career {
	border: 1px solid #f18a33;
	background: url(../../images_top/bg06.gif);
}
#branch ul li.fresh .category {
	background: url(../../images_top/blue_arrow.gif) no-repeat left center;
	padding-left: 20px;
}
#branch ul li.career .category {
	background: url(../../images_top/orange_arrow.gif) no-repeat left center;
	padding-left: 20px;
}
#branch .logo2 {
	border-radius: 5px;
	background: #fff;
	padding: 0% 6%;
	width: 86%;
	text-align: center;
	margin-top: 18%;
}
#branch .logo {
	border-radius: 5px;
	background: #fff;
	padding: 6%;
	width: 86%;
	text-align: center;
	margin-top: 5%;
}
#branch #footer-navi {
	padding-top: 3%;
	border-top: dotted 1px #999;
}
.btn_entry span {
	background: url(../images/arrow02.gif) no-repeat 15px 17px #005bac;
	padding: 15px 11%;
	border: 1px solid #005bac;
	color: #fff;
}
.btn_entry a {
	display: block;
	margin: 25px 0;
}

/* // -----------------------------------------------
2020.03.09 新レイアウト
--------------------------------------------------- */

.top2_wrap{
	padding: 100px 0 180px;
	max-width: 1050px;
	margin: 0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.top2_wrap *{
	box-sizing: border-box;
}
.top2_block{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow:     row wrap;
	flex-flow:         row wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content:     space-between;
	justify-content:         space-between;
	-webkit-align-items: stretch;
	-ms-align-items:     stretch;
	align-items:         stretch;
	padding: 0 30px 0 0;
}
.top2_block_new{
	background: #f1f7f9;
}

.top2_block_career{
	background: #f7f5f2;
	margin-top: 30px;
}
.top2_block_contents{
	-webkit-flex-grow: 2;
	-ms-flex-grow: 2;
	flex-grow: 2;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow:     column wrap;
	flex-flow:         column wrap;
	-webkit-justify-content: center;
	-ms-justify-content:     center;
	justify-content:         center;
	padding-left: 40px;
}
.top2_block_contents_ttl{
	font-size: 25px;
	margin-bottom: 25px;
}
.top2_block_contents_txt{
	font-size: 15px;
	line-height: 1.5;
}
.top2_block_contents_txt span{
	font-size: 86%;
	display: inline-block;
	text-indent: -7px;
}
.top2_block_link{
}
.top2_block_link dl{
	width: 320px;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow:     row wrap;
	flex-flow:         row wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content:     space-between;
	justify-content:         space-between;
	-webkit-align-items: center;
	-ms-align-items:     center;
	align-items:         center;
}

.top2_block_link dt{
	font-size: 18px;
}

.top2_block_link dd{
}

.top2_block_link dd a{
	display: block;
	width: 230px;
	height: 110px;
	line-height: 110px;
	box-shadow: 0 2px 0 rgba(50, 54, 59, 0.07);
	font-size: 16px;
	padding-right: 10px;
	text-align: center;
	color: #005bac;
	border: 1px solid #acbccb;
	background: #fff;
	position: relative;
}
.top2_block_link dd a:before{
	content:" ";
  position: absolute;
  display: block;
  width: 1px;
  height: 8px;
  right: 20px;
  top: 50%;
	margin-top: -5px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
  background-color: #005bac;
  z-index: 1;
  transition: .5s;
}
.top2_block_link dd a:after{
	content:" ";
  position: absolute;
  display: block;
  width: 1px;
  height: 8px;
  right: 20px;
  top: 50%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  background-color: #005bac;
  z-index: 1;
  transition: .5s;
}

.top2_block_career .top2_block_link dl{
	height: 50%;
	padding: 13px 0;
}
.top2_block_career .top2_block_link dl + dl{
	border-top: 1px dotted #a5a29f;
}
.top2_block_career .top2_block_link dd{
	height: 100%;
}
.top2_block_career .top2_block_link dd a{
	height: 100%;
	line-height: 70px;
	border-color: #f79b09;
	color: #f79b09;
	box-shadow: 0 2px 0 rgba(37, 22, 9, 0.07);
}
.top2_block_career .top2_block_link dd a:before,
.top2_block_career .top2_block_link dd a:after{
  background-color: #f79b09;
}
@media all and (max-width: 1210px)  {
	.top2_block{
		padding-right: 15px;

	}
	.top2_block_img{
		width: 26vw;
	}
	.top2_block_contents{
		padding-left: 20px;
	}
	.top2_block_contents_ttl{
		font-size: 2.7vw;
		margin-bottom: 15px;
	}
	.top2_block_contents_txt{
		font-size: 1.6vw;
	}
	.top2_block_link dl{
		width: 26vw;
	}
	.top2_block_career .top2_block_link dl{
		padding: 10px 0;
	}
	.top2_block_link dd a{
		height: 90px;
		line-height: 90px;
	}
	.top2_block_career .top2_block_link dd a{
		line-height: calc( (26vw * 0.67) / 2 - 20px );
	}
	.top2_block_link dt{
		font-size: 1.9vw;
	}
	.top2_block_link dd a{
		width: 18.2vw;
		font-size:  1.9vw;
	}
}