﻿/* =蝗ｺ螳壹・繝ｼ繧ｸ縺ｮ縺ｿ縺ｫ驕ｩ逕ｨ縺輔ｌ縺ｾ縺・-------------------------------------------------------------- */

body{
	color: #000;
	-webkit-text-size-adjust: none;
	/*-ms-word-break: break-all;
	word-break: break-all;*/
}
.liquid-parent{
	position: relative;
	width: 100%;
	height: 0;
	font-size: 1rem;
}
.liquid-child{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#page_mainVisual{
	display: table;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    box-sizing: border-box;
}
.mv_box {
    display: table-cell;
    vertical-align: middle;
}
h1{
	font-weight: 400;
}


/* =Liquid font size
-------------------------------------------------------------- */

@media screen and (max-width: 1000px){
	.liquid-child{
		font-size: 100%;
	}
}

@media screen and (max-width: 960px){
	.liquid-child{
		font-size: 95.5%;
	}
}

@media screen and (max-width: 920px){
	.liquid-child{
		font-size: 91%;
	}
}

@media screen and (max-width: 880px){
	.liquid-child{
		font-size: 86.5%;
	}
}

@media screen and (max-width: 840px){
	.liquid-child{
		font-size: 82%;
	}
}

@media screen and (max-width: 800px){
	.liquid-child{
		font-size: 77.5%;
	}
}

@media screen and (max-width: 760px){
	.liquid-child{
		font-size: 73%;
	}
}

@media screen and (max-width: 720px){
	.liquid-child{
		font-size: 68.5%;
	}
}

@media screen and (max-width: 680px){
	.liquid-child{
		font-size: 64%;
	}
}

@media screen and (max-width: 640px){
	.liquid-child{
		font-size: 59.5%;
	}
}

@media screen and (max-width: 600px){
	.liquid-child{
		font-size: 55%;
	}
}

@media screen and (max-width: 560px){
	.liquid-child{
		font-size: 50.5%;
	}
}

@media screen and (max-width: 520px){
	.liquid-child{
		font-size: 46%;
	}
}

@media screen and (max-width: 480px){
	.liquid-child{
		font-size: 41.5%;
	}
}

@media screen and (max-width: 440px){
	.liquid-child{
		font-size: 37%;
	}
}

@media screen and (max-width: 400px){
	.liquid-child{
		font-size: 32.5%;
	}
}

@media screen and (max-width: 360px){
	.liquid-child{
		font-size: 28%;
	}
}


/*VISION*/
#about #link{
	padding: 0.7rem 0;
	background: #000;
}
#about #link li{
	width: 22.2rem;
}
#about #link li a{
	display: table;
	width: 100%;
	height: 2.6rem;
	box-sizing: border-box;
	border: 1px solid #fff;
}
	#about #link li .cell:first-child{
		background: #fff;
		color: #000;
		width: 2.2rem;
		text-align: center;
		font-size: 1rem;
	}
	#about #link li .cell:last-child{
		color: #fff;
		font-size: 1rem;
		font-weight: bold;
	    padding-left: 1rem;
	    line-height: 1;
	}
	#about #link li .cell:last-child span{
		font-size: 1.6rem;
		font-weight: normal;
	    font-family: 'Oswald', sans-serif;
	    vertical-align: middle;
	    margin-right: 0.5rem;
	}
#about #link li:first-child{
	margin-right: 1rem;
}
#about #link a:hover{
	text-decoration: none;
}

#about #top-message{
	padding-top: 6rem;
	margin-top: -6rem;
}
#about #top-message p{
	font-size: 1.4rem;
	line-height: 1.85;
	margin: 0;
}
#about #top-message .liquid-parent{
	padding-bottom: 30%;
}
#about #top-message #page_mainVisual{
    height: 100%;
    background-image: url('../images/about_main.png');
    text-align: left;
    color: #ffffff;
}
#about #top-message h1{
	font-family: 'Oswald', sans-serif;
	margin: 0;
	color: #ffffff;
}

#about #top-message h1 .noto{
	font-size: 1.2rem;
	font-weight: bold;
}
#about #top-message p.mv_txt{
	display: inline-block;
	line-height: 6.5rem;
    font-weight: 600;	
	font-size: 5rem;
	/*max-width: 700px;*/
	border-bottom: 3px solid #ffffff;
    margin: 2.3rem 0 3rem;
}
#about #top-message .mv_txt .noto{
	font-weight: 900;
	line-height: 1.4;
    letter-spacing: -2px;
}
#about #top-message .mv_txt+p {
    margin: 0;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
}

#about #top-message .top-message_content{
	max-width: 1400px;
	margin: 0 auto;
	padding: 7rem 0;
}
	#about #top-message .top-message_content_txt{
		width: 100%
	}
		#about .top-message_content_txt h3{
			font-size: 2.4rem;
			line-height: 1.25;
			font-weight: 500;
			color: #b29c59;
			margin-bottom: 3.5rem;
		}
		#about #top-message .top-message_content_txt p{
			font-size: 1.5rem;
			line-height: 1.7;
			margin-bottom: 5rem;
		}
		#about #top-message .top-message_content_txt p:last-child{
			margin-bottom: 0;
		}

