.contents{
    background-color: #111111;
}

.contents a{
    cursor: pointer;
}
@media (max-width: 767.98px) {
  .axn-panel__heading {
    font-size: 2rem;
    padding: 10px 15px;
  }
}

.axn-panel__item:hover .axn-panel__time {
  color: var(--color-white);
}
.axn-panel__time {
  color: var(--color-black1);
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 8px;
}

.pc{
    display: block;
}

.sp{
    display: none;
}
@media screen and (max-width: 768px) {
    .pc{
        display: none;
    }

    .sp{
        display: block;
    }
}
.app-button a img {
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  cursor: pointer;
}
.app-button a:hover img {
  opacity: 0.7;
}

.action-popup-banner {
  display: none;
}

#main_block{
    background: url("../images/kv_pc.jpg");
    background-size: cover;
    width: 100%;
    height: 55.5vw;
    margin-top: 65px;
    position: relative;
}

#main_block .main_txt_block{
    position: absolute;
    bottom: 2.5vw;
    left: 19.5vw;
}

#main_block .main_txt_block .main_txt{
    font-size: 1.4vw;
    padding-top: 1vw;
    line-height: 1.6;
    font-weight: bold;
    text-align: center;
    font-feature-settings: "palt"; 
}

@media (max-width: 820px) {
    #main_block{
        background: url("../images/kv_sp.jpg");
        height: 158vw;
         margin-top: 50px;
        background-size: cover;
    }    
    
    #main_block .main_txt_block{
        bottom: 6.5vw;
        left: 8.5vw;
    }

    #main_block .main_txt_block .main_txt{
        font-size: 3.6vw;
        padding-top: 1vw;
        line-height: 1.8;
        margin-top: 2vw;
    }
    
        
    #main_block .main_txt_block .main_txt .pc{
        display: none;
    }

    #main_block .main_txt_block .main_txt .sp{
        display: block;
    }
    
}

.nav{
    width: 100%;
    background: linear-gradient(355deg, #111 27.12%, #202020 81.05%);
    display: flex;
    justify-content: center;
    align-items:center;
    height: 145px;
}

.nav li{
    height: 110px;
    padding: 0 27px;
}

.nav li a{
    transition: all .3s;
}

.nav li a:hover{
    opacity: 0.7;
}

.nav li img{
    height: 100%;
}


@media (max-width: 767.98px) {
  .action-lp__copy {
    padding: 15px;
  }
    
  .nav {
      height: 25vw;
      padding-left: 2vw;
  }
    
  .nav li{
      height: 17vw;
      padding: 0 5vw;
  }


}
.action-lp__copy > p {
  width: 100%;
  max-width: 1200px;
  color: var(--color-white);
  font-size: 1.2rem;
  line-height: 1.3;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .action-lp__copy > p {
    max-width: 100%;
  }
}

.action-lp__mv--inner ul{
    display: flex;
    margin: 50px auto 0;
    justify-content: space-between;
}

.action-lp__mv--inner ul li {
    width: 32%;
}


.action-lp__mv--inner ul li a {
    width: 96%;
    height: 118px;
    border-radius: 10px;
    font-size: 1.7em;
    color: #01605D;
    background-color: #FFFFFF;
    border: #0F4874;
    text-align: center;
    font-weight: bold;
    margin: 0 10px;
    padding-top: 40px;
    position: relative;
    transition: all .3s;
    cursor: pointer;
    display: inline-block;
}

.action-lp__mv--inner ul li:nth-child(2) a {
    padding-top: 30px;
}

.action-lp__mv--inner ul li a:hover{
    opacity: 0.7;
}

.action-lp__mv--inner ul li span{
    font-size: 0.8em;
    color: #535353;
    display: block;
    padding-top: 17px;
}

.action-lp__mv--inner ul li:nth-child(2) a span{
     padding-top: 10px;
}

@media (max-width: 880px) {
    .action-lp__mv--inner ul li a{
        font-size: 1.2em;
        padding-top: 28px;
    }
    
    .action-lp__mv--inner ul li span{
    font-size: 0.6em;
    }
}

#action-lp__column_block,
#action-lp__drama_block,
#action-lp__present_block,
#action-lp__company{
    padding: 80px 20px;
}

#action-lp__column_block{
    background: linear-gradient(180deg, #83070C 0%, #111 100%);
}

