@charset "UTF-8";

/* アンダー共通 ベース base
----------------------------------------------- */
.under main {
  margin-top: 3vw;
  background-color: #FAF4E5;
}
p.p2 {
  font-size: 22px;
  letter-spacing: 2px;
  line-height: 2;
}
.under .under_main {
  padding: 120px 0 100px;
}
.under .under_main .u_title_area {

}
.u_title_area .u_title {
  text-align: center;
  color: #1E2B5E;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 1.6;
}
.u_title_area .u_title img {
  width: unset;
  display: block;
  margin: 0 auto 5px;
  height: 55px;
}
.u_title_area .u_title span {
  text-align: center;
  letter-spacing: 5px;
  font-weight: 500;
  color: #1E2B5E;
  font-size: 80%;
}
.under .under_main .u_main_img {
  gap: 3%;
}
.under .under_main .u_main_img img {
  width: 20vw;
  margin-top: -4vw;
}
.under .under_main .u_main_p {
  font-size: 22px;
  font-weight: bold;
  line-height: 2.5;
}
.blue {
  color: #619BB8;
}
.w100 {
  width: 100% !important;
}


@media only screen and (max-width: 1280px) {
  .u_title_area .u_title img {
    height: 45px;
  }
  .u_title_area .u_title span {
    font-size: 20px;
  }
  p.p2 {
    font-size: 20px;
  }
  .under .under_main .u_main_p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .under .under_main {
    padding: 100px 0 80px;
  }
  .u_title_area .u_title img {
    height: 40px;
    margin: 0 auto;
  }
  .u_title_area .u_title span {
    font-size: 18px;
  }
  .under .under_main .u_main_p {
    font-size: 18px;
    line-height: 2;
  }
  .under .under_main .u_main_img .u_main_p {
    width: 55%;
  }
  p.p2 {
    font-size: 16px;
  }

}

@media only screen and (max-width: 768px) {
  .under main {
    margin-top: 55px;
  }
  .under .under_main {
    padding: 50px 0;
  }
  .under .under_main .u_title_area {
    margin-bottom: 50px;
  }
  .u_title_area .u_title {
    line-height: 1.2;
  }
  .u_title_area .u_title img {
    height: 30px;
  }
  .u_title_area .u_title span {
    font-size: 16px;
    letter-spacing: 3px;
  }
  .under .under_main .u_main_img {
    gap: 0;
    -webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
  }
  .under .under_main .u_main_img img {
    width: 200px;
    margin: 0 auto;
  }
  .under .under_main .u_main_p {
    font-size: 16px;
    line-height: 1.8;
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .under .under_main .u_main_img .u_main_p {
    width: 80%;
  }


}
@media only screen and (max-width: 650px) {



}

@media only screen and (max-width: 479px) {
  .u_title_area .u_title span {
    font-size: 15px;
    letter-spacing: 3px;
  }
  .u_title_area .u_title img {
    height: 28px;
  }
  .under .under_main .u_main_p {
    font-size: 15px;
  }
  .under .under_main .u_main_img .u_main_p {
    width: 90%;
  }
  .under .under_main .u_main_img img {
    width: 160px;
  }
  p.p2 {
    font-size: 13px;
    line-height: 1.8;
  }

}






/* -----------------------------------------------

	コンテナができるまで (make)

----------------------------------------------- */
#movebe_make .make_flow {
  padding: 100px 0;
  /*background: repeating-linear-gradient(135deg, #B8B3A9, #B8B3A9 45px, #FAF4E5 45px, #FAF4E5 140px);*/
  background: repeating-linear-gradient(135deg, #B8B3A9, #B8B3A9 0.8%, #FAF4E5 0.8%, #FAF4E5 2.8%);
}
#movebe_make .make_flow .make_flow_box {
  position: relative;
  background-color: #fff;
  padding: 40px 60px;
  margin-bottom: 80px;
}
#movebe_make .make_flow .make_flow_box::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border: 1.5vw solid transparent;
  border-top: 3vw solid #fff;
}
#movebe_make .make_flow .make_flow_box:nth-of-type(7)::before {
  display: none;
}
#movebe_make .make_flow .make_flow_box .make_flow_num {
  position: absolute;
  right: 2.5%;
  top: -5%;
  width: 75px;
}
#movebe_make .make_flow .make_flow_box .make_flow_img {
  width: 32%;
}
#movebe_make .make_flow .make_flow_box .make_flow_text {
  width: 63%;
}
#movebe_make .make_flow .make_flow_box .make_flow_text h3 {
  color: #fff;
  background-color: #1E2B5E;
  text-align: center;
  font-size: 40px;
  padding: 0 50px;
  display: inline-block;
  margin-bottom: 30px;
}
#movebe_make .make_flow .make_video {
  padding: 100px 0 50px;
  width: 95%;
  margin: 0 auto;
  text-align: center;
}
#movebe_make .make_flow .make_video > img {
  width: 600px;
  margin-bottom: 50px;
}
#movebe_make .make_flow .make_video .flex {
  gap: 5%;
}
#movebe_make .make_flow .make_video .make_video_box {
  width: 45%;
}
#movebe_make .make_flow .make_video .make_video_box p {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 5px;
}
#movebe_make .make_flow .make_video .make_video_box video {
  width: 100%;
  height: auto;
}


@media only screen and (max-width: 1280px) {
  #movebe_make .make_flow .make_flow_box {
    padding: 40px;
  }
  #movebe_make .make_flow .make_flow_box .make_flow_num {
    width: 60px;
  }
  #movebe_make .make_flow .make_flow_box .make_flow_text h3 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  #movebe_make .make_flow .make_flow_box {
    padding: 30px 40px;
  }
  #movebe_make .make_flow .make_flow_box .make_flow_num {
    width: 5vw;
  }
  #movebe_make .make_flow .make_flow_box .make_flow_text h3 {
    font-size: 25px;
  }
  #movebe_make .make_flow .make_video .make_video_box p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 768px) {
  #movebe_make .under_main .u_title_area {
    margin-bottom: 0;
  }
  #movebe_make .make_flow {
    padding: 80px 0;
    background: repeating-linear-gradient(135deg, #B8B3A9, #B8B3A9 0.35%, #FAF4E5 0.35%, #FAF4E5 1%);
  }
  #movebe_make .make_flow .make_flow_box {
    margin-bottom: 50px;
  }
  #movebe_make .make_flow .make_flow_box .make_flow_num {
    right: 5%;
    top: 5%;
  }
  #movebe_make .make_flow .make_flow_box .make_flow_img {
    width: 80%;
    margin-bottom: 20px;
  }
  #movebe_make .make_flow .make_flow_box .make_flow_text {
    width: 100%;
  }
  #movebe_make .make_flow .make_flow_box .make_flow_text h3 {
    font-size: 20px;
    margin-bottom: 10px;
    padding: 0 20px;
  }
  #movebe_make .make_flow .make_video {
    padding: 80px 0 0;
  }
  #movebe_make .make_flow .make_video > img {
    max-width: 500px;
    width: 90%;
    margin: 0 auto 50px;
  }
  #movebe_make .make_flow .make_video .make_video_box {
    width: 90%;
    margin: 0 auto 50px;
  }
  #movebe_make .make_flow .make_video .make_video_box p {
    font-size: 18px;
  }
}


