/*====================================================
                Bootstrap 4 Media Queries
======================================================*/

/* Large Devices (Desktop & Laptops) */
@media (min-width: 1440px) {
  #header_pic .header_img_pc_back {
    /* background-size: contain; */
  }
  #header_pic .header_img_pc_back .header_img_pc_middle {
    /* background-size: contain; */
  }
  #header_pic .header_img_pc_back .header_img_pc_front {
    /* background-size: contain; */
  }
  #header_pic .btn_to_rela {
    /* min-height: 600px; */
  }
  #relayas_room .pic_02_con .pic_02 {
    top: -70px;
  }
  #amenity .pic_03_con .pic_03 {
    top: -90px;
    width: calc(131 * 0.8 / 1100 * 100vw);
  }
  #how_to_enjoy .pic_04_con .pic_04 {
    width: calc(200 * 0.8 / 1100 * 100vw);
  }
  #movie_pic {
    margin-bottom: calc(180 / 1100 * 100vh);
  }
  #movie_pic .pic_05_con .pic_05 {
    top: calc(80 / 1100 * 100vh);
  }
  #faq .pic_05_con .pic_05 {
    top: -110px;
    width: calc(218 * 0.8 / 1100 * 100vw);
  }
  #mabashi_rela #header_pic .header_pic_con .ill_01 {
    top: calc(8 / 1100 * 100vh);
  }
  #mabashi_rela #amenity .ill_layout .ill_02 {
    top: -210px;
  }
  #mabashi_rela #access .ill_layout .ill_03 {
    top: -160px;
  }
  .house_detail #amenity .ill_layout .ill_02 {
    top: -195px;
  }
  .house_detail #access .ill_layout .ill_03 {
    top: -195px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  #header_pic .header_img_pc_back {
    /* background-size: contain; */
  }
  #header_pic .header_img_pc_back .header_img_pc_middle {
    /* background-size: contain; */
  }
  #header_pic .header_img_pc_back .header_img_pc_front {
    /* background-size: contain; */
  }
  #header_pic .btn_to_rela {
    /* min-height: 600px; */
  }
  #movie_pic .pic_05_con .pic_05 {
    top: calc(-10 / 1100 * 100vh);
  }
}

/* Medium Devices (Landscape Tablets & Medium Desktops) */

@media (min-width: 992px) and (max-width: 1199px) {
  /* col-lg-xx */
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
}

/* Small Devices (Portrait Tabletes & Small Desktops) */