#about .top-message_content.policy{
	background: #eeeeee;
    padding: 40px 0;
}

#about .top-message_content.policy .policy_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#about .top-message_content.policy .policy_list section{
	width: 32%;
    background: #ffffff;
    padding: 30px 20px;
    box-sizing: border-box;
    margin: 0 0 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

#about .top-message_content.policy .policy_list section h4{
	font-family: 'Noto Sans Japanese', 'sans-serif';
	font-weight: 700;
    line-height: 2rem;
	display: flex;
	align-items: center;
	margin: 0 0 20px;
}

#about .top-message_content.policy .policy_list section h4 img{
	width: 20%;
	min-width: 0;	
	margin: 0 10px 0 0;
}
#about .top-message_content.policy .policy_list section h4 span{
	width: 80%;
}

#about .top-message_content.policy .policy_list section p{
	margin: 0;
	line-height: 2.5rem;
}
	#about .top-message_content.policy .policy_list section p.min{
		margin: 0.5rem 0 0;
	    font-size: 0.8rem;
	    line-height: 1.8rem;
	}

#about .top-message_content.policy .policy_list section p span{
	font-size: .9rem;
    line-height: 0rem;
}


@media screen and (max-width: 1400px) {
	#about #top-message .top-message_content{
		width: 	100%;
		background: none;
	    padding: 3rem 0;
	}
}

@media screen and (max-width: 1000px) {
	#about #top-message .liquid-parent{
	padding-bottom: 60%;
	}
	#about #top-message h1{
		font-size: 1.5rem;
	}
	#about #top-message p.mv_txt{
		font-size: 6em;
    	margin: 2.3% 0 3%;
    	line-height: 3rem;
    	width: 85%;
	}
	#about #top-message .mv_txt+p{
		font-size: 3em;
	}

	#about .top-message_content.policy .policy_list{
		flex-direction: column;
	}

	#about .top-message_content.policy .policy_list section{
		width: 100%;
	}
}

@media screen and (max-width: 820px) {
	#about #credo p.mv_txt{
		font-size: 4.5em;
	}

	#about #top-message .top-message_content_txt{
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	#about #credo h3{
		font-size: 2.8rem;
	}
	#about #credo p.mv_txt{
		font-size: 4.8em;
	}

	#about #credo .credo_three_left_box:nth-child(1),
	#about #credo .credo_three_left_box:nth-child(2),
	#about #credo .credo_three_left_box:nth-child(3){
		padding-left: 17%;
		background-size: 15%;
	}
}

@media screen and (max-width: 500px) {
	#about #credo p.mv_txt{
		font-size: 5em;
	}
	#about #link li{
		width: 49%;
	}
	#about #link li:first-child{
		margin-right: 2%;
	}
	#about #link li .cell:last-child{
	    padding-left: 0;
	    font-size: 1rem;
	    text-align: center;
	}
	#about #link li .cell:last-child span{
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 400px) {
	#about #link li .cell:last-child{
		font-size: 0.8rem;
	}
	#about #link li .cell:last-child span{
		font-size: 1rem;
	}
}


/*BRAND*/
#brand .liquid-parent{
	padding-bottom: 35.7%;
}
#brand #page_mainVisual{
    height: 100%;
    background-image: url('../images/brand_main.png');
    background-position: center top;
    text-align: left;
    color: #fff;
}
#brand h1{
	margin: 0;
}
#brand h1 img{
	margin-right: 1.3rem;
}
#brand h1 .noto{
	font-size: 1.2rem;
	font-weight: bold;
}
#brand .mv_txt{
	display: inline-block;
	font-size: 7rem;
	width: 9.3em;
	border-bottom: 3px solid #fff;
	margin-top: 2.3rem;
	margin-bottom: 0;
}
#brand .mv_txt .noto{
	font-weight: 900;
	line-height: 114%;
}
#brand #brand_memu{
	padding-top: 6rem;
}
#brand #brand_memu .floatlist{
	padding: 0 7%;
}
#brand #brand_memu li{
	width: 46.5%;
	height: 40rem;
	margin-bottom: 6rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
}
#brand #brand_memu li:nth-child(odd){
	margin-right: 7%;
}
#brand #brand_memu li:first-child{
	background-image: url('../images/brand_nikubarudakara.png');
}
#brand #brand_memu li:nth-child(2){
	background-image: url('../images/brand_fushimiya.png');
}
#brand #brand_memu li:nth-child(3){
	background-image: url('../images/brand_misotonchan.png');
}
#brand #brand_memu li:nth-child(4){
	background-image: url('../images/brand_gyuzanmai.png');
}
#brand #brand_memu li a{
	color: #fff;
}
#brand #brand_memu li a:hover{
	opacity: 1;
	background-color: rgba(255,255,255,0.3);
}
#brand #brand_memu li .table{
	height: 100%;
}
#brand #brand_memu li .table .cell{
	vertical-align: bottom;
	word-break: break-word;
}
#brand #brand_memu li .table .cell .brand_name{
	font-size: 4.6rem;
	font-weight: 500;
}
#brand #brand_memu li .table .cell p{
    display: inline-block;
	height: 8rem;
	width: 16rem;
	margin: 0;
	padding-top: 1.7rem;
    box-sizing: border-box;
	border-top: 2px solid #fff;
}