@media only screen and (max-width: 479px) {
  #movebe_make .make_flow {
    padding: 50px 0;
  }
  #movebe_make .make_flow .make_flow_box {
    padding: 30px 30px;
  }
  #movebe_make .make_flow .make_flow_box::before {
    border: 3vw solid transparent;
    border-top: 5vw solid #fff;
  }
  #movebe_make .make_flow .make_flow_box .make_flow_img {
    width: 90%;
  }
  #movebe_make .make_flow .make_flow_box .make_flow_text h3 {
    font-size: 15px;
    padding: 0 15px;
  }
  #movebe_make .make_flow .make_video {
    padding: 30px 0 0;
  }
  #movebe_make .make_flow .make_video > img {
    margin: 0 auto 30px;
  }
  #movebe_make .make_flow .make_video .make_video_box {
    width: 100%;
  }
  #movebe_make .make_flow .make_video .make_video_box p {
    font-size: 15px;
  }
}



/* -----------------------------------------------

	 よくあるご質問 (faq)

----------------------------------------------- */
#movebe_faq .under_main {
  padding: 120px 0 60px;
}
#movebe_faq .under_main .u_title_area {
  margin-bottom: 30px;
}
#movebe_faq .faq_area {
  padding: 0 0 150px;
}
#movebe_faq .faq_area .faq_list dl {
  position: relative;
  margin: 0;
  cursor: pointer;
  border-top: 1px solid rgba(34,24,20,0.5);
}
#movebe_faq .faq_area .faq_list dl:first-child {
  border-top: none;
}
/*#movebe_faq .faq_area .faq_list dl::before {
  position: absolute;
  top: 35px;
  right: 35px;
  display: block;
  width: 7px;
  height: 7px;
  margin: auto;
  content: '';
  transform: rotate(135deg);
  border-top: 2px solid #221814;
  border-right: 2px solid #221814;
  z-index: 1;
}*/
#movebe_faq .faq_area .faq_list .open {
  border-top: none;
}
/*#movebe_faq .faq_area .faq_list .open::before {
  transform: rotate(-45deg);
}*/
#movebe_faq .faq_area .faq_list dl dt {
  padding: 30px 80px 30px 100px;
  position: relative;
  margin: 0;
  font-weight: bold;
  font-size: 20px;
  display: block;
}
#movebe_faq .faq_area .faq_list dl dt::before {
  content: '';
  background-image: url(../images/movebe_faq_q.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 3%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  display: block;
  width: 40px;
  height: 40px;
  transition: 0.3s;
}
#movebe_faq .faq_area .faq_list dl dt:hover {
  background-color: rgba(255,255,255,0.75);
  transition: 0.3s;
}
#movebe_faq .faq_area .faq_list dl.open dt {
  background-color: rgba(255,255,255,0.75);
}
#movebe_faq .faq_area .faq_list dl dd::before {
  content: '';
  background-image: url(../images/movebe_faq_a.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 3%;
  display: block;
  width: 40px;
  height: 40px;
}
#movebe_faq .faq_area .faq_list dl dd {
  position: relative;
  display: none;
  height: auto;
  margin: 30px 0 0;
  padding: 0 80px 25px 100px;
  color: #514E4E;
  font-size: 20px;
  line-height: 2;
}


@media only screen and (max-width: 1400px) {
}

@media only screen and (max-width: 1024px) {
  #movebe_faq .faq_area .faq_list dl dt {
    font-size: 18px;
    padding: 25px 40px 25px 70px;
  }
  #movebe_faq .faq_area .faq_list dl dd {
    font-size: 18px;
    padding: 0 40px 25px 70px;
  }
  #movebe_faq .faq_area .faq_list dl dt::before,
  #movebe_faq .faq_area .faq_list dl dd::before {
    left: 1.8%;
  }
}

@media only screen and (max-width: 768px) {
  #movebe_faq .faq_area {
    padding: 0 0 100px;
  }
  #movebe_faq .faq_area .faq_list dl dt {
    font-size: 16px;
    padding: 20px 20px 20px 50px;
  }
  #movebe_faq .faq_area .faq_list dl dd {
    font-size: 16px;
    line-height: 1.8;
    padding: 0 20px 20px 50px;
    margin: 20px 0 0;
  }
  #movebe_faq .faq_area .faq_list dl dt::before,
  #movebe_faq .faq_area .faq_list dl dd::before {
    width: 30px;
    height: 30px;
  }
}

@media only screen and (max-width: 479px) {
  #movebe_faq .faq_area {
    padding: 0 0 80px;
  }
  #movebe_faq .faq_area .faq_list dl dt {
    font-size: 13px;
  }
  #movebe_faq .faq_area .faq_list dl dd {
    font-size: 13px;
  }
  #movebe_faq .faq_area .faq_list dl dt::before,
  #movebe_faq .faq_area .faq_list dl dd::before {
    width: 25px;
    height: 25px;
  }
}




/* -----------------------------------------------

	 会社概要（about）

----------------------------------------------- */
#movebe_about .about_main {
  position: relative;
  background-color: #B6D2D6;
  padding: 120px 0;
}
#movebe_about .about_main::before {
  content: '';
  position: absolute;
  background-image: url(../images/movebe_about_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
  top: -10px;
  left: 0;
  width: 100%;
  height: 72px;
}
#movebe_about .about_main img {
  width: unset;
}
#movebe_about .about_main .about_main_img {
  width: 35%;
}
#movebe_about .about_main .about_main_text {
  width: 60%;
}
#movebe_about .about_main .about_main_text h2 {
  margin-bottom: 30px;
  font-size: 24px;
}
#movebe_about .about_main .about_main_text h2 img {
  margin-right: 20px;
}
#movebe_about .about_company {
  padding: 100px 0;
  position: relative;
}
#movebe_about .about_company::after {
  content: '';
  position: absolute;
  background-image: url(../images/movebe_about_bg2.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
  top: -10px;
  left: 0;
  width: 100%;
  height: 72px;
}
#movebe_about .about_company a {
  text-decoration: none;
  color: #231815;
}
#movebe_about .about_company dl {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
}
#movebe_about .about_company dl dt, #movebe_about .about_company dl dd {
  border-bottom: 1px solid rgba(159,159,160,0.25);
  padding: 20px 0;
  font-size: 20px;
}
#movebe_about .about_company dl dt {
  width: 35%;
}
#movebe_about .about_company dl dd {
  width: 65%;
}
#movebe_about .about_company .syusei_hp {
  max-width: 1000px;
  width: 90%;
  margin: 80px auto;
}



