@charset "utf-8";
.sp-block{display:block;}

.w840-block{display:none;}
@media screen and (max-width: 840px) {
.w840-block{display:block;}
}

.w1440-block{display:none;}
.w1440-none{display:block;}
@media screen and (max-width: 1550px) {
.w1440-block{display:block;}
.w1440-none{display:none;}
}

.recruit_bottom_link .w440-block{display:none;}
@media screen and (max-width: 440px) {
.recruit_bottom_link .w440-block{display:block;}
}
.recruit_bottom_link .w840-block{display:none;}
@media screen and (max-width: 840px) {
.recruit_bottom_link .w840-block{display:block;}
}

.w1024-block{display:none;}
@media screen and (max-width: 1024px) {
.w1024-block{display:block;}
}

.br-none { display: block; }
.br-block { display: none; }
.spacer {padding:50px 0;}
a { text-decoration: none; }
.font-color-blue {color:darkblue;}

@media screen and (max-width: 1024px) {
.spacer {padding:25px 0;}
}
@media screen and (max-width: 1024px) {
.w1024-block{display:block;}
}



#recruit {
width:100vw;
padding: 0 0 5%;
}
@media screen and (max-width: 1024px) {
#recruit {
padding: 0 0 100px;
}
}
#recruit h2{
margin-bottom:30px;
}
.recruit-img{
width: 100%;
height: 50vh;
background:url("../../recruit/img/recruit_topback_image.jpg") no-repeat center;
background-size: cover;
}
.recruit-img-wrapper{
position:relative;
margin:0 auto;
overflow: hidden;
width: 100%;
height: 50vh;
margin-bottom:30px;
}

.recruit-catch-wrapper{
width: 100%;
position:absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
#main-area .recruit-img-wrapper h2{
width: 100%;
line-height: 1.5;
font-size: 50px;
color:#fff;
display: flex;
align-items: center;
justify-content: center;
text-shadow:
1px 1px 2px #000,
0 0 1em #00ffdd,
0 0 0.2em #00ffdd;
font-weight: bold;
}
@media screen and (max-width: 440px) {
#main-area .recruit-img-wrapper h2{
line-height: 1.5;
font-size: 40px;
}
}



.recruit-wrap{
padding: 0 15vw;
justify-content: center;
align-items: center;
}
.recruit-wrap h3{
line-height:1.5;
}
@media screen and (max-width: 1440px) {
.recruit-wrap{
padding: 0 10vw;
/* padding-left:calc(30px + 10rem);
padding-right:calc(30px + 10rem); */
}
.recruit-img{
width: 100%;
height: 50vh;
background-size: cover;
}
}
@media screen and (max-width: 1024px) {
.recruit-wrap{
padding: 0 8vw;
}
.recruit-img{
width: 100%;
height: 50vh;
background:url("../../recruit/img/recruit_topback_image_port.jpg") no-repeat center;
background-size: cover;
}
}

@media (orientation: landscape) and (max-width: 960px){
.recruit-img-wrapper,
.recruit-img{
height:400px;
}
}

#recruit_top_area{
display: flex;
padding:15px;
background:rgba(0, 171, 148,.5);
}
#recruit_top_area h3{
font-size:clamp(1.2rem, 1.14rem + 0.3vw, 1.5rem);
line-height:1.5;
text-align:justify;
font-weight:bold;
margin:0 0 5px 0;
/* text-shadow: 1px 1px 3px black; */
color: #fff;
}
#recruit_top_area .top_read{
width:40%;
padding:2vw;
background:rgba(0, 171, 148);
}
#recruit_top_area .top_read p span{
font-weight:bold;
display: block;
margin-top:10px;
}
#recruit_top_area .top_image_wrap{
width:60%;
height: auto;
background:url("../../recruit/img/recruit_sub_image.jpg") no-repeat center;
background-size: cover;
}
#recruit_top_area .top_image_wrap img{
width:100%;
}
@media screen and (max-width: 1024px) {
#recruit_top_area .top_read p {
font-size:0.85rem;
line-height:1.45rem;
}
}
@media screen and (max-width: 960px) {
#recruit_top_area{
display: block;
width:100%;
padding:40px;
}
#recruit_top_area .top_read{
display: block;
width:100%;
padding:20px;
}
.sp-block{
display: none;
}
#recruit_top_area .top_image_wrap{
display: block;
width:100%;
height:400px;
}
}
@media screen and (max-width: 440px) {
#recruit_top_area{
padding:15px;
}
#recruit_top_area .top_image_wrap{
width:100%;
height:250px;
}
}
@media screen and (max-width: 400px) {
.sp-block{
display: none;
}
#recruit_top_area .top_image_wrap{
width:100%;
height:200px;
}
}

