@charset "utf-8";


h3 {
	width:100%;
	letter-spacing:2px;
}
p.top-catch {
	font-size:20px;
	margin-bottom:40px;
}
@media screen and (min-width: 780px) {
	p.top-catch {
		text-align:center;
		margin-bottom:60px;
	}
}


/** main-visual
---------------------------------------------------------------------------------*/
#main-visual {
	width:100%;
	padding:0;
	background-color:#333;
}
#main-visual h2 {
	display:block;
	margin:0;
	padding:0;
}


/** main-title
---------------------------------------------------------------------------------*/
#main-title {
	width: 100%;
	background-color:#272f85;
}
#main-title h2 {
	color:#fff;
	text-align:center;
	line-height:1.0;
	margin:0 auto;
}
@media screen and (max-width: 779px) {
	#main-title {
		height:100px;
		margin-bottom:40px;
	}
	#main-title h2 {
		height:100px;
		font-size: 24px;
		letter-spacing:2px;
		padding: 37px 0 0 4px;
	}
}
@media screen and (min-width: 780px) {
	#main-title {
		height:140px;
		margin-bottom:70px;
	}
	#main-title h2 {
		height:140px;
		font-size: 28px;
		letter-spacing:7px;
		padding: 55px 0 0 4px;
	}
}



/** main-title-member
---------------------------------------------------------------------------------*/
.main-title-member {
	width: 100%;
}
#page-member-01 .main-title-member { background-color:#46be50; }
#page-member-02 .main-title-member { background-color:#ff8040; }
#page-member-03 .main-title-member { background-color:#50a0f0; }
#page-member-04 .main-title-member { background-color:#f06c8e; }
#page-member-05 .main-title-member { background-color:#b48cbe; }
.main-title-member-inner {
	padding-top:20px;
	padding-bottom:20px;
}
.main-title-member-inner h2 {
	color:#fff;
	padding:0 0;
	margin-bottom:0;
}
.main-title-member-inner .profile {
	padding-top:7px;
}
.main-title-member-inner .profile p {
	color:#fff;
	line-height:1.2;
	text-align:right;
	margin-bottom:0;
}
.main-title-member-inner .profile p.position {
	float:right;
	padding:4px 10px 3px;
	margin-bottom:5px;
	border:1px solid #fff;
}
.main-title-member-inner .profile p.name {
	clear:both;
	margin-bottom:5px;
}
@media screen and (max-width: 779px) {
	.main-title-member {
		margin-bottom:50px;
	}
	.main-title-member-inner h2 {
		font-size:24px;
		line-height:1.6;
	}
	.main-title-member-inner .profile p.position {
		font-size:14px;
	}
	.main-title-member-inner .profile p.name {
		font-size:14px;
	}
	.main-title-member-inner .profile p.name span {
		font-size:20px;
	}
}
@media screen and (min-width: 780px) {
	.main-title-member {
		margin-bottom:70px;
	}
	.main-title-member img {
		min-height:100%;
		width:100%;
	}
	.main-title-member-inner h2 {
		float:left;
		font-size:28px;
		line-height:1.8;
	}
	.main-title-member-inner .profile {
		float:right;
	}
	.main-title-member-inner .profile p.position {
		font-size:16px;
	}
	.main-title-member-inner .profile p.name {
		font-size:20px;
	}
	.main-title-member-inner .profile p.name span {
		font-size:28px;
	}
}



/** list
---------------------------------------------------------------------------------*/
ul.list-square,
ul.list-circle,
ul.list-check {
	margin:0 auto 15px;
	line-height:1.2;
}
ul.list-square li {
	padding:4px 0 4px 17px;
	background:url(../img/list-square.gif) no-repeat 0 8px;
}
ul.list-check li {
	padding:8px 0 8px 30px;
	background:url(../img/list_check.gif) no-repeat 0 4px;
}
ul.list-circle li {
	padding:4px 0 4px 20px;
	background:url(../img/list-circle.gif) no-repeat 0 9px;
}