@media screen and (max-width: 1000px) {
	#brand h1 img{
		width: 8.5%;
	}
	#brand .mv_txt{
		font-size: 7em;
		margin-top: 2%;
	}
}

@media screen and (max-width: 640px) {
	#brand #brand_memu li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 3rem;
	    background-position: center top;
	}
	#brand #brand_memu li:nth-child(2){
	    background-position: center center;
	}
	#brand #brand_memu li:last-child{
		margin-bottom: 6rem;
	}
	#brand #brand_memu li .table .cell .brand_name{
		font-size: 4.0rem;
	}
}


/*MEMBERS*/
#members .liquid-parent{
	padding-bottom: 30%;
}
#members #page_mainVisual{
    height: 100%;
    background-image: url('../images/members_main.png');
    background-position: center top;
    text-align: left;
    color: #fff;
}
#members h1{
	font-family: 'Oswald', sans-serif;
	margin: 0;
	color: #ffffff;
}
#members h1 .noto{
	font-size: 1.2rem;
	font-weight: bold;
}
#members p.mv_txt{
	display: inline-block;
	line-height: 6.5rem;
    font-weight: 600;	
	font-size: 5rem;
	width: auto;
	border-bottom: 3px solid #ffffff;
    margin: 2.3rem 0 3rem;
}
#members .mv_txt{
	display: inline-block;
	font-size: 7rem;
	width: 9.3em;
	border-bottom: 3px solid #fff;
	margin-top: 2.3rem;
}
#members .mv_txt .noto{
	font-weight: 900;
	line-height: 114%;
}
#members #talk_memu{
	padding-top: 6rem;
}
#members #talk_memu .floatlist{
	padding: 0 7%;
}
#members #talk_memu li{
	position: relative;
	width: 46.5%;
	height: 40rem;
	margin-bottom: 6rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
}
#members #talk_memu li:after{
	content: "";
	background: #000000;
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#members #talk_memu li:nth-child(odd){
	margin-right: 7%;
}
#members #talk_memu li:first-child{
	background-image: url('../images/members_talk01.png');
}
#members #talk_memu li:nth-child(2){
	background-image: url('../images/members_talk02.png');
}
#members #talk_memu li:nth-child(3){
	background-image: url('../images/members_talk03.png');
}
#members #talk_memu li:nth-child(4){
	background-image: url('../images/members_talk04.png');
}
#members #talk_memu li:nth-child(5){
	background-image: url('../images/members_talk05.png');
}
#members #talk_memu li a{
	color: #fff;
	position: relative;
	z-index: 1;
	transition-duration: .3s;
}
#members #talk_memu li a:hover{
	opacity: 1;
	background-color: rgba(255,255,255,0.3);
}
#members #talk_memu li .table{
	height: 100%;
}
#members #talk_memu li .table .cell{
	vertical-align: bottom;
}
#members #talk_memu li .table .cell img{
	display: block;
	margin: 0 auto;
	padding-bottom: 1.5rem;
	border-bottom: 2px solid #fff;
}
#members #talk_memu li .table .cell p.num{
	width: 50%;
    margin: 0 auto;
    font-size: 5rem;
    height: auto;
    font-weight: 600;
    border-bottom: 4px solid #ffffff;
}

#members #talk_memu li .table .cell p{
	height: 9rem;
	margin: 0;
	padding-top: 1.7rem;
    box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
	#members .liquid-parent{
	padding-bottom: 60%;
}
	#members h1{
		font-size: 1.5rem;
	}
	#members p.mv_txt{
		font-size: 6em;
    	margin: 2.3% 0 3%;
    	line-height: 3rem;
	}
	#members .mv_txt+p{
		font-size: 3em;
	}
	#members #talk_memu li .table .cell p.num {
		width: 50%;
    	font-size: 4rem;
	}

}

@media screen and (max-width: 640px) {
	#members #talk_memu li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 3rem;
	    background-position: center top;
	}
	#members #talk_memu li:nth-child(2){
	    background-position: center center;
	}
	#members #talk_memu li:last-child{
		margin-bottom: 6rem;
	}
}


/*MEMBERS TALK*/