@media (min-width: 768px) and (max-width: 991px) {
  /* col-md-xx */

  #header_pic .header_copy_01 {
    width: calc(210 / 768 * 100vw);
  }
  #header_pic .header_pop_pc {
    width: calc(150 * 1.2 / 1100 * 100vw);
    /* right: unset;
    left: 100px; */
  }
  #about .pic_01_con .pic_01 {
    top: calc(-80 / 1100 * 100vh);
    right: calc(30 / 1100 * 100vw);
  }
  #about .ttl_about_relaya_con .ttl_about_relaya {
    width: calc(500 * 1.4 / 1100 * 100vw);
  }
  #about .about_pic_02_left .about_copy_local_relationship {
    margin-top: calc(100 / 768 * 100%);
    margin-left: calc(100 / 768 * 100vw);
    /* width: 65%; */
  }
  #faq .tab > li.faq_btn {
    font-size: 1rem;
    line-height: 1.4;
  }

  #relayas_room .ttl_relayas_room_con .ttl_relayas_room {
    width: calc(308 * 1.4 / 1100 * 100vw);
  }
  #relayas_room .pic_02_con .pic_02 {
    left: calc(80 / 1100 * 100vw);
  }
  #amenity .amenity_ttl_con .ttl_amenity {
    width: calc(358 * 1.4 / 1100 * 100vw);
  }
  #amenity .pic_03_con .pic_03 {
    right: calc(120 / 1100 * 100vw);
  }
  #how_to_use .how_to_use_sankaku {
    padding-top: calc(160 / 275 * 100px);
  }
  #how_to_use .ttl_how_to_use_con .ttl_how_to_use {
    width: calc(242 * 1.4 / 1100 * 100vw);
  }
  #how_to_enjoy .ttl_how_to_enjoy_con .ttl_how_to_enjoy {
    width: calc(300 * 1.4 / 1100 * 100vw);
  }
  #how_to_enjoy .pic_04_con .pic_04 {
    top: -64px;
    right: calc(150 / 1100 * 100vw);
  }
  #movie_pic .movie_pic_con {
    height: calc(250 / 1100 * 100vh);
    min-height: 270px;
  }
  #movie_pic .movie_pic_con .movie_pic_waku .movie_pic_btn {
    width: 42px;
  }
  #faq .ttl_faq {
    width: calc(107 * 1.4 / 1100 * 100vw);
  }
  #access .ttl_access_con .ttl_access {
    width: calc(152 * 1.4 / 1100 * 100vw);
  }
  #reserved .ttl_reserved_con .ttl_reserved {
    width: calc(413 * 1.4 / 1100 * 100vw);
  }
  #contact .ttl_contact_con .ttl_contact {
    width: calc(187 * 1.4 / 1100 * 100vw);
  }

  /* mabashi_rela */
  #mabashi_rela #header_pic .header_pic_con {
    min-height: 220px;
  }
  #mabashi_rela #header_pic .header_pic_con .ill_01 {
    left: calc(100 / 1100 * 100vw);
  }
  #mabashi_rela #header_pic .header_pic_con .ttl_ikkenya {
    width: calc((392 * 1.4) / 1100 * 100vw);
    top: calc((40 * 1.4) / 1100 * 100vh);
  }
  #mabashi_rela #header_pic .header_pic_con .ttl_mabashi {
    width: calc((282 * 1.4) / 1100 * 100vw);
    bottom: 32px;
    top: unset;
  }
  #mabashi_rela #room .room_ttl_con .ttl_room_copy {
    top: 30px;
  }
  #mabashi_rela #room .room_ttl_con .ttl_living_room {
    width: calc((162 * 1.4) / 1100 * 100vw);
  }
  #mabashi_rela #room .room_ttl_con .ttl_garden_space {
    width: calc((180 * 1.4) / 1100 * 100vw);
  }
  #mabashi_rela #room .room_ttl_con .ttl_kids_room {
    width: calc((134 * 1.4) / 1100 * 100vw);
  }
  #mabashi_rela #amenity .mabashi_amenity_ttl_con .ttl_amenity {
    width: calc((166 * 1.4) / 1100 * 100vw);
  }
  #mabashi_rela #amenity .ill_layout .ill_02 {
    top: -140px;
    right: calc(310 / 1100 * 100vw);
  }
  #mabashi_rela #price .price_ttl_con .ttl_price {
    width: calc((110 * 1.4) / 1100 * 100vw);
  }

  #mabashi_rela #access .mabashi_access_ttl_con .ttl_access {
    width: calc((152 * 1.4) / 1100 * 100vw);
  }
  #mabashi_rela #access .ill_layout .ill_03 {
    top: -120px;
  }

  /* mabashi #header_pic*/
  .house_detail #header_pic .ttl_ikkenya {
    width: calc((395 * 1.4) / 1100 * 100vw);
    margin-top: 50px;
  }
  .house_detail #header_pic .ttl_mabashi {
    width: calc((231 * 1.4) / 1100 * 100vw);
    margin-bottom: 14px;
  }
  .house_detail #header_pic .ttl_kitamatsudo {
    width: calc((384 * 1.4) / 1100 * 100vw);
    bottom: 14px;
  }
  .house_detail #header_pic .ttl_mutsumi {
    width: calc((240 * 1.4) / 1100 * 100vw);
    margin-bottom: 14px;
  }

  /* mabashi #room */
  .house_detail #room .ttl_living_room {
    width: calc((162 * 1.4) / 1100 * 100vw);
  }
  .house_detail #room .ttl_kitchen {
    width: calc((102 * 1.4) / 1100 * 100vw);
  }
  .house_detail #room .ttl_garden_space {
    width: calc((180 * 1.4) / 1100 * 100vw);
  }
  .house_detail #room .ttl_kids_room {
    width: calc((134 * 1.4) / 1100 * 100vw);
  }
  .house_detail #room .ttl_outward {
    width: calc((114 * 1.4) / 1100 * 100vw);
  }
  .house_detail #room .ttl_other {
    width: calc((79 * 1.4) / 1100 * 100vw);
  }
  .house_detail #amenity .amenity_ttl_con .ttl_amenity {
    width: calc((166 * 1.4) / 1100 * 100vw);
  }
  .house_detail #layout .layout_ttl_con .ttl_layout {
    width: calc((148 * 1.4) / 1100 * 100vw);
  }
  .house_detail #price .price_ttl_con .ttl_price {
    width: calc((110 * 1.4) / 1100 * 100vw);
  }
  .house_detail #attention .attention_ttl_con .ttl_attention {
    width: calc((213 * 1.4) / 1100 * 100vw);
  }
  .house_detail #access .access_ttl_con .ttl_access {
    width: calc((152 * 1.4) / 1100 * 100vw);
  }
 .house_detail #roomtour .roomtour_ttl_con .ttl_roomtour {
    width: calc((152 * 1.4) / 1100 * 100vw);
  }
  .house_detail #review .review_ttl_con .ttl_review {
    width: calc(145 * 1.4 / 1100 * 100vw);
  }
  /* company_profile */
  #company_profile .ttl_company_profile_con .ttl_company_profile {
    width: calc((352 * 1.4) / 1100 * 100vw);
  }
  #company_profile .ttl_company_profile_con .ttl_company_privacy {
    width: calc((306 * 1.4) / 1100 * 100vw);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  /* col-sm-xx */

  #header_pic .header_pop_pc {
    width: calc(150 * 1.4 / 1100 * 100vw);
    /* right: unset;
    left: 40px; */
  }
  #header_pic .btn_to_rela {
    width: calc(100px * 4 + 20px * 3);
  }
  #header_pic .btn_to_rela .btn_sqr {
    width: 100px;
  }

  #about .about_con::before {
    padding-top: 12%;
  }
  #header_pic .header_copy_01 {
    width: calc(210 / 576 * 100vw);
  }
  #about .pic_01_con .pic_01 {
    top: calc(-80 / 1100 * 100vh);
  }
  #about .ttl_about_relaya_con .ttl_about_relaya {
    width: calc(500 * 1.9 / 1100 * 100vw);
  }
  #about .about_pic_01 {
    width: 100%;
  }
  #about .about_pic_01 > img {
    border-radius: 0;
  }
  #about .about_pic_01_right {
    width: 100%;
    padding-top: 60px;
    padding-left: 100px;
    background-image: url(../img/about_bg_pic_01_pc.png);
    background-position: 10% 50%;
    background-size: auto 70%;
    background-repeat: no-repeat;
    pointer-events: none;
  }
  #about .about_pic_01_right .about_copy_private_space {
    margin-top: 0;
    margin-left: 0;
    /* width: 80%; */
  }
  #about .about_pic_02 {
    width: 100%;
  }
  #about .about_pic_02 > img {
    border-radius: 0;
  }
  #about .about_pic_02_left {
    width: 100%;
    padding-top: 60px;
    padding-left: 100px;
    background-image: url(../img/about_bg_pic_02_pc.png);
    background-position: 40% 5%;
    background-size: auto 30%;
    background-repeat: no-repeat;
    pointer-events: none;
  }
  #about .about_pic_02_left .about_copy_local_relationship {
    margin-top: 0;
    margin-left: 0;
    /* width: 80%; */
  }
  #about .about_pic_03 {
    width: 100%;
  }
  #about .about_pic_03 > img {
    border-radius: 0;
  }
  #about .about_pic_03_right {
    width: 100%;
    padding-top: 60px;
    padding-left: 100px;
    background-image: url(../img/about_bg_pic_03_pc.png);
    background-position: 40% 60%;
    background-size: auto 70%;
    background-repeat: no-repeat;
    pointer-events: none;
  }
  #about .about_pic_03_right .about_copy_social_contribution {
    margin-top: 0;
    margin-left: 0;
    /* width: 80%; */
  }
  #about {
    padding-bottom: 50px;
  }
  #relayas_room .ttl_relayas_room_con .ttl_relayas_room {
    width: calc(308 * 1.9 / 1100 * 100vw);
  }
  #relayas_room .pic_02_con .pic_02 {
    top: calc(-20 / 1100 * 100vh);
    left: calc(60 / 1100 * 100vw);
    width: calc(180 / 1100 * 100vw);
  }
  #amenity .pic_03_con .pic_03 {
    top: -90px;
  }
  #amenity .amenity_ttl_con .ttl_amenity {
    width: calc(358 * 1.9 / 1100 * 100vw);
  }
  #how_to_use .ttl_how_to_use_con .ttl_how_to_use {
    width: calc(242 * 1.9 / 1100 * 100vw);
  }
  #how_to_enjoy .ttl_how_to_enjoy_con .ttl_how_to_enjoy {
    width: calc(300 * 1.9 / 1100 * 100vw);
  }
  #how_to_enjoy .pic_04_con .pic_04 {
    top: -65px;
    right: calc(60 / 1100 * 100vw);
    width: calc(200 * 1.2 / 1100 * 100vw);
  }
  #movie_pic {
    margin-bottom: calc(10 / 1100 * 100vh);
  }
  #movie_pic .movie_pic_con {
    height: calc(220 / 1100 * 100vh);
    min-height: 250px;
  }
  #movie_pic .movie_pic_con .movie_pic_waku .movie_pic_btn {
    width: 42px;
  }
  #movie_pic .pic_05_con .pic_05 {
    top: calc(-60 / 1100 * 100vh);
    top: -70px;
  }
  #faq .ttl_faq {
    width: calc(107 * 1.9 / 1100 * 100vw);
  }
  #faq .pic_05_con .pic_05 {
    top: -30px;
    left: calc(80 / 1100 * 100vw);
    width: calc(218 * 1.2 / 1100 * 100vw);
  }

  #faq .tab {
    margin-bottom: 20px;
    flex-wrap: wrap;
  }
  #faq .tab > li.faq_btn {
    width: calc((100% - 20px) / 2);
    margin-bottom: 20px;
    font-size: 1rem;
    line-height: 1.4;
  }

  #faq .tab > li.faq_btn.current:after {
    border-top-width: 0;
    border-bottom-width: 0;
  }
  #faq .btn_andmore {
    width: calc(200 / 767 * 100vw);
  }
  #faq .tab-target .faq_con_q {
    font-size: 1rem;
    line-height: 1.75;
  }

  #access .ttl_access_con .ttl_access {
    width: calc(152 * 1.9 / 1100 * 100vw);
  }
  #access .access_map_chiba_con .access_map_chiba {
    top: calc(-20 / 1100 * 100vh);
    right: calc(60 / 1100 * 100vw);
    width: calc(218 * 1.4 / 1100 * 100vw);
  }
  #reserved .ttl_reserved_con .ttl_reserved {
    width: calc(413 * 1.9 / 1100 * 100vw);
  }
  #contact .ttl_contact_con .ttl_contact {
    width: calc(187 * 1.9 / 1100 * 100vw);
  }
  #contact .pic_06_con .pic_06 {
    top: -30px;
    right: calc(130 / 1100 * 100vw);
    width: calc(165 * 1.2 / 1100 * 100vw);
  }

  /* mabashi_rela */
  #mabashi_rela #header_pic .header_pic_con {
    min-height: 200px;
  }
  #mabashi_rela #header_pic .header_pic_con .ttl_ikkenya {
    width: calc((320 * 1.9) / 1100 * 100vw);
    top: calc(110 / 1100 * 100vh);
  }
  #mabashi_rela #header_pic .header_pic_con .ill_01 {
    top: calc(2 / 1100 * 100vh);
    width: calc(200 / 1100 * 100vw);
    left: calc(50 / 1100 * 100vw);
  }
  #mabashi_rela #header_pic .header_pic_con .ttl_mabashi_rela {
    width: calc((282 * 1.9) / 1100 * 100vw);
    top: unset;
    bottom: 20px;
  }

  #mabashi_rela #room .room_ttl_con .ttl_room_copy {
    top: 30px;
  }
  #mabashi_rela #room .room_ttl_con .ttl_living_room {
    width: calc((162 * 1.9) / 1100 * 100vw);
  }
  #mabashi_rela #room .room_ttl_con .ttl_garden_space {
    width: calc((180 * 1.9) / 1100 * 100vw);
  }
  #mabashi_rela #room .room_ttl_con.kids_room {
    min-height: 38px;
  }
  #mabashi_rela #room .room_ttl_con .ttl_kids_room {
    width: calc((134 * 1.9) / 1100 * 100vw);
  }

  #mabashi_rela #amenity .mabashi_amenity_ttl_con .ttl_amenity {
    width: calc((166 * 1.9) / 1100 * 100vw);
  }
  #mabashi_rela #amenity .ill_layout .ill_02 {
    top: -140px;
    right: calc(250 / 1100 * 100vw);
    width: calc(100 / 1100 * 100vw);
  }
  #mabashi_rela #price .price_ttl_con .ttl_price {
    width: calc((110 * 1.9) / 1100 * 100vw);
  }
  #mabashi_rela #access .mabashi_access_ttl_con .ttl_access {
    width: calc((152 * 1.9) / 1100 * 100vw);
  }
  #mabashi_rela #access .ill_layout .ill_03 {
    left: calc(214 / 1100 * 100vw);
    width: calc(150 / 1100 * 100vw);
  }
  #mabashi_rela #access .ill_04_con .ill_04 {
    width: calc(190 / 1100 * 100vw);
    right: calc(92 / 1100 * 100vw);
  }

  /* mabashi #header_pic */
  /* .house_detail #header_pic .ill_01_con .ill_01 {
    width: calc(152 * 1.2 / 1100 * 100vw);
    top: 160px;
    left: calc(60 / 1100 * 100vw);
  } */
  .house_detail #header_pic .ttl_ikkenya {
    width: calc((395 * 1.5) / 1100 * 100vw);
    margin-top: 120px;
  }
  .house_detail #header_pic .ttl_mabashi {
    width: calc((231 * 1.5) / 1100 * 100vw);
    margin-bottom: 14px;
  }
  .house_detail #header_pic .ttl_kitamatsudo {
    width: calc((384 * 1.5) / 1100 * 100vw);
    margin-bottom: 14px;
  }
  .house_detail #header_pic .ttl_mutsumi {
    width: calc((240 * 1.5) / 1100 * 100vw);
    margin-bottom: 14px;
  }
  /* mabashi #room */
  .house_detail #room .ttl_living_room {
    width: calc((162 * 1.9) / 1100 * 100vw);
  }
  .house_detail #room .ttl_kitchen {
    width: calc((102 * 1.9) / 1100 * 100vw);
  }
  .house_detail #room .ttl_garden_space {
    width: calc((180 * 1.9) / 1100 * 100vw);
  }
  .house_detail #room .ttl_kids_room {
    width: calc((134 * 1.9) / 1100 * 100vw);
  }
  .house_detail #room .ttl_outward {
    width: calc((114 * 1.9) / 1100 * 100vw);
  }
  .house_detail #room .ttl_other {
    width: calc((79 * 1.9) / 1100 * 100vw);
  }
  .house_detail #amenity .amenity_ttl_con .ttl_amenity {
    width: calc((166 * 1.9) / 1100 * 100vw);
  }
  .house_detail #amenity .ill_layout .ill_02 {
    top: -130px;
    right: calc(120 / 1100 * 100vw);
    width: calc(126 * 1.4 / 1100 * 100vw);
  }
  .house_detail #layout .layout_ttl_con .ttl_layout {
    width: calc((148 * 1.9) / 1100 * 100vw);
  }
  .house_detail #price .price_ttl_con .ttl_price {
    width: calc((110 * 1.9) / 1100 * 100vw);
  }
  .house_detail #attention .attention_ttl_con .ttl_attention {
    width: calc((213 * 1.9) / 1100 * 100vw);
  }
  .house_detail #attention .attention_ttl_con .ttl_attention {
    width: calc((213 * 1.9) / 1100 * 100vw);
  }
  .house_detail #access .access_ttl_con .ttl_access {
    width: calc((152 * 1.9) / 1100 * 100vw);
  }
  .house_detail #roomtour .roomtour_ttl_con .ttl_roomtour {
    width: calc((213 * 1.9) / 1100 * 100vw);
  }
  .house_detail #review .review_ttl_con .ttl_review {
    width: calc(145 * 1.9 / 1100 * 100vw);
  }
  .house_detail #access .ill_layout .ill_03 {
    top: -160px;
    right: calc(40 / 1100 * 100vw);
    width: calc(220 * 1.4 / 1100 * 100vw);
  }
  /* .house_detail #review .review_column {
    min-height: unset;
  } */
  /* company_profile */
  #company_profile .ttl_company_profile_con .ttl_company_profile {
    width: calc((352 * 1.9) / 1100 * 100vw);
  }
  #company_profile .ttl_company_profile_con .ttl_company_privacy {
    width: calc((306 * 1.9) / 1100 * 100vw);
  }
}