/** table
---------------------------------------------------------------------------------*/
table {
	margin:0 auto;
	clear:both;
	border:1px solid #aaa;
	border-bottom:none;
}
table th {
	padding:15px 15px;
	text-align:left;
	vertical-align:top;
	background-color:#f4f4f4;
	border-bottom:1px solid #aaa;
}
table td {
	padding:15px 15px;
	background-color:#fff;
	border-bottom:1px solid #aaa;
}



/** Button
---------------------------------------------------------------------------------*/
div.block-button {
	max-width:320px;
	margin:0 auto;
}
div.block-button .btn {
	display:inline-block;
	width:100%;
	font-size:16px;
	color:#fff;
	text-align:center;
	padding:10px;
	background-color:#272f85;
	border:1px solid #272f85;
	background-image: url( "../img/btn_arrow.png" );
	background-size:8px 12px;
	background-repeat:no-repeat;
	background-position: right 15px center;
	text-decoration:none;
}
@media screen and (min-width: 780px) {
	div.block-button .btn:hover {
		color:#272f85;
		background-color:#fff;
		border:1px solid #272f85;
		background-image: url( "../img/btn_arrow_2.png" );
		text-decoration: none;
	}
}



/** Front
---------------------------------------------------------------------------------*/
#front-index .front-index-inner {
	width:100%;
	margin: 0 auto;
	position: relative;
}
#front-index .block-button {
/*	width:240px; */
	position:absolute;
}
@media screen and (max-width: 779px) {
	#front-index-01 {
		background: rgba(0, 0, 0, 0) url("../img/front/sp_bg_front_index01.png") no-repeat scroll center center / 100% auto;
	}
	#front-index-02 {
		background: rgba(0, 0, 0, 0) url("../img/front/sp_bg_front_index02.png") no-repeat scroll center center / 100% auto;
		margin-top: -22.5%;
	}
	#front-index-03 {
		background: rgba(0, 0, 0, 0) url("../img/front/sp_bg_front_index03.png") no-repeat scroll center center / 100% auto;
		margin-top: -22.5%;
	}
	.front-index-inner .block-button {
		max-width:100%;
		width:80%;
		left:10%;
	}
	#front-index-01 .front-index-inner {
		padding-bottom: 75%;
	}
	#front-index-01 .block-button {
		top:52%;
	}
	#front-index-02 .front-index-inner {
    	padding-bottom: 87.5%;
	}
	#front-index-02 .block-button {
		top: 60%;
	}
	#front-index-03 .front-index-inner {
		padding-bottom: 75%;
	}
	#front-index-03 .block-button {
		top: 74%;
	}
}
@media screen and (min-width: 780px) {
	#front-index-01 {
		background: rgba(0, 0, 0, 0) url("../img/front/bg_front_index01.png") no-repeat scroll center center / 100% auto;
	}
	#front-index-02 {
		background: rgba(0, 0, 0, 0) url("../img/front/bg_front_index02.png") no-repeat scroll center center / 100% auto;
		margin-top: -22.5%;
	}
	#front-index-03 {
		background: rgba(0, 0, 0, 0) url("../img/front/bg_front_index03.png") no-repeat scroll center center / 100% auto;
		margin-top: -22.5%;
	}
	#front-index .block-button {
		width:280px;
	}
	#front-index-01 .front-index-inner {
		padding-bottom: 37.5%;
		width: 61.25%;
	}
	#front-index-01 .block-button {
		right: 0;
		top: 27%;
	}
	#front-index-02 .front-index-inner {
    	padding-bottom: 51%;
	    width: 61.25%;
	}
	#front-index-02 .block-button {
		left: 0;
		top: 46%;
	}
	#front-index-03 .front-index-inner {
		padding-bottom: 37.5%;
		width: 61.25%;
	}
	#front-index-03 .block-button {
		right: 0;
		top: 62%;
	}
}
#front-member h3 {
	color:#fff;
	text-align:center;
	background-color:#272f85;
}
#front-member li {
	margin:0 15px;
}
#front-selection h3 {
	color:#fff;
	text-align:center;
	background-color:#272f85;
}
@media screen and (max-width: 779px) {
	#front-member {
		margin-bottom:40px;
	}
	#front-member h3 {
		font-size:24px;
		letter-spacing:2px;
		padding:10px 0;
		margin-bottom:40px;
	}
	#front-selection {
		margin-bottom:50px;
	}
	#front-selection h3 {
		font-size:20px;
		letter-spacing:2px;
		padding:5px 0;
		margin-bottom:40px;
	}
}
@media screen and (min-width: 780px) {
	#front-member {
		margin-bottom:80px;
	}
	#front-member h3 {
		font-size:36px;
		letter-spacing:10px;
		padding:20px 0;
		margin-bottom:50px;
	}
	#front-selection {
		margin-bottom:70px;
	}
	#front-selection h3 {
		font-size:24px;
		letter-spacing:5px;
		padding:7px 0;
		margin-bottom:40px;
	}
}