@media only screen and (max-width: 1400px) {
}

@media only screen and (max-width: 1024px) {
  #movebe_about .under_main {
    padding: 100px 0 50px;
  }
  #movebe_about .under_main .u_title_area {
    margin-bottom: 0;
  }
  #movebe_about .about_main {
    text-align: center;
  }
  #movebe_about .about_main .about_main_img {
    width: 100%;
    margin-bottom: 20px;
  }
  #movebe_about .about_main .about_main_text {
    width: 100%;
  }
  #movebe_about .about_main .about_main_text h2 {
    font-size: 20px;
  }
  #movebe_about .about_company dl dt, #movebe_about .about_company dl dd {
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  #movebe_about .under_main {
    padding: 50px 0 50px;
  }
  #movebe_about .about_main {
    padding: 80px 0;
  }
  #movebe_about .about_main .about_main_img img {
    width: 50vw;
  }
  #movebe_about .about_main .about_main_text h2 {
    font-size: 18px;
  }
  #movebe_about .about_main .about_main_text h2 img {
    width: 25vw;
    margin-right: 10px;
  }
  #movebe_about .about_company {
    padding: 80px 0;
  }
  #movebe_about .about_company dl dt, #movebe_about .about_company dl dd {
    font-size: 16px;
  }
  #movebe_about .about_company .syusei_hp {
    margin: 50px auto;
  }
}

@media only screen and (max-width: 479px) {
  #movebe_about .about_main {
    padding: 50px 0;
  }
  #movebe_about .about_main .about_main_text h2 {
    margin-bottom: 20px;
    font-size: 16px;
  }
  #movebe_about .about_main .about_main_text .sec_p_s {
    letter-spacing: 0;
    font-size: 12.5px;
  }
  #movebe_about .about_company {
    padding: 50px 0;
  }
  #movebe_about .about_company dl dt, #movebe_about .about_company dl dd {
    font-size: 13px;
  }
}



/* -----------------------------------------------

	 コンテナハウスの楽しみ方（enjoy）

----------------------------------------------- */
#movebe_enjoy main {
  padding-top: 3vw;
}
#movebe_enjoy .enjoy_main {
  position: relative;
  background-image: url(../images/movebe_enjoy_mainimg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 0 3vw;
  /*height: 940px;*/
  height: 37vw;
}

#movebe_enjoy .enjoy_main .mainlogo {
  position: absolute;
  right: 5%;
  bottom: -15vw;
  width: 23vw;
}
#movebe_enjoy .enjoy_main .enjoy_main_text {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-color: #221814;
  padding: 30px 0 30px 50px;
  width: 45vw
}
#movebe_enjoy .enjoy_main .enjoy_main_text img {
  width: 25vw;
  padding: 10px 5% 10px 0;
  border-right: 1px solid rgba(254,254,254,0.5);
  margin-right: 5%;
}
#movebe_enjoy .enjoy_main .enjoy_main_text p {
  color: #FEFEFE;
  font-size: 20px;
}
#movebe_enjoy .under_main {
  padding: 80px 100px;
}
#movebe_enjoy .under_main .u_main_p {
  width: 80%;
}
#movebe_enjoy .enjoy_collection {
  position: relative;
  padding-bottom: 200px;
}
#movebe_enjoy .enjoy_collection .enjoy_box {
  position: relative;
  height: 700px;
  margin-bottom: 80px;
  z-index: 1;
}
#movebe_enjoy .enjoy_collection .enjoy_box:last-child {
  margin-bottom: 0;
}
#movebe_enjoy .enjoy_collection .enjoy_box .enjoy_box_img {
  width: 80%;
}
#movebe_enjoy .enjoy_collection .enjoy02 .enjoy_box_img {
  margin-left: auto;
}
#movebe_enjoy .enjoy_collection .enjoy_box .enjoy_box_text {
  width: 32%;
  border: 2px solid #FEFEFE;
  padding: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
}
#movebe_enjoy .enjoy_collection .enjoy02 .enjoy_box_text {
  bottom: 0;
  left: 0;
}
#movebe_enjoy .enjoy_collection .enjoy_box .enjoy_box_text .text_inner {
  background-color: #FEFEFE;
  position: relative;
  min-height: 400px;
  padding: 50px 30px;
}
#movebe_enjoy .enjoy_collection .enjoy_box .enjoy_box_text .text_inner h3 {
  text-align: center;
}
#movebe_enjoy .enjoy_collection .enjoy_box .enjoy_box_text .text_inner .enjoy_more {
  position: absolute;
  bottom: 10px;
  right: 30px;
  background-image: url(../images/movebe_more_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 50px;
}
#movebe_enjoy .enjoy_collection .enjoy_box .enjoy_box_text .text_inner .enjoy_more img {
  width: 30px;
  position: absolute;
  bottom: 27px;
  right: 15px;
  transition: 0.3s;
}
#movebe_enjoy .enjoy_collection .enjoy_box .enjoy_box_text .text_inner .enjoy_more:hover img {
  right: 5px;
  transition: 0.3s;
}
#movebe_enjoy .enjoy_collection .bg01 {
  background-image: url(../images/movebe_enjoy_bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 0;
  width: 1200px;
  height: 320px;
  top: 23%;
  left: 0;
}
#movebe_enjoy .enjoy_collection .bg02 {
  background-image: url(../images/movebe_enjoy_bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 0;
  width: 1200px;
  height: 320px;
  top: 55%;
  right: 0;
}
#movebe_enjoy .enjoy_collection .bg03 {
  background-image: url(../images/movebe_enjoy_bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 0;
  width: 1200px;
  height: 320px;
  top: 88%;
  left: 0;
}




@media only screen and (max-width: 1280px) {
  #movebe_enjoy .enjoy_main .enjoy_main_text {
    padding: 15px 0 15px 30px;
  }
  #movebe_enjoy .enjoy_main .enjoy_main_text img {
    width: 23vw;
  }
  #movebe_enjoy .enjoy_main .enjoy_main_text p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  #movebe_enjoy .under_main {
    padding: 60px 0;
  }
  #movebe_enjoy .enjoy_main .mainlogo {
    right: 2%;
    bottom: -12vw;
    width: 20vw;
  }
  #movebe_enjoy .under_main .u_main_p {
    width: 75%;
    margin-left: 3vw;
  }
  #movebe_enjoy .enjoy_main .enjoy_main_text p {
    font-size: 14px;
    line-height: 1.4;
  }
  #movebe_enjoy .enjoy_collection .enjoy_box {
    height: 550px;
  }
  #movebe_enjoy .enjoy_collection .enjoy_box .enjoy_box_text {
    width: 38vw;
  }
  #movebe_enjoy .enjoy_collection .enjoy_box .enjoy_box_text .text_inner {
    min-height: 360px;
    padding: 40px 20px;
  }
  #movebe_enjoy .enjoy_collection .bg01, #movebe_enjoy .enjoy_collection .bg02,
  #movebe_enjoy .enjoy_collection .bg03 {
    width: 75%;
    height: 25vw;
  }
}