/* インタビュー部分 */

.flex_container-wrap {
width:100%;
/* min-height:100vh; */
background-color:rgba(0, 100, 200, .60);
position:relative;
z-index:1;
padding:50px 5vw;
overflow: hidden;
}
.background-icon{
width:100vw;
height:100vh;
background:url("../../recruit/img/opw-icon.png") no-repeat center;
position:absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
z-index:-1;
opacity:0.1;
}
@media screen and (max-width: 1024px) {
.flex_container-wrap {
padding:30px 3vw;
}
}
@media screen and (max-width: 960px) {
.flex_container-wrap {
padding:30px 5vw;
}
}
@media screen and (max-width: 440px) {
.flex_container-wrap {
padding:30px 5vw;
}
}

#interview-title {
width:100%;
margin:0px 0;
}

.item_title h3 {
font-size:clamp(1.2rem, 1.14rem + 0.3vw, 1.5rem);
line-height:1.5;
text-align:justify;
font-weight:bold;
margin:0 0 5px 0;
/* text-shadow: 1px 1px 3px black; */
color: #fff;
}

.container-voice-name {
font-size:clamp(0.8rem, 0.76rem + 0.2vw, 1rem);
line-height:1.65;
text-align:right;
/* font-weight:bold; */
/* text-shadow: 1px 1px 3px black; */
color: #fff;
margin:10px 0 0 0;
padding-top: 15px;
border-top:1px solid #fff; */
}

.container-voice-name-br-block {
display:none;
}

.flex_container{
width:100%;
display:flex;
display:-webkit-flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.item_title{
	display:block;
	width:100%;
	margin:20px 0;
}
.item_right{
	flex:1;
	order:1;
	margin-left:10px;
	margin-bottom:auto;
}
.item_left{
	flex:1;
	order:0;
	margin-right:10px;
	margin-bottom:auto;
}
.main_photo{
width:100%;
margin-bottom:30px;
}
.main_text {
margin:0 5% 0 0;
text-align: justify;
color:#fff;
}
.read_text p{
width:100%;
height:auto;
padding:5px 10px;
margin-bottom:10px;
background:linear-gradient(90deg, rgba(0, 171, 148, 1.0), rgba(255, 255, 255, 0));

font-size:clamp(1rem, 0.96rem + 0.2vw, 1.2rem);
line-height:1.5;
font-weight:bold;
}
.sub_text {
font-size:1rem;
line-height:1.7rem;
text-align: justify;
color:#fff;
/* text-shadow: 1px 1px 3px black; */
margin-bottom:30px;
}
.item_right .sub_text {
margin-bottom:0;
}
@media screen and (max-width: 1024px) {
.sub_text {
font-size:0.85rem;
line-height:1.45rem;
}
}

/*iPhone横向き設定*/
@media (orientation: landscape) and (max-width:960px){
.container-voice-name-br-block {display:block;}
}

/* インタビュー枠ここからflex解除 */
@media screen and (max-width: 640px) {
.flex_container{
flex-direction:column;
}
.main_text {
margin:30px 0;
}
.item_right{
flex:1;
order:0;
text-align:left;
margin:0;
}
.item_left{
flex:1;
order:1;
height:auto;
width: 100%;
margin:0;
}
.container-voice-name {
/* text-align:left; */
margin:5px 0 10px;
}
}



/* よくあるご質問 */

#faq {
content: '';
display: block;
position: relative;
top: 0;
right: 0;
width: 100%;
height: auto;
padding:100px 10vw;
margin:0;
/* overflow:hidden; */
}
#faq h2{
text-align: center;
margin:0 0 50px 0;
font-weight:bold;
}
#faq h3 {
   font-size:1.2rem;
   line-height:1.8rem;
   text-align:justify;
   font-weight:bold;
   margin:0 5%;
   text-shadow: 1px 1px 3px black;
   color: #fff;
}