#talk01 h1, #talk02 h1, #talk03 h1, #talk04 h1, #talk05 h1{
	font-family: 'Oswald', sans-serif;
    margin: 0;
    color: #000000;
    width: 60%;
    margin: 0 0 2rem;
}
.parent-pageid-157 .liquid-parent{
	padding-bottom: 35.7%;
}
.parent-pageid-157 #page_mainVisual{
    height: 100%;
    text-align: left;
    color: #000;
    background-position: center center;
}
#talk01 #page_mainVisual{
	background-image: url('../images/talk01_main.png');
}
#talk02 #page_mainVisual{
	background-image: url('../images/talk02_main.png');
}
#talk03 #page_mainVisual{
	background-image: url('../images/talk03_main.png');
}
#talk04 #page_mainVisual{
	background-image: url('../images/talk04_main.png');
}
#talk05 #page_mainVisual{
	background-image: url('../images/talk05_main.png');
}
.parent-pageid-157 h1{
	margin: 0;
}
.parent-pageid-157 h1 img{
	margin-right: 1.3rem;
}
.parent-pageid-157 h1 .noto{
	font-size: 1.2rem;
	font-weight: bold;
}
.parent-pageid-157 .mv_txt{
	display: inline-block;
	font-size: 2.6rem;
	width: 23em;
	border-bottom: 3px solid #000;
	margin: 1rem 0 3rem;
	padding-bottom: 2rem;
}
.parent-pageid-157 .mv_txt+p{
	margin: 0;
	font-size: 4rem;
	font-weight: 900;
	line-height: 1.25;
}

.parent-pageid-157 .interview{
	padding-bottom: 5rem;
	font-size: 1.4rem;
}

.parent-pageid-157 .interview h3{
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
	margin-top: 4.5rem;
	margin-bottom: 3.5rem;
}
.parent-pageid-157 .interview h3 span{
	vertical-align: middle;
	margin-right: 2rem;
}
.parent-pageid-157 .interview h3 .small{
	font-size: 1.2rem;
	display: inline-block;
}
.parent-pageid-157 .interview h4{
	font-size: 2.0rem;
	line-height: 1.25;
	font-weight: 500;
	color: #b29c59;
	margin-bottom: 2.5rem;
}
.parent-pageid-157 .interview p{
	font-size: 1.4rem;
	line-height: 1.85;
	margin: 0 0 5rem 0;
}
.parent-pageid-157 section.btn_area{
	padding-bottom: 5rem;
	text-align: center;
}
.parent-pageid-157 section.btn_area a{
	    display: inline-block;
    background: #333333;
    padding: 10px 40px;
    box-sizing: border-box;
    color: #ffffff;
	transition-duration: .3s;
}
.parent-pageid-157 section.btn_area a:hover{
	text-decoration: none;
}

@media screen and (max-width: 1000px) {
	#talk01 h1.mv_txt, #talk02 h1.mv_txt, #talk03 h1.mv_txt, #talk04 h1.mv_txt, #talk05 h1.mv_txt{
		font-size: 1.5rem;
	    border-bottom: 2px solid #000;		
	}
	.parent-pageid-157 .mv_txt{
		font-size: 2.6em;
		margin: 1% 0 3%;
		padding-bottom: 2%;
	}
	.parent-pageid-157 .mv_txt img{
		width: 63%;
	}
	.parent-pageid-157 .mv_txt+p{
		font-size: 5em;
	    text-shadow: 0 0 10px #ffffff, 0 0 10px #ffffff;
	}
	.parent-pageid-157 h3.name{
		margin: 10px 0 0;
	    font-size: 1.5rem;
	    text-shadow: 0 0 10px #ffffff, 0 0 10px #ffffff;
	}
	.parent-pageid-157 .liquid-parent {
    	padding-bottom: 60%;
	}
	#talk03 #page_mainVisual{
		background-position: bottom 0 right -100px;
	}
	#talk05 #page_mainVisual{
		background-position: bottom 0 right -80px;
	}
	
}

@media screen and (max-width: 640px) {
	.parent-pageid-157 .interview .interview_name_large{
		font-size: 2.5rem;
	}
}


/*RECRUIT*/
#recruit-info .liquid-parent{
	padding-bottom: 30%;
}
#recruit-info #page_mainVisual{
    height: 100%;
    background-image: url('../images/recruit_main.png');
    text-align: left;
    color: #ffffff;
}
#recruit-info h1{
	font-family: 'Oswald', sans-serif;
	margin: 0;
	color: #ffffff;
}

#recruit-info h1 .noto{
	font-size: 1.2rem;
	font-weight: bold;
}
#recruit-info p.mv_txt{
	display: inline-block;
	line-height: 6.5rem;
    font-weight: 600;	
	font-size: 5rem;
	border-bottom: 3px solid #ffffff;
    margin: 2.3rem 0 3rem;
}
#recruit-info .mv_txt .noto{
	font-weight: 900;
	line-height: 1.4;
    letter-spacing: -2px;
}
#recruit-info .mv_txt+p {
    margin: 0;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
}

#recruit-info #select-area{
	padding: 7rem 0;
}

#recruit-info h3{
    font-size: 2.4rem;
    line-height: 1.25;
    font-weight: 500;
    color: #b29c59;
    margin-bottom: 3.5rem;
}

#recruit-info .rec_info{
	background: #eeeeee;
	padding: 7rem 0;
}

#recruit-info .rec_info table{
	width: 100%;
	border: none;
}

#recruit-info .rec_info table th{
    border: none;
    border-bottom: 2px solid #b29c59;
    text-align: left;
	background: none;
}

#recruit-info .rec_info table td{
    border-bottom: 2px solid #cccccc;
    border-right: none;
}

