@charset "utf-8";

/*------------------------------------------------------------------------------
Date: 2014-0X-XX
Copyright (C) XXX. All Rights Reserved.
------------------------------------------------------------------------------*/

/* ----------------------------------------

content

---------------------------------------- */

#content {
    padding: 30px 0 60px;
    background-image: url(/recruit/graduates/files/img/common/bg2.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
}
#content .mv {
    padding-top: 10px;
    position: relative;
    max-width: 980px;
    margin: 0 auto 50px;
}
#content .mv.mb0{
	margin-bottom: 0;
}
#content .mv_wrap {
    position: relative;
}
#content .mv  img {
    width: 100%;
    height: auto;
}

#content .mv #topicPath {
    left: 0;
    top: -20px;
    color: #fff;
}
#content .mv #topicPath a{
    color: #fff;
}

#content .secContainer {
    margin:0 10px;
}
#content .secContainer .secWrapper {
    max-width:810px;
    color:#000;
		/* margin:0 auto 30px;*/
    position:relative;
    box-sizing: border-box; 
    background-color: #FFF;
}

#content .secContainer .secWrapper h3{
    margin:5px auto 25px; 
		text-align: center;
}
#content .secContainer .secWrapper h3 img {
    max-width: 100%;
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:768px) {
    #content {
        padding: 10px 0;
    }
    #content .mv {
        padding-top:20px;
        margin: 0 auto 30px;
    }
    #content .mv img.mes_txt {
        width: 94%;
        left: 3%;
    }
    #content .mv #topicPath {
        position: relative !important;
        top: -22px;
        color: #fff;
        /*height: 2em;*/
        margin-left: 3%;
    }
    #content #topicPath li {
        display: inline-block;
    }
    #content .secContainer .secWrapper {
        padding: 0;
        background-image: none;
    }
    .secImg img,
		.secImg{
        width: 100%;
    }
    .secTxt{
        position:relative;
        box-sizing: border-box;
        padding: 0 20px ;
    }
	}
	@media only screen and (max-width:767px) {
		#content .secContainer .secWrapper h3{
        position:relative;
        padding:0;
        margin:0 auto 30px;
    }
		#content .secContainer .secWrapper h3 img{
        box-sizing:border-box;
        width:100%;
        padding:0;
        margin:auto;
    }
    #content .secContainer .secWrapper h3 img.p0{padding:0;}
		#content .secContainer .secWrapper h3 img.w90sp{ width:90%;}
		#content .secContainer .secWrapper h3 img.w80sp{ width:80%;}
		#content .secContainer .secWrapper h3 img.w70sp{ width:70%;}
		#content .secContainer .secWrapper h3 img.w60sp{ width:60%;}
		#content .secContainer .secWrapper h3 img.w50sp{ width:50%;}
	}

/* ------------------------------------------------------------------

 TNA

------------------------------------------------------------------ */

/* introduction*/
#content .secContainer .secWrapper.secTnaIntro01 {
    background: #0063b2 url(/recruit/graduates/files/img/project/bg01.png) no-repeat top left;
		color: #fff;
		margin:0 auto;
		position:relative;
    z-index:1;
}
#content .secContainer .secWrapper.secTnaIntro01 .inner{
    padding:70px 25px 20px;
}
	
/*02*/
#content .secContainer .secWrapper.secTnaIntro02{
	margin:0 auto 30px;
	position:relative;
  z-index:2;
}
#content .secContainer .secWrapper.secTnaIntro02 .inner{
    padding: 0px 25px 0;
		margin-top:-55px; 
		position: relative;
}
#content .secContainer .secWrapper.secTnaIntro02 .secTxt p{
	width: 64%;
	margin-bottom: 70px;
}
#content .secContainer .secWrapper.secTnaIntro02 .fig{
	margin-top: -300px;
	margin-right: -25px;
	height: 446px;
	float: right;
}
.bnrL{
  max-width: 810px;
  margin: 0 auto 30px;
	background: #fff;
}
.bnrL a:hover img{
	opacity: .7;
}
@media only screen and (max-width:768px) {
		#content .secContainer .secWrapper.secTnaIntro01.top{
			background-size:90%;
		}
    #content .secContainer .secWrapper.secTnaIntro01 .inner{
			padding:40px 0 20px;
		}
    #content .secContainer .sec01 h3 img {
        max-width: 260px;
    }
    /*sec02*/
    #content .secContainer .secWrapper.secTnaIntro02 .inner {
        padding: 0;
				margin-top:0; 
    }
		#content .secContainer .secWrapper.secTnaIntro02 .secTxt p{
			width: 100%;
			margin-bottom:0;
		}
		#content .secContainer .secWrapper.secTnaIntro02 .fig{
			text-align: right;
			width: 100%;
			margin-top: 0;
			margin-right:0;
			height: auto;
			float: none;
		}
		#content .secContainer .secWrapper.secTnaIntro02 .fig img{
			width:70%;
			float: right;
		}
		.bnrL{
			max-width:100%;
		}
		.bnrL img{width:100%;}
}