/* Extra Small Devices (Smaller devices) Bootstrapの切り分けではないが、小さい画面幅での調整 */

@media (max-width: 575px) {
  #navigation .navbar-brand {
    width: 190px;
    margin-left: 10px;
  }
  #navigation #nav_for_sp .navbar .btn_hamburger {
    right: 2rem;
  }

  #nab_yoyaku {
    width: 60px;
    top: unset;
    /* bottom: 80px; */
    bottom: unset;
  }
  #nab_review {
    width: 60px;
  }
  #nab_kengaku {
    width: 60px;
  }

  #header_pic .header_pic_sp .header_copy_01 {
    width: calc(492 / 600 * 100vw);
    /* margin-top: 10px; */
    margin-top: -45px;
    /* margin-bottom: 0; */
    margin-left: auto;
    margin-right: auto;
  }

  #header_pic .header_img_sp_back {
    /* width: 100%; */
    /* margin-left: 0; */
    height: 0;
    /* padding-top: calc(3289 / 2376 * 100%); */
    padding-top: calc(800 / 600 * 100%);
    background-image: url(../img/header_img_sp_back.png);
    background-position: 45% 0;
    background-size: cover;
    /* background-size: 210%; */
    /* background-size: contain; */
    background-repeat: no-repeat;
    overflow: unset;
  }
  #header_pic .header_img_sp_back .header_img_sp_middle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    background-image: url(../img/header_img_sp_middle.png);
    background-position: 45% 0;
    background-size: cover;
    /* background-size: 170%; */
    /* background-size:contain; */
    background-repeat: no-repeat;
  }
  #header_pic .header_img_sp_back .header_img_sp_front {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    background-image: url(../img/header_img_sp_front.png);
    background-position: 45% 0;
    background-size: cover;
    /* background-size: 170%; */
    /* background-size:contain; */
    background-repeat: no-repeat;
  }

  #header_pic .header_pop {
    position: unset;
    height: unset;
  }
  #header_pic .header_pic_sp .header_pop .header_pop_sp {
    width: calc(530 / 600 * 100vw);
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  #header_pic .header_pic_sp .btn_to_rela {
    width: 294px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    justify-content: unset;
  }
  #header_pic .header_pic_sp .btn_to_rela .btn_sqr {
    width: 140px;
    float: left;
    margin-right: 14px;
  }
  #header_pic .header_pic_sp .btn_to_rela .btn_sqr:nth-child(even) {
    margin-right: 0;
  }
  #about {
    background-color: #eeeadd;
  }
  #about .pic_01_con .pic_01 {
    top: calc(-60 / 1100 * 100vh);
    width: calc(300 / 1100 * 100vw);
    right: calc(50 / 1100 * 100vw);
  }
  /* #about .ttl_about_relaya_con .ttl_about_relaya {
    width: calc(500 * 1.9 / 1100 * 100vw);
  } */
  #about .ttl_about_relaya_con {
    margin-bottom: 20px;
  }
  #about .ttl_about_relaya_con .ttl_about_relaya_sp {
    width: calc(500 * 1.9 / 1100 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
  #about .about_pic_01 {
    width: 100%;
  }
  #about .about_pic_01 > img {
    border-radius: 0;
  }
  #about .about_pic_01_right {
    width: 100%;
    padding-top: 60px;
    padding-left: 70px;
    background-image: url(../img/about_bg_pic_01.png);
    background-position: 10% 50%;
    background-size: auto 70%;
    background-repeat: no-repeat;
    pointer-events: none;
  }
  #about .about_pic_01_right .about_copy_private_space {
    margin-top: 0;
    margin-left: 0;
    /* width: 80%; */
  }
  #about .about_pic_02 {
    width: 100%;
  }
  #about .about_pic_02 > img {
    border-radius: 0;
  }
  #about .about_pic_02_left {
    width: 100%;
    padding-top: 60px;
    padding-left: 70px;
    background-image: url(../img/about_bg_pic_02.png);
    background-position: 40% 5%;
    background-size: auto 30%;
    background-repeat: no-repeat;
    pointer-events: none;
  }
  #about .about_pic_02_left .about_copy_local_relationship {
    margin-top: 0;
    margin-left: 0;
    /* width: 80%; */
  }
  #about .about_pic_03 {
    width: 100%;
  }
  #about .about_pic_03 > img {
    border-radius: 0;
  }
  #about .about_pic_03_right {
    width: 100%;
    padding-top: 60px;
    padding-left: 70px;
    background-image: url(../img/about_bg_pic_03.png);
    background-position: 50% 60%;
    background-size: auto 70%;
    background-repeat: no-repeat;
    pointer-events: none;
  }
  #about .about_pic_03_right .about_copy_social_contribution {
    margin-top: 0;
    margin-left: 0;
    /* width: 80%; */
  }
  #about {
    padding-bottom: 50px;
  }
  #relayas_room {
    margin-bottom: 50px;
  }
  #relayas_room .pic_02_con .pic_02 {
    top: 50px;
    left: calc(80 / 1100 * 100vw);
    width: calc(167 * 1.2 / 1100 * 100vw);
  }
  /* #relayas_room .ttl_relayas_room_con .ttl_relayas_room {
    width: calc(308 * 2.7 / 1100 * 100vw);
  } */
  #relayas_room .ttl_relayas_room_con .ttl_relayas_room_sp {
    width: calc(176 * 2.7 / 1100 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }

  .carousel-control-prev-icon {
    margin-left: -6rem;
  }
  .carousel-control-next-icon {
    margin-right: -6rem;
  }
  .carousel-caption {
    bottom: -10px;
  }
  .carousel-caption > h4 {
    font-size: 0.75rem;
  }
  #relayas_room .btn_to_kamihorela_w {
    width: calc(400 / 1100 * 100vw);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  #relayas_room .btn_to_kamihorela_w_sp {
    margin-bottom: 20px;
  }
  #relayas_room .btn_to_kamihorela_w_sp > a {
    transition: 0.5s;
  }
  #relayas_room .btn_to_kamihorela_w_sp > a:hover {
    opacity: 0.7;
  }
  /* #amenity .amenity_ttl_con .ttl_amenity {
    width: calc(358 * 2.7 / 1100 * 100vw);
  } */
  #amenity .pic_03_con {
    margin-top: 40px;
  }
  #amenity .amenity_ttl_con .ttl_amenity_sp {
    width: calc(176 * 2.7 / 1100 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
  #amenity .pic_03_con .pic_03 {
    top: 23px;
    width: calc(131 * 1.2 / 1100 * 100vw);
    right: 50px;
  }
  #how_to_enjoy .pic_04_con {
    margin-top: 60px;
  }
  /* #how_to_enjoy .ttl_how_to_enjoy_con .ttl_how_to_enjoy {
    width: calc(242 * 2.7 / 1100 * 100vw);
  } */
  #how_to_use .ttl_how_to_use_con .ttl_how_to_use_sp {
    width: calc(154 * 2.7 / 1100 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
  #how_to_enjoy .ttl_how_to_enjoy_con .ttl_how_to_enjoy_sp {
    width: calc(154 * 2.7 / 1100 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
  #how_to_enjoy .pic_04_con .pic_04 {
    top: -23px;
    right: calc(64 / 1100 * 100vw);
    width: calc(200 * 1.2 / 1100 * 100vw);
  }
  #how_to_enjoy {
    margin-bottom: 0;
  }
  #movie_pic {
    margin-bottom: calc(50 / 1100 * 100vh);
  }
  #movie_pic .movie_pic_con {
    height: calc(200 / 1100 * 100vh);
  }
  #movie_pic .movie_pic_con .movie_pic_waku .movie_pic_thumbnail {
    width: calc(510 * 1.4 / 1100 * 100vw);
  }
  #movie_pic .pic_05_con .pic_05 {
    top: calc(0 / 1100 * 100vh);
    width: calc((306 * 1.4) / 1100 * 100vw);
  }
  #movie_pic .movie_pic_con .movie_pic_enjoy {
    width: calc((30 * 1.4) / 1100 * 100vw);
    top: 20%;
  }
  #movie_pic .movie_pic_con .movie_pic_relax {
    width: calc((22 * 1.4) / 1100 * 100vw);
    top: 20%;
  }
  #movie_pic .movie_pic_con .movie_pic_waku .movie_pic_btn {
    width: 42px;
  }
  #faq {
    margin-bottom: 40px;
    margin-top: 70px;
  }
  #faq .ttl_faq {
    width: calc(107 * 2.7 / 1100 * 100vw);
  }
  #faq .pic_05_con .pic_05 {
    top: -20px;
    width: calc(218 * 1.4 / 1100 * 100vw);
  }
  #faq .tab {
    margin-bottom: 20px;
    flex-wrap: wrap;
  }
  #faq .tab > li.faq_btn {
    width: calc((100% - 20px) / 2);
    margin-bottom: 20px;
    font-size: 1rem;
    line-height: 1.4;
  }
  #faq .tab > li.faq_btn.current:after {
    border-top-width: 0;
    border-bottom-width: 0;
  }
  #faq .tab-target .faq_con_q {
    font-size: 1rem;
    line-height: 1.75;
  }
  #faq .btn_andmore {
    width: calc(200 / 575 * 100vw);
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #access .ttl_access_con .ttl_access {
    width: calc(152 * 2.7 / 1100 * 100vw);
  }
  #access .access_map_chiba_con {
    margin-top: 50px;
  }
  #access .access_map_chiba_con .access_map_chiba {
    top: calc(-20 / 1100 * 100vh);
    right: calc(30 / 1100 * 100vw);
    width: calc((218 * 1.4) / 1100 * 100vw);
  }
  #reserved .ttl_reserved_con .ttl_reserved {
    width: calc(413 * 2.1 / 1100 * 100vw);
  }
  #contact .ttl_contact_con .ttl_contact {
    width: calc(187 * 2.7 / 1100 * 100vw);
  }
  #contact .pic_06_con .pic_06 {
    top: 48px;
    right: calc(130 / 1100 * 100vw);
    width: calc(165 * 1.4 / 1100 * 100vw);
  }

  /* mabashi_rela */
  #mabashi_rela #header_pic {
    height: unset;
    padding-bottom: unset;
  }
  #mabashi_rela #header_pic .header_pic_con {
    height: calc(230 / 1100 * 100vh);
  }
  #mabashi_rela #header_pic .header_pic_con .ill_01 {
    top: calc(5 / 1100 * 100vh);
    left: calc(122 / 1100 * 100vw);
    width: calc((155 * 1.5) / 1100 * 100vw);
  }
  #mabashi_rela #header_pic .header_pic_con .ttl_ikkenya {
    width: calc((392 * 2.1) / 1100 * 100vw);
    top: calc((80 * 1.5) / 1100 * 100vh);
  }
  #mabashi_rela #header_pic .header_pic_con .ttl_mabashi_rela {
    width: calc((282 * 2.1) / 1100 * 100vw);
  }

  #mabashi_rela #room .room_ttl_con .ttl_living_room {
    width: calc((162 * 2.7) / 1100 * 100vw);
  }
  #mabashi_rela #room .room_ttl_con .ttl_garden_space {
    width: calc((180 * 2.7) / 1100 * 100vw);
  }
  #mabashi_rela #room .room_ttl_con .ttl_kids_room {
    width: calc((134 * 2.7) / 1100 * 100vw);
  }
  #mabashi_rela #amenity .mabashi_amenity_ttl_con .ttl_amenity {
    width: calc((166 * 2.7) / 1100 * 100vw);
  }
  #mabashi_rela #amenity .ill_layout .ill_02 {
    width: calc(120 / 1100 * 100vw);
    right: calc(124 / 1100 * 100vw);
    top: -140px;
  }
  #mabashi_rela #price .price_ttl_con .ttl_price {
    width: calc((110 * 2.7) / 1100 * 100vw);
  }
  #mabashi_rela #access .mabashi_access_ttl_con .ttl_access {
    width: calc((152 * 2.7) / 1100 * 100vw);
  }
  #mabashi_rela #access .ill_layout .ill_03 {
    top: -126px;
    left: calc(130 / 1100 * 100vw);
    width: calc(180 / 1100 * 100vw);
  }
  #mabashi_rela #access .ill_04_con .ill_04 {
    width: calc(240 / 1100 * 100vw);
    top: calc(5 / 1100 * 100vh);
    right: calc(90 / 1100 * 100vw);
  }

  /* mabashi #header_pic ここを編集する*/
  .house_detail #header_pic {
    height: unset;
  }
  /* .house_detail #header_pic .ill_01_con .ill_01 {
    width: calc((152 * 1.4) / 1100 * 100vw);
    top: 17px;
  } */
  .house_detail #header_pic .ttl_ikkenya {
    width: calc((395 * 2.1) / 1100 * 100vw);
    margin-top: 120px;
  }
  .house_detail #header_pic .ttl_mabashi {
    width: calc((231 * 2.1) / 1100 * 100vw);
    margin-bottom: 14px;
  }
  .house_detail #header_pic .ttl_kitamatsudo {
    width: calc((384 * 2.1) / 1100 * 100vw);
    margin-bottom: 14px;
  }
  .house_detail #header_pic .ttl_mutsumi {
    width: calc((240 * 2.1) / 1100 * 100vw);
    margin-bottom: 14px;
  }
  /* mabashi */
  .house_detail #room .ttl_living_room {
    width: calc((162 * 2.7) / 1100 * 100vw);
  }
  .house_detail #room .ttl_kitchen {
    width: calc((102 * 2.7) / 1100 * 100vw);
  }
  .house_detail #room .ttl_garden_space {
    width: calc((180 * 2.7) / 1100 * 100vw);
  }
  .house_detail #room .ttl_kids_room {
    width: calc((134 * 2.7) / 1100 * 100vw);
  }
  .house_detail #room .ttl_outward {
    width: calc((114 * 2.7) / 1100 * 100vw);
  }
  .house_detail #room .ttl_other {
    width: calc((79 * 2.7) / 1100 * 100vw);
  }
  .house_detail #amenity .amenity_ttl_con .ttl_amenity {
    width: calc((166 * 2.7) / 1100 * 100vw);
  }
  .house_detail #amenity .ill_layout .ill_02 {
    position: absolute;
    top: -140px;
    right: calc(40 / 1100 * 100vw);
    width: calc(126 * 1.8 / 1100 * 100vw);
  }
  .house_detail #layout .layout_ttl_con .ttl_layout {
    width: calc((148 * 2.7) / 1100 * 100vw);
  }
  .house_detail #layout .pic_floor_plan {
    width: 90%;
  }
  .house_detail #price .price_ttl_con .ttl_price {
    width: calc((110 * 2.7) / 1100 * 100vw);
  }
  .house_detail #attention .attention_ttl_con .ttl_attention {
    width: calc((213 * 2.7) / 1100 * 100vw);
  }
  .house_detail #access .access_ttl_con .ttl_access {
    width: calc((152 * 2.7) / 1100 * 100vw);
  }
  .house_detail #roomtour .roomtour_ttl_con .ttl_roomtour {
    width: calc((152 * 2.7) / 1100 * 100vw);
  }
  .youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
  .house_detail #review .review_ttl_con .ttl_review {
    width: calc(145 * 2.7 / 1100 * 100vw);
  }
  .house_detail #access .ill_layout .ill_03 {
    top: -110px;
    right: calc(50 / 1100 * 100vw);
    width: calc(192 * 1.4 / 1100 * 100vw);
  }
  /* .house_detail #review .review_column {
    min-height: unset;
  } */
  .house_detail #links .btn_to_kamihorela_w_sp {
    margin-bottom: 20px;
  }

  /* company_profile / privacy */
  #company_profile .ttl_company_profile_con .ttl_company_profile_sp {
    width: calc((177 * 2.7) / 1100 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
  #company_profile .ttl_company_profile_con .ttl_company_privacy_sp {
    width: calc((154 * 2.7) / 1100 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 480px) {
  #how_to_use .how_to_use_sankaku {
    padding-top: calc(140 / 250 * 100px);
  }
  #movie_pic .movie_pic_con {
    height: calc(150 / 1100 * 100vh);
    min-height: 140px;
  }
  #movie_pic .pic_05_con .pic_05 {
    top: 10px;
  }

  #faq .tab > li.faq_btn {
    font-size: 0.9rem;
    line-height: 1.2;
  }

  #mabashi_rela #header_pic .header_pic_con {
    min-height: 260px;
  }
  #mabashi_rela #header_pic .header_pic_con .ttl_ikkenya {
    top: 130px;
  }
  #mabashi_rela #header_pic .header_pic_con .ttl_mabashi_rela {
    top: 170px;
  }
  #mabashi_rela #access .ill_layout .ill_03 {
    top: -110px;
  }
}