#action-lp__drama_block{
    background: #111111;
}

#action-lp__present_block {
    background-color: #F4F1E1;
}

.action-lp__column_inner,
.action-lp__drama_inner,
.action-lp__present_inner,
#action-lp__company{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    opacity: 1;
    padding: 0 20px;
}

.action-lp__present_inner{
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 75px 4% 50px 4%;
    margin-top: 65px;
    position: relative;
}

#action-lp__drama_block h2,
#action-lp__company h2{
    margin: 0 auto;
}

#action-lp__column_block h2{
    max-width: 530px;
    margin: 0;
}

#action-lp__drama_block h2{
    max-width: 1000px;
}

#action-lp__company h2{
    max-width: 593px;
}


#action-lp__drama_block .read_txt,
#action-lp__company .read_txt{
    font-size: 16px;
    font-weight: bold;
    margin: 20px auto ;
    text-align: center;
    line-height: 1.5;
}

#action-lp__company .read_txt{
    text-align: left;
}

#action-lp__drama_block .movie{
    max-width: 770px;
    margin: 10px auto;
}

@media (max-width: 767.98px) {
    
    #action-lp__column_block h2{
        max-width: 65vw;
    }
    
    #action-lp__drama_block h2{
        width: 100%;
    }
    #action-lp__company h2{
        width: 60vw;
    }
    
    #action-lp__drama_block .movie{
        max-width: 90vw;
        margin: 10px auto;
    }

}

#action-lp__column_block p:first-of-type,
#action-lp__specialist_block  p:first-of-type,
#action-lp__present_block  p:first-of-type{
    padding: 0;
}

.action-lp__column{
    display: flex;
    margin: 30px 0;
    padding-bottom: 30px;
    justify-content: space-between;
}

.action-lp__column_img{
    width: 40%;
    position: relative;
    transition: all .3s;
}

.action-lp__column_img a{
     transition: all .3s;
}

.action-lp__column_img .vol{
    position: absolute;
    top:-10px;
    left: 10px;
    z-index: 8;
}

.action-lp__column_txt{
    width: 57%
}

#action-lp__column_block .action-lp__column_txt .action-lp__column_ttl{
    font-size: 1.8em;
    font-weight: bold;
    text-align: left;
    color: #FFF;
    line-height: 1.3em;
    padding: 0;
}

#action-lp__column_block .action-lp__column_txt p{
    font-size: 1.6em;
    color: #FFF;
    font-weight: normal;
    text-align: left;
    line-height: 1.5em;
    padding-top: 10px;
    padding-bottom: 10px;
}

#action-lp__column_block .action-lp__column_txt .action-lp__column_btn{
    width: 220px;
    height: 44px;
    background: #FFF;
    border-radius: 120px;
    font-size: 1.7em;
    text-align: center;
    display: block;
    color: #111;
    padding: 12px;
    position: relative;
    margin-top: 0;
    transition: all .3s;
    cursor: pointer;
    font-weight: bold;
}

#action-lp__column_block .action-lp__column_txt .action-lp__column_btn::after{
   content:url("../images/arrow_left.svg");
   display: block;
   position: absolute;
   top:10px;
    right: 17px;
    transition: all .3s;
    z-index: 730;
    width: 6px;
}


#action-lp__column_block .interviewee_block{
   display: flex;
   justify-content: space-between;
   align-items:center;
   margin-bottom: 20px;
}

#action-lp__column_block .interviewee_block .vol{
   background:url("../images/vol.png");
   background-size: cover;
   font-size: 28px;
   color: #201E1E;
   text-align: center;
   width: 113px;
   height: 50px;   
   font-weight: bold;
    line-height: 1;
    padding-right: 10px;
}

#action-lp__column_block .interviewee_block .vol.new{
  background:url("../images/vol_new.png");
  width: 181px;
}

#action-lp__column_block .interviewee_block .vol.new .new{
   font-size: 28px;
   color: #C00008;
   font-weight: bold;
   display: inline-block;
   padding-right: 10px;    
}

#action-lp__column_block .interviewee_block .interviewee{
    display: flex;
    font-size: 15px;
    color: #201E1E;
    background:#F9F9F9;
    border-radius: 2px;
    font-weight: bold;
    height: 55px;
    padding: 5px 7px;
    align-items: center;
}