@media only screen and (max-width: 768px) {
  #movebe_enjoy .enjoy_main .mainlogo {
    width: 22vw;
  }
  #movebe_enjoy .enjoy_main .enjoy_main_text {
    padding: 5px 0 5px 20px;
  }
  #movebe_enjoy .enjoy_main .enjoy_main_text p {
    font-size: 12px;
  }
  #movebe_enjoy .under_main {
    padding: 100px 0 60px;
  }
  #movebe_enjoy .under_main .u_main_p {
    width: 90%;
    margin-left: auto;
  }
  #movebe_enjoy .enjoy_collection {
    padding-bottom: 80px;
  }
  #movebe_enjoy .enjoy_collection .enjoy_box {
    height: 500px;
    margin-bottom: 50px;
  }
  #movebe_enjoy .enjoy_collection .enjoy_box .enjoy_box_img {
    width: 85%;
  }
  #movebe_enjoy .enjoy_collection .enjoy_box .enjoy_box_text {
    width: 90%;
  }
  #movebe_enjoy .enjoy_collection .enjoy_box .enjoy_box_text .text_inner {
    min-height: unset;
    padding: 30px 20px 60px;
  }
  #movebe_enjoy .enjoy_collection .enjoy_box .enjoy_box_text .text_inner .enjoy_more {
    width: 80px;
    height: 30px;
    right: 20px;
  }
  #movebe_enjoy .enjoy_collection .enjoy_box .enjoy_box_text .text_inner .enjoy_more img {
    width: 23px;
    bottom: 12px;
    right: 13px;
  }
  #movebe_enjoy .enjoy_collection .bg01, #movebe_enjoy .enjoy_collection .bg02,
  #movebe_enjoy .enjoy_collection .bg03 {
    width: 90%;
  }
}

@media only screen and (max-width: 600px) {
  #movebe_enjoy .enjoy_main {
    height: 65vw;
  }
  #movebe_enjoy .enjoy_main .enjoy_main_text {
    width: 60vw;
  }
  #movebe_enjoy .enjoy_main .enjoy_main_text img {
    width: 30vw;
  }
  #movebe_enjoy .enjoy_collection .enjoy_box {
    height: 450px;
  }
}

@media only screen and (max-width: 479px) {
  #movebe_enjoy .enjoy_main .mainlogo {
    right: 6%;
    bottom: -16vw;
    width: 27vw;
  }
  #movebe_enjoy .enjoy_main .enjoy_main_text {
    width: 80vw;
  }
  #movebe_enjoy .enjoy_main .enjoy_main_text img {
    width: 35vw;
  }
  #movebe_enjoy .under_main {
    padding: 70px 0 40px;
  }
  #movebe_enjoy .under_main .u_main_p {
    letter-spacing: 0;
  }
  #movebe_enjoy .enjoy_collection {
    padding-bottom: 30px;
  }
  #movebe_enjoy .enjoy_collection .enjoy_box {
    position: unset;
    height: auto;
  }
  #movebe_enjoy .enjoy_collection .enjoy_box .enjoy_box_img {
    width: 100%;
  }
  #movebe_enjoy .enjoy_collection .enjoy_box .enjoy_box_text {
    width: 100%;
    position: unset;
  }
  #movebe_enjoy .enjoy_collection .enjoy_box .enjoy_box_text .text_inner {
    padding: 20px 15px 50px;
  }
  #movebe_enjoy .enjoy_collection .bg01, #movebe_enjoy .enjoy_collection .bg02,
  #movebe_enjoy .enjoy_collection .bg03 {
    display: none;
  }
}

@media only screen and (max-width: 400px) {
  #movebe_enjoy .enjoy_collection .enjoy_box {

  }
}



/* -----------------------------------------------

	 基本仕様（spec）

----------------------------------------------- */
#movebe_spec .spec_mainimg {
  width: 80%;
  margin: 30px auto 50px;
}
#movebe_spec .spac_line_box {
  border-top: 1px solid rgba(34,24,20,0.25);
  padding: 50px 0;
}
#movebe_spec .spac_line_box:last-child {
  border-bottom: 1px solid rgba(34,24,20,0.25);
}
#movebe_spec .spac_line_box dl dt, #movebe_spec .spac_line_box dl dd {
  font-size: 22px;
  padding: 20px 0;
}
#movebe_spec .spac_line_box dl dt {
  width: 30%;
}
#movebe_spec .spac_line_box dl dd {
  width: 70%;
}
#movebe_spec .spec_lineup {
  padding: 150px 0 0;
  position: relative;
  background-color: #C7E4D6;
}
#movebe_spec .spec_lineup::before {
  content: '';
  position: absolute;
  background-image: url(../images/movebe_spec_s2_bg01.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
  top: -10px;
  left: 0;
  width: 100%;
  height: 72px;
}
#movebe_spec .spec_lineup .u_title_area {
  margin-bottom: 80px;
}
#movebe_spec .spec_lineup .sec_p {
  margin-top: 30px;
}
#movebe_spec .lineup_area {
  position: relative;
  font-size: 0;
}
#movebe_spec .lineup_area .lineup_box {
  position: absolute;
  width: 35%;
  text-align: center;
}
#movebe_spec .lineup_area .lineup_box img {
  width: 75%;
  margin-bottom: 50px;
}
#movebe_spec .lineup_area .lineup_box h3 {
  color: #fff;
  background-color: #1E2B5E;
  text-align: center;
  padding: 5px 50px;
  display: inline-block;
  margin-bottom: 30px;
}
#movebe_spec .lineup_area .lineup_box p {
  text-align: left;
  line-height: 2;
}
#movebe_spec .lineup_area .lineup01 {
  right: 10vw;
  top: 18vw;
}
#movebe_spec .lineup_area .lineup02 {
  left: 10vw;
  top: 25vw;
}
#movebe_spec .lineup_area .lineup03 {
  right: 13vw;
  top: 48vw;
}
#movebe_spec .lineup_area .lineup04 {
  left: 11vw;
  top: 78vw;
  width: 40%;
}
#movebe_spec .lineup_area .lineup05 {
  right: 5vw;
  top: 112vw;
}
#movebe_spec .lineup_area .lineup06 {
  left: 5vw;
  top: 133vw;
}
#movebe_spec .lineup_area .lineup07 {
  right: 11vw;
  top: 142vw;
  width: 40%;
}
#movebe_spec .lineup_area .lineup08 {
  left: 12vw;
  top: 183vw;
}
#movebe_spec .lineup_area .balloon {
  position: absolute;
  width: 20%;
  right: 19vw;
  top: 188vw;
}

