@charset "utf-8";


/*
-----------------------------------------------
ダウンロード
----------------------------------------------- */
.u-nav_color01 li a{
	color: #333;
}
.dl_top_ttl{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 8.2rem;
	color: #ff0000;
	font-weight: 500;
	text-align: center;
}
.dl_txt01{
	font-size: 1.5rem;
	line-height: 1.7;
}
.dl_notes h3{
	font-size: 4rem;
	font-weight: 400;
}
.notes_list{
	margin-top: 25px;
	padding-left: 1em;
	margin-bottom: 30px;
}
.notes_list li{
	font-size: 1.7rem;
	line-height: 1.7;
	position: relative;
	list-style: disc;
}
.notes_list li::marker{
	font-size: 0.5em;
}
.dl_notes p{
	font-size: 1.2rem;
}
.dl_small_box{
	padding-left: 1em;
	font-size: 1.2rem;
}
.dl_notes_mb01{
	margin-bottom: 145px;
	margin-top: 75px;
}
.dl_form{
	padding-top: 55px;
}
.dl_form h3{
	font-size: 3rem;
	text-align: center;
}
.dl_form p,
.dl_mark{
	font-size: 1.7rem;
	text-align: center;
}
.dl_mark{
	line-height: 2;
}
.dl_form span{
	text-align: right;
	display: block;
	margin-top: 0.8em;
	margin-bottom: 55px;
}
.gate_box01{
	border-top: solid 5px #4d4d4d;
	padding-top: 20px;
	margin-bottom: 50px;
}
.gate_flex01{
	display: flex;
	align-items: flex-end;
}
.gate_width01{
	width: 57%;
}
.gate_img01{
	width: 40%;
	margin-bottom: -2vw;
}
.img img{
	width: 100%;
}
.gate_txt01 h3{
	font-size: 5rem;
	font-weight: 700;
	margin-bottom: 0.2em;
}
.gate_txt01 span{
	font-size: 1.2rem;
	font-weight: 400;
}
.gate_txt01 h4{
	font-size: 2rem;
	font-weight: 500;
	margin-bottom: 0.2em;
}
.gate_txt01 p{
	font-size: 1.7rem;
	line-height: 1.6;
}
.gate_box02{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.gate_ttl02{
	width: 32%;
}
.gate_img02{
	width: 66%;
}
.dl_txt02{
	font-size: 1.7rem;
	margin-top: 1.2em;
}
.dl_gate_wrap{
	margin-bottom: 170px;
}
.gate_box02_mt{
	margin-top: 110px;
}
/*
-----------------------------------------------
ダウンロード　データ
----------------------------------------------- */
.top_area{
	background-color: #fff;
	position: relative;
	height: 28vw;
}
.data_ttl span{
	font-size: 5rem;
	color: #333;
}
.data_ttl h2{
	line-height: 1;
	font-weight: 500;
}
.data_ttl{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 8.2rem;
	color: #ff0000;
	font-weight: 500;
	text-align: center;
}
.data_ttl{
	line-height: 0.6;
}
.data_ttl p{
	font-size: 1.5rem;
	color: #333;
	text-align: left;
	line-height: 1.7;
	margin-top: 2em;
}
.dl_file_list li a{
	transition: all 0.5s 0s ease;
}
.dl_file_list li a:hover{
	opacity: 0.7;
}
.dl_notes_mb02{
	margin-bottom: 100px;
}
.under999{
	display: none;
}
@media screen and (max-width: 1200px){
	.dl_top_ttl{
		font-size: 6rem;
	}
	.data_ttl{
		font-size: 6rem;
	}
	.data_ttl span{
		font-size: 4rem;
	}
}
@media screen and (max-width: 1030px){
	.dl_notes h3 {
		font-size: 3rem;
	}
	.dl_file_ttl h3{
		font-size: 4rem;
	}
	.dl_form h3{
		font-size: 2.8rem;
	}
	.notes_list li{
		font-size: 1.4rem;
	}
	.dl_notes_mb01{
		margin-bottom: 75px;
		margin-top: 55px;
	}
	.dl_notes_mb02{
		margin-bottom: 75px;
	}
	.dl_file{
		margin-bottom: 75px;
	}
	.dl_form{
		padding-top: 0;
	}
	.dl_form p, .dl_mark{
		font-size: 1.4rem;
	}
	.dl_form span{
		font-size: 1.4rem;
	}
	.gate_flex01{
		flex-direction: column;
		grid-row-gap: 4vw;
	}
	.gate_width01{
		width: 100%;
	}
	.gate_img01{
		width: 100%;
	}
	.gate_txt01 h3{
		font-size: 4rem;
	}
	.gate_txt01 h4{
		font-size: 1.8rem;
	}
	.gate_txt01 p{
		font-size: 1.5rem;
	}
	.dl_txt02{
		font-size: 1.4rem;
	}
	.dl_gate_wrap{
		margin-bottom: 100px;
	}
	.gate_img01{
		margin-bottom: 0;
	}
}
@media screen and (max-width: 999px){
	.under999{
		display: block;
	}
	.over1000{
		display: none;
	}
	.sp_data_top{
		text-align: center;
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 900px){
		.dl_file_ttl{
		flex-direction: column;
		align-items: flex-start;
	}
		.dl_file_ttl{
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 767px){
	.dl_mark{
		text-align: left;
	}
	.dl_form span{
		text-align: left;
	}
	.dl_form p, .dl_mark{
		text-align: left;
	}
	.dl_top_ttl{
		font-size: 7vw;
	}
	.data_ttl span{
		font-size: 4.8vw;
	}
	.data_ttl p{
		font-size: 1.4rem;
	}
	.dl_notes h3{
		font-size: 2rem;
	}
	.notes_list{
		margin-top: 15px;
		margin-bottom: 25px;
	}
	.dl_notes_mb01{
		margin-bottom: 45px;
		margin-top: 35px;

	}
		.dl_notes_mb02{
		margin-bottom: 45px;
	}
	.dl_file_ttl h3{
		font-size: 3rem;
	}

	.dl_file_ttl span{
		font-size: 1.5rem;
	}

	.dl_file p{
		font-size: 1.5rem;
	}
	.dl_file{
		margin-bottom: 45px;
	}
	.data_ttl h2{
		font-size: 7vw;
	}
	.sp_data_top{
		font-size: 1.4rem;
	}
	.gate_box02{
		flex-direction: column;
		grid-row-gap: 4vw;
	}
	.gate_img02{
		width: 100%;
	}
	.gate_txt01 h3{
		font-size: 3rem;
	}
	.gate_box01{
		padding-top: 10px;
		margin-bottom: 20px;
	}
	.gate_txt01 h4{
		font-size: 1.7rem;
	}
	.gate_txt01 p{
		font-size: 1.4rem;
	}
	.gate_box02_mt{
		margin-top: 60px;
	}
}
@media screen and (max-width: 650px){
	.dl_file_list{
		flex-wrap: wrap;
		grid-row-gap: 4vw;
	}
	.dl_file_list li{
		width: 48%;
	}
}
@media screen and (max-width: 500px){
	.under500{
		display: none;
	}
	.sp_data_top{
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (max-width: 450px){
	.dl_file_ttl h3{
		font-size: 2.4rem;
	}
	.dl_file_ttl span{
		font-size: 1.4rem;
	}
	.dl_txt01{
		font-size: 1.4rem;
	}
	.dl_form h3{
		font-size: 2rem;
	}
	.sp_data_top{
		margin-top: 20px;
	}
	.data_ttl{
		line-height: 0.2;
	}
	.gate_txt01 h3{
		font-size: 2.4rem;
	}
	.gate_txt01 h4{
		font-size: 1.6rem;
	}
	.gate_txt01 p{
		font-size: 1.3rem;
	}
	.gate_ttl02{
		width: 50%;
	}
	.dl_txt02{
		font-size: 1.3rem;
		margin-top: 0.7em;
	}
	.dl_gate_wrap{
		margin-bottom: 70px;
	}
	.gate_box02_mt{
		margin-top: 40px;
	}
}


/*
-----------------------------------------------
form
----------------------------------------------- */
.cp_ipselect select {
	display:inline-block;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_sl01 select {
	position: relative;
	border: 1px solid #777;
	border-radius: 8px;
	background:#fff;
}
.cp_ipselect label {
position: relative;
}

.cp_ipselect label::after {
	position: absolute;
	z-index:100;
	top: 1.2em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}



.cp_sl01 select {
	padding: 8px 88px 8px 20px;
	color: #666666;
}

.sf-field-taxonomy-area,
.sf-field-taxonomy-occupation{
display:inline-block !important;
}

.sf-field-taxonomy-area{
margin-right:30px !important;
}

.job-search{
background:#e5e4df;
padding:24px;
}

.job-search ul{
text-align:center !important;
}

.sf-field-submit input{
margin-left:auto;
margin-right:auto;
text-align:center;
width:260px;
font-size:16px;
border-radius:30px;
display:block;
color:#fff;
line-height:1.1;
padding:0.8em 0;
letter-spacing:1px;
position:relative;
background-color:rgba(28,168,49,1);
margin-top:20px;
}

.sf-field-submit input:hover{
background-color:rgba(28,168,49,0.7);
text-decoration:none;
}

.search-h{
font-size:22px;
letter-spacing:4px;
display:inline-block;
padding-bottom:6px;
border-bottom:dotted 2px;
margin-bottom:15px;
}

.search-h:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 40px;/*画像の幅*/
  height: 40px;/*画像の高さ*/
  background-image: url(../img/search_ic.png);
  background-size: contain;
  margin-right:8px;
  vertical-align: top;
  margin-top:0px;
}

.kensaku-h{
font-size:20px;
padding-bottom:10px;
margin-bottom:20px;
border-bottom:solid 1px #ccc;
}

/*
-----------------------------------------------
SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.job-search{
padding:15px;
}

.sf-field-submit input{
width:160px;
margin-top:0px;
}

.cp_sl01 select {
padding: 8px 30px 8px 8px;
}

.sf-field-taxonomy-area{
margin-right:0px !important;
}


.search-h{
font-size:18px;
}

.search-h:before {
  width: 30px;/*画像の幅*/
  height: 30px;/*画像の高さ*/
  margin-right:8px;
  margin-top:0px;
}

.job-search ul{
font-size:14px !important;
}

.kensaku-h{
font-size:18px;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:solid 1px #ccc;
}

}

/*
-----------------------------------------------
派遣フォーム
----------------------------------------------- */

.info-txt{
padding:20px;
background:#e5e6e5;
}

.color03{
color:red;
}

.color04{
color:#4ea831;
}



.contact-dl{
font-size:15px;
font-size:1.5rem;
border-bottom:solid 1px #ccc;
padding-top:20px;
padding-bottom:20px;
}

.contact-dl dt{
vertical-align:top;
width:250px;
display:inline-block;
margin-right:20px;
}
.contact-dl dd{
width:600px;
display:inline-block;
vertical-align:top;
}

.radio-span{
display:block;
margin-bottom:10px;
}

.radio-span input{
vertical-align:middle;
margin-right:6px;
}

.komoku{
float:left;
width:175px;
display:inline-block;
margin-top:0em;
}

.must{
font-size:13px !important;
float:right;
display:inline-block;
color:#fff;
background:red;
width:60px;
line-height:1.0;
text-align:center;
padding:0.5em 0;
}

input[type="text"],
input[type="email"],
textarea {
padding: 0.6em;
outline: none;
border: 1px solid #DDD;
font-size: 15px;
background:#eeeeee;
}

.input-box01{
width:100%;
}

.input-box01c{
width:100% !important;
margin-bottom:8px !important;
}

.zip{
width:150px;
border:solid 1px #ccc !important;
padding:7px 6px;
background:#eeeeee;
}

.add-txt{
display:inline-block;
width:9.4em;
}

.ml5{
margin-left:5px;
}

.input-box02{
width:100%;
height:200px;
}

.input-box03{
margin-top:-25px;
}

.input-btn01{
font-size:18px;
display:inline-block;
padding:1.0em 2.4em;
color:#fff;
background-color:rgba(4,181,151,1);
border-radius:0px !important;
}

.input-btn01:hover{
background-color:rgba(4,181,151,0.7);
}

.input-btn02{
font-size:18px;
display:inline-block;
padding:1.0em 2.4em;
color:#fff;
background:#888;
margin-right:10px;
}

.input-btn02:hover{
background:#ccc;
}

.confirm-p{
font-size:18px;
font-weight:bold;
text-align:center;
padding:20px;
}

.cr02{color:#ff0000;}

/* エラー吹き出し */
.error{
  font-weight:bold;
  display:inline-block;
  position: relative;
  padding: 0.5em 1.5em;
  color:#fff !important;
  border-radius:6px;
  background:red;
  font-size:1.4rem;
  margin-top:12px;
  width:200px;
  text-align:center;
}

.error::before{
  content: '';
  position: absolute;
  left: 64px;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 25px solid red;
  border-left: 15px solid transparent;
}

.input-box01b{
width:5em;
}

.contact-dl select{
border:solid 1px #ccc;
}

.bg-type01{
background:#fbedef;
}

.bg-type02{
background:#f0fcee;
}

.check-box01{
	margin-bottom: 10px;
}
.input-btn01{
	margin-bottom: 100px;
}

/*
-----------------------------------------------
派遣フォーム TAB
----------------------------------------------- */
@media screen and (max-width: 768px) {


.contact-dl{
width:100%;
padding-top:30px;
padding-bottom:30px;
padding-left:20px;
padding-right:20px;
}

.contact-dl dt{
vertical-align:top;
width:100%;
display:inline-block;
margin-right:0px;
margin-bottom:10px;
}
.contact-dl dd{
width:100%;
display:inline-block;
}

.komoku{
float:none;
width:auto;
display:inline-block;
margin-top:0;
margin-right:10px;
}

.must{
float:none;
}

.yoken{
border:solid 1px #ccc;
}

.input-box01{
width:100%;
}

.input-box01c{
width:90% !important;
}

.input-box02{
width:100%;
height:260px;
}

.cp_ipselect {
width:100% !important;
}

}

/*
-----------------------------------------------
派遣フォーム SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.spmg001{
margin-top:-20px;
}

.catch-box{
padding-top:15px;
padding-bottom:15px;
}

.contact-box01{
padding:10px 10px;
margin:10px 0;
}

.f-d:before{
margin-left:0px;
}
.f-d{
display:block;
}

.contact-dl{
width:100%;
padding-top:20px;
padding-bottom:20px;
padding-left:0px;
padding-right:0px;
}

.input-btn01{
font-size:1.8rem;
padding:0.4em 1.5em;
}

.input-btn02{
font-size:1.8rem;
padding:0.4em 1.5em;
margin-right:3px;
}

input[type="text"],
input[type="email"],
textarea {
padding: 0.3em 0.2em;
font-size: 14px;
background:#eeeeee;
}

input[type="radio"],
input[type="checkbox"]{
border:solid 1px #888;
}

}



/*
-----------------------------------------------
追加
----------------------------------------------- */

.fm-bdr{
padding-bottom:30px;
border-bottom:solid 1px #999;
}

.contact-dl01 dt div{
font-size:22px;
margin-bottom:8px;
}

.contact-dl01 dt span,
.contact-dl02 dt span{
color:red;
margin-left:6px;
}

.contact-dl01 dd{
font-size:20px;
}

.contact-dl01{
margin-bottom:30px;
}

.chui01{
font-size:13px;
margin-bottom:60px;
}

.contact-dl02{
margin-bottom:30px;
}

.contact-dl02 dt{
font-size:20px;
margin-bottom:6px;
}

.error-message{
padding:30px;
text-align:center;
color:red;
background:#fce2e5;
font-size:18px;
font-weight:bold;
margin-bottom:20px;
}

.confirm{
padding:30px;
text-align:center;
color:#287950;
background:#dafceb;
font-size:18px;
font-weight:bold;
margin-bottom:20px;
}


.kakunin_wrap .no-confirm{
display:none;
}

.confirm_wrap .no-confirm{
	display: none;
}
.thanks-message{
	margin-top: 40px;
	text-align: center;
	margin-bottom: 150px;
	font-size:120%;
}

.thanks-message p{
margin-bottom:18px;
}


.confirm_wrap{
	margin-bottom: 70px;
}
@media screen and (max-width: 650px){
	.thanks-message{
	font-size: 1.4rem;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 70px;
	}
}
@media screen and (max-width: 550px){
	.mwform-checkbox-field{
		display: block;
	}
	.mw_wp_form .horizontal-item + .horizontal-item{
		margin-left: 0!important;
	}
	.check-box01{
		margin-bottom: 0;
	}
	.sp-check_mt{
		margin-top: 10px;
	}
}

/*
-----------------------------------------------
ダウンロードデータ　20251030追加
----------------------------------------------- */
.gate_dl02{
	width: 66%;
	text-align: center;
	border-top: solid 4px #4d4d4d;
	border-bottom: solid 4px #4d4d4d;
	padding-top: 5vw;
	padding-bottom: 5vw;
}
.gate_dl02 h5{
	font-size: 2rem;
	font-weight: 500;
}
.detail_width{
	font-size: 2rem;
	font-weight: 300;
	margin-top: 1em;
	margin-bottom: 2.5em;
}
.dl_btn a{
	font-size: 3.5rem;
	font-weight: 400;
	color: #333;
	border: solid 1px #979797;
	display: inline-block;
	text-align: center;
	padding: 1em 3.5em;
}

.dl_btn a:hover{
text-decoration:none;
background:#33bfa2;
color:#fff;
}


.gate_dl02 > div{
	text-align: left;
	display: inline-block;
}

@media screen and (max-width: 830px){
	.dl_btn a{
		font-size: 3.2rem;
	}
}

@media screen and (max-width: 767px){
	.gate_dl02{
		width: 100%;
		border-top: solid 2px #4d4d4d;
		border-bottom: solid 2px #4d4d4d;
	}
	.dl_btn a{
		font-size: 2.8rem;
	}
}
@media screen and (max-width: 500px){
	.gate_dl02 h5{
		font-size: 1.6rem;
	}
	.detail_width{
		font-size: 1.6rem;
	}
	.dl_btn a{
		font-size: 2.2rem;
	}
}


.form_btn{
display:flex;
flex-wrap:wrap;
justify-content:center;
}


/* css_end */