/** message		社長メッセージ
---------------------------------------------------------------------------------*/
#page-message #main-title {
	margin-bottom:0;
}
#message-intoro{
	width: 100%;
}
.message-intoro-textbox {
	color:#000;
	font-weight:bold;
	background-color:#ffffff;
	filter:alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}
@media screen and (max-width: 779px) {
	#message-intoro{
		margin-bottom:40px;
	}
	#massage-contant .content-inner p.name {
		font-size:20px;
		text-align:right;
	}
	#massage-contant .content-inner p.name span {
		font-size:14px;
	}
}
@media screen and (min-width: 780px) {
	#page-message #container-full {
		margin-bottom:0;
	}
	#message-intoro img {
		min-height:100%;
		width:100%;
	}
	#massage-contant {
		background-image:url("../img/message/bg_contant.jpg");
		background-size:cover;
		background-repeat: no-repeat;
		background-position: left top;
		overflow:hidden;
		padding:40px 0;
		margin-bottom:0;
	}
	#massage-contant p {
		color:#000;
	}
	#massage-contant .content-inner {
		width:50%;
		float:right;
		padding:30px 0 15px 20px;
		background-color:#ffffff;
		filter:alpha(opacity=60);
		-moz-opacity: 0.60;
		opacity: 0.60;
	}
	#massage-contant .content-inner p.name {
		font-size:24px;
		text-align:right;
	}
	#massage-contant .content-inner p.name span {
		font-size:16px;
	}
}



/** service		事業内容
---------------------------------------------------------------------------------*/
#service-intoro {
	margin-bottom:30px;
}
#service-intoro h3,
#service-customer h3 {
	font-size:24px;
	text-align:center;
	margin-bottom:40px;
}
#service-intoro p.copy {
	font-size:18px;
	padding:20px 0;
	margin:0;
}
#service-customer h3 {
	margin-bottom:30px;
}
#service-customer-inner {
	border:4px solid #eee;
	padding:30px 20px;
}
#service-customer-inner p {
	margin-bottom: 0;
}

@media screen and (min-width: 780px) {
	#service-intoro {
		margin-bottom:40px;
	}
	#service-intoro h3,
	#service-customer h3 {
		font-size:28px;
		letter-spacing:3px;
		text-align:center;
		margin-bottom:40px;
	}
	#service-intoro p.copy {
		font-size:20px;
		text-align:center;
		padding:30px 0;
		margin:0;
	}
	#service-customer-inner {
		padding:40px;
	}
	#service-customer-inner li {
		float:left;
		width:35%;
	}
	#service-customer-inner li:nth-child(3n) {
		width:30%
	}
}