#recruit-info .point{
	display: flex;
	justify-content: space-between;
	width:100%;
	font-family: "Noto Sans Japanese", sans-serif;
}
#recruit-info .point dl{
	width: 30%;
    margin: 30px 0 0;	
}
#recruit-info .point dl dt{
	font-weight: 700;
    margin: 0 0 1rem;
    color: #333333;
    position: relative;
}
#recruit-info .point dl dt:before{
	 content: "";
    width: 24px;
    height: 2px;
    background: #b29c59;
    display: block;
    margin: 0 0 6px;
}

#recruit-info .point dl dd{
	margin: 0;
}

#recruit-info .entr_btn{
    text-align: center;	
}
#recruit-info .entr_btn a{
	display: inline-block;
	padding: 10px 40px;
	background: #333333;
	color: #ffffff;
	transition-duration: .3s;
}

#recruit-info .entr_btn a{
	text-decoration: none;
}

@media screen and (max-width: 1000px) {
	#recruit-info h1{
		font-size: 1.5rem;
	}

	#recruit-info .liquid-parent {
		padding-bottom: 60%;
	}

	#recruit-info #select-area {
		padding: 3rem 0 7rem;
	}

	#recruit-info p.mv_txt{
		font-size: 6em;
    	margin: 2.3% 0 3%;
    	line-height: 3rem;
	}
	#recruit-info .mv_txt+p{
		font-size: 3em;
	}
	#recruit-info .rec_info table{
		width: 100%;
		margin: 0;
	}

	#recruit-info .rec_info table th, #recruit-info .rec_info table td{
		display: block;
		width: 100%;
		padding: 20px 0;
	}
	#recruit-info .point{
		flex-direction: column;
	}
	#recruit-info .point dl{
		width: 100%;
	}
	
}

/*ENTRY*/
#entry .liquid-parent{
	padding-bottom: 30%;
}
#entry #page_mainVisual{
    height: 100%;
    background-image: url('../images/recruit_main.png');
    text-align: left;
    color: #ffffff;
}
#entry h1{
	font-family: 'Oswald', sans-serif;
	margin: 0;
	color: #ffffff;
	font-size: 7rem;
}
#entry h2{
	color: #b29c59;
    font-family: 'Noto Sans Japanese', 'sans-serif';
    font-weight: 700;
    text-align: center;	
}
#entry section{
	padding: 7rem 0;
}
#entry .content-width.entry_area {
	max-width: 760px;
}
#entry dl dt {
    font-family: 'Noto Sans Japanese', 'sans-serif';
    font-weight: 700;
    padding: 20px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #cecece;
    margin: 0 0 20px;
}
#entry dl dt span{
	display: inline-block;
    background: #9E2A2B;
    padding: 2px 12px;
    color: #ffffff;
    border-radius: 40px;
    font-size: 0.9rem;
    margin: 0 10px 0;
}
#entry dl dd {
	margin: 0;
}
#entry input[type="text"], #entry input[type="email"], #entry textarea, #entry input[type="tel"]{
    width: 100%;
    border: 1px #999999 solid;
    background: #ffffff;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 5px;
}
#entry select{
	 -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px 20px;
}
#entry .sex select, #entry .address-town select{
	width: 15%;
	position: relative;
}
#entry span.sex:after, #entry span.address-town:after{
    content: url('../images/common_arrow_right.png');
    position: absolute;
    right: 10px;
    top: -0.5rem;
	transform:rotate(90deg);
}
#entry .birth-y select, #entry .birth-m select, #entry .birth-d select{
    margin: 0 10px 0 0;
}
#entry .birth-y select{
	 width: 14%;
}
#entry .birth-m select, #entry .birth-d select{
	width: 10%;
}
#entry span.birth-y:after, #entry span.birth-m:after, #entry .birth-d:after{
	 content: url('../images/common_arrow_right.png');
    position: absolute;
    right: 20px;
    top: -0.5rem;
	transform:rotate(90deg);	
}
#entry input[type="submit"] {
    display: inline-block;
    background: #333333;
    border: 0;
    border-radius: 4px;
    color: #ffffff;
    width: 250px;
    padding: 15px 0;
	margin: 15px 5px;	
}
#entry input[type="button"] {
    display: inline-block;
    background: #cccccc;
    border: 0;
    border-radius: 4px;
    color: #333333;
    width: 250px;
	padding: 15px 0;
	margin: 15px 5px;
}

#entry select.wpcf7c-conf {
	background-color: #ffffff;
}

@media screen and (max-width: 1000px) {
	#entry h1{
		font-size: 3rem;
	}
	#entry .liquid-parent {
		padding-bottom: 60%;
	}
	#entry #select-area {
		padding: 3rem 0 7rem;
	}
	#entry p.mv_txt{
		font-size: 6em;
    	margin: 2.3% 0 3%;
    	line-height: 3rem;
	}
	#entry .mv_txt+p{
		font-size: 4em;
	}
	#entry .sex select, #entry .address-town select{
		width:40%;
	}
	#entry .birth-y select{
    padding: 5px 10px;		
		width:27%;
	}
	#entry .birth-m select, #entry .birth-d select{
    padding: 5px 10px;		
		width: 18%;
	}
}

