@charset "UTF-8";
/* CSS Document */

/*
.p_ja {font-family:'Zen Kaku Gothic New', sans-serif;}
font-weight:400,500;
.p_eng {font-family:'IBM Plex Sans', sans-serif;}
font-weight:300,400;font-style:italic;
*/

/*フレーム
.sec {margin:0 auto;}
@media screen and (min-width:1440px){
	.sec {width:1280px;margin:0 auto;}}
@media screen and (max-width:1440px){
	.sec {width:88.88vw;margin:0 auto;}}
@media screen and (max-width: 768px){
	.sec {width:80.46vw;margin:0 auto;}}
*/



/* contact */
.sec_contact {margin-top:70px;margin-bottom:150px;;}
@media screen and (max-width: 768px){
	.sec_contact {margin-top:10.41vw;margin-bottom:19.53vw;}
}

.column {width:100%;display:flex;
	justify-content:space-between;align-items:flex-start;}
.category {width:22.65%;
	position:-webkit-sticky;position:sticky;
	top:175px;}
.clm_contact {width:62.9%;}
@media screen and (max-width: 768px){
	.column {width:100%;display:block;}
	.category {width:50%;position:static;top:auto;
		margin-bottom:13.02vw;}
	.clm_contact {width:100%;}
}

.ctgr_title {width:100%;}
.ctgr_txt_A {font-weight:400;
	font-size:40px;line-height:0.9;
	overflow:hidden;position:relative;}
.ctgr_txt_A::after {position:absolute;
    width:100%;bottom:0;content:'';}
.ctgr_txt_A::after {border-bottom:solid 0.5px #000;}
@media screen and (max-width:1440px){
	.ctgr_txt_A {font-size:2.77vw;}}
@media screen and (max-width: 768px){
	.ctgr_txt_A {font-size:5.2vw;}}


.cntct_cap {font-size:16px;line-height:2;
	letter-spacing:0.01em;text-align:justify;}
@media screen and (max-width: 768px){
	.cntct_cap {font-size:3.25vw;letter-spacing:-0.01em;}
}

.cntct_cap span a {text-decoration:underline;}
.cntct_cap span a:hover {opacity:0.3;transition:0.2s;
	text-decoration:none;}
@media screen and (max-width: 768px){
	.cntct_cap span a:hover {
		opacity:1;text-decoration:underline;}
}


form {margin-top:80px;}
form p {font-size:16px;line-height:2;text-align:left;}
form p span {font-weight:400;font-size:10px;color:#fff;
	background:#000;border-radius:3px;line-height:18px;
	padding:2px 4px;vertical-align:3px;}
@media screen and (max-width: 768px){
	form {margin-top:10.41vw;}
	form p {font-size:3.25vw;}
	form p span {font-size:2.08vw;line-height:4vw;
		padding:0.4vw 0.8vw;vertical-align:0.4vw;}
}


.f_ctgr {margin:50px 0 10px;}
@media screen and (max-width: 768px){
	.f_ctgr {margin:6.51vw 0 1.95vw;}
}


.f_box input {background:#fff;
	height:40px;padding:0 10px;
	border:solid 1px #ccc;
	border-radius:5px;}
.f_box_2 select {width:395px;background:#f5f5f5;
	height:40px;padding:0 10px;
	border:solid 1px #ccc;
	border-radius:5px;
	font-size:16px;line-height:1;
	background-image:url("../img/recruit/dropdown.svg");
	background-repeat:no-repeat;
	background-position:95% 50%;
	background-size:16px 10px;
	vertical-align:middle;}
@media screen and (max-width: 768px){
	.f_box input {height:7.16vw;padding:0 1.30vw;}
	.f_box_2 select {width:100%;height:7.16vw;
		padding:0 1.30vw;font-size:3.25vw;
		background-image:url("../img/recruit/dropdown.svg");
		background-repeat:no-repeat;
		background-position:95% 50%;
		background-size:2.47vw 1.56vw;
		vertical-align:middle;}
}


.f_input_2x {width:100%;display:flex;
	justify-content:space-between;}
.f_input_2x input {width:49%;}
.f_input_1x input {width:100%;}

form p textarea {width:100%;background:#fff;
	padding:10px;border:solid 1px #ccc;
	border-radius:5px;margin-bottom:40px;}
@media screen and (max-width: 768px){
	form p textarea {padding:1.30vw;margin-bottom:6.51vw;}
}


.send_btn {width:250px;height:40px;
	text-align:center;
	background:#666;color:#fff;
	font-size:16px;line-height:1;
	opacity:0.4;transition:0.2s;}
.send_btn:hover {opacity:1;}
@media screen and (max-width: 768px){
	.send_btn {width:100%;height:7.16vw;
		font-size:3.25vw;opacity:1;}
}

.send_cap {font-size:14px;margin-top:15px;}
@media screen and (max-width: 768px){
	.send_cap {font-size:2.86vw;margin-top:3.90vw;}
}