#action-lp__column_block .interviewee_block .interviewee .interviewee_title{
    font-size: 12px;
    color: #FFF; 
    background: #82070C;
    padding: 4px 10px;
    font-weight: bold;
    margin-left: 14px;
}

#action-lp__column_block .interviewee img{
   width: 45px;
   padding-right: 8px;
}

#action-lp__column_block a:hover{
    opacity: 0.7;
}


@media (max-width: 970px) {
    #action-lp__column_block .interviewee_block{
       display: block;
       margin-bottom: 10px;
    }
    
    #action-lp__column_block .interviewee_block .interviewee{
        margin-top: 10px;
        width: 100%;
    }

}

.lp_banner{
    width: 720px;
    margin: 80px auto 60px;
    cursor: pointer;
}

.lp_banner a:hover{
    transition: all .3s;
    opacity: 0.7;
}



@media (max-width: 767.98px) {

    #action-lp__column_block,
    #action-lp__specialist_block,
    #action-lp__present_block,
    #action-lp__company{
        padding: 10vw 5vw;
    }
    
    
    .action-lp__column_inner,
    .action-lp__drama_inner,
    .action-lp__present_inner,
    #action-lp__company{
        max-width: 1000px;
        width: 100%;
        margin: 0 auto;
        opacity: 1;
        padding: 0 0;
    }

    
    #action-lp__company{
        width: 90vw;
        margin: 0 auto;
    }
    
    .action-lp__present_inner{
        padding: 12vw 0 1vw;
        margin-top: 10vw;
    }

    .action-lp__column{
        display: block;
        margin: 5vw 0;
        padding-bottom: 5vw;
    }

    .action-lp__column_img{
        width: 100%;
    }

    .action-lp__column_txt{
        width: 100%;
        margin-top: 3vw;
    }

    #action-lp__column_block .action-lp__column_txt .action-lp__column_ttl{
        font-size: 4vw;
        padding: 0;
    }

    #action-lp__column_block .action-lp__column_txt p{
        font-size: 3.5vw;
        padding-top: 2vw;
        padding-bottom: 1vw;
    }

    #action-lp__column_block .action-lp__column_txt .action-lp__column_btn{
        width: 60vw;
        height: 12vw;
        border-radius: 6vw;
        font-size: 3.5vw;
        padding: 4vw;
        margin: 3vw auto 0;
    }

    #action-lp__column_block .action-lp__column_txt .action-lp__column_btn::after{
        top: 3.5vw;
        right: 4vw;
        width: 1.2vw;
        z-index: 10;
    }
    
    #action-lp__specialist_block .action-lp__specialist_inner{
        margin: 5vw auto 2vw;
        display: block;
        width: 90vw;
    }

    #action-lp__specialist_block .action-lp__specialist{
        margin: 0 2vw;
        padding: 4vw;
    }

    #action-lp__specialist_block .action-lp__specialist .action-lp__specialist_profile p{
        margin-left: 4vw;
    }

    #action-lp__specialist_block .action-lp__specialist .action-lp__specialist_profile img{
        width: 10vw;
        height: 10vw;
    }

    #action-lp__specialist_block .action-lp__specialist .action-lp__specialist_profile .action-lp__specialist_profile_company{
        font-size: 3.4vw;
    }

    #action-lp__specialist_block .action-lp__specialist .action-lp__specialist_profile .action-lp__specialist_profile_name{
        font-size: 3.4vw;
    }

    #action-lp__specialist_block .action-lp__specialist .action-lp__specialist_profile_history{
        font-size: 2.9vw;
        padding: 1vw;
        margin: 3vw 0;
    }

    #action-lp__specialist_block .action-lp__specialist p{
        font-size: 2.8vw;
    }

    #action-lp__present_block .action-lp__present_inner h3{
        width: 66vw;
        top: -5vw;
        left: 50%;
        margin-left: -33vw;
    }
    
    #action-lp__present_block .action-lp__present_inner h3 img{
        width: 100%;
    }

    #action-lp__present_block .action-lp__present_inner .action-lp__present{
        display: block;
        padding: 0 0 10vw;
        width: 80vw;
        margin: 0 auto;
    }

    #action-lp__present_block .action-lp__present_inner .action-lp__present .action-lp__present_img{
        width: 84%;
        margin: 0 0 3vw;
    }
    #action-lp__present_block .action-lp__present_inner .action-lp__present .action-lp__present_txt{
        width: 100%;
    }

    #action-lp__present_block .action-lp__present_inner .action-lp__present .action-lp__present_txt .action-lp__present_ttl{
        padding: 2vw;
        font-size: 3.8vw;
    }

    #action-lp__present_block .action-lp__present_inner .action-lp__present .action-lp__present_txt .attention{
        margin-top: 4vw;
        font-size: 2.7vw
    }

    #action-lp__present_block .action-lp__present_inner .action-lp__present .action-lp__present_txt .action-lp__present_subttl{
        font-size: 3.8vw;
        padding: 5vw 0 3vw;
    }

    #action-lp__present_block .action-lp__present_inner .action-lp__present .action-lp__present_txt p{
        font-size: 3.2vw;
    }
    
    #action-lp__present_block .action-lp__present_btnarea{
        width: 90vw;
    }

    #action-lp__present_block .action-lp__present_btnarea .date{
        font-size: 4vw;
        margin-top: 4vw;    
    }

    #action-lp__present_block .action-lp__present_btnarea .date:before,
    #action-lp__present_block .action-lp__present_btnarea .date:after{
        bottom: 0;
        transform: scale(1.8);
    }
    
    #action-lp__present_block .reception_closed{
        font-size: 3.8vw;
    }

    #action-lp__present_block .action-lp__present_btnarea .application_btn{
        height: 16vw;
        border-radius: 8vw;
        font-size: 4vw;
        margin: 3vw 0 4vw;
        padding: 6vw;
    }

    #action-lp__present_block .action-lp__present_btnarea .application_btn::after{
       content:url("../images/btn_arrow_left.svg");
       top:5vw;
       right:5vw; 
    }

    #action-lp__present_block .action-lp__present_btnarea p{
        font-size: 2.7vw;
    }
    
    .lp_banner{
        width: 90vw;
        margin: 2vw auto 5vw;
    }
}