@media only screen and (max-width: 1280px) {
  #movebe_spec .lineup_area .lineup02 {
    left: 5vw;
  }
  #movebe_spec .lineup_area .lineup04 {
    left: 7vw;
    top: 77vw;
  }
  #movebe_spec .lineup_area .lineup05 {
    right: 4vw;
    top: 103vw;
  }
  #movebe_spec .lineup_area .lineup06 {
    left: 9vw;
    top: 133vw;
  }
}


@media only screen and (max-width: 1024px) {
  #movebe_spec .spac_line_box dl dt, #movebe_spec .spac_line_box dl dd {
    font-size: 16px;
  }
  #movebe_spec .spac_line_box dl dt {
    width: 35%;
    margin-right: 3%;
  }
  #movebe_spec .spac_line_box dl dd {
    width: 62%;
  }
  #movebe_spec .spec_lineup {
    padding: 100px 0 0;
  }
  #movebe_spec .lineup_area .lineup_box img {
    margin-bottom: 20px;
  }
  #movebe_spec .lineup_area .lineup_box h3 {
    margin-bottom: 20px;
  }
  #movebe_spec .lineup_area .lineup_box p {
    line-height: 1.8;
  }
}

@media only screen and (max-width: 768px) {
  #movebe_spec .spec_mainimg {
    width: 100%;
  }
  #movebe_spec .spac_line_box dl dt, #movebe_spec .spac_line_box dl dd {
    padding: 10px 0;
    font-size: 14px;
  }
  #movebe_spec .spac_line_box {
    padding: 30px 0;
  }
  #movebe_spec .spec_lineup {
    padding: 50px 0 0;
  }
  #movebe_spec .spec_lineup .u_title_area {
    margin-bottom: 50px;
  }
  #movebe_spec .lineup_area .lineup_box {
    width: 38%;
  }
  #movebe_spec .lineup_area .lineup_box h3 {
    margin-bottom: 10px;
    padding: 0 20px;
  }
  #movebe_spec .lineup_area .lineup_box p {
    line-height: 1.6;
    letter-spacing: 0;
  }
  #movebe_spec .lineup_area .lineup_box img {
    width: 60%;
  }
  #movebe_spec .lineup_area .lineup01 {
    right: 3vw;
    top: 16vw;
  }
  #movebe_spec .lineup_area .lineup02 {
    left: 3vw;
    top: 22vw;
  }
  #movebe_spec .lineup_area .lineup03 {
    right: 15vw;
    top: 45vw;
  }
  #movebe_spec .lineup_area .lineup04 {
    left: 4vw;
  }
  #movebe_spec .lineup_area .lineup05 {
    right: 2vw;
    top: 102vw;
  }
  #movebe_spec .lineup_area .lineup06 {
    left: 5vw;
    top: 130vw;
  }
  #movebe_spec .lineup_area .lineup07 {
    right: 10vw;
    top: 144vw;
  }
  #movebe_spec .lineup_area .lineup08 {
    left: 7vw;
    top: 185vw;
  }
  #movebe_spec .lineup_area .balloon {
    width: 25%;
    right: 15vw;
  }
}

@media only screen and (max-width: 600px) {
  #movebe_spec .lineup_area .lineup_box p {
    font-size: 13px;
    line-height: 1.5;
  }
  #movebe_spec .lineup_area .lineup01,
  #movebe_spec .lineup_area .lineup02,
  #movebe_spec .lineup_area .lineup08 {
    width: 45%;
  }
}

@media only screen and (max-width: 479px) {
  #movebe_spec .spec_mainimg {
    margin: 0 auto 30px;
  }
  #movebe_spec .spac_line_box dl dt, #movebe_spec .spac_line_box dl dd {
    font-size: 13px;
  }
  #movebe_spec .lineup_area .lineup_box img {
    margin-bottom: 10px;
    width: 55%;
  }
  #movebe_spec .lineup_area .lineup_box h3 {
    font-size: 13px;
    padding: 0 15px;
  }
  #movebe_spec .lineup_area .lineup_box p {
    font-size: 10.5px;
    line-height: 1.5;
  }
  #movebe_spec .lineup_area .lineup01 {
    right: 1vw;
    top: 23vw;
  }
  #movebe_spec .lineup_area .lineup02 {
    top: 33vw;
  }
  #movebe_spec .lineup_area .lineup03 {
    right: 10vw;
    top: 60vw;
  }
  #movebe_spec .lineup_area .lineup04 {
    top: 93vw;
  }
  #movebe_spec .lineup_area .lineup05 {
    top: 138vw;
  }
  #movebe_spec .lineup_area .lineup06 {
    left: 4vw;
    top: 146vw;
  }
  #movebe_spec .lineup_area .lineup07 {
    right: 6vw;
    top: 180vw;
  }
  #movebe_spec .lineup_area .lineup08 {
    left: 7vw;
    top: 205vw;
  }
  #movebe_spec .lineup_area .balloon {
    top: 225vw;
  }
}




/* -----------------------------------------------

	 採用情報（recruit）

----------------------------------------------- */
#movebe_recruit main {
  padding-top: 100px;
}
#movebe_recruit .recruit_main {
  width: 100%;
  height: 32.5vw;
  position: relative;
}
#movebe_recruit .recruit_main .recruit_main_text {
  position: absolute;
  top: 50%;
  right: 20%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
#movebe_recruit .recruit_main .recruit_main_text .u_title img {
  width: 20vw;
  height: auto;
  margin: 0 auto 2vw;
}
#movebe_recruit .recruit_main .recruit_main_text .u_title span {
  color: #fff;
}
#movebe_recruit .recruit_area {
  padding: 100px 0;
}
#movebe_recruit .recruit_area dl dt {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  background-color: #575F65;
  padding: 10px 40px;
}
#movebe_recruit .recruit_area dl dd {
  padding: 40px 30px;
  font-size: 18px;
  line-height: 2.2;
}
#movebe_recruit .recruit_area .office_img {
  margin: 80px auto;
}
#movebe_recruit .recruit_bosyu {
  background-color: #B6D2D6;
  padding: 100px 5%;
  text-align: center;
}
#movebe_recruit .recruit_bosyu a img {
  max-width: 550px;
  margin: 20px auto;
}
#movebe_recruit .recruit_bosyu .blue {
  text-align: center;
  color: #1E2B5E;
}
#movebe_recruit .recruit_syusei {
  padding: 100px 0;
}
#movebe_recruit .recruit_syusei h2 {
    margin-bottom: 30px;
}
#movebe_recruit .recruit_syusei h2::before {
  content: '■　';
}
#movebe_recruit .recruit_syusei h2::after {
  content: '　■';
}


