@charset "utf-8";

/*------------------------------*/
/* STYLE */
/*------------------------------*/

#gHeader h1 {
    position: absolute;
    top: 23px;
    left: 35px;
}

#gHeader {
	background: url(../img/common/h_shadow.png) bottom left repeat-x;
}

body {
	font-family: "游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
}

p {
	font-family: "游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
}

.rob {
	font-family: 'Roboto', sans-serif;
}

.h_btn {
	position: absolute;
    font-size: 1.4em;
    top: 26px;
    right: 23px;
    color: #666666;
}

#main {
	width: 1300px;
	margin: 0 auto;
}

.main_read h2 {
	width: 1300px;
    margin: 80px auto 40px;
    text-align: left;
    font-size: 3.4em;
    font-weight: bold;
	color: #0C396B;
	text-align: center;
	font-style: italic;
}

.visual {
	margin-top: 75px;
}

#main .an_btn {
	border: 1px solid #01AFEC;
    background: #01AFEC;
    color: #fff;
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: 0.8px;
    padding: 10px 58px 10px 72px;
    display: inline-block;
    position: relative;
}

#main .an_btn span {
	position: absolute;
    top: 20px;
    right: 18px;
}

.people {
	width: 1199px;
	min-height: 533px;
	margin: 0 auto;
	background: url(../img/recruit/people_bg_pc.jpg) top center no-repeat #000;
	color: #fff;
	margin-top: 105px;
}

.people h2 {
	font-size: 4.2em;
	font-weight: bold;
	padding: 79px 0 60px;
}

#main .people p {
	font-size: 1.8em;
    font-weight: bold;
    line-height: 1.5;
    padding: 44px 0 80px;
}

.graph {
	margin: 68px 0 79px;
}

.interview {
	background: #012E73;
	position: relative;
	text-align: left;
	color: #fff;
	margin-bottom: 80px;
}

.interview h2 {
	position: absolute;
	top: 0;
	left: 0;
}

.interview .inner {
	width: 1300px;
	margin: 0 auto;
}

#main .interview .inner p.name {
	font-size: 2.0em;
	font-weight: bold;
	font-style: italic;
	padding: 20px 0 36px;
}

#main .interview .inner p {
	font-size: 2.0em;
	line-height: 1.3;
}

.interview .inner .shinkawa p,
#main .interview .inner .shinkawa p.name {
	padding-left: 153px;
}

.interview .inner .noguchi p {
	padding: 0 0 102px 200px;
}

#main .interview .inner .noguchi p.name {
	padding-left: 525px;
    margin-top: -111px;
}

.faq {
	width: 980px;
	margin: 120px auto 120px;
	background: url(../img/recruit/faq_bg_pc.jpg) top left no-repeat #012E73;
}

.faq dl {
	width: 800px;
	margin: 0 auto;
	padding-bottom: 60px;
}

.faq h2 {
	margin-bottom: 80px;
}

.faq dl {
	text-align: left;
}

.faq dl .q {
	position: absolute;
    font-size: 5.0em;
    font-weight: lighter;
    color: #01AFEC;
    top: -36px;
	left: 14px;
}

.faq dl .a {
	float: left;
	font-size: 3.6em !important;
    font-weight: lighter;
	color: #80D7F5;
	padding-right: 16px;
}

.faq dl p {
	float: left;
    width: 645px;
    line-height: 1.4 !important;
    padding-top: 20px;
}

.faq dl dt {
	margin-top: 37px;
    background: #fff;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    padding: 0 0 20px 65px;
	color: #0C396B;
}

.faq dl dd {
	display:none;
	background: #fff;
	padding: 0 0 18px 26px;
}

#main .faq dl dt p {
	font-size: 2.0em;
}

.faq dl dt .icon {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 18px;
    right: 20px;
	background: url(../img/recruit/plus.gif) top left no-repeat; 
}

.faq dl dt.on .icon {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 18px;
    right: 20px;
	background: url(../img/recruit/minus.gif) top left no-repeat; 
}

.requirement .cont {
	width: 980px;
	margin: 140px auto 90px;
}

.requirement .cont h3 {
	width: 234px;
	margin: 0 auto;
	font-size: 2.6em;
	color: #fff;
	background: #002D72;
	position: relative;
	margin-bottom: 38px;
	padding: 6px 10px;
}

.requirement .cont dl {
	text-align: left;
	border-bottom: 1px dotted #000;
	padding: 40px 0;
}

.requirement .cont dl dt {
	width: 186px;
	float: left;
	font-weight: bold;
	font-size: 1.8em;
	color: #002D72;
}

.requirement .cont dl dd {
	width: 674px;
	float: left;
	font-size: 1.5em;
	margin-top: 2px;
}