/* story
--------------------------------------------------------------------------------------*/
/* memberList */
.memberList{
	max-width: 980px;
	margin: 0 auto 30px;
}
.memberList ul{
	overflow: hidden;
}
.memberList ul li{
	float:left;
}
.memberList ul li img{
	width:100%;
}
#content .secContainer .secWrapper.secTnaStory,
#content .secContainer .secWrapper.secNoairStory{
	margin:0 auto;
	position:relative;
	z-index:1;
}
#content .secContainer .secWrapper.secTnaStory.top {
	background: #fff url(/recruit/graduates/files/img/project/bg03.png) no-repeat top left;
	padding-top:70px;
}
#content .secContainer .secWrapper.secTnaStory h3,
#content .secContainer .secWrapper.secNoairStory h3{
	margin-top:-50px;
	margin-bottom: 35px;
}
#content .secContainer .secWrapper.secTnaStory.top h3,
#content .secContainer .secWrapper.secNoairStory.top h3{
	margin-top: 0;
	margin-bottom: 46px;
}
#content .secContainer .secWrapper.secTnaStory.bgBl,
#content .secContainer .secWrapper.secNoairStory.bgBl{
	background-color: #0063b2;
	color: #fff;
}
#content .secContainer .secWrapper.secTnaStory.bgWt,
#content .secContainer .secWrapper.secNoairStory.bgWt{
	background-color: #fff;
}
#content .secContainer .secWrapper.secTnaStory .inner,
#content .secContainer .secWrapper.secNoairStory .inner{
	padding:0 25px 45px;
}
.txtBl{
	color: #0063b2;
	font-weight: 700;
}
.txtYlw{
	color: #f9bf14;
	font-weight: 700;
}
.imgR{
	float: right;
	margin: 0 0 20px 20px;
}
.imgR img{
	display: block;
}
.mb10{
	margin-bottom:10px;
}
.mb30{
	margin-bottom:30px;
}
.txtL{
	float:left;
	width:57%;
}
.bnrStory{
  padding: 30px;
	text-align: right;
}
.bnrStory a:hover img{
	opacity: .7;
}
@media only screen and (max-width:1024px) {
	#content .secContainer .secWrapper.secTnaStory.top,
	#content .secContainer .secWrapper.secNoairStory.top{
			padding-top:70px;
	}
	#content .secContainer .secWrapper.secTnaStory.top h3,
	#content .secContainer .secWrapper.secNoairStory.top h3{
		margin-bottom:30px;
	}
	#content .secContainer .secWrapper.secTnaStory .inner,
	#content .secContainer .secWrapper.secNoairStory .inner{
		padding:0 0 30px;
	}
	#content .secContainer .secWrapper.secTnaStory >img,
	#content .secContainer .secWrapper.secNoairStory >img{
		width:100%; margin-top:-2px;
	}
	/* memberList */
		.memberList{
			max-width:100%;
			margin: 0 auto 30px;
			background-color: #000;
		}
		.memberList ul{
			overflow: hidden;
		}
		.memberList ul li{
			float:left;
			width:50%;
		}
/*		.memberList.noair ul li:first-child{
			float:none;
			width:100%;
		}*/
		.memberList ul li img{
			width:100%;
		}
	.imgR{
		margin: 0 0 20px 10px;
	}
	.txtL{
		width:55%;
	}
	.bnrStory{
  	padding: 30px 20px 30px 70px;
	}
	.bnrStory.noair{
  	padding: 0 0 0 50px;
	}
}

@media only screen and (max-width:767px) {
		#content .secContainer .secWrapper.secTnaStory.top,
		#content .secContainer .secWrapper.secNoairStory.top{
			padding-top:40px;
			background-size:90%;
		}
		#content .secContainer .secWrapper.secTnaStory h3,
		#content .secContainer .secWrapper.secNoairStory h3{
			margin:0 auto 30px;
		}
		#content .secContainer .secWrapper.secTnaStory .inner,
		#content .secContainer .secWrapper.secNoairStory .inner{
			padding:0 0 30px;
		}
		#content .secContainer .secWrapper.secTnaStory img,
		#content .secContainer .secWrapper.secNoairStory img{
			width: 100%;
		}
		.imgR{
			float: none;
			text-align: center;
			margin: 0 auto 20px;
		}
		.imgR img{
			display: inline-block;
			margin-bottom:30px;
		}
		.mb30{
			margin-bottom:30px;
		}
		.txtL{
			float:none;
			width:100%;
		}
}


/* ------------------------------------------------------------------

 noair

------------------------------------------------------------------ */