@media only screen and (max-width: 1280px) {
  #movebe_recruit .recruit_main .recruit_main_text .u_title span {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  #movebe_recruit main {
    padding-top: 80px;
  }
  #movebe_recruit .recruit_main .recruit_main_text .u_title img {
    margin: 0 auto;
  }
  #movebe_recruit .recruit_main .recruit_main_text .u_title span {
    font-size: 18px;
  }
  #movebe_recruit .recruit_area {
    padding: 80px 0;
  }
  #movebe_recruit .recruit_area dl dt {
    font-size: 22px;
  }
  #movebe_recruit .recruit_area dl dd {
    padding: 30px 30px;
    font-size: 16px;
    line-height: 2;
  }
  #movebe_recruit .recruit_area .office_img {
    margin: 50px auto;
  }
  #movebe_recruit .recruit_bosyu {
    padding: 80px 5%;
  }
  #movebe_recruit .recruit_syusei {
    padding: 80px 0;
  }
}

@media only screen and (max-width: 768px) {
  #movebe_recruit main {
    padding-top: 50px;
  }
  #movebe_recruit .recruit_main .recruit_main_text .u_title img {
    width: 25vw;
  }
  #movebe_recruit .recruit_main .recruit_main_text .u_title span {
    font-size: 16px;
  }
  #movebe_recruit .recruit_area dl dt {
    font-size: 18px;
    padding: 10px 20px;
  }
  #movebe_recruit .recruit_area dl dd {
    font-size: 15px;
  }
  #movebe_recruit .recruit_syusei h2 {
    margin-bottom: 10px;
  }
  #movebe_recruit .recruit_syusei h2::before,
  #movebe_recruit .recruit_syusei h2::after {
    display: none;
  }
}

@media only screen and (max-width: 479px) {
  #movebe_recruit main {
    padding-top: 0;
  }
  #movebe_recruit .recruit_main {
    height: 300px;
  }
  #movebe_recruit .recruit_main > img {
    height: 100%;
    object-fit: cover;
    object-position: left -120px top 0;
  }
  #movebe_recruit .recruit_main .recruit_main_text {
    right: 10%;
  }
  #movebe_recruit .recruit_main .recruit_main_text .u_title img {
    width: 35vw;
  }
  #movebe_recruit .recruit_area {
    padding: 50px 0;
  }
  #movebe_recruit .recruit_area dl dt {
    font-size: 16px;
  }
  #movebe_recruit .recruit_area dl dd {
    font-size: 14px;
    padding: 20px 10px;
  }
  #movebe_recruit .recruit_area .office_img {
    margin: 20px auto;
  }
  #movebe_recruit .recruit_bosyu {
    padding: 50px 10%;
  }
  #movebe_recruit .recruit_bosyu .p2 {
    letter-spacing: 1px;
  }
  #movebe_recruit .recruit_syusei {
    padding: 50px 0;
  }
}


/* -----------------------------------------------

	 お問合せ（contact）

----------------------------------------------- */
#movebe_contact .under_main {
  padding: 120px 0 60px;
}
#movebe_contact .under_main .u_title_area {
  margin-bottom: 30px;
}
#movebe_contact .form_area {
  padding: 80px 0;
}
#movebe_contact .form_area .form_step {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
#movebe_contact .form_area .form_step ul {
  display: flex;
  position: relative;
  margin: 20px auto;
  text-align: center;
}
#movebe_contact .form_area .form_step ul li {
  font-size: 18px;
  font-weight: bold;
  list-style: none;
  position: relative;
  width: 33.333%;
  color: #d0d0d0;
  line-height: 2;
}
#movebe_contact .form_area .form_step ul li:after {
  content: "";
  width: calc(100% - 80px);
  position: absolute;
  left: calc(-50% + 40px);
  top: 30px;
  border-bottom: 8px dotted #d0d0d0;
}
#movebe_contact .form_area .form_step ul li:first-child:after {
  display: none;
}
#movebe_contact .form_area .form_step ul li span {
  background: #d0d0d0;
  color: #ffffff;
  display: inline-block;
  height: 60px;
  margin-bottom: 5px;
  line-height: 60px;
  width: 60px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 28px;
}
#movebe_contact .form_area .form_step ul .active:after {
  background: #305c8c;
}
#movebe_contact .form_area .form_step ul .active span {
  background: #305c8c;
}
#movebe_contact .form_area .form_step ul .active {
  color: #305c8c;
}
#movebe_contact main#form {
  padding-bottom: 100px;
}
#movebe_contact input, #movebe_contact select,
#movebe_contact textarea {
  background-color: #fff;
}


@media only screen and (max-width: 1024px) {

}


@media only screen and (max-width: 495px) {
  #movebe_contact .form_area .form_step ul li:after {
    top: 20px;
    border-bottom: 5px dotted #d0d0d0;
    width: calc(100% - 60px);
    left: calc(-50% + 30px);
  }
  #movebe_contact .form_area .form_step ul li p {
    font-size: 12px;
  }
}



/* 続きはform.css */






/* -----------------------------------------------

	 施工事例（works）

----------------------------------------------- */
#movebe_works .works {
  padding: 100px 0;
}
#movebe_works h2 {
  border: none;
  background-color: transparent;
}
#movebe_works a:hover,
#movebe_works a:focus {
  color: #231815;
  text-decoration: none;
}
#movebe_works .breadSection {
  display: none;
}
#movebe_works .f_contact .f_contact_box .tel a img {
  margin-bottom: 10px;
}
#movebe_works .f_contact .f_contact_box .contact_btn a:hover,
#movebe_works .f_contact .f_contact_box .contact_btn a:focus {
  color: #fff;
}
#movebe_works footer {
  border: none;
}
#movebe_works footer .f_menu_area ul li a:hover,
#movebe_works footer .f_menu_area ul li a:focus {
  color: #fff;
}
.media {
  border: none;
}
.single h1.entry-title:first-letter {
  color: #231815;
}
ul.page-numbers li a, ul.page-numbers li span.page-numbers {
  background-color: #fff;
}