/*COMPANY*/
#company p{
	font-size: 1.4rem;
	line-height: 1.85;
	margin: 0;
}
#company .liquid-parent{
	padding-bottom: 30%;
}
#company #page_mainVisual{
    height: 100%;
    background-image: url('../images/company_main.png');
    text-align: left;
    color: #fff;
    padding: 0;
}
#company h1{
	font-family: 'Oswald', sans-serif;
    margin: 0;
    color: #ffffff;
	margin: 0 0 1.5rem;
}
#company .mv_txt{
	font-family: 'Noto Sans Japanese', 'sans-serif';
	font-size: 4rem;
    font-weight: 500;
    line-height: 5rem;
    margin: 0 0 1rem;
}

#company section{
	padding: 7rem 0;
}

#company h2{
	color: #b29c59;
	font-family: 'Noto Sans Japanese', 'sans-serif';
	font-weight: 700;
}

#company p.sign{
	margin: 20px 0 0;
	text-align: right;
}

#company .com_info{
	background: #eeeeee;
}

#company table{
	width: 100%;
	border: none;
	margin: 0;
}
#company th,
#company td{
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid #cdcdcd;
	padding: 2rem 1.5rem;
}
#company tr:last-child th,
#company tr:last-child td{
	border: none;
}
#company th{
	background: none;
	font-family: 'Noto Sans Japanese', 'sans-serif';
	font-weight: 700;	
	width: 23%;
	text-align: left;
	font-size: 1.6rem;
	vertical-align: top;
}
#company td{
	font-size: 1.4rem;
}
#company .access .map{
	display: inline-block;
	width: 48%;
}

#company .gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
#company .gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

#company .access .map:nth-of-type(2){
	margin: 0 0 0 30px;
}
#company .access .route{
	margin: 60px 0 0;	
}
#company .access .route h3{
	font-family: 'Noto Sans Japanese', 'sans-serif';
	font-weight: 700;
    margin: 0 0 3rem;
    color: #333333;
    position: relative;
	font-size: 1.8rem;
}
#company .access .route h3:before{
	 content: "";
    width: 24px;
    height: 2px;
    background: #b29c59;
    display: block;
    margin: 0 0 6px;
}
#company .access .route dl{
	display: flex;
	align-items: center;
	padding: 10px 0;
    border-bottom: 1px solid #cccccc;
}
#company .access .route dl dt{
	width: 24%;
}
#company .access .route dl dd{
	margin: 0 0 0 20px;
}
@media screen and (max-width: 1000px) {
	#company .liquid-parent {
    padding-bottom: 60%;
	}
	#company section {
		padding: 3rem 0;
	}

	#company h1{
		font-size: 1.5rem;
	}
	#company p.mv_txt{
		font-size: 6em;
    	margin: 2.3% 0 3%;
    	line-height: 3rem;
    	width: 100%;
	}
	#company .mv_txt+p{
		font-size: 4em;
	}
	#company .access .map {
		width: 100%;
		margin: 0 0 40px;
	}
	#company .access .map:nth-of-type(2){
		margin: 0;
	}
	#company .access .route dl dt {
		width: 50%;
	}
	#company .access .route dl dd {
		width: 40%;
	}
}


@media screen and (max-width: 640px) {
	#company table{
		margin-bottom: 4rem;
	}
	#company th,
	#company td{
		display: block;
		width: 100%;
		border: none;
	}
	#company th{
		padding: 2rem 1rem;
	}
	#company td{
		padding: 0 1em 1rem 2em;
		border-bottom: 1px solid #cdcdcd;
	}
}


/*SERVICE*/
#service .liquid-parent{
	padding-bottom: 30%;
}
#service #page_mainVisual{
    height: 100%;
    background-image: url('../images/service_main.png');
    text-align: left;
    color: #fff;
}
#service h1{
	font-family: 'Oswald', sans-serif;
	margin: 0;
	color: #ffffff;
}

#service h1 .noto{
	font-size: 1.2rem;
	font-weight: bold;
}
#service p.mv_txt{
	display: inline-block;
	line-height: 6.5rem;
    font-weight: 600;	
	font-size: 5rem;
	border-bottom: 3px solid #ffffff;
    margin: 2.3rem 0 3rem;
}
#service .mv_txt .noto{
	font-weight: 900;
	line-height: 1.4;
    letter-spacing: -2px;
}
#service .mv_txt+p {
    margin: 0;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
}
#service section{
	padding: 7rem 0;
}
#service h2{
	color: #b29c59;
	font-family: 'Noto Sans Japanese', 'sans-serif';
	font-weight: 700;
}
#service .description{
	background: #eeeeee;
}
#service .description .inner{
    display: flex;
    justify-content: space-between;	
}
#service .description dl{
	font-family: 'Noto Sans Japanese', 'sans-serif';
    width: 30%;	
}
#service .description dl p{
	margin: 0 0 10px;
}
#service .description dl dt{
	font-weight: 700;
    margin: 0 0 1rem;
    color: #333333;
    position: relative;
}
#service .description dl dt:before{
	 content: "";
    width: 24px;
    height: 2px;
    background: #b29c59;
    display: block;
    margin: 0 0 6px;
}
#service .description dl dd{
	margin: 0;
	line-height: 2.5rem;
}
#service .description dl dd a{
	color: #828282;
	text-decoration: none;
	transition-duration: .3s;
}
#service .description dl dd a:before{
	content: url('../images/common_arrow_right.png');
	margin: 0 5px 0 0px;
}

