/*-----------------------------------
　KV
-----------------------------------*/
.kv {
	width: 100%;
	background-color: #00796a;
	position: relative;
	top: 0;
	text-align: center;
	color: #FFF;
	padding: 168px 0 60px 0;
}
.kv .corner1 {
	font-size: 28px;
	letter-spacing: 0.12em;
	font-family: Shin Go DeBold;
	font-style: italic;
	margin-bottom: 38px!important;
}
.kv .corner2 {
	font-size: 18px;
	margin-bottom: 32px!important;
}
.kv .corner3 {
	font-size: 15px;
}
@media screen and (max-width: 890px) {
.kv .corner2 {
	font-size: 16px;
	margin-bottom: 40px!important;
	white-space: nowrap;
}
.kv .corner3 {
	font-size: 14px;
	white-space: nowrap;
}
}

/*-----------------------------------
　mov tabs
-----------------------------------*/
.mov_area {
	width: 100%;
	line-height: 0;
	padding-bottom: 56.25%!important;
	background-color: #666;
	position: relative;
}
.mov_area iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
}
.tabs {
	width: 100%;
	background-color: #000;
	padding: 30px 0;
}
.tabs .inner {
	width: 90%;
	max-width: 890px;
	display: flex;
	justify-content:space-between;
	margin: 0 auto;
}
.tabs .inner a {
	font-size: 23px;
	font-family:  Shin Go Medium;
	font-style: italic;
	text-align: center;
	width: 30%;
	
	padding: 20px 0;
	
	display: inline-block;
    position: relative;
    z-index: 2;
}

.block {
	display: block;
}

@media screen and (max-width: 600px) {
.tabs .inner a {
	font-size: 14px;
}
}
.tabs .inner a::before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    transform: skewX(-10deg);
    background-color: #01624f;
    content: "";
}
.tabs .inner a {
	color: #FFF!important;
	transition:0.2s;
}
.tabs .inner a:hover::before { 
    background-color: #ecbc42;
	transition:0.2s;
}

/*-----------------------------------
　conts
-----------------------------------*/
.conts {
	width: 100%;
	background: url("../images/jp/about/recruit/new_graduate/work/work_back.png");
	background-position: top center;
	background-size: cover;
	padding-top: 90px;
	padding-bottom: 80px!important;
	text-align: center;
}
.conts .inner {
	width: 90%;
	max-width: 964px;
	margin: 0 auto;
}
.pic_area { width: 100%; margin-bottom: 26px!important; }
.pic_area img { width: 100% }
article h2 {
	font-size: 29px;
	font-family: Shin Go DeBold;
	font-style: italic;
	text-align: left;
	margin-bottom: 24px!important;
}
.conts .inner .works {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.conts .inner .works .work {
	width: 47%;
	text-align: left;
	margin-bottom: 46px!important;
}
.conts .inner .works .work .title {
	font-size: 21px;
	color: #01624f;
	font-family:  Shin Go Medium;
	margin-bottom: 10px!important;
}
.conts .inner .works .work ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding-top: 16px;
}
.conts .inner .works .work li {
	text-align: center;
	width: 32.5%;
	margin-right: 0.8%;
	margin-bottom: 7px!important;
	background-color: #01624f;
	font-size: 13px;
	color: #FFF;
	font-family: Shin Go Medium;
	line-height: 1.0;
	padding: 9px 0;
}
@media screen and (max-width: 840px) {
.conts .inner .works { display: block }
.conts .inner .works .work { width: 100% }
.conts .inner .works .work li { font-size: 11px }
}


.person {
	border: 3px solid #cc0000;
	display: none;
}
.person ul {
	width: 100%;
	display: block; 
}
.person li { width: 50%;line-height: 0; float:left;}
.person li img { width: 100%;display: block; }

@media screen and (max-width: 840px) {
.person ul { display: block }
.person li { width: 100% }
}


/*-----------------------------------
　開閉ボタン
-----------------------------------*/
.bt_detail {
	display: block;
	width: 100%;
	margin: 0 auto 80px auto;
	padding: 14px 0;
	font-size: 20px;
	font-family: Clarimo UD PE Bold;
	color: #FFF!important;
	text-align: center;
	text-decoration: none;
	outline: none;
	letter-spacing: 1px;
	
	position: relative;
	z-index: 2;
	background-color:#cc0000;
	border: 3px solid #cc0000;
	overflow: hidden;
}
.bt_detail::before,
.bt_detail::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
	background-color:#FFF;
}
.bt_detail,
.bt_detail::before,
.bt_detail::after {
  box-sizing: border-box;
  transition: all 0.5s;
}
.bt_detail:hover {
	color: #cc0000!important;
}
.bt_detail::after {
  top: 100%;
  width: 100%;
  height: 100%;
}
.bt_detail:hover::after {
  top: 0;
}
@media screen and (max-width: 740px) {
.bt_detail {
	font-size: 18px;
	width: 100%;
}
}
.sw_off { display: none }

#flg01,#flg02,#flg03 {
	display: block;
    padding-top: 70px;
    margin-top: -70px;
}