/** member-index	社員紹介-index
---------------------------------------------------------------------------------*/
a.box-member-index {
	display:block;
	width:100%;
	background-color:#272f85;
	text-decoration:none;
}
.box-member-index .box-member-index-inner {
	padding:30px 20px 20px;
	background-repeat:no-repeat;
	background-position:right bottom;
}
#index-member-01 .box-member-index-inner { background-image:url(../img/member/bg_index_member01.gif); }
#index-member-02 .box-member-index-inner { background-image:url(../img/member/bg_index_member02.gif); }
#index-member-03 .box-member-index-inner { background-image:url(../img/member/bg_index_member03.gif); }
#index-member-04 .box-member-index-inner { background-image:url(../img/member/bg_index_member04.gif); }
#index-member-05 .box-member-index-inner { background-image:url(../img/member/bg_index_member05.gif); }
.box-member-index-inner p.copy {
	color:#fff;
	padding:0 0;
}
.box-member-index-inner .profile {
	padding-top:7px;
}
.box-member-index-inner .profile p {
	color:#fff;
	line-height:1.2;
	text-align:right;
	margin-bottom:0;
}
.box-member-index-inner .profile p.position {
	float:right;
	padding:4px 10px 3px;
	margin-bottom:8px;
	border:1px solid #fff;
}
.box-member-index-inner .profile p.name {
	clear:both;
	margin-bottom:5px;
}
@media screen and (max-width: 779px) {
	.box-member-index {
		margin-bottom:30px;
	}
	.box-member-index .box-member-index-inner {
		padding:20px 20px 20px;
	}
	.box-member-index-inner p.copy {
		font-size:20px;
		line-height:1.6;
		margin-bottom:10px;
	}
	.box-member-index-inner .profile p.position {
		font-size:13px;
	}
	.box-member-index-inner .profile p.name {
		font-size:14px;
	}
	.box-member-index-inner .profile p.name span {
		font-size:20px;
	}
}
@media screen and (min-width: 780px) {
	.box-member-index {
		height:240px;
		margin-bottom:40px;
		overflow:hidden;
	}
	.box-member-index .image {
		float:left;
		width:48%;
		overflow:hidden;
		position:relative;
	}
	.box-member-index .image img {
		max-width:none;
		width:432px;
	}
	.box-member-index .box-member-index-inner {
		float:right;
		width:52%;
		height:240px;
		padding:30px 20px 20px;
	}
	.box-member-index-inner p.copy {
		font-size:20px;
		line-height:1.7;
		margin-bottom:15px;
	}
	.box-member-index-inner .profile p.position {
		font-size:16px;
	}
	.box-member-index-inner .profile p.name {
		font-size:18px;
	}
	.box-member-index-inner .profile p.name span {
		font-size:24px;
	}
}



/** member		社員紹介
---------------------------------------------------------------------------------*/
#member-interview-inner p.question {
	font-weight:bold;
	font-size:16px;
	color:#272f85;
	margin-bottom:12px;
}
#member-workflow h3,
#member-private h3 {
	text-align:center;
}
#member-workflow-inner dt {
	font-size:16px;
	padding:10px 0 0 0;
}
#member-workflow-inner dd {
	padding:0 0 10px 90px;
	margin: 0;
	border-bottom:1px solid #ccc;
}
#member-workflow-inner dt.no-title {
	float:left;
	clear:left;
}
#member-workflow-inner dd.no-title {
	padding-top:10px;
}
#member-workflow-inner dd.no-text {
	height:1px;
}


