.container { color: #FFF;}


.tit_B {text-align: center;position: relative;max-width: 80%;margin: 0 auto 30px;}

.tit_B::before,.tit_B::after {
     content: '';
     position: absolute;
     top: 50%;
     display: inline-block;
     width: 40px;
     height: 1px;
     background-color: #fff;
}
.tit_B::before {
    left: 0;
}
.tit_B::after {
    right: 0;
}
.tit_B p {font-size: 20px; line-height: 1.2;}
.tit_B span {
    font-size: 18px;
    align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  justify-content: center;  
}

.tit_B span::before,.tit_B span::after {
    background-color: #FFF; /* 横線の色 */
  content: "";
  height: 2px; /* 横線の高さ */
  width: 5px; /* 横線の長さ */
}
.tit_B span::before {
    margin-right: 1px
}
.tit_B span::after {
    margin-left: 1px
}

.recruit_read {font-size: 12px;/* width: 90%; */margin: 0 auto 60px;text-align: justify;line-height: 2;text-justify: inter-ideograph;}
.blanklink { border-bottom: 1px solid #FFF;}

.video {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
    margin-bottom: 60px;
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.maintenance-block { margin-bottom: 40px; overflow: hidden;}

.img_recruit{margin: 0 auto 30px;max-width: 1200px;}
.recruit_read {font-size: 13px;}
.recruit_box {overflow: hidden;margin: 0 auto 1em;font-size: 13px;}
@media screen and (min-width: 964px){

    
    .container {
        width: 100%!important;
    max-width: 100%!important;
}
    
    .tit_B {margin: 0 auto 50px;max-width: 454px;}
    .tit_B::before,.tit_B::after {
     width: 94px;
}

  .video_wrapper { max-width: 1200px; margin: auto;}
    
    .maintenance-block { margin-bottom: 80px; }
    
    .recruit_read {font-size: 16px; letter-spacing: 2px;font-size: 16px;max-width: 1050px;margin: 100px auto;}
    .video { margin-bottom: 100px;}
     .recruit_box { font-size: 16px;}
}

.recruit_read p {margin-bottom: 1em;}

/*========= company ===============*/

.recruit_box {
}

.recruit_tit{white-space: nowrap;padding-right: 1em;padding-left: 0.5em;/* display: block; */vertical-align: top;position: relative;}
.recruit_tit span {
}
.recruit_tit:before {
    content:  "";     /* 空の要素作成 */
    width: 2px;               /* 幅指定 */
    height:  2px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #fff;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position: absolute;
    top: 0.8em;
    margin: auto;
    left: 0;
}
@media screen and (min-width: 964px){
    .recruit_box {
         max-width: 1050px;
         font-size: 16px;
    }
}

.key {
    background: #000000;
    width: 100%;
    margin-bottom: 60px;
}
.key img {
    width: 50%;
    margin: auto;
    display: block;
    padding: 100px 0 40px;
}


@media screen and (min-width: 964px){
.key {
    margin-bottom: 120px;
}
    .key img {
    width: 305px;
    padding: 160px 0 60px;
}

}



/* Contact Form7 */
#content {color: #fff;/* margin-top: 100px; */}
@media screen and (min-width: 964px) {
  #content {/* margin-top: 200px; */}
    .container { max-width: 900px!important;}
}
.contact7 {
	box-sizing: border-box;
	margin: auto;
}
.contact7 dd {
	margin: 0 0 15px 0;
}
.contact7 dt {
	font-weight: normal;
	margin-bottom: 5px;
}

/* 必須マーク */
.contact7 .must {
	background: #a25350;
}

/* 任意マーク */
.contact7 .optional {
	background: #999;
}

.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 12px;
	margin: 0 10px 0 0;
	padding: 5px 10px;
	letter-spacing: 2px;
}
.btn_contact7 {
	margin: auto;
	width: 80%;
}
.btn_contact7 input {
	width: 100%;
	background-color: #a25350;
	border: 1px solid #333;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #a25350;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
    font-family: 'Oswald', sans-serif;
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #a25350;
}
@media screen and (min-width: 768px) {
    .contact7 dt {
        float: left;
        clear: left;
        width: 25%;
        padding: 5px 10px 5px 0;
	}
    .contact7 dd { margin: 0 0 30px 25%;}
    .btn_contact7 input { padding: 20px 0;}

}

input,textarea {width: 100%;padding: 5px 8px;border: 1px solid #333;}
input[type="checkbox"] { width: 14px;}
.check_contact7 {margin: 0 auto 30px;text-align: center;}
.via {
    margin-bottom: 20px;
    padding-left: 1%;
}
.via input {
    border: none;
    pointer-events: none;
}

.wpcf7 form.sent .wpcf7-response-output {  border-color: #261E47;}
.wpcf7 form .wpcf7-response-output { border: 2px solid #261E47;}

.recruit_form { margin-top: 40px;}

.recruit_form dd ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}
.recruit_form dd ul li {
    width: 49%;
}
.recruit-li { margin-bottom: 40px;}
@media screen and (min-width: 960px){
    .recruit_form { margin-top: 100px;}
    .contact7 .must,
    .contact7 .optional { margin: 0 10px;}
.recruit-li { margin-bottom: 90px;}

}
.contact7 dt {font-size: 13px;}
.recruit_form select {width: 100%;background: #fff;padding: 5px;color: #000; padding-left: 1em; border-radius: none;}

.wpcf7-list-item {
    margin: 0 1em 0 0!important;
}
.recruit_form input[type="checkbox"] {border-radius: 10px; font-size: 20px;}


::placeholder{
  color:#b5b5b5;
    font-size: 90%;
    padding-left: 1em;
}

input[type=file]:focus {outline: none;} 

input[type=file]::file-selector-button,
input[type=file]::-webkit-file-upload-button {
    display: none;
}

input[type=file]
{position: relative;padding: 5px 0!important;height: 38px;}
input[type=file]:focus
{
outline: none;
}
input[type=file]::before
{content: "ファイルを追加";position: absolute;background: #c9c9c9;text-align: center;color: #000;width: 100%;height: 38px;top: 0;line-height: 2.3;}


select {
  -webkit-appearance: none;
  appearance: none;
}

@media screen and (min-width: 960px){
    .recruit_form select,::placeholder {padding-left: 2em;}
    .contact7 dt { font-size: 100%;}
}