@charset "UTF-8";
@font-face {
  font-family: 'Arial Black';
  src: url('arial-black.woff2') format('woff2'), /* 最新のブラウザ */
       url('arial-black.woff') format('woff'),  /* 多くのブラウザ */
       url('arial-black.ttf') format('truetype'); /* 古いブラウザ */
  font-weight: bold;
  font-style: bold;
}
#page_topimg{
	position: relative;
    width: 100%;
    aspect-ratio: 21.2 / 15.0;
    overflow: hidden;
    transition: all 0.3s;
    margin:0px auto 0;
    padding: 0;
}
#page_topimg img{width: 100%;}
.page_menu{background-color: #003894;}
.mt3per{margin-top: 3%;}
.white{color:#ffffff;}
a:visited {
    color: #ffffff;
    text-decoration: none;
}
.boxitem_04{border-bottom: solid 1px #ffffff;border-right: solid 1px #ffffff;color: #ffffff;padding: 0.2em 0 0.6em;}
.arrow_04{
  width: 23%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1.0em;
}
.arrow_04::after{
  position: absolute;
  top: 0;
  bottom: 0.4em;
  right: 5%;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 0.7em;   /* arrow size */
  height: 0.7em;  /* arrow size */
  border-top: 1px solid  #ffffff;  /* thickness, color */
  border-right: 1px solid  #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.recruit_page_ttl{font-family: 'Arial Black', 'Arial','Helvetica', sans-serif; text-align: center;color:#003894;font-size: 3.2em;}
.recruit_page_ttl_white{font-family: 'Arial Black', 'Arial','Helvetica', sans-serif; text-align: center;color:#ffffff;font-size: 3.2em;}
.recruit_page_h3{text-align: center;font-size: 1.8em;line-height: 60px;}
.recruit_page_h3ttl{font-size: 1.8em;line-height: 60px;color:#003894;}
.recruit_page_h4{font-size: 1.2em;line-height: 40px;}
.icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url("../img/youkou_icon_pc.svg") no-repeat;
	margin-bottom: -1.2%;
	margin-right: 0.2em;
}
.voice_icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url("../img/voice_icon_pc.svg") no-repeat;
	margin-bottom: -1.4%;
	margin-right: 0.2em;
}
.shikaku_icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url("../img/shikaku_icon_pc.svg") no-repeat;
	margin-bottom: -1.4%;
	margin-right: 0.2em;
}
.fukuri_icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url("../img/fukuri_icon_pc.svg") no-repeat;
	margin-bottom: -1.4%;
	margin-right: 0.2em;
}
.uniform_icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url("../img/uniform_icon_pc.svg") no-repeat;
	margin-bottom: -1.4%;
	margin-right: 0.2em;
}
.faq_icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url("../img/faq_icon_pc.svg") no-repeat;
	margin-bottom: -1.4%;
	margin-right: 0.2em;
}
.flow_icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url("../img/flow_icon_pc.svg") no-repeat;
	margin-bottom: -1.4%;
	margin-right: 0.2em;
}
.section_03,.section_05,.section_07,.section_09{background-image: url("../img/interview_back_pc.webp");background-repeat: no-repeat;background-size: cover;}
.section_06{background-image: url("../img/uniform_back_pc.webp");background-repeat: no-repeat;background-size: cover;}
.voice_box{background-color: #003894;padding: 5%;color: #ffffff;}
.voice_box .name{font-size: 1.4em;}
.voice_btn{display: block; width: 50%;margin: 2% auto;}
.date_box{background-color: #ffffff;padding: 5%;border: solid 2px #003894;border-radius: 30px;}

.faq-item {
  margin-top: 20px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #666666;
}

.faq-question__wrap {
  position: relative;
  padding: 15px 5px 15px 55px;
  cursor: pointer;
}

.minus-icon {
  position: absolute;
  content: "";
  width: 20px;
  height: 3px;
  background: #0d68a9;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.plus-icon {
  position: absolute;
  content: "";
  width: 20px;
  height: 3px;
  background: #0d68a9;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transition: ease all 0.5s; /* 擬似要素のトランジションを追加 */
}

.plus-icon.active {
  transform: translateY(-50%);
}

.faq-question__title {
  font-weight: bold;
  color: #000000;
  font-size: 1.2em;
	line-height: 1.2em;
  position: relative;
  padding-right: 5%;
}
.faq-question__title::before {
    position: absolute;
    color: #0d68a9;
    content: "Q.";
	font-size: 1.6em;
    top: 10px;
    left: -45px;
    transform: translateY(-50%);
  }

.faq-answer__wrap {
  padding: 10px 25px 10px 25px;
  transition: ease all 0.5s; /* 擬似要素のトランジションを追加 */
  height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}

.faq-answer__wrap.active {
  height: auto;
  padding: 10px 25px 10px 25px;
}
.faq-answer__wrap {
  opacity: 0;
  padding: 10px 25px 10px 25px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  transition: ease all 0.7s; /* 擬似要素のトランジションを追加 */
}

.faq-answer__wrap.active {
  opacity: 1;
  padding: 0px 25px 15px 65px;
}

.faq-answer__title {
position: relative;
  font-weight: bold;
  color: #000000;
  font-size: 1.0em;
	text-align: justify;
}
.faq-answer__title::before {
    position: absolute;
    color: #d41819;
    content: "A.";
	font-size: 1.6em;
    top: 10px;
    left: -35px;
    transform: translateY(-50%);
  }
.w48per_center{width: 48%;margin: 5% auto 0;}
.w48per_center img{width: 100%;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
.faq-item {
  margin-top: 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #666666;
}	
	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
	
#page_topimg{
    min-width: auto;
    aspect-ratio: 11.1/ 13.7;
    margin:0px auto 0em;
    padding: 0px 0px 0;
}
.section_03,.section_05,.section_07,.section_09{background-image: url("../img/interview_back_sp.webp");}
.section_06{background-image: url("../img/uniform_back_sp.webp");}
.arrow_04{
  width: 48%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  font-size: 0.84em;
}
.recruit_page_ttl{font-family: "Arial Black", Gadget, "sans-serif"; text-align: center;color:#003894;font-size: 2.4em;line-height: 1.0em;}
.recruit_page_ttl_white{font-family: "Arial Black", Gadget, "sans-serif"; text-align: center;color:#ffffff;font-size: 2.4em;line-height: 1.0em;}
.recruit_page_h3{text-align: center;font-size: 1.2em;line-height: 30px;}
.recruit_page_h3ttl{font-size: 1.2em;line-height: 30px;color:#003894;}
	
.icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/youkou_icon_pc.svg") no-repeat;
	margin-bottom: -2.4%;
	margin-right: 0.2em;
}
.voice_icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/voice_icon_pc.svg") no-repeat;
	margin-bottom: -2.4%;
	margin-right: 0.2em;
}
.shikaku_icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/shikaku_icon_pc.svg") no-repeat;
	margin-bottom: -2.4%;
	margin-right: 0.2em;
}
.fukuri_icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/fukuri_icon_pc.svg") no-repeat;
	margin-bottom: -2.4%;
	margin-right: 0.2em;
}
.uniform_icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/uniform_icon_pc.svg") no-repeat;
	margin-bottom: -2.4%;
	margin-right: 0.2em;
}
.faq_icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/faq_icon_pc.svg") no-repeat;
	margin-bottom: -2.4%;
	margin-right: 0.2em;
}
.flow_icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/flow_icon_pc.svg") no-repeat;
	margin-bottom: -2.4%;
	margin-right: 0.2em;
}
.voice_btn{display: block; width: 100%;margin: 2% auto;}	
.faq-question__wrap {
  position: relative;
  padding: 15px 35px 15px 55px;
  cursor: pointer;
}
.faq-item {
  margin-top: 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #666666;
}
.w48per_center{width: 100%;margin: 5% auto 0;}
}