@media screen and (max-width:768px) {
#faq {
padding:100px 0 50px;
}
#faq h3 {
   font-size:1rem;
   line-height:1.8rem;
}
}

/*===========================================================*/
/*機能編  9-2-2 任意の場所をクリックすると隠れていた内容が開き、先に開いていた内容が閉じる*/
/*===========================================================*/

/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    width: 100%;
    margin:0 auto;
}

.accordion-area li{
    margin: 10px 0;
}

.accordion-area section {
	border: 1px solid #fff;
	background:linear-gradient(90deg, rgba(0, 0, 250, 0.5), rgba(255, 255, 255, 0));
}

.accordion-box p{
color:#000;
font-size:1rem;
}

/*アコーディオンタイトル*/
.accordion-title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    padding: 3% 3% 3% 50px;
    transition: all .5s ease;
}

@media screen and (max-width:768px) {
.accordion-box p{
color:#000;
font-size:0.85rem;
line-height:1.65;
}
}

/*アイコンの＋と×*/
.accordion-title::before,
.accordion-title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #fff;
}
.accordion-title::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);
}
.accordion-title::after{
    top:48%;
    left: 15px;
    transform: rotate(90deg);
}

/*　closeというクラスがついたら形状変化　*/
.accordion-title.close::before{
	transform: rotate(45deg);
}
.accordion-title.close::after{
	transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.accordion-box {
display: none;/*はじめは非表示*/
background: #fff;
margin:0 3% 3% 3%;
padding: 3%;
line-height:1.8rem;
text-align:justify;
}

@media screen and (max-width:768px) {
.accordion-box {
padding: 15px 20px;
line-height:1.3rem;
}
}


/* エントリー案内 */

#entry {
content: '';
display: block;
position: relative;
width: 100vw;
height: auto;
}
.info-add-entry {
width:clamp(18.75rem, 16.25rem + 12.5vw, 31.25rem);
height:60px;
background:rgba(255, 0, 0, 1.0);
border-radius: 30px;
text-align:center;
margin:0 auto;
}
.info-add-entry p{
font-size:1.5rem;
line-height:1;
font-weight:bold;
padding:15px 0;
text-align:center;
margin:0 auto;
}
.info-add-entry a {
display:block;
}

@media screen and (max-width:440px) {
.info-add-entry {
width:280px;
}
.info-add-entry p{
font-size:1.2rem;
line-height:1.5;
}
}


/* 仮公開ブロック */
.recruit_bottom_link{
padding:20px 7%;
border:2px solid #fff;
margin:30px auto;
}
.recruit_bottom_link div{
text-align:center;
font-weight:bold;
font-size:1.4rem;
line-height:1.65;
margin:0 0 10px 0;
}
.recruit_bottom_link ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.recruit_bottom_link li {
padding:10px;
}
.recruit_bottom_link li p{
text-align:center;
font-size:1.2rem;
line-height:1.65;
margin:0 10px 0 0;
color:#00ffdd;
}
.recruit_bottom_link li p a{
color:#00ffdd;
}
.recruit_bottom_link .tips{
text-align:center;
margin:15px auto 0;
}
@media screen and (max-width:960px){
.recruit_bottom_link{
padding:20px 0%;
}
}
@media screen and (max-width:440px){
.recruit_bottom_link .tips{
text-align:justify;
margin:15px 15px 0;
}
.recruit_bottom_link .tips .w840-block{
display:none;
}
}