@media screen and (max-width: 1000px) {
	#service h1{
		font-size: 1.5rem;
	}
	#service section {
		padding: 3rem 0 7rem;
	}
	#service p.mv_txt{
		font-size: 6em;
    	margin: 2.3% 0 3%;
    	line-height: 3rem;
    	width: 84%;
	}
	#service .mv_txt+p{
		font-size: 3em;
	}
	#service .description .inner{
		flex-direction: column;
	}
	#service .description dl {
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	#service .liquid-parent{
		padding-bottom: 320px;
	}
	#service_content .service_content_list_box .cell{
		display: block;
	}
	#service_content .service_content_txt{
		text-align: left;
		width: 100%;
		padding-right: 0;
		margin-bottom: 3rem;
	}
	#service_content .service_content_head{
		padding-left: 12%;
		background-size: 9%;
	}
	#service_content .service_content_main{
		padding-left: 12%;
	}
	#service_content .service_content_img{
		text-align: center;
	}
	#service_content .service_content_img img{
		width: 100%;
	}
}

@media screen and (max-width: 540px) {
	#service .liquid-parent{
		padding-bottom: 60%;
	}
}

/*for companies*/
#for-companies .liquid-parent{
	padding-bottom: 30%;
}
#for-companies #page_mainVisual{
    height: 100%;
    background-image: url('../images/for-companies_main.png');
    text-align: left;
    color: #fff;
}
#for-companies h1{
	font-family: 'Oswald', sans-serif;
	margin: 0;
	color: #ffffff;
}

#for-companies h1 .noto{
	font-size: 1.2rem;
	font-weight: bold;
}
#for-companies p.mv_txt{
	display: inline-block;
	line-height: 6.5rem;
    font-weight: 600;	
	font-size: 5rem;
	border-bottom: 3px solid #ffffff;
    margin: 2.3rem 0 3rem;
}
#for-companies .mv_txt .noto{
	font-weight: 900;
	line-height: 1.4;
    letter-spacing: -2px;
}
#for-companies .mv_txt+p {
    margin: 0;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
}

#for-companies section{
	padding: 7rem 0;
}

#for-companies h2{
	color: #b29c59;
	font-family: 'Noto Sans Japanese', 'sans-serif';
	font-weight: 700;
}


@media screen and (max-width: 1000px) {
	#for-companies .liquid-parent{
	padding-bottom: 60%;
	}
	#for-companies section {
    padding: 3rem 0;
	}
	#for-companies h1{
		font-size: 1.5rem;
	}
	#for-companies p.mv_txt{
		font-size: 6em;
    	margin: 2.3% 0 3%;
    	line-height: 3rem;
	}
	#for-companies .mv_txt+p{
		font-size: 3em;
	}
}


/*contact*/
#contact .liquid-parent{
	padding-bottom: 30%;
}
#contact #page_mainVisual{
    height: 100%;
    background-image: url('../images/contact_main.png');
    text-align: left;
    color: #fff;
}
#contact h1{
	font-family: 'Oswald', sans-serif;
	margin: 0;
	color: #ffffff;
	font-size: 7rem;
}

#contact h1 .noto{
	font-size: 1.2rem;
	font-weight: bold;
}
#contact p.mv_txt{
	display: inline-block;
	line-height: 6.5rem;
    font-weight: 600;	
	font-size: 5rem;
	border-bottom: 3px solid #ffffff;
    margin: 2.3rem 0 3rem;
}
#contact .mv_txt .noto{
	font-weight: 900;
	line-height: 1.4;
    letter-spacing: -2px;
}
#contact .mv_txt+p {
    margin: 0;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
}

#contact section{
	padding: 7rem 0;
}

#contact h2{
	color: #b29c59;
	font-family: 'Noto Sans Japanese', 'sans-serif';
	font-weight: 700;
    text-align: center;
}

#contact .contct_area{
	max-width: 760px;
}

#contact input[type="text"], #contact input[type="email"],#contact textarea{
	width: 100%;
    border: 1px #999999 solid;
    background: #ffffff;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 5px;
}

#contact input[type="submit"]{
	display: inline-block;
    background: #333333;
    border: 0;
    border-radius: 4px;
    color: #ffffff;
    width: 250px;
    padding: 15px 0;
	margin: 15px 5px;	
}

#contact input[type="button"]{
	display: inline-block;
    background: #cccccc;
    border: 0;
    border-radius: 4px;
    color: #333333;
    width: 250px;
    padding: 15px 0;
	margin: 15px 5px;
}

#contact dl{
    padding: 0 0 20px;
    border-bottom: 1px solid #c7c7c7;
    margin: 0;
}

