@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------------
	main_slide
---------------------------------------------------------------------*/
#main_slide { margin-bottom: 40px; }
#main_slide .bx-wrapper { margin: 0 auto; }
#main_slide .bx-viewport {
	border: none;
	box-shadow: none;
	left: 0;
}
#main_slide img { width: 100%; }

/*---------------------------------------------------------------------
	top_about
---------------------------------------------------------------------*/

/*---------------------------------------------------------------------
	top_recruit
---------------------------------------------------------------------*/
.top_recruit {
  position: relative;
  max-width: 1200px;
  margin: 0 auto 30px;
}
.top_recruit .top_recruit_inner {
  background: url(../../image/top_recruit_bg.jpg) top center;
  background-size: cover;
  background-repeat: no-repeat;
  /*position: absolute;
  left: 0;
  bottom: 10px;*/
  background-color: rgba( 0, 0, 0, 0.35 );
  opacity: ;
  width: 100%;
  padding: 15px 0;
  margin: 0 auto;
}
.top_recruit .lead_img {
  text-align: center;
  margin-bottom: 15px;
}
.top_recruit .lead_text {
  /*float: right;
  width: 660px;*/
}
.top_recruit .lead_text h3 {
  text-align: center;
  margin-bottom: 15px;
}
.top_recruit_btn {
  width: 270px;
  margin: 8px auto 0;
}
.top_recruit_btn a {
  position: relative;
  display: block;
  background-color: #fff;
  text-align: center;
  color: #000;
  text-decoration: none;
  border: 1px solid #bbb;
  padding: 10px;
}

/*---------------------------------------------------------------------
	top_about
---------------------------------------------------------------------*/
.top_about {
  background: url(../image/sp_top_about_bg.jpg) center 0;
  background-size: cover;
  margin-bottom: 30px;
}
.top_about .top_about_inner { padding: 25px 15px 110px; }
.top_about .lead_img {
  margin: 0 auto;
  width: 270px;
}
.top_about .lead_text {
  background-color: rgba( 255, 255, 255, 0.55 );
  opacity: ;
  padding: 30px 20px;
  margin: 0 auto;
  position: relative;
  top: 95px;
}
.top_about .lead_text h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.top_about .lead_text p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}
.top_about_btn {
  width: 270px;
  margin: 0 auto;
}
.top_about_btn a {
  position: relative;
  display: block;
  background-color: #fff;
  text-align: center;
  color: #000;
  text-decoration: none;
  border: 1px solid #bbb;
  padding: 10px;
}

/*---------------------------------------------------------------------
	top_navi
---------------------------------------------------------------------*/
.top_navi {
  padding: 0 60px;
  margin: 0 -1px 60px 0;
}
.top_navi .item { margin-bottom: 20px; }
.top_navi .item a {
  display: block;
  margin-right: 1px;
}
.top_navi .item a img { width: 100%; }
/*.top_navi .item_01 a {
  background: url(../image/btn/btn_company.jpg) 0 0 no-repeat;
  background-size: cover;
}
.top_navi .item_01 a:hover {
  background: url(../image/btn/btn_company.jpg) 0 -599px no-repeat;
  background-size: cover;
}
.top_navi .item_02 a {
  background: url(../image/btn/btn_business.jpg) 0 0 no-repeat;
  background-size: cover;
}
.top_navi .item_02 a:hover {
  background: url(../image/btn/btn_business.jpg) 0 -599px no-repeat;
  background-size: cover;
}
.top_navi .item_03 a {
  background: url(../image/btn/btn_recruit.jpg) 0 0 no-repeat;
  background-size: cover;
}
.top_navi .item_03 a:hover {
  background: url(../image/btn/btn_recruit.jpg) 0 -599px no-repeat;
  background-size: cover;
}*/

.effect01_img a:hover img {
  opacity: 1;
  transform: scale(1.05);
  transition: .5s;
}

