.article{
display:block;width:100%
}
.article_list>li{
display:-webkit-box;display:-ms-flexbox;display:flex;height:320px;overflow:hidden;position:relative
}
.article_list>li::after,.article_list>li::before{display:block;width:50%;height:100%;background-size: auto 203%;/* background-attachment:fixed; */background-position: center 30%;}
.article_list>li:nth-child(odd)::after{
content:''
}
.article_list>li:nth-child(odd) .article_list_content{
background-color:#eb6100;color:#fff
}
.article_list>li:nth-child(odd) .article_entry_button:hover,.article_list>li:nth-child(odd) .article_list_link:hover{
color:#eb6100
}
.article_list>li:nth-child(even)::before{/* content:'' */}
.article_list>li:nth-child(even) .article_list_content{
background-color:#242431;color:#fff;float:right
}
.article_list>li:nth-child(even) .article_entry_button:hover,.article_list>li:nth-child(even) .article_list_link:hover{
color:#242431
}
.article_list_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height: 100%;padding:32px;width: 100%;}
.article_list_title{
margin-bottom:24px;font-size:5.6rem;font-weight:400;line-height:1
}
.article_entry_button,.article_list_link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;/* width:144px; */height:48px;margin-top:48px;/* border:1px solid #fff; */border-radius:24px;line-height:1;position:relative;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;padding-right: 20px;padding-left: 10px;}
.article_entry_button::after,.article_list_link::after{content:'';display:block;width: 12px;height: 12px;margin:auto;border-right:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:0;right: 0px;bottom:0;}
.article_entry_button:hover,.article_list_link:hover{/* background-color:#fff; *//* font-weight:400; *//* color: #fff; */opacity: 0.4;}
.article_list-vision::after{background-image:url(../images/index_vision.min.jpg)}
.article_list-business::before{background-image:url(../images/index_business.min.jpg);background-position: center 54% !important;}
.article_list-recruit::after{background-image:url(../images/index_recruit.min.jpg);/* background-attachment: fixed; */background-size: auto 183%!important;}
.article_list-company::before{background-image: url(../images/index_company.min4.jpg);}

.article_entry{
height:auto;padding:32px 0;text-align:center;color:#eb6100;font-weight:400
}
.article_entry_button{
width:240px;height:80px;margin:48px auto;border:2px solid #eb6100;border-radius:40px;color:#eb6100;font-size:2rem;font-weight:400
}
.article_entry_button::after{
width:20px;height:20px;border-right:2px solid #eb6100;border-bottom:2px solid #eb6100;right:32px
}
.article_entry_button:hover{
background-color:#eb6100;color:#fff
}

@media (max-width:599px){
.article_list>li{
-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:360px
}
.article_list>li::after,.article_list>li::before{
width:100%;height:50%;background-size:100% auto;background-attachment:scroll
}
.article_list>li:nth-child(odd){
-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;background-position:top center
}
.article_list_content{
width:100%;height:50%;padding:16px
}
.article_list_title{
margin-bottom:16px;font-size:2.4rem
}
.article_entry_button,.article_list_link{
margin-top:16px
}
.article_list-business{
background-position:top center
}
.article_entry_button{
margin-bottom:32px
}

}
.loadingWindow{
-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background-color:#242431;position:fixed;z-index:9999
}
.loadingWindow .loader{
width:40px;height:40px;margin:auto;border-width:4px;position:absolute;top:0;right:0;bottom:0;left:0
}
.attention{  background-color: #f3f3f3; font-weight: bold; }
.attention em{  display: block;  font-size: 20px; padding: 2vw 0; text-align: center; position: relative; cursor: pointer; }
.attention em::after{
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5vw;
  margin: auto;
  border-top: 1px solid #111;
  border-right: 1px solid #111;
  transform: rotate(135deg);
  transition: all 0.2s ease;
}
.attention em.open::after{
  transform: rotate(-45deg);
}
.attention .inner{max-width: 1100px; margin: 0 auto; display: none; padding: 0 5vw 5vw; }
.attention p{  margin-top: 1em;}
.attention a{text-decoration: underline;}
.pc_only{display: block;}
.sp_only{display: none;}
@media (min-width:960px){
a.sp_tel{ pointer-events: none; text-decoration: none; }
}
@media (max-width:959px){
.attention{}
.attention em{ font-size: 18px; padding: 2vw 0; }
.pc_only{display: none;}
.sp_only{display: block;}
}

.message{width:100%;max-width:1024px;margin:80px auto;padding:0 0;background-size:33% auto;background-position:center;}
@media (max-width:959px){
.message{
max-width:960px
}

}
@media (max-width:599px){
.message{
max-width:600px;margin:40px auto;padding:0 0
}

}
.message_content{
background-color:rgba(255,255,255,.9);margin: 0 20px;font-weight: 400;
}
.message_content>p{margin-top:16px;}
.message_content>p:last-child{margin:32px auto 16px;font-weight: 700;font-size: 2.4rem;text-align:center;}
.message_strong{margin-bottom:40px;font-weight:400;text-align:center;}
.message_strong>strong{
font-size:2.4rem
}

@media (max-width:767px){
    .message_strong>strong{
        font-size:1.6rem
    }
}


.mynavi{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;padding:32px;background-color:#fff4ef
}
.mynavi>*{
padding:16px
}
.mynavi>a>img{
display:block
}
@media (max-width:599px){
.message{
width:100%;max-width:1024px;margin:64px auto;padding:0 16px;background-size:66% auto
}

}



.message2{width:100%;padding: 50px 0 60px;background-size:33% auto;background-position:center;background: #EB6100;color: #fff;}

.message2 .interview_title{
    color:#fff !important;
}

@media (max-width:959px){
.message2{
max-width:960px
}
}
@media (max-width:599px){
.message2{max-width:600px;margin: 0;padding: 40px 0;}

}
.message2_content{margin: 0 20px;font-weight: 400;}
.message2_content>p{margin-top:16px;}
.message2_content>p:last-child{margin:32px auto 16px;font-weight: 900;font-size: 3.4rem;text-align:center;font-family: 'Noto Serif JP', serif;}
.message2_strong{margin-bottom:40px;font-weight:400;text-align:center;}
.message2_strong>strong{
font-size:2.4rem
}

@media (max-width:767px){
    .message2_strong>strong{
        font-size:1.6rem
    }
.message2_content>p:last-child{margin:32px auto 16px;font-weight: 900;font-size: 2rem;text-align:center;font-family: 'Noto Serif JP', serif;}
}

.topics_area{
max-width: 100% !important;
}
.topics_area ul#instagram_wrap{
display: flex;
flex-wrap: wrap;
}
.topics_area ul#instagram_wrap li{
width: 12.5%;
}
.topics_area ul#instagram_wrap li img,
.topics_area ul#instagram_wrap li video{
width: 100%;
vertical-align: top;
aspect-ratio: 1/1;
object-fit: cover;
}
@media (max-width:599px){
.topics_area ul#instagram_wrap li{
width: 50%;
}
}