/* introduction
------------------------------------------------------------------*/
/*  01*/
#content .secContainer .secWrapper.secNoairIntro01 {
    background: #fff url(/recruit/graduates/files/img/project/bg03.png) no-repeat top left;
		margin:0 auto;
		position:relative;
    z-index:0;
}
#content .secContainer .secWrapper.secNoairIntro01 .inner{
    padding:70px 25px 70px;
		position:relative;
}
#content .secContainer .secWrapper .txtNoairL{
	width: 50%;
}
#content .secContainer .secWrapper.secNoairIntro02 {
    background: #0063b2 url(/recruit/graduates/files/img/project/noair/introduction/bg_intro02.jpg) no-repeat top left;
		color: #fff;
		margin:-54px auto 0;
		position:relative;
    z-index:2;
}
#content .secContainer .secWrapper.secNoairIntro02 .imgNoair01{
	position: absolute;
	right:0;
	top: -225px;
}
#content .secContainer .secWrapper.secNoairIntro02 .inner{
    padding:144px 25px 20px;
		position: relative;
}
#content .secContainer .secWrapper.secNoairIntro03 {
    background: #fff url(/recruit/graduates/files/img/project/noair/introduction/bg_intro03.jpg) no-repeat top left;
		margin:0 auto 30px;
		position:relative;
    z-index:1;
}
#content .secContainer .secWrapper.secNoairIntro03 .inner{
    padding:144px 25px 88px;
		position: relative;
}
#content .secContainer .secWrapper.secNoairIntro03 .imgNoair02{
	position: absolute;
	right:0;
	bottom:0;
}
@media only screen and (max-width:1024px) {
	#content .secContainer .secWrapper.secNoairIntro02 {
			margin:-90px auto 0;
		}
	#content .secContainer .secWrapper.secNoairIntro02 .imgNoair01{
		width: 48%;
		top: -175px;
	}
	#content .secContainer .secWrapper.secNoairIntro03 .imgNoair02{
		width: 45%;
		bottom: auto;
	}
	#content .secContainer .secWrapper.secNoairIntro03 .inner{
		padding-bottom: 30px;
	}
}
@media only screen and (max-width:767px) {
	#content .secContainer .secWrapper.secNoairIntro01{background-size: 95%;}
	#content .secContainer .secWrapper.secNoairIntro01 .inner{
		padding:50px 0 90px;
	}
	#content .secContainer .secWrapper .txtNoairL{
		width:100%;
	}
	#content .secContainer .secWrapper.secNoairIntro02 {
    background: #0063b2 url(/recruit/graduates/files/img/project/noair/introduction/bg_intro02_sp.jpg) no-repeat top left;
		background-size: 100%;
		padding-top: 200px;
}
	#content .secContainer .secWrapper.secNoairIntro02 .inner{
		padding:0;
	}
	#content .secContainer .secWrapper.secNoairIntro03 {
		background: #fff url(/recruit/graduates/files/img/project/noair/introduction/img02_sp.jpg) no-repeat top left;
		background-size: 100%;
		margin:0 auto 30px;
	}
	#content .secContainer .secWrapper.secNoairIntro03 .inner{
			padding:230px 0 30px;
	}
	#content .secContainer .secWrapper.secNoairIntro03 .imgNoair02{
		position: inherit;
		right:auto;
		display: block;
		width: 80%;
		margin: 10px auto;
	}
}


/* story
--------------------------------------------------------------------------------------*/
#content .secContainer .secWrapper.secNoairStory{
}

.noairStoryImg04{margin-right:-20px;}

@media screen and (max-width:767px){
	.noairStoryImg01{
		padding:0 20px 20px;
		width: 100%;
		box-sizing: border-box;
	}
	.noairStoryImg04{margin-right:auto;}
}



/* cnav */
#cnav{
	clear: both;
	max-width: 810px;
	overflow: hidden;
	margin: 30px auto 0;
	padding-bottom: 55px;
}
#cnav li{
	float: left;
	background: #fff;
	margin-right: 10px;
}
#cnav li a:hover{
	opacity: .6;
}
@media screen and (max-width:767px){
	/* cnav */
	#cnav{
		clear: both;
		max-width: 810px;
		overflow: hidden;
		margin:30px 10px 30px;
		padding-bottom: 0;
	}
	#cnav li{
		float: left;
		width: 32%;
		background: #fff;
		margin-right: 2%;
	}
	#cnav li img{
		width: 100%;
		height: auto;
	}
}
.secTxt p{
    line-height: 1.8;
}
.pagetopSub{
    clear: both;
    max-width: 980px;
    text-align: right;
    padding-top: 15px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
    margin-bottom:40px;
}
.pagetopSub:hover{
    text-decoration:none;
}



/* ----------------------------------------

ClearFix (必要なければ消す)

---------------------------------------- */

/* Modern Browsers
------------------------------- */
.inner:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}

/* Legacy IE
------------------------------- */
.secWrapper,.secProfile, {
    *zoom: 1;
}