@charset "utf-8";

.top_movie {
  width: 100%;
  margin: 0 0 10px;
}

.slider_for_img {
  width: 100%;
  height: 290px;
  margin: 0 0 10px;
  object-fit: cover;
}

.slider_nav_img {
  width: 100%;
  height: 93px;
  object-fit: cover;
}

.m_area {
  padding-top: 48px;
  padding-bottom: 50px;
}

.ctrct_period_area {
  text-align: right;
  margin-bottom: 10px;
}

.ctrct_period_area span,
.ctrct_period_area .period {
  font-size: 14px;
  line-height: 1.5;
  color: #afafaf;
  transform: rotate(0.05deg);
}

.ctrct_period_area span {
  margin-right: 9px;
}

.blog_subttl {
  font-size: 18px;
  line-height: 1.5;
  padding: 10px 26px;
  color: #fff;
  transform: rotate(0.05deg);
}

.blog_wrap {
  padding: 20px 20px 40px;
}

.main_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 17px;
}

.slide_wrap {
  width: 50%;
  max-width: 520px;
  margin-right: 2%;
}

.main_body_wrap {
  width: 48%;
}

.body_wrap {
  width: 50%;
}

.slider_for .slick-slide {
  width: 100%;
  max-width: 520px;
  /* margin-bottom: 10px; */
}

.slider_nav .slick-slide {
  width: 100%;
  max-width: 166px;
  margin-right: 5px;
  margin-left: 5px;
}

.btn_wrap {
  text-align: right;
  margin-bottom: 20px;
}

.btn_fav {
  width: 40%;
  border: 1px solid #d0436e;
  color: #d0436e;
  font-size: 16px;
  line-height: 1.5;
  padding: 4px 15px;
  transform: rotate(0.05deg);
}

.btn_disabled {
  text-align: right;
  margin: 0 0 20px;
  cursor: not-allowed;
}

.is_fav {
  width: 40%;
  border: 1px solid #000;
  background-color: #d3d3d3;
  opacity: 0.4;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  padding: 4px 15px;
  pointer-events: none;
  transform: rotate(0.05deg);
}

.btn_fav:after {
  border-bottom: 2px #842441 solid;
}

.body_txt {
  font-size: 14px;
  line-height: 1.5;
  transform: rotate(0.05deg);
}

.blog_sub_ttl {
  font-size: 18px;
  line-height: 1.5;
  padding: 10px 26px;
  color: #18a9c6;
  position: relative;
  margin-bottom: 8px;
  transform: rotate(0.05deg);
}

.blog_sub_ttl:before {
  content: "";
  height: 100%;
  width: 6px;
  left: 0;
  top: 0;
  background-color: #18a9c6;
  position: absolute;
  margin-bottom: 11px;
}

.sub_body_txt {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 18px;
  transform: rotate(0.05deg);
}

.summary_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

.job_summary_wrap {
  width: 57.5%;
  margin-right: 2%;
}

.comp_summary_wrap {
  width: 40.5%;
}

.comp_summary_ttl {
  color: #fff;
  padding: 9px 10px;
  text-align: center;
  font-size: 18px;
  line-height: 1.5;
  transform: rotate(0.05deg);
}

.panel_lst.set_border {
  border: 1px solid #18a9c6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.panel_lst>li.first_row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.panel_lst.set_border>li.first_row .first_column {
  width: 100%;
}

.panel_lst.set_border>li div:first-child {
  width: 24%;
  min-width: 92px;
}

.panel_lst {
  margin-bottom: 0;
}

.panel_lst>li div.requ_r {
  width: 18%;
}

.panel_lst>li div.meth_r {
  width: 28%;
}

.btn_top_wrap {
  text-align: center;
  margin-bottom: 20px;
}

.entry_form {
  display: inline-block;
  width: 250px;
  margin-right: 1.5%;
}

.btn_mail {
  width: 250px;
  color: #fff;
  line-height: 1.5;
  padding: 9px 15px;
  font-size: 18px;
  cursor: pointer;
  transform: rotate(0.05deg);
  border: 0;
  border-bottom: 2px solid #211815;
}