@media screen and (max-width: 779px) {
	#member-interview,
	#member-workflow {
		margin-bottom:40px;
	}
	#member-workflow h3,
	#member-private h3 {
		font-size:24px;
		letter-spacing:2px;
		margin-bottom:30px;
	}
	#member-private h3 {
		margin-bottom:40px;
	}
	#member-workflow-photo img {
		float:left;
		width:48%;
		margin:0 1%;
	}
	#member-workflow-inner dl {
		margin-bottom:40px;
	}
	#member-workflow-inner dd {
		padding:0 0 10px 94px;
	}
	#member-private {
		margin-bottom:60px;
		position:relative;
	}
	#member-private p {
		padding:30px 20px 30px 30%;
		border:3px solid #eee;
	}
	#member-private img {
		position:absolute;
	}
	#page-member-01 #member-private img {
		width:25%;
		left: 10px;
		top: 50px;
	}
	#page-member-02 #member-private img {
		width:25%;
		left: 10px;
		top: 50px;
	}
	#page-member-03 #member-private img {
		width:40%;
		left: -10%;
		top: 50px;
	}
	#page-member-04 #member-private img {
		width:22%;
		left: 10px;
		top: 50px;
	}
	#page-member-05 #member-private img {
		width:36%;
		left:-30px;
		top: 50px;
	}
}
@media screen and (min-width: 780px) {
	#member-interview,
	#member-workflow {
		margin-bottom:50px;
	}
	#member-interview-inner {
		float:right;
		width:47%;
	}
	#member-interview img {
		float:left;
		width:47%;
	}
	#member-workflow h3,
	#member-private h3 {
		font-size:28px;
		letter-spacing:5px;
		margin-bottom:50px;
	}
	#member-workflow-inner {
		float:left;
		width:62%;
	}
	#member-workflow-photo {
		float:right;
		width:33%;
	}
	#member-workflow-photo img {
		margin-bottom:30px;
	}
	#member-private {
		position:relative;
	}
	#member-private p {
		padding:30px 20px 30px 320px;
		border:3px solid #eee;
	}
	#page-member-01 #member-private img {
		position:absolute;
		left:65px;
		top: 0;
	}
	#page-member-02 #member-private img {
		position:absolute;
		left:40px;
		top: 0;
	}
	#page-member-03 #member-private img {
		position:absolute;
		left:-90px;
		top: 0;
	}
	#page-member-04 #member-private img {
		position:absolute;
		left:50px;
		top: 0;
	}
	#page-member-05 #member-private img {
		position:absolute;
		left:-60px;
		top: 0;
	}
}



/** career		キャリアステップ
---------------------------------------------------------------------------------*/
.career-box .text h3 {
	color:#fff;
	text-align:center;
	line-height:1.0;
	background-position:right bottom;
	background-repeat:no-repeat;
}
.career-box .text h3 span {
	font-size:16px;
}
#career-01 .text h3 {
		background-color:#7d82b6;
		background-image:url(../img/career/bg_h3_01.gif);
}
#career-02 .text h3 {
		background-color:#676da9;
		background-image:url(../img/career/bg_h3_02.gif);
}
#career-03 .text h3 {
		background-color:#565da0;
		background-image:url(../img/career/bg_h3_03.gif);
}
#career-04 .text h3 {
		background-color:#3c4391;
		background-image:url(../img/career/bg_h3_04.gif);
}
#career-05 .text h3 {
		background-color:#272f85;
		background-image:url(../img/career/bg_h3_05.gif);
}

@media screen and (max-width: 779px) {
	.career-box {
		margin-top:40px;
	}
	.career-box .text h3 {
		font-size:20px;
		padding:7px 20px 7px 0;
		margin-bottom:20px;
	}
	.career-box img {
		width:76%;
	}
}

