@charset "utf-8";
.element {transform: translateY(30px);opacity: 0;visibility: hidden;transition: transform 1s, opacity 1s, visibility 1s;}
.is-fadein {transform: translateX(0);opacity: 1;visibility: visible;}
body{font-family: 'Noto Sans JP', sans-serif;}
.content1img{width:390px;margin:0 auto;display:block;padding-top:6.4%;padding-bottom:6.4%;}
#content1{background-image:url("../img/interview/background1.png"); background-repeat: no-repeat;background-size:cover;margin: 0 auto;padding-top:140px;}
.autoplay{width:65%;margin:0 auto;display:block;margin-top: 5%;}
.staffname{margin:0 auto;display:block;text-align: center;font-size:20px;color:#231815;font-weight:800;margin-top:10%;}
.staffname2{font-size:15px;}
.content2inner{margin:0 auto;display:block;position:relative;}

/*カルーセル*/
/*--------画像サイズ調整---------*/
img{width:100%;}
/*-----------height調整----------*/
.slick-slide{height:auto!important;}
/*-----------矢印表示----------*/
.slick-next{right:-50px!important;content:""!important;}
.slick-prev{left:-50px!important;content:""!important;}
.slick-arrow:before{content:""!important;width: 100%!important;height: 100%!important; position: absolute; top:0.5vw; top:-2.5vw; right:-0.8vw;}
.slick-prev:before{background-image:url(../img/interview/arrow_left.svg)!important;background-size: contain!important;background-repeat: no-repeat !important;width:2vw!important;height:2vw!important;position:absolute!important;}
.slick-next:before{background-image:url(../img/interview/arrow_right.svg)!important;background-size: contain!important;background-repeat: no-repeat !important;width:2vw!important;height:2vw!important;position:absolute!important;}
.slick-arrow{z-index:2!important;}
.slick-arrow:before{font-size: 30px!important;}
.slick-slide{margin-right:0.1%;margin-left: 0.1%;}

/*図形*/
.content2illust1{position:absolute;width:min(calc((100 / 1500) * 115vw), 115px);left:11%;bottom:3%;}
.content2illust2{position:absolute;width:min(calc((100 / 1500) * 80vw), 80px);right:11%;top:3%;}

/*コンテンツ3*/
.txtflex{display:flex; padding:2%;}
.flexhr{width:10%; margin-top: 2.15em;}
.flexhr hr { border: none; height:3px; background-color:#FFCA00; border-radius:5px;}
.flextxt{width:90%; padding-left:3%; padding-right:3%;}
.flextxt p {width:85%; font-size:15px; line-height: 180%;}
.flextxt h3{font-size:25px;  margin-bottom:0;}
.txtall{margin-bottom: 5%;}

.day_action {display:flex; margin-top:30px;}
.day_action .caption {padding:0px; height:30px; width:120px; line-height:30px; border:2px solid #333; font-weight:bold; text-align:center;}
.day_action .dotline {border-bottom:3px dotted #000; width:300px; height:15px; margin:0 15px;}
.schedule {margin-top:15px;}
.schedule th {text-align:left; padding:5px 5px 5px 20px;}
.schedule td {text-align:left; padding:5px 0px 5px 50px;}

.content3inner{margin-top: 3%;}
.interview1{margin:0 auto;display:block;max-width: 1140px;}
.interview2{margin:0 auto;display:block;max-width: 1140px;}
.interview3{margin:0 auto;display:block;max-width: 1140px;}
.interview4{margin:0 auto;display:block;max-width: 1140px;}
.interview5{margin:0 auto;display:block;max-width: 1140px;}
.interview6{margin:0 auto;display:block;max-width: 1140px;}
.interview7{margin:0 auto;display:block;max-width: 1140px;}

/*sp追記*/
.spcarousel{display:none;}
.interviewimgsp{display:none;}
.content4{display:none;}
.content3spbr{display:none;}

@media screen and (max-width : 800px ){
  /*コンテンツ1*/
  #content1{padding-top: 70px;}
  .content1img{padding-top:18%;padding-bottom:18%;width:330px;width:90%;}

  /*コンテンツ2*/
  .webcarousel{display:none;}
  .spcarousel{display:block;width: 75% !important; margin:60px auto 70px auto;}
  .spcarousel img {width:92%;}
  .content2illust2{display:none;}
  .content2illust1{display:none;}

  .slick-prev:before{width: 8vw !important;height: 8vw !important;}
  .slick-prev{left:-6% !important;}
  .slick-arrow:before{width: 8vw !important;height: 8vw !important;}
  .slick-arrow{right:-13.5%!important;}
  .slick-prev, .slick-next{top: 43% !important;}

  /*コンテンツ3*/
  .interviewimg{display:none;}
  .interviewimgsp{display:block;}
  .txtall{margin-bottom: 15%;}
  .flextxt h3{font-size:22px;}
  .content3spbr{display:block;}
  .txtflex{padding-left:0;padding-right:2%;padding-top:2%;padding-bottom:2%;}

  .flexhr{width:5%;}
  .flextxt{width:95%; padding-left:20px;}
  .flextxt p {width:85%; line-height:23px;}
  .flextxt h3{line-height:40px; }

  /*コンテンツ4*/
  .content4{display:block;}
  .spbutton1{margin:0 auto;display:block;margin-bottom: 5%;padding-right:3%;}
  .spbutton2{width:95%;margin:0 auto;display:block;margin-bottom: 22%;}

}

@media screen and (max-width : 500px ){
  .day_action .dotline {width:220px;}
}