.btn_mail:hover {
  opacity: 0.7;
}

.btn_call {
  border: 1px solid #bbc8d0;
  width: 250px;
  color: #000000;
  line-height: 1.5;
  padding: 9px 15px;
  font-size: 18px;
  transform: rotate(0.05deg);
  background-color: #bbc8d0;
}

.disabled_btn {
  display: inline-block;
  width: 250px;
}

.disabled_btn p {
  border-bottom: 2px solid #000;
  border-radius: 30px;
  background-color: #d3d3d3;
  opacity: 0.2;
  color: #000;
  line-height: 1.5;
  padding: 9px 15px;
  font-size: 18px;
  transform: rotate(0.05deg);
  cursor: not-allowed;
}

.btn_call:after {
  border-bottom: 2px solid #211815;
}

.btn_bottom_wrap {
  text-align: center;
}

.btn_back {
  border: 1px solid #efefef;
  width: 50%;
  color: #000000;
  line-height: 1.5;
  padding: 9px 15px;
  font-size: 18px;
  transform: rotate(0.05deg);
  background-color: #efefef;
}

.btn_back:after {
  border-bottom: 2px solid #707070;
}

.swal-footer {
  text-align: center;
}

.btn_hinagata {
  width: 250px;
  margin-right: 1.5%;
  color: #fff;
  line-height: 1.5;
  padding: 9px 15px;
  font-size: 18px;
  cursor: pointer;
  transform: rotate(0.05deg);
  background-color: #90c8d0;
  border: 0;
  border-bottom: 2px solid #211815;
}

@media screen and (max-width: 1025px) {
  .main_area {
    -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;
  }

  .slide_wrap {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }

  .main_body_wrap {
    width: 100%;
  }
}

@media screen and (max-width: 559px) {
  .slider_for_img {
    height: 182px;
  }

  .m_area {
    padding-top: 29px;
    padding-bottom: 30px;
  }

  .blog_subttl {
    font-size: 14px;
    padding: 0;
    transform: rotate(0.05deg);
  }

  .blog_wrap {
    padding: 10px 10px 28px;
  }

  .slide_wrap {
    width: 100%;
    max-width: 325px;
    margin-right: 0;
  }

  .main_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .slider_for .slick-slide {
    width: 100%;
    max-width: 326px;
    /* margin-bottom: 10px; */
  }

  .slider_nav .slick-slide {
    width: 100%;
    max-width: 101px;
    margin-right: 5px;
    margin-left: 5px;
  }

  .slide_wrap {
    margin-bottom: 17px;
  }

  .btn_fav,
  .is_fav {
    width: 100%;
  }

  .main_area {
    margin-bottom: 40px;
  }

  .blog_sub_ttl {
    padding: 7px 15px 7px 26px;
    margin-bottom: 10px;
  }

  .sub_body_txt {
    margin-bottom: 22px;
  }

  .summary_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
  }

  .job_summary_wrap {
    width: 100%;
    margin-right: 0;
  }

  .panel_lst>li div.requ_r {
    width: 46%;
  }

  .panel_lst>li div.meth_r {
    width: 54%;
  }

  .panel_lst>li+li {
    padding-top: 9.7px;
  }

  .job_summary_wrap {
    margin-bottom: 20px;
  }

  .comp_summary_wrap {
    width: 100%;
  }

  .comp_summary_ttl {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .btn_mail,
  .btn_call,
  .btn_back,
  .disabled_btn {
    width: 100%;
  }

  .btn_mail {
    margin-bottom: 20px;
  }

  .entry_form {
    width: 100%;
  }
}

@media screen and (max-width: 374px) {
  .slide_wrap {
    max-width: 280px;
    width: 100%;
  }

  .slider_for .slick-slide {
    width: 100%;
    max-width: 280px;
    margin-bottom: 10px;
  }

  .slider_nav .slick-slide {
    width: 100%;
    max-width: 135px;
    margin-right: 5px;
    margin-left: 5px;
  }
}