/*---------------------------------------------------------------------
	top_topics
---------------------------------------------------------------------*/
.top_topics {
  margin: 30px auto 50px;
}
.top_topics .ttl {
  position: relative;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: normal;
  text-align: center;
  border-bottom: 1px solid #bbb;
  margin-bottom: 25px;
}
.top_topics .ttl .en_ttl {
  position: relative;
  top: -10px;
	font-size: 16px;
	font-size: 1.6rem;
  color: #036;
}
.top_topics .ttl .en_ttl::after {
  position: absolute;
  content: '';
  display: inline-block;
  background: url(../../image/icon/icon_arrow_down_01.png);
  left: 12px;
  top: 32px;
  width: 18px;
  height: 9px;
}
.top_topics .list_topics {
  background: url(../../image/list_topics_bg.png);
  padding: 30px 20px;
}
.top_topics .inner {
  position: relative;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 10px;
}
/*.top_topics .inner::before {
  position: absolute;
  content: '';
  display: inline-block;
  background: url(../../image/topics_bg.png);
  background-repeat: repeat-y;
  left: -16px;
  top: -14px;
  width: 369px;
  height: 306px;
}
.top_topics .inner::after {
  position: absolute;
  content: '';
  display: inline-block;
  background: url(../../image/topics_bg.png);
  background-repeat: repeat-y;
  top: 0;
  right: -15px;
  top: -14px;
  width: 369px;
  height: 306px;
}*/
.top_topics dl {
  display: table;
  background-color: #fff;
  width: 100%;
  padding: 10px 15px;
  margin-bottom: 5px;
}
.list_topics dl dt {
  width: 160px;
  padding-top: 2px;
}
.list_topics dl dt .date {
  display: inline-block;
  vertical-align: middle;
}
.list_topics dl dd {}
.list_topics dl dd a {
  position: relative;
  display: block;
  transition: .3s;
  -webkit-transition: .3s;
}
.list_topics dl dd a::after {
  position: absolute;
  border-bottom: 2px solid #036;
  border-right: 2px solid #036;
	content: "";
  height: 6px;
  right: 0;
  top: -5px;
  transform: rotate(-45deg);
  width: 6px;
  transition: all 0.3s ease 0s;
}
.list_topics dl dd a:hover::after {
  transform: rotate(315deg);
  border-bottom: 2px solid #c00;
  border-right: 2px solid #c00;
}
.top_topics .link_list {
  text-align: center;
}
.top_topics .link_list a {
  background-color: #fff;
	text-decoration: none;
  color: #000;
	display: inline-block;
	position: relative;
  border: 1px solid #bbb;
	padding: 11px 85px;
}
.top_topics .link_list a::before,
.top_about_btn a::before,
.top_recruit_btn a::before {
	position: absolute;
	margin: auto;
	content: "";
	vertical-align: middle;
	top: 37%;
	right: 7px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 6px solid transparent;
	border-left: 6px solid #036;
	transition: .5s;
	-webkit-transition: .5s;
}
.top_topics .link_list a:hover,
.top_topics .link_list a:focus,
.top_topics .link_list a:active,
.top_about_btn a:hover,
.top_about_btn a:focus,
.top_about_btn a:active,
.top_recruit_btn a:hover,
.top_recruit_btn a:focus,
.top_recruit_btn a:active {
  color: #fff;
  background-color: #036;
  transition: .5s;
  -webkit-transition: .5s;
}
.top_topics .link_list a:hover::before,
.top_topics .link_list a:focus::before,
.top_topics .link_list a:active::before,
.top_about_btn a:hover::before,
.top_about_btn a:focus::before,
.top_about_btn a:active::before,
.top_recruit_btn a:hover::before,
.top_recruit_btn a:focus::before,
.top_recruit_btn a:active::before {
	border-left: 6px solid #fff;
}

/*---------------------------------------------------------------------
	bnr_bottom
---------------------------------------------------------------------*/
.bnr_bottom {
  text-align: center;
  padding: 0 15px;
}
.bnr_bottom ul li {  margin-bottom: 15px; }