.action__tpl_content-wisiwyg {
  max-width: 1240px;
  padding: 0;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
}
.action__tpl_content-wisiwyg > h3 {
  color: var(--color-white);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 2.2083333333;
  padding: 0 20px;
  margin-bottom: 20px;
  background: -webkit-gradient(linear, left top, right top, from(#9D0F15), to(#5E0206));
  background: linear-gradient(to right, #9D0F15, #5E0206);
}

.action-lp__lineup-list .axn-panel__title,
.action-lp__lineup-list01 .axn-panel__title,
.action-lp__lineup-list02 .axn-panel__title{
  margin-top: 8px;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1.5;
  color: #FFFFFF !important;
  margin-bottom: 10px;
}

.action-lp__lineup-list .axn-panel__item .axn-panel__list,
.action-lp__lineup-list01 .axn-panel__item .axn-panel__list,
.action-lp__lineup-list02 .axn-panel__item .axn-panel__list{
  position: relative;
  padding: 0 20px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
}

.action-lp__lineup-list .axn-panel__item .action__tpl_content-txt,
.action-lp__lineup-list01 .axn-panel__item .action__tpl_content-txt,
.action-lp__lineup-list02 .axn-panel__item .action__tpl_content-txt{
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.5;
}

.action-lp__lineup-list .axn-panel__item:hover,
.action-lp__lineup-list01 .axn-panel__item:hover,
.action-lp__lineup-list02 .axn-panel__item:hover{
  background-color: #5E0206;
}
.action-lp__lineup-list .axn-panel__item:hover .axn-panel__title,
.action-lp__lineup-list .axn-panel__item:hover .action__tpl_content-txt,
.action-lp__lineup-list01 .axn-panel__item:hover .axn-panel__title,
.action-lp__lineup-list01 .axn-panel__item:hover .action__tpl_content-txt,
.action-lp__lineup-list02 .axn-panel__item:hover .axn-panel__title,
.action-lp__lineup-list02 .axn-panel__item:hover .action__tpl_content-txt{
  color: var(--color-white) !important;
}
.action-lp__lineup-list .axn-panel__item:hover .action__tpl_content-lang > div,
.action-lp__lineup-list01 .axn-panel__item:hover .action__tpl_content-lang > div,
.action-lp__lineup-list02 .axn-panel__item:hover .action__tpl_content-lang > div{
  color: #111111;
}
#action-lp__company .action-lp__lineup-list.axn-panel__item:hover .axn-panel__comment,
#action-lp__company .action-lp__lineup-list01.axn-panel__item:hover .axn-panel__comment,
#action-lp__company .action-lp__lineup-list02.axn-panel__item:hover .axn-panel__comment{
  color: var(--color-white);
}

.action-lp__lineup-list .action__tpl_content-lang > div,
.action-lp__lineup-list01 .action__tpl_content-lang > div,
.action-lp__lineup-list02 .action__tpl_content-lang > div{
  display: inline-block;
  height: 21px;
  color: #111111;
  font-size: 1.2rem;
  line-height: 19px;
  vertical-align: top;
  border-radius: 3px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  padding: 0 10px;
  background:#FFFFFF;
}
.action-lp__lineup-list .action__tpl_content-lang> div:not(:first-child),
.action-lp__lineup-list01 .action__tpl_content-lang> div:not(:first-child),
.action-lp__lineup-list02 .action__tpl_content-lang> div:not(:first-child){
  margin-left: 5px;
}
.action-lp__lineup-list .axn-panel__item .action-cmn__share-wrap,
.action-lp__lineup-list01 .axn-panel__item .action-cmn__share-wrap,
.action-lp__lineup-list02 .axn-panel__item .action-cmn__share-wrap{
  padding: 10px 2.8%;
  margin-top: 87px;
  margin-right: auto;
  margin-left: auto;
}

.action-lp__lineup-list .axn-panel__tag,
.action-lp__lineup-list01 .axn-panel__tag,
.action-lp__lineup-list02 .axn-panel__tag{
    height:2.5rem;
    display: inline-block;
    background: none;
}

.action-lp__lineup-list .axn-panel__tag span,
.action-lp__lineup-list01 .axn-panel__tag span,
.action-lp__lineup-list02 .axn-panel__tag span{
    display: inline-block;
    padding: 0 8px;
    margin-top: 8px;
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 20px;
    color: var(--color-white);
    background: #83070C;
    border-radius: 2px;
    line-height: 1.6em;
}
.action-cmn__three-point--line4 {
    max-height: 95px;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

@media (max-width: 767.98px) {
    
  .action__tpl_content-wisiwyg {
    width: 100%;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    margin-top: 8vw
  }
  .action__tpl_content-wisiwyg > h3 {
    font-size: 1.6rem;
    line-height: 2.1875;
    margin-bottom: 5vw;
  }
  .action-lp__lineup-list .axn-panel__item,
  .action-lp__lineup-list01 .axn-panel__item,
    .action-lp__lineup-list02 .axn-panel__item{
    padding: 10px;
  }
  .action-lp__lineup-list .axn-panel__item .action__tpl_content-txt,
  .action-lp__lineup-list01 .axn-panel__item .action__tpl_content-txt,
    .action-lp__lineup-list02 .axn-panel__item .action__tpl_content-txt{
    font-size: 15px;
    margin-top:10px;
  }
  .action-lp__lineup-list .axn-panel__item:hover .action__tpl_content-txt,
  .action-lp__lineup-list01 .axn-panel__item:hover .action__tpl_content-txt,
    .action-lp__lineup-list02 .axn-panel__item:hover .action__tpl_content-txt{
    color: #FFFFFF;
  }
  .action-lp__lineup-list .axn-panel__item-wisiwyg,
  .action-lp__lineup-list01 .axn-panel__item-wisiwyg,
    .action-lp__lineup-list02 .axn-panel__item-wisiwyg {
    max-width: calc(100% - 40px);
    padding: 0;
    margin-right: auto;
    margin-left: auto;
  }
  .action-lp__lineup-list .axn-panel__item-wisiwyg > h2,
  .action-lp__lineup-list01 .axn-panel__item-wisiwyg > h2,
    .action-lp__lineup-list02 .axn-panel__item-wisiwyg > h2{
    font-size: 2rem;
    line-height: 2.2;
  }
  .action-lp__lineup-list .axn-panel__item-wisiwyg > h3,
  .action-lp__lineup-list01 .axn-panel__item-wisiwyg > h3,
    .action-lp__lineup-list02 .axn-panel__item-wisiwyg > h3{
    font-size: 1.6rem;
    line-height: 2.1875;
    margin-bottom: 20px;
  }
  .action-lp__lineup-list .axn-panel__item-wisiwyg > h4,
  .action-lp__lineup-list01 .axn-panel__item-wisiwyg > h4,
    .action-lp__lineup-list02 .axn-panel__item-wisiwyg > h4{
    font-size: 1.6rem;
    line-height: 2.1875;
    margin-bottom: 20px;
  }
  .action-lp__lineup-list .axn-panel__item-wisiwyg > p,
  .action-lp__lineup-list01 .axn-panel__item-wisiwyg > p,
    .action-lp__lineup-list02 .axn-panel__item-wisiwyg > p{
    font-size: 1.3rem;
    line-height: 1.6153846154;
  }
  .action-lp__lineup-list .axn-panel__item-wisiwyg > p.box,
      .action-lp__lineup-list01 .axn-panel__item-wisiwyg > p.box,
    .action-lp__lineup-list02 .axn-panel__item-wisiwyg > p.box{
    padding: 10px 20px;
    margin-bottom: 20px;
  }
  .action-lp__lineup-list .axn-panel__item-wisiwyg > ul,
  .action-lp__lineup-list01 .axn-panel__item-wisiwyg > ul,
    .action-lp__lineup-list02 .axn-panel__item-wisiwyg > ul{
    margin-bottom: 20px;
  }
  .action-lp__lineup-list .axn-panel__item-wisiwyg > ul > li,
  .action-lp__lineup-list01 .axn-panel__item-wisiwyg > ul > li,
    .action-lp__lineup-list02 .axn-panel__item-wisiwyg > ul > li{
    font-size: 1.3rem;
  }
  .action-lp__lineup-list .axn-panel__item-wisiwyg > ol,
  .action-lp__lineup-list01 .axn-panel__item-wisiwyg > ol,
    .action-lp__lineup-list02 .axn-panel__item-wisiwyg > ol{
    margin-bottom: 20px;
  }
  .action-lp__lineup-list .axn-panel__item-wisiwyg > ol > li,
  .action-lp__lineup-list01 .axn-panel__item-wisiwyg > ol > li,
    .action-lp__lineup-list02 .axn-panel__item-wisiwyg > ol > li{
    font-size: 1.3rem;
  }
  .action-lp__lineup-list .axn-panel__item .axn-panel__list,
  .action-lp__lineup-list01 .axn-panel__item .axn-panel__list,
    .action-lp__lineup-list02 .axn-panel__item .axn-panel__list {
    max-width: 100%;
    padding: 0 20px;
    margin-bottom: 20px;
  }
  .action-lp__lineup-list .action__tpl_content-lang,
  .action-lp__lineup-list01 .action__tpl_content-lang,
    .action-lp__lineup-list02 .action__tpl_content-lang{
    font-size: 0;
  }

  .action-lp__lineup-list .action-specialist__item .action-specialist__list,
  .action-lp__lineup-list01 .action-specialist__item .action-specialist__list,
  .action-lp__lineup-list02 .action-specialist__item .action-specialist__list{
    max-width: 100%;
    padding: 0 20px;
    margin-bottom: 20px;
    }
}

.action-specialist__arrow-wrap{
    position:absolute;
    top:45%;
    right:-10px;
    display:block;
    cursor:pointer;
    content:"";
    transition:all .2s
}

.action-specialist__arrow-wrap[aria-disabled=true]{
    display:none !important
}

.action-specialist__arrow-wrap--prev{
    right:auto;
    left:-10px;
}

.action-lp__lineup-list .action-special__item .action-specialist__arrow,
.action-lp__lineup-list01 .action-special__item .action-specialist__arrow,
.action-lp__lineup-list02 .action-special__item .action-specialist__arrow{
    position:absolute;
    top:45%;
    right:0;
    z-index:2;
    width:13px;
    height:28px;
    margin:auto
}

.action-lp__lineup-list .action-specialist__item .action-specialist__arrow-wrap,
.action-lp__lineup-list01 .action-specialist__item .action-specialist__arrow-wrap,
.action-lp__lineup-list02 .action-specialist__item .action-specialist__arrow-wrap{
  right: 20px;
}
.action-lp__lineup-list .action-specialist__item .action-specialist__arrow-wrap--prev,
.action-lp__lineup-list01 .action-specialist__item .action-specialist__arrow-wrap--prev,
.action-lp__lineup-list02 .action-specialist__item .action-specialist__arrow-wrap--prev {
  right: auto;
  left: 0;
}

.action-lp__lineup-list .action-specialist__item .action-specialist__arrow-wrap--prev,
.action-lp__lineup-list01 .action-specialist__item .action-specialist__arrow-wrap--prev,
.action-lp__lineup-list02 .action-specialist__item .action-specialist__arrow-wrap--prev{
  right: auto;
  left: 0;
}

@media (max-width: 767.98px) {
    .action-specialist__arrow-wrap{
        right: -5vw;
    }
    .action-specialist__arrow-wrap--prev{
        left: -5vw;
    }  
}

.container{
  height: 120px;
  animation-duration: 1s;
  animation-name: fadeIn;
  overflow: hidden;
}

.container .action-lp__column{
  opacity: 0;
  height: 0;
  animation-duration: 1s;
  animation-name: fadeIn;
  overflow: hidden;
}
.more_btn button{
display: flex;
align-items: center;
justify-content: center;
width: 350px;
height: 58px;
border: 1px solid #FFF;
border-radius: 130px;
color: #FFF;
background: none;
margin: 0 auto;
font-size: 2rem;
cursor: pointer;
position: relative;
margin-top: 50px;
font-weight: bold;
}

.more_btn button::after {
  content: url(../images/arrow_bottom.svg);
  display: block;
  position: absolute;
  transition: all .3s;
  top: 18px;
  right: 12px;
  width: 13px;
}

.container.active:before,
.container.active .more_btn button{
  display: none;
}
.container.active{
  overflow: visible;
  height: 100%;
  animation-duration: 1s;
  animation-name: fadeIn;
}

.container.active .action-lp__column{
  overflow: visible;
  opacity: 1;
  height: 100%;
  animation-duration: 1s;
  animation-name: fadeIn;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media (max-width: 767.98px) {
  .container{
    height: 22vw;
  }
  .more_btn button{
  width: 80vw;
  height: 13vw;
  font-size: 3.5vw;
  margin-top: 8vw;
}

.more_btn button::after {
    top: 4.5vw;
    right: 5vw;
    width: 3vw;
}    
}

.contents .banner ul{
    display: flex;
    max-width: 1280px;
    padding: 50px 40px 20px;
    margin-right: auto;
    margin-left: auto;
}

.contents .banner ul li{
    padding: 0 10px;
}

.contents .banner ul li a{
    transition: .3s;
}

.contents .banner ul li img{
    width: 100%
}

.contents .banner ul li a:hover img{
    opacity: 0.7;
}


@media (max-width: 767.98px) {
    .contents .banner ul{
        display: block;
        padding: 20px 10px 0;
    }
    
    .contents .banner ul li{
        padding: 10px;
        width: 100%;
    }

}

.action-lp__lineup-list01 .axn-panel__arrow-wrap--prev:after,
.action-lp__lineup-list02 .axn-panel__arrow-wrap--prev:after {
    transform: rotate(180deg);
}
.action-lp__lineup-list01 .axn-panel__arrow-wrap:after,
.action-lp__lineup-list02 .axn-panel__arrow-wrap:after {
    position: relative;
    z-index: 1;
    display: block;
    width: 100px;
    height: 100%;
    content: "";
    background: linear-gradient(270deg, #111111 0%, rgba(255, 255, 255, 0) 79.8%);
}

#action-lp__company .sns {
  margin: 60px auto ;
}
#action-lp__company .sns .axn-cmn__share-wrap {
  max-width: 300px !important;
  padding: 10px 20px !important;
  margin: auto;
}
#action-lp__company .sns .axn-cmn__share {
  color: #fff;
  width: 5em !important;
  padding: 0 !important;
  margin: 0 20px 0 0px !important;
  min-width: auto !important;
}
#action-lp__company .sns .axn-cmn__share-icon {
  display: none;
  height: 0;
  color: #fff !important;
  min-width: auto !important;
  padding: 0 !important;
}
#action-lp__company .sns .axn-sns__icon-wrap {
  margin-top: -0.2em;
  margin-bottom: -0.4em;
}

@media (max-width: 767.98px) {
  #action-lp__company .sns {
    margin: 60px auto ;
  }
}