@media screen and (min-width: 780px) {
	.career-box {
		margin-top:20px;
	}
	.career-box .text {
		float:left;
		width:72%;
		padding-top:50px;
	}
	.no-link .text {
		width:100%;
		padding-top:50px;
		margin-bottom:60px;
	}
	#career-01 .text { border-bottom:3px solid #7d82b6; }
	#career-02 .text { border-bottom:3px solid #676da9; }
	#career-03 .text { border-bottom:3px solid #565da0; }
	#career-04 .text { border-bottom:3px solid #3c4391; }
	#career-05 .text { border-bottom:3px solid #272f85; }
	.career-box .text h3 {
		float:left;
		width:28%;
		font-size:24px;
		height:90px;
		padding-top:37px;
		padding-right:20px;
		margin:0;
		background-position:right bottom;
	}
	#career-04 .text h3 {
		padding-top:25px;
	}
	.career-box .text p {
		float:right;
		width:70%;
		margin:0;
		line-height:1.6;
	}
	.career-box .text p span {
		display:table-cell !important;
		vertical-align:middle;
		height:90px;
	}
	.career-box p,
	.career-box a {
		float:right;
		width:23%;
	}
	.no-link .text h3 {
		width:20.4%;
	}
	.no-link .text p {
		width:78%;
	}
}



/** feature		会社の特色
---------------------------------------------------------------------------------*/
.feature-box {
	margin-bottom:40px;
}
.feature-box h3 {
	color:#272f85;
	font-size:24px;
	text-align:center;
	margin:0 auto 40px;
}
.feature-box h3 span {
	padding:0 30px;
	background-image:
		url("../img/feature/bg_h3.gif"),
		url("../img/feature/bg_h3.gif");
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		left 50%,
		right 50%;
}
@media screen and (max-width: 779px) {
	.feature-box img {
		margin-bottom:15px;
	}
}
@media screen and (min-width: 780px) {
	.feature-box img {
		width:47%;
		float:right;
	}
	.feature-box p {
		width:47%;
		float:left;
	}
	.feature-box:nth-child(2n) img {
		float:left;
	}
	.feature-box:nth-child(2n) p {
		float:right;
	}
}



/** faq			Q&A
---------------------------------------------------------------------------------*/
.faq-q {
	font-size:16px;
	font-weight:bold;
	color:#272f85;
	padding:30px 20px 30px 80px;
	background-image:url(../img/faq/ico_q.png);
	background-size:50px 30px;
	background-position:10px 30px;
	background-repeat:no-repeat;
}
.faq-a {
	padding:30px 20px 30px 80px;
	background-color:#f4f4f4;
	background-image:url(../img/faq/ico_a.png);
	background-size:50px 30px;
	background-position:10px 30px;
	background-repeat:no-repeat;
}
.faq-q p,
.faq-a p {
	margin:0;
}



/** selection	選考ステップ
---------------------------------------------------------------------------------*/
#selection-flow-details {
	margin-bottom:40px;
}
#selection-flow-details .content {
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
}
#selection-flow-details p.step {
	line-height:1.2;
	margin-bottom:0;
}
#selection-flow-details p.step span {
	font-size:24px;
}
.details-01 h4,
.details-03 h4 {
	border-bottom:1px solid #fff;
}
.details-02 p.step,
.details-04 p.step {
	color:#272f85;
}
.details-02 h4,
.details-04 h4 {
	color:#272f85;
	border-bottom:1px solid #272f85;
}