.requirement .cont .btn {
	border: 1px solid #c30808;
    background: #c30808;
    color: #fff;
    font-size: 2.0em;
    font-weight: bold;
    letter-spacing: 0.8px;
    margin-top: 61px;
    padding: 10px 65px 10px 67px;
    display: inline-block;
    position: relative;
}

.requirement .cont .btn span {
	position: absolute;
    top: 16px;
    right: -35px;
}




@media all and (min-width: 0) and (max-width: 767px) {
	
	#gHeader {
		width: 100%;
    	margin: 0 auto;
    	height: 40px;
    	padding-top: 27px;
	}
	
	#gHeader h1 {
		width: 60%;
		top: 18px;
		left: 18px;
	}
	
	#cont {
		width: auto;
		margin: 0 16px;
	}
	
	#main {
		width: auto;
	}
	
	
	#main p {
		font-size: 1.2em;
		line-height: 1.6;
		text-align: left;
	}
	
	.main_read h2 {
		width: auto;
		text-align: center !important;
		margin: 50px auto 24px;
		text-align: left;
		font-size: 2.4em;
	}
	
	.visual {
		margin-top: 65px;
	}
	
	.people {
		margin-top: 57px;
	}
	
	.people {
		width: auto;
		min-height: auto;
		margin: 70px 20px 0;
		padding: 20px;
		background: url(../img/recruit/people_bg_sp.jpg) top left no-repeat #000;
		background-size: 100%;
	}
	
	.people h2 {
		font-size: 2.8em;
		font-weight: bold;
		padding: 20px 0 60px;
		line-height: 1.4;
	}
	
	.people img {
		margin: 0 auto;
		width: 70%;
	}
	
	#main .people p {
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.5;
		padding: 24px 20px 30px;
	}
	
	.graph {
		margin: 50px 0 50px;
	}
	
	.interview {
		margin-bottom: 60px;
	}
	
	.interview .inner {
		width: auto;
		margin: 0 auto;
	}
	
	.interview h2 {
		width: 80%;
	}
	
	#main .interview .inner p.name {
		font-size: 1.4em;
		padding: 17px 0 20px;
	}
	
	#main .interview .inner p {
		font-size: 1.4em;
		line-height: 1.4;
	}
	
	.interview .shinkawa .photo {
		padding-top: 44px;
	}
	
	.interview .inner .shinkawa p, 
	#main .interview .inner .shinkawa p.name {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.interview .inner .noguchi p, 
	#main .interview .inner .noguchi p.name {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	#main .interview .inner .noguchi p.name {
		margin-top: 0;
	}
	
	.interview .inner .noguchi p {
		padding-bottom: 56px;
	}
	
	.faq {
		width: auto;
		margin: 80px 20px 48px;
		background: url(../img/recruit/faq_bg_sp.jpg) top left no-repeat #012E73;
		background-size: 100%;
		padding-bottom: 20px;
	}
	
	.faq h2 {
		width: 45%;
		margin-bottom: 80px;
		margin: 0 auto;
	}
	
	.faq dl {
		width: auto;
		margin: 0 20px;
		padding-bottom: 6px;
	}
	
	.faq dl p {
		width: 80%;
		padding-bottom: 12px;
	}
	
	.faq dl dt {
		margin-top: 28px;
		padding: 0 0 6px 17px;
	}
	
	#main .faq dl dt p {
		line-height: 1.3 !important;
		font-size: 1.3em;
	}
	
	.faq dl .q {
		font-size: 3.2em !important;
	}
	
	.faq dl dt .icon {
		width: 18px;
		height: 18px;
		background-size: 100%;
		top: 35%;
		right: 11px;
	}
	
	.faq dl dt.on .icon {
		width: 18px;
		height: 18px;
		background-size: 100%;
		top: 35%;
		right: 11px;
	}
	
	.faq dl .a {
		font-size: 2.6em !important;
		padding-right: 10px;
	}
	
	.faq dl dd {
		padding: 0 0 12px 20px;
	}
	
	.requirement .cont {
		width: auto;
    	margin: 0 20px;
	}
	
	.requirement .cont h3 {
		font-size: 2.0em;
		margin: 34px auto -5px;
		text-align: left;
		width: 200px;
	}
	
	.requirement .cont h3 span {
	    top: 3px;
    	left: 168px;
		right: unset;
	}
	
	.requirement .cont dl dt {
    	width: auto;
		float: none;    
		font-size: 1.4em;
	}
	
	.requirement .cont dl dd {
    	width: auto;
		float: none;
		font-size: 1.2em;
	}
	
	.requirement .cont .btn {
		font-size: 1.7em;
    	margin-bottom: 30px;
	}
	
	.h_btn {
		position: inherit;
	}
		
}

@media all and (min-width: 0) and (max-width: 321px) {
	
}