/*/////////////////
	common
/////////////////*/
.container{ padding-top: 70px;}
.contents{
	padding: 100px 0;
}
.btn-sp-menu{
	background: #0a35e4;
	color: #FFF;
	font-size: 10px;
	text-align: center;
}
.hide{display: none;}
@media (max-width:1200px) {
	.container{ padding-top: 59px;}
}
.sp-view{display: none;}
@media (max-width:800px) {
	.pc-view{display: none;}
	.container{ padding-top: 0px;}
	.contents{padding: 50px 0;}
	.sp-view{display: block;}
}
/*/////////////////
	h
/////////////////*/
h1{
	width: 100%;
	text-align: center;
	margin-bottom: 60px;
	background-repeat: no-repeat;
	background-position:center top;
	-webkit-background-size: auto 100%;
	     -o-background-size: auto 100%;
	        background-size: auto 100%;
}
@media (max-width:750px) {
	h1{
		margin-bottom: 30px;
	}
}

/*/////////////////
	header
/////////////////*/
header{
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 70px;
	background: #0a35e4;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	z-index: 90;
}
header::before{
	content:"";
	position: absolute;
	width: 50%;
	height: 100%;
	background: #FFF;
}
header nav{
	position: relative;
	width: 98%;
	margin: 0 auto;
	max-width: 1300px;
}
.header-logo-block{
	position: relative;
	float: left;
	width: 100%;
	max-width: 250px;
	margin-right: 80px;
	-webkit-transition: .4s;
	-webkit-transition-property: opacity;
	-ms-transition: .4s;
	-moz-transition-property: opacity;
	-moz-transition-duration: .4s;
}
.header-logo{
	display: block;
	width: 100%;
	height: 60px;
	background: url(../images/header-logo.png) no-repeat center center;
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
	-webkit-transition: .4s;
	-webkit-transition-property: opacity;
	-ms-transition: .4s;
	-moz-transition-property: opacity;
	-moz-transition-duration: .4s;
}
.header-logo:hover{
	opacity: 0.7;
}
@media (max-width:1200px) {.header-logo-block{width: 200px; max-width: 200px; margin-right: 70px;}}
@media (max-width:980px) {.header-logo-block{width: 160px; max-width: 150px; margin-right: 50px;}}
@media (max-width:930px) {.header-logo-block{width: 90px; max-width: 90px; margin-right:20px;}}
@media (max-width:910px) {.header-logo-block{width: 90px; max-width: 90px; margin-right:0px;}}
@media (max-width:800px){
	.header-logo-block{
		display: none;
	}
}
.header-nav{
	position: relative;
	float: left;
}
.header-nav::after{
	content:"";
	position: absolute;
	top: 0;
	left: -70px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 70px 70px;
	border-color: transparent transparent #0a35e4 transparent;
}
.header-item{
	position: relative;
	float: left;
	padding: 15px 0;
	height: 70px;
	background: #0a35e4;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.header-item:first-child{display: none;}
.header-item.active::before{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #FFF;
	margin: 0 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.header-link{
	position: relative;
	display: inline-block;
	padding: 0px 25px 17px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 2px;
	color: #FFF;
	text-decoration: none;
	-webkit-transition: .4s;
	-webkit-transition-property: opacity;
	-ms-transition: .4s;
	-ms-transition-property: opacity;
	-moz-transition-property: opacity;
	-moz-transition-duration: .4s;
}
.header-link:hover{opacity: 0.7;}
.dropdownGroup{cursor: default;}
.dropdownGroup .header-link:hover{opacity: 1;}

.header-link::after{
	content:"";
	position: absolute;
	top: 0px;
	right: 0px;
	width: 2px;
	height: 20px;
	background: #FFF;
	-webkit-transform: rotate(40deg);
	    -ms-transform: rotate(40deg);
	        transform: rotate(40deg);
}
.header-item.last .header-link::after{width: 0;}
.header-link small{
	position: absolute;
	display: inline-block;
	bottom: 0;
	right: 0;
	width: 100%;
	font-size: 11px;
	font-weight: 400;
	text-align: right;
	color: #FFF;
	padding-right: 30px;
	letter-spacing: 1px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.dropdown-inner{
	position: absolute;
	top: 100%;
	width: 100%;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition-property: height;
	-moz-transition-duration: .4s;
}
.dropdown-link{
	display: inline-block;
	width: 100%;
	padding: 10px;
	text-decoration: none;
	color: #FFF;
	background: #242424;
	border-top: 1px solid #FFF;
	text-align: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition-property:background;
	-moz-transition-duration: .4s;
}
.dropdown-list:first-child .dropdown-link{border-top: 0px;}
.dropdown-link:hover{
	background: #0a35e4;
}

/*///////////////*/
.archive-navi{
	position: relative;
	width: 100%;
	background: #F1F1F1;
	border-bottom: 1px solid #dedede;
	z-index: 10;
}
.container-interview .archive-navi{
	border-bottom: 0px;
}

.archive-navi-list{
	width: 100%;
	text-align: center;
}
.archive-navi-item{
	display: inline-block;
	background: url(../images/list-line.png) no-repeat left center;
	-webkit-transition: .2s;
	-ms-transition: .2s;
	-moz-transition-property:background;
	-moz-transition-duration: .2s;
}
.archive-navi-item:hover{
	background-color: #e6e6e6;
}

.archive-navi-item:first-child{
	background-image: none;
}
.archive-navi-item:nth-child(2){
	background-image: none;
}


.archive-navi-item a{
	position: relative;
	display: inline-block;
	text-decoration: none;
	padding: 25px 50px;
	font-size: 17px;
	line-height: 20px;
	font-weight: 550;
	color: #242424;
	letter-spacing: 2px;
	background: url(../images/arrow.png) no-repeat center 85%;
	background-size: 14px auto;
	-webkit-transition: .2s;
	-ms-transition: .2s;
	-moz-transition-property:background;
	-moz-transition-duration: .2s;
}
.archive-navi-item a:hover{
	background-position: center 90%;
}

.archive-navi-item.active a{
	color: #FFF;
	background: #0a35e4;
}
.archive-navi-item.active a:hover{
	background: #0a35e4;
}

.archive-navi-item.active a::before{
	content:"";
	position: absolute;
	bottom: -14px;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 10px 0 10px;
	border-color: #0a35e4 transparent transparent transparent;
	line-height: 0px;
	_border-color: #0a35e4 #0a35e4 #0a35e4 #0a35e4;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#0a35e4');
}
.archive-navi-item.active + .archive-navi-item{
	background-image: none;
}
.dropdownGroup.drop .dropdown-inner{
	max-height: 300px;
}
.archive-navi-select{
	display: none;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
@media (max-width:1000px) {
	.archive-navi-item a{
		padding: 25px 29px;
	}
}

@media (max-width:800px) {
	.archive-navi{
		position: relative;
		width: 100%;
		min-height: 40px;
	}
	.archive-navi-list{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		max-height: 30px;
		overflow: hidden;
		-webkit-transition: .5s;
		-ms-transition: .5s;
		-moz-transition-property:background;
		-moz-transition-duration: .5s;
		z-index: 10;
	}
	.archive-navi-list.op{
		max-height: 300px;
		box-shadow:rgba(163, 163, 163, 0.541176) 0px 7px 6px -2px;
		-webkit-box-shadow:rgba(163, 163, 163, 0.541176) 0px 7px 6px -2px;
		-moz-box-shadow:rgba(163, 163, 163, 0.541176) 0px 7px 6px -2px;
	}
	.archive-navi-select{
		display: block;
		position: relative;
		width: 100%;
		line-height: 40px;
		font-weight: 600;
		background: url(../images/arrow.png) no-repeat 95% center;
		background-size: 14px auto;
		letter-spacing: 1px;
	}
	.archive-navi-item{
		position: relative;
		width: 100%;
		background: rgba(255,255,255,0.95);
		border-bottom: 1px solid #dedede;
	}
	.archive-navi-item a{
		width: 100%;
		font-size: 14px;
		padding: 10px 0;
		background: none;
	}
	.archive-navi-item.active a::before{
		display: none;
	}
}



/*///////////////*/
@media (min-width:800px) {
	.dropdownGroup:hover .dropdown-inner{
		max-height: 300px;
	}
	.dropdownGroup:hover .header-link,
	.dropdownGroup:hover .header-link small{color: #000;}
}
@media (max-width:1200px) {
	header,.header-item{height: 60px;}
	.header-link::after{width: 1px;}
	.header-link{padding: 0px 13px 14px; font-size: 15px;}
	.header-link small{padding-right: 15px; letter-spacing: 0;}
	.header-nav::after{
		left: -45px;
		border-width: 0 0 60px 45px;
	}
}
@media (max-width:800px) {
	header{
		right: -50%;
		width: 50%;
		height: 100%;
		box-shadow:rgba(18, 18, 18, 0.2) 3px 0px 13px 3px inset;
		-webkit-box-shadow:rgba(18, 18, 18, 0.2) 3px 0px 13px 3px inset;
		-moz-box-shadow:rgba(18, 18, 18, 0.2) 3px 0px 13px 3px inset;
		-webkit-transition-duration: .4s;
		-webkit-transition-property: right;
		-ms-transition: .4s;
		-ns-transition-property: right;
		-moz-transition-property: right;
		-moz-transition-duration: .4s;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	header::before{display: none;}
	.header-nav{width: 90%; float: none; margin: 0 auto; padding-bottom: 100px;}
	.header-item.active::before{display: none;}
	.header-item{width: 100%;height:auto; border-bottom: 1px dotted #F47979; float: none;}
	.header-link{width: 100%; padding: 15px 0;}
	.header-link::after{display: none;}
	.header-link small{text-align: left; font-size: 9px;}
	.header-item:first-child{display: block;}
	.open header{
		right: 0;
	}
	.header-nav::after{display: none;}
	.dropdown-link small{font-size: 11px;}
	.dropdown-inner{position: relative;}
	.dropdown-nav{padding: 10px 0;}
	.dropdown-link{background: none; text-align: left; border-top: 1px dotted #F47979;}
	.btn-sp-menu{display: block;}
}
/*/////////////////
	footer
/////////////////*/
footer{
	position: relative;
	width: 100%;
	text-align: center;
	background: #0a35e4;
	color: #FFF;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
footer nav{
	position: relative;
}
.footer-nav{
	margin: 0 auto;
	max-width: 700px;
	overflow: hidden;
}
.footer-item{
	float: left;
	padding: 15px 0px 15px 20px;
	display: inline-block;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition-property: padding;
	-moz-transition-duration: .4s;
}
.footer-item.dropBlock:hover{
	padding-bottom: 49px;
}
.footer-link{
	position: relative;
	font-size: 16px;
	letter-spacing: 1px;
	color: #FFF;
	text-decoration: none;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition-property: opacity;
	-moz-transition-duration: .4s;
}
.dropBlock{cursor: default;}
.footer-link:hover{
	opacity: 0.7;
}
.dropBlock .footer-link:hover{
	opacity: 1;
}
.dropBlock:hover .footer-link{
	color: #000;
}
.footer-link::before{
	content:"";
	position: absolute;
	top: 0;
	left:0;
	visibility: hidden;
	width: 100%;
	height: 35px;
	background: url(../images/ic-footer.png) no-repeat center bottom;
	background-size:15px auto;
}
.dropBlock:hover .footer-link::before{
	visibility: visible;
}
.footer-link::after{
	content:"";
	position: absolute;

	bottom: 0;
	right: -10px;
	width: 2px;
	height: 20px;
	background: #FFF;
	-webkit-transform: rotate(25deg);
	    -ms-transform: rotate(25deg);
	        transform: rotate(25deg);
}
.footer-item.last .footer-link::after{width: 0;}
.footer-copyright{
	display: inline-block;
	padding: 10px 0;
	font-size: 10px;
}

.footer-inner-nav{
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	max-height: 0;
	background: #242424;
	text-align: left;
	overflow: hidden;
	text-align: center;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition-property: height;
	-moz-transition-duration: .4s;
}
.dropBlock:hover .footer-inner-nav{
	max-height: 100px;
}
.footer-inner-item{
	display: inline-block;
	padding: 10px 0;
}
.footer-inner-link{
	position: relative;
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
	padding: 0 15px;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition-property: height;
	-moz-transition-duration: .4s;
}
.footer-inner-link:hover{
	color: #0a35e4;
}
.footer-inner-link::after{
	content:"";
	position: absolute;
	top: 0;
	right: -5px;
	width: 2px;
	height: 15px;
	background: #FFF;
	-webkit-transform: rotate(25deg);
	    -ms-transform: rotate(25deg);
	        transform: rotate(25deg);
}
.footer-inner-item:last-child .footer-inner-link::after{
	width: 0;
}
@media (max-width:750px) {
	footer nav{display: none;}
}
/*/////////////////
	mainvisual
/////////////////*/
.mainvisual{
	position: relative;
	width: 100%;
	height: 350px;
	background: #000;
}
@media (max-width:750px) {
	.mainvisual{
		height: 200px;
	}
}