#selection-flow-details h4 span {
	font-size:16px;
	letter-spacing: 0;
}
.details-01,
.details-03,
.details-05 {
	color:#fff;
	background-color:#595fa1;
}
.details-02,
.details-04 {
	color:#333;
	background-color:#f8f8f8;
}
.inner-left {
	margin:0;
	padding-bottom:30px;
}
.inner-right {
	margin:0;
}
.inner-step05 {
	width:300px;
	color:#595fa1;
	padding:20px 0 0;
	margin:0 auto 40px;
	border:2px solid #595fa1;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.inner-step08 {
	width:300px;
	color:#fff;
	padding:20px 0 0;
	margin:0 auto 60px;
	border:2px solid #fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.inner-step05 p,
.inner-step08 p {
	text-align:center;
	margin-bottom:10px;
}
.inner-step05 h4 ,
.inner-step08 h4 {
	line-height:1.2;
	text-align:center;
	border:none;
	margin-bottom: 0;
}
.details-02,
.details-04 {
	background-image:url(../img/selection/arrow_b.png);
	background-repeat:no-repeat;
	background-position:center top;
}
.details-01 {
	background-image:url(../img/selection/bg_details-01.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
.details-03 {
	background-image:
		url(../img/selection/arrow_w.png),
		url(../img/selection/bg_details-03.jpg);
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		center top,
		right top;
}
.details-05 {
	background-image:url(../img/selection/arrow_w.png);
	background-repeat:no-repeat;
	background-position:center top;
}
@media screen and (max-width: 779px) {
	#selection-flow {
		padding-top:20px;
		padding-bottom:20px;
	}
	#selection-flow-details p.step {
		margin-bottom:10px;
	}
	#selection-flow-details h4 {
		font-size:28px;
		letter-spacing:0;
		line-height:1.2;
		padding-bottom:10px;
		margin-bottom:15px;
	}
	.details-01,
	.details-02 {
		padding-top:60px;
		padding-bottom:60px;
	}
	.details-03,
	.details-04,
	.details-05 {
		padding-top:60px;
		padding-bottom:40px;
	}
	.details-01 {
		background-image:url(../img/selection/sp_bg_details-01.jpg);
	}
	.details-02 {
		background-image:url(../img/selection/arrow_b2.png);
	}
	.details-03 {
		background-image:
			url(../img/selection/arrow_w.png),
			url(../img/selection/sp_bg_details-03.jpg);
	}
}
@media screen and (min-width: 780px) {
	#selection-flow {
		margin-bottom:70px;
	}
	.details-inner {
		width:660px;
		margin:0 auto;
	}
	.inner-left {
		float:left;
	}
	.inner-right {
		float:right;
	}
	#selection-flow-details h4 {
		font-size:36px;
		letter-spacing:2px;
		margin-bottom:20px;
	}
	.details-01,
	.details-02 {
		padding-top:120px;
		padding-bottom:120px;
	}
	.details-03,
	.details-04,
	.details-05 {
		padding-top:80px;
		padding-bottom:80px;
	}
}

.selection-interview-box {
	border:4px solid #eee;
	padding:30px;
	margin-bottom:30px;
}
.selection-interview-box p {
	margin-bottom:0;
}
.selection-interview-box p.name {
	font-size:20px;
	margin-bottom:15px;
}
.selection-interview-box p.name span {
	font-size:14px;
}
.selection-message-box {
	margin-bottom:40px;
}
.selection-message-box .photo img {
	margin-bottom:10px;
}
.selection-message-box .photo p {
	line-height:1.2;
	margin-bottom:0;
}
.selection-message-box .photo p.name {
	font-size:20px;
}
.selection-message-box .photo p.name span {
	font-size:14px;
}
@media screen and (max-width: 779px) {
	.selection-interview-box {
		border:4px solid #eee;
		padding:20px;
		margin-bottom:20px;
	}

	#selection-interview h3,
	#selection-message h3 {
		font-size:24px;
		letter-spacing:0;
		text-align:center;
		margin-bottom:30px;
	}
	.selection-interview-box p.name {
		text-align:center;
	}
	.selection-message-box .photo p {
		text-align:center;
	}
	.selection-message-box .photo p.career {
		margin-bottom:20px;
	}
}
@media screen and (min-width: 780px) {
	#selection-interview h3,
	#selection-message h3 {
		font-size:28px;
		text-align:center;
		margin-bottom:30px;
	}
	.selection-interview-box img {
		float:left;
		width:24%;
	}
	.selection-interview-box .text {
		float:right;
		width:70%;
	}

	.selection-message-box .photo {
		width:33%;
	}
	.selection-message-box p.text {
		width:62%;
	}
	.selection-message-01 .photo {
		float:left;
	}
	.selection-message-01 p.text {
		float:right;
	}
	.selection-message-02 .photo {
		float:right;
	}
	.selection-message-02 .photo p {
		text-align:right;
	}
	.selection-message-02 p.text {
		float:left;
	}
}