/* 一覧 */
#movebe_works .works_bg {
  padding: 100px 0;
  /*background: repeating-linear-gradient(135deg, #B8B3A9, #B8B3A9 45px, #FAF4E5 45px, #FAF4E5 140px);*/
  background: repeating-linear-gradient(135deg, #B8B3A9, #B8B3A9 2%, #FAF4E5 2%, #FAF4E5 6.4%);
}
#movebe_works .construction_menu {
  margin-bottom: 50px;
}
#movebe_works .construction_menu .container {
  padding: 0;
}
#movebe_works .construction_menu ul {
  width: 90%;
  margin: 0 auto;
}
#movebe_works .construction_menu ul li {
  width: 14.5%;
  text-align: center;
}
#movebe_works .construction_menu ul li a span.en {
  color: #FEFEFE;
  background-color: #737373;
  padding: 10px 0;
  display: block;
  font-size: 22px;
  letter-spacing: 3px;
  transition: 0.3s;
}
#movebe_works .construction_menu ul li a span.ja {
  color: #FEFEFE;
  background-color: #90897A;
  font-size: 16px;
  display: block;
  letter-spacing: 5px;
  margin-top: 5px;
  transition: 0.3s;
}
#movebe_works .construction_menu ul li:hover a span.en,
#movebe_works .construction_menu ul li.ac a span.en {
  background-color: #1E2B5E;
  transition: 0.3s;
}
#movebe_works .construction_menu ul li:hover a span.ja,
#movebe_works .construction_menu ul li.ac a span.ja {
  background-color: #619BB8;
  transition: 0.3s;
}
#movebe_works .works_list {
  margin: 0;
  gap: 4%;
}
#movebe_works .works_box .eyecatch {
  height: 15vw;
  width: 100%;
  margin-bottom: 10px;
}
#movebe_works .works_box .eyecatch img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



/* 詳細ページ */
#movebe_works .works article .entry-header {
  border-bottom: none;
}
#movebe_works .works article .entry-header .entry-meta {
  display: none;
}
#movebe_works .works article .entry-header h1 {
  text-align: center;
}
#movebe_works .works .slider_area {
  background-color: #D1CBC0;
}
#movebe_works .works .slider_area .construction_slider {
  margin-bottom: 300px;
}
#movebe_works .works .slider_area .construction_slider .construction_img {
  height: 40vw;
  display:-webkit-box;
	display:-ms-flexbox;
	display:flex !important;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#movebe_works .works .slider_area .construction_slider .construction_img img {
  width: auto;
  height: 100%;
  object-fit: cover;
}
#movebe_works .works .slider_area .construction_slider .slick-dots {
  bottom: -150px;
}
#movebe_works .works .slider_area .construction_slider .slick-dots li {
  width: 120px;
  height: 120px;
  margin: 10px;
  border: 5px solid transparent;
}
#movebe_works .works .slider_area .construction_slider .slick-dots li.slick-active {
  border: 5px solid #305c8c;
}
#movebe_works .works .slider_area .construction_slider .slick-dots li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#movebe_works .works .prev-arrow, #movebe_works .works .next-arrow {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 60px;
  height: 60px;
  opacity: 0.8;
  z-index: 1;
}
#movebe_works .works .prev-arrow:hover, #movebe_works .works .next-arrow:hover {
  opacity: 1;
}
#movebe_works .works .prev-arrow {
  left: 2%;
}
#movebe_works .works .next-arrow {
  right: 2%;
}
#movebe_works .works article .entry-body .construction_contents .construction_dl {
  border-top: 1px solid rgba(34,24,20,0.25);
}
#movebe_works .works article .entry-body .construction_contents .construction_dl dt,
#movebe_works .works article .entry-body .construction_contents .construction_dl dd {
  padding: 30px 50px;
  text-align: left;
  border-bottom: 1px solid rgba(34,24,20,0.25);
  border-left: none;
}
#movebe_works .works article .entry-body .construction_contents .construction_dl dt {
  width: 20%;
  background-color: #efefef;
  border-right: 1px solid rgba(34,24,20,0.25);
}
#movebe_works .works article .entry-body .construction_contents .construction_dl dd {
  width: 80%;
}


#movebe_works .works article .entry-footer {
  display: none;
}
#movebe_works .works .pager {
  display: none;
}
#movebe_works .btn_area {
  max-width: 400px;
  width: 70%;
  margin: 50px auto;
}
#movebe_works .btn_area .bg_navy {
  text-align: center;
  display: block;
  padding: 20px;
  font-size: 18px;
  font-weight: bold;
}
#movebe_works .btn_area .bg_navy:hover {
  color: #fff;
  background-color: #619BB8;
}


/* Swiper */
#movebe_works .sw_slider .sw_main_sldier {
  margin-bottom: 30px;
  background-color: #e6e6e6;
}
#movebe_works .sw_slider .sw_main_sldier .main-slide {
  height: 40vw;
  display:-webkit-box;
	display:-ms-flexbox;
	display:flex !important;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#movebe_works .sw_slider .sw_main_sldier .main-slide img {
  width: auto;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}
#movebe_works .sw_slider .sw_main_sldier .swiper-slide-active img {
  opacity: 1;
}
#movebe_works .sw_slider .sw_thumbnail_sldier {
  max-width: 700px;
  width: 90%;
  margin: 0 auto 150px;
  overflow: hidden;
}
.swiper_center {
  -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#movebe_works .sw_slider .sw_thumbnail_sldier .thumbnail-slide {
  width: 120px !important;
  height: 120px;
  margin: 10px;
  border: 5px solid transparent;
}
#movebe_works .sw_slider .sw_thumbnail_sldier .thumbnail-slide.swiper-slide-active {
  border: 5px solid #305c8c;
}
#movebe_works .sw_slider .sw_thumbnail_sldier .thumbnail-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thumbnail_area {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.thumbnail_area .swiper-button-prev {
  color: #221814 !important;
}
.thumbnail_area .swiper-button-next {
  color: #221814 !important;
}
.arrow_none .swiper-button-prev,
.arrow_none .swiper-button-next {
  display: none;
}
.slide_center {
  -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  transform: unset !important;
}






@media only screen and (max-width: 1280px) {
  #movebe_works .construction_menu ul li a span.en {
    font-size: 24px;
  }
  #movebe_works .construction_menu ul li a span.ja {
    font-size: 14px;
  }
  #movebe_works .works_list {
    gap: 3.5%;
  }
  #movebe_works .works .slider_area .construction_slider .construction_img {
    height: 50vw;
  }

  #movebe_works .sw_slider .sw_main_sldier .main-slide {
    height: 50vw;
  }
}