#contact dl:last-of-type{
	border-bottom: none;
}

#contact dl dt{
	font-family: 'Noto Sans Japanese', 'sans-serif';
	font-weight: 700;
    padding: 10px 0;
    box-sizing: border-box;	
}

#contact dl dt span{
	display: inline-block;
    background: #9E2A2B;
    padding: 2px 12px;
    color: #ffffff;
    border-radius: 40px;
    font-size: 0.9rem;
    margin: 0 10px 0;
}

#contact dl dd{
	margin: 0;
}

div.wpcf7 .ajax-loader {
    display: none !important;
}

@media screen and (max-width: 1000px) {
	#contact .liquid-parent{
	padding-bottom: 60%;
	}
	#contact section {
    padding: 3rem 0;
	}
	#contact h1{
		font-size: 3rem;
	}
	#contact p.mv_txt{
		font-size: 6em;
    	margin: 2.3% 0 3%;
    	line-height: 3rem;
	}
	#contact .mv_txt+p{
		font-size: 3em;
	}
}

/*thanks*/
#thanks .liquid-parent, #thanks-entry .liquid-parent{
	padding-bottom: 30%;
}
#thanks #page_mainVisual{
    height: 100%;
    background-image: url('../images/contact_main.png');
    text-align: left;
    color: #fff;
}
#thanks-entry #page_mainVisual{
    height: 100%;
    background-image: url('../images/recruit_main.png');
    text-align: left;
    color: #fff;
}
#thanks h1, #thanks-entry h1{
	font-family: 'Oswald', sans-serif;
	margin: 0;
	color: #ffffff;
}

#thanks h1 .noto, #thanks-entry h1 .noto{
	font-size: 1.2rem;
	font-weight: bold;
}
#thanks p.mv_txt, #thanks-entry  p.mv_txt{
	display: inline-block;
	line-height: 6.5rem;
    font-weight: 600;	
	font-size: 5rem;
	border-bottom: 3px solid #ffffff;
    margin: 2.3rem 0 3rem;
}
#thanks .mv_txt .noto, #thanks-entry .mv_txt .noto{
	font-weight: 900;
	line-height: 1.4;
    letter-spacing: -2px;
}
#thanks .mv_txt+p, #thanks-entry .mv_txt+p {
    margin: 0;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
}

#thanks section, #thanks-entry section{
	padding: 7rem 0;
}

#thanks h2, #thanks-entry h2{
	color: #b29c59;
	font-family: 'Noto Sans Japanese', 'sans-serif';
	font-weight: 700;
    text-align: center;
}

@media screen and (max-width: 1000px) {
	#thanks .liquid-parent, #thanks-entry .liquid-parent{
	padding-bottom: 60%;
	}
	#thanks section, #thanks-entry section{
    padding: 3rem 0;
	}
	#thanks h1, #thanks-entry h1{
		font-size: 1.5rem;
	}
	#thanks p.mv_txt, #thanks-entry p.mv_txt{
		font-size: 6em;
    	margin: 2.3% 0 3%;
    	line-height: 3rem;
	}
	#thanks .mv_txt+p, #thanks-entry .mv_txt+p{
		font-size: 3em;
	}
}


/*privacy policy*/
#privacy .liquid-parent{
	padding-bottom: 30%;
}
#privacy #page_mainVisual{
    height: 100%;
    background-image: url('../images/privacy_main.png');
    text-align: left;
    color: #fff;
}
#privacy h1{
		font-family: 'Oswald', sans-serif;
    margin: 0;
    color: #ffffff;
    font-size: 7rem;
}

#privacy h1 .noto{
	font-size: 1.2rem;
	font-weight: bold;
}
#privacy p.mv_txt{
	display: inline-block;
	line-height: 6.5rem;
    font-weight: 600;	
	font-size: 5rem;
	border-bottom: 3px solid #ffffff;
    margin: 2.3rem 0 3rem;
}
#privacy .mv_txt .noto{
	font-weight: 900;
	line-height: 1.4;
    letter-spacing: -2px;
}
#privacy .mv_txt+p {
    margin: 0;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
}

#privacy section{
	padding: 7rem 0;
}
#privacy section ul{
	list-style-type: initial;
}
#privacy section li ol{
	
}

#privacy h3{
	font-weight: 700;
    font-size: 1.7rem;
    border-bottom: 1px solid;
    display: block;
    padding: 0 0 10px;
}
#privacy .btn_area a{
	 display: inline-block;
    background: #333333;
    padding: 10px 40px;
    box-sizing: border-box;
    color: #ffffff;
    transition-duration: .3s;
}
#privacy .btn_area a:hover{
	text-decoration: none;
}

@media screen and (max-width: 1000px) {
	#privacy .liquid-parent{
	padding-bottom: 60%;
	}
	#privacy section {
    padding: 3rem 0;
	}
	#privacy h1{
		font-size: 3rem;
	}
	#privacy p.mv_txt{
		font-size: 6em;
    	margin: 2.3% 0 3%;
    	line-height: 3rem;
	}
	#privacy .mv_txt+p{
		font-size: 3em;
	}
}