@media (max-width: 400px) {
  #navigation .navbar-brand {
    width: 150px;
  }
  #navigation .navbar .nav-item.sns_soon {
    margin-right: 4px;
  }
  #nab_yoyaku {
    /* bottom: 40px; */
    bottom: unset;
  }
  #header_pic .header_pic_sp .header_pop .header_pop_sp {
    /* margin-top: -100px; */
  }
  #header_pic .header_copy_01 {
    width: calc(155 / 350 * 100vw);
    margin-left: 20px;
    margin-right: unset;
  }
  #header_pic .header_img_sp_back {
    padding-top: 150%;
  }
  #header_pic .header_img_sp_back .header_img_sp_front {
    background-position: 45% 7px;
  }
  #about .pic_01_con .pic_01 {
    top: calc(-60 / 1100 * 100vh);
  }
  #relayas_room .pic_02_con .pic_02 {
    top: -70px;
    width: calc(167 * 1.4 / 1100 * 100vw);
  }
  .carousel-control-prev-icon {
    margin-left: -5rem;
  }
  .carousel-control-next-icon {
    margin-right: -5rem;
  }
  #amenity .pic_03_con .pic_03 {
    width: calc(131 * 1.4 / 1100 * 100vw);
    right: 30px;
  }
  #how_to_enjoy .pic_04_con .pic_04 {
    right: 10px;
    width: calc(200 * 1.4 / 1100 * 100vw);
  }
  #movie_pic {
    margin-bottom: calc(20 / 1100 * 100vh);
  }
  #faq .pic_05_con .pic_05 {
    top: -10px;
    width: calc(218 * 1.4 / 1100 * 100vw);
  }
  #reserved .reserved_ttl_con .ttl_reserved {
    width: calc((413 * 2.1) / 1100 * 100vw);
  }
  #contact .contact_ttl_con .pic_06 {
    top: 70px;
    right: calc(30 / 1100 * 100vw);
    width: calc(400 / 1100 * 100vw);
  }

  /* 各リラ */
  /* .house_detail #header_pic .ill_01_con .ill_01 {
    width: calc((152 * 1.8) / 1100 * 100vw);
    top: 28px;
  } */
  .house_detail #amenity .ill_layout .ill_02 {
    top: -136px;
    right: calc(40 / 1100 * 100vw);
    width: calc(126 * 1.8 / 1100 * 100vw);
  }
  .house_detail #access .ill_layout .ill_03 {
    top: -75px;
  }
}