@media only screen and (max-width: 1024px) {
  #movebe_works .works {
    padding: 50px 0;
  }
  #movebe_works .construction_menu ul li {
    width: 30%;
    margin-bottom: 30px;
  }
  #movebe_works .works_list {
    gap: 6%;
  }
  #movebe_works .works_box .eyecatch {
    height: 32vw;
  }

  #movebe_works .works h1.entry-title {
    font-size: 24px;
  }
  #movebe_works .works .slider_area .construction_slider .slick-dots li {
    width: 100px;
    height: 100px;
  }
  #movebe_works .works .prev-arrow, #movebe_works .works .next-arrow {
    width: 40px;
    height: 40px;
  }
  #movebe_works .works article .entry-body .construction_contents .construction_dl dt,
  #movebe_works .works article .entry-body .construction_contents .construction_dl dd {
    padding: 30px;
  }

  #movebe_works .sw_slider .sw_thumbnail_sldier {
    max-width: 550px;
    margin: 0 auto 120px;
  }
  #movebe_works .sw_slider .sw_thumbnail_sldier .thumbnail-slide {
    width: 100px !important;
    height: 100px;
    margin: 0 5px;
  }
  .thumbnail_area .swiper-button-prev {
    left: 90px;
  }
  .thumbnail_area .swiper-button-next {
    right: 90px;
  }
  .thumbnail_area .swiper-button-next:after,
  .thumbnail_area .swiper-button-prev:after {
    font-size: 33px;
  }
}

@media only screen and (max-width: 768px) {
  #movebe_works .construction_menu ul li a span.en {
    font-size: 20px;
    padding: 10px 0;
  }
  #movebe_works .construction_menu ul li a span.ja {
    letter-spacing: 2px;
    margin-top: 0;
  }
  #movebe_works .works_bg {
    padding: 50px 0;
    background: repeating-linear-gradient(135deg, #B8B3A9, #B8B3A9 1.2%, #FAF4E5 1.2%, #FAF4E5 3.68%);
  }
  #movebe_works .works_bg .mainSection {
    padding: 0;
  }
  #movebe_works .works .slider_area .construction_slider {
    margin-bottom: 200px;
  }
  #movebe_works .works .slider_area .construction_slider .construction_img {
    height: 60vw;
  }
  #movebe_works .works article .entry-body .construction_contents .construction_dl dt,
  #movebe_works .works article .entry-body .construction_contents .construction_dl dd {
    padding: 20px;
  }

  #movebe_works .sw_slider .sw_main_sldier .main-slide {
    height: 60vw;
  }
}

@media only screen and (max-width: 767px) {
  .thumbnail_area .swiper-button-prev {
    left: 15px;
  }
  .thumbnail_area .swiper-button-next {
    right: 15px;
  }
  .thumbnail_area .swiper-button-next:after,
  .thumbnail_area .swiper-button-prev:after {
    font-size: 28px;
  }
}

@media only screen and (max-width: 600px) {
  #movebe_works .works .slider_area .construction_slider {
    margin-bottom: 150px;
}
  #movebe_works .works .slider_area .construction_slider .slick-dots {
    bottom: -100px;
  }
  #movebe_works .works .slider_area .construction_slider .slick-dots li {
    width: 80px;
    height: 80px;
    margin: 5px;
    border: 3px solid transparent;
  }

  #movebe_works .sw_slider .sw_main_sldier {
    margin-bottom: 10px;
  }
  #movebe_works .sw_slider .sw_thumbnail_sldier {
    max-width: 420px;
    margin: 0 auto 80px;
  }
  #movebe_works .sw_slider .sw_thumbnail_sldier .thumbnail-slide {
    width: 75px !important;
    height: 75px;
    margin: 0 5px;
    border: 3px solid transparent;
  }
  #movebe_works .sw_slider .sw_thumbnail_sldier .thumbnail-slide.swiper-slide-active {
    border: 3px solid #305c8c;
  }
  .thumbnail_area .swiper-button-next:after,
  .thumbnail_area .swiper-button-prev:after {
    font-size: 22px;
  }
}

@media only screen and (max-width: 479px) {
  #movebe_works .under_main .u_title_area {
    margin-bottom: 0;
  }
  #movebe_works .construction_menu {
    margin-bottom: 30px;
  }
  #movebe_works .construction_menu ul {
    width: 100%;
  }
  #movebe_works .construction_menu ul li {
    margin-bottom: 10px;
  }
  #movebe_works .construction_menu ul li a span.en {
    font-size: 16px;
    padding: 5px 0;
  }
  #movebe_works .construction_menu ul li a span.ja {
    font-size: 12px;
  }
  #movebe_works .works_list {
    gap: 4%;
  }
  #movebe_works .works h1.entry-title {
    font-size: 20px;
  }
  #movebe_works .works .prev-arrow, #movebe_works .works .next-arrow {
    width: 30px;
    height: 30px;
  }
  #movebe_works .works .slider_area .construction_slider .slick-dots li {
    width: 60px;
    height: 60px;
  }
  #movebe_works .works .slider_area .construction_slider .slick-dots li.slick-active {
    border: 3px solid #305c8c;
  }
  #movebe_works .works article .entry-body .construction_contents .construction_dl dt,
  #movebe_works .works article .entry-body .construction_contents .construction_dl dd {
    padding: 15px 0px 15px 15px;
  }
  #movebe_works .works article .entry-body .construction_contents .construction_dl dt {
    width: 25%;
  }
  #movebe_works .works article .entry-body .construction_contents .construction_dl dd {
    width: 75%;
  }
  #movebe_works .btn_area {
    margin: 30px auto;
  }
  #movebe_works .btn_area .bg_navy {
    font-size: 16px;
  }

  #movebe_works .sw_slider .sw_thumbnail_sldier {
    max-width: 330px;
    margin: 0 auto 60px;
  }
  #movebe_works .sw_slider .sw_thumbnail_sldier .thumbnail-slide {
    width: 60px !important;
    height: 60px;
    margin: 0 3px;
  }
}

@media only screen and (max-width: 400px) {
  .thumbnail_area .swiper-button-prev {
    left: 0;
  }
  .thumbnail_area .swiper-button-next {
    right: 0;
  }
  .thumbnail_area .swiper-button-next:after,
  .thumbnail_area .swiper-button-prev:after {
    font-size: 20px;
  }
}

@media only screen and (max-width: 380px) {
  #movebe_works .case .slider_area .construction_slider_thumbnail {
    max-width: 280px;
  }
  #movebe_works .case .slider_area .construction_slider_thumbnail li {
    width: 50px !important;
    height: 50px;
  }

  #movebe_works .sw_slider .sw_thumbnail_sldier {
    max-width: 280px;
  }
  #movebe_works .sw_slider .sw_thumbnail_sldier .thumbnail-slide {
    width: 50px !important;
    height: 50px;
  }

  #movebe_works .case article .entry-body .construction_contents .construction_dl dt, #movebe_works .case article .entry-body .construction_contents .construction_dl dd {
    padding: 10px 0px 10px 15px;
  }
  #movebe_works .case article .entry-body .construction_contents .construction_dl dt {
    width: 30%;
  }
  #movebe_works .case article .entry-body .construction_contents .construction_dl dd {
    width: 70%;
  }
}


/* -----------------------------------------------

	 *******

----------------------------------------------- */

@media only screen and (max-width: 1400px) {
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 479px) {
}
