@charset "utf-8";

#main{
	background-image: url(image/main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	height: 700px;
}

#main .inner_size{
	position: relative;
	height: 700px;
}

.main_text{
	background-image: url(../common/image/bg_white.png);
	background-repeat: repeat;
	background-position: left top;
	padding: 20px;
	position: absolute;
	top: 250px;
	right: 0px;
}

.main_text h2{
	margin: 0 0 0.5em;
}

.main_text p{
	width: 540px;
}

.name{
	text-align: right;
	margin-top: 20px;
	margin-bottom: 30px;
}

.name strong{
	font-size: 18px;
	line-height: 1.8em;
	padding: 0 0 0 1em;
}



.recruit_title {
    padding: 24px;
    background-color: #242431;
    color: #fff;
    text-align: center;
    line-height: 1;
}

.interview_title>h2 {
    padding: 8px;
    font-size: 5.6rem;
    font-weight: 400;
}

@media (max-width: 767px){
	.interview_title>h2 {
		padding: 8px;
		font-size: 3.5rem;
		font-weight: 400;
	}
}

.interview_title {
	padding: 24px;
	color: #eb6100;
	text-align: center;
	line-height: 1;
}




.interview2_title>h2 {
    padding: 8px;
    font-size: 4.2rem;
    font-weight: 900;
    font-family: 'Noto Serif JP', serif;
}

.interview2_title {
	padding: 60px 24px 0;
	color: #242431;
	text-align: center;
	line-height: 1;
}


.interview_text {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8em;
}


@media (max-width: 767px){
	.interview2_title>h2 {
		padding: 8px 0;
		font-size: 3.2rem;
		/* font-weight: 400; */
	}

	.interview2_title {
		padding: 60px 0px 0;
		color: #242431;
		text-align: center;
		line-height: 1;
	}


}



.orange_line {
	background-color: #EC6F04;
	padding: 40px 0;
	color: #FFF;
	text-align: center;
	font-size: 25px;
	font-weight: 700;
}

.orange_line .subTitle{
	color: #FFF;
}

.orange_line .subBar{
	color: #FFF;
}

@media (max-width: 1024px){
	.interview_text {
		text-align: left;
		width: 95%;
		margin: 0 auto 40px;
		font-size: 1.6rem;
	}
}


@media (max-width: 767px){
	.interview_title {
		padding: 8px;
	}
	.interview_text {
		text-align: left;
		width: 100%;
		margin: 0 auto 40px;
		font-size: 1.6rem;
	}
	.orange_line {
		font-size: 1.6rem;
	}
}

.num{
	color: #FFF;
}

.num ul{
}

.num ul li{
	display: table-cell;
	padding: 3em;
	background-color: #EB5F00;
	width: 49%;
	border-top: solid 1px #FFF;
	border-left: solid 1px #FFF;
	position: relative;
}

.num ul li:first-child{
	border-left: none;
}

.num ul li.num02,
.num ul li.num03{
	background-color: #EC6F04;
}

.num ul li .photo{
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px;
}

.num ul li.num01 .photo{ background-image: url(image/photo.jpg); background-position: center bottom; }
.num ul li.num02 .photo{ background-image: url(image/photo_s2.jpg); }
.num ul li.num03 .photo{ background-image: url(image/photo_s3.jpg); }
.num ul li.num04 .photo{ background-image: url(image/photo_s4.jpg); }

.num ul li .photo div{
	padding: 75px 0 0;
}

.num ul li .inner{
	padding: 300px 0 0;
}

.num ul li h4{
	font-size: 18px;
	line-height: 1.8em;
	padding: 0 0 1em;
}

.num ul li p{
	text-align: left;
}

.box02{
}

.box02 .site_image{
	float: right;
}

.box02 .site_image img{
	margin: 0 0 0 20px;
}

.box02 .img02{
	float: left;
}

.box02 .img02 img{
	margin: 0 20px 0 0;
}


.text {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8em;
}


@media (min-width: 1024px){
	.message_flex{
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
		flex-direction: row-reverse;
	}
}

.message_text{
	font-size: 1.4rem;
	font-weight: 400;
}

.message_image{
	width: 40%;
	overflow: hidden;
	height: 680px;
}

.message_image img{
	width: 100%;
}

.subBar{
	padding-top:60px;
    font-weight:bold !important;
}


@media (max-width: 1023px){

.message_wrap{
	width: 95% !important;
	margin:0 auto;
}

.message_image{
	width: 100%;
	overflow: hidden;
	height: 500px;
	margin-bottom:20px;
}


}



@media (max-width: 750px){

.message_image{
	width: 100%;
	overflow: hidden;
	height: 250px;
	margin-bottom:20px;
}


}