.wide_wrap{ width:95%;max-width:1600px;margin:0 auto; }
.main_area{ padding-bottom:66px; }
.font_color1{ color:#333333; }
.bg_pattern1{ background:url(../img/bg_pattern1.jpg) repeat center center/680px; }
.bg_pattern3, .information .bg{ background:url(../img/bg_pattern3.svg) repeat center center/570px; }
.bg_pattern3 *{ color:#fff; }
/* .bg_pattern2{ background:url(../img/bg_pattern1.jpg?0422) no-repeat center center/cover; } */
/* .bg_pattern3{ background:url(../img/bg_pattern1.jpg?0422) no-repeat center center/cover; } */
.about_sp_p{ display:none; }
.flashing{ animation:flashing 2.5s infinite ease-in-out; }  
@keyframes flashing{ 
    0%{ opacity:0.3; }
    50%{ opacity:1; }
    100%{ opacity:0.3; }
}
.f_in{ opacity:0; }
.split_th{ display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;opacity:0; }
.split_th.on{ opacity:1; }
.split_th span{ display:block;transform:scale(1.2);transition:all 1.5s;opacity:0;color:#737373; }
.split_th.on span{ transform:scale(1);opacity:1;transition:all 1.5s; }
/* .bg_color2{ background-color:#1e140a; } */
.bg_gray01{ background-color:#e0e0e0; padding:370px 0 190px 0; }
.bg_gray02{ background-color:#e0e0e0; padding:305px 0 0 0; }
.fade_child{ opacity:0;transition:all .5s ease-in-out; }
.fade_child.figure_img{ position:absolute;left:50%;top:50%;transform:translate(-50%, -50%); width:100%;height:100%;display:block; }
.fade_child.figure_img.outline{ transform:translate(-50%, -50%); }
.fade_child.figure_img.outline.on{ transform:translate(-50%, -50%); }
.fade_child.on{ opacity:1; }
.fade_child.base{ position:relative;top:0;left:0;transform:translate(0, 0); }
.fade_child.base.on{ transform:translate(0, 0); }

.header{ position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:700;box-shadow:0 0px 5px 2px rgba(0, 0, 0, 0.1); }
.header .wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; }
/* .header .logo{ width:24%;padding:17px 0;grid-row:0;-ms-flex-negative:0;flex-shrink:0;margin-right:4%;transition:opacity .5s; } */
.logo .logo_g{ opacity:0;position:absolute;left:6px;top:0;width:calc(100% - 6px);/* margin-left:auto; */ }
.logo img{ transition:opacity .5s; }
/* .logo .logo_w{ width:24%;padding:17px 0;grid-row:0;-ms-flex-negative:0;flex-shrink:0;margin-right:4%; } */
.logo.dark .logo_w{ opacity:0; }
.logo.dark .logo_g{ opacity:1; }
.header nav{ display:-webkit-box;display:-ms-flexbox;display:flex;width:68%;max-width:788px;-webkit-box-flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;z-index:700; }
.header nav a{ color:#333333;font-size:110%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
.header nav a.active{ color:#ff6633;position:relative; }
.header nav a.active::after{ content:'';background-color:#1dc0d9;position:absolute;top:0;left:50%;transform:translateX(-50%);width:130%;height:4px;z-index:550; }

.mask{ position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(255, 255, 255, 0.6);z-index:700;display:none; }
.hamburger{ display:block;position:fixed;z-index:800;top:0;right:0;width:100vw;height:100vh;max-width:490px;/* height:100vh; */transform:translateX(100vw);-webkit-transition:all 1s;transition:all .5s ease-out;background-color:#666;padding:3vh 10px 0 10px;box-sizing:border-box;background-size:400px; }
/* .hamburger{ transform:translateX(0); } */
.hamburger.active{ -webkit-transform:translateX(0);transform:translateX(0);min-height:600px; }
.hamburger .inner{ min-height:600px;width:100%;max-width:375px;margin-left:auto;margin-right:7%;margin-top:4vh;height:100vh; }
.hamburger *{ color:#fff; }
.hamburger .logo{ width:14vh;max-width:124px;display:block;margin-left:auto;margin-right:auto;margin-bottom:8vh; }
.hamburger-btn.close{ width:16%;position:absolute;right:20px; }
/* .hamburger_lists{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;height:100%; } */
.hamburger_lists{ display:-webkit-box;display:-ms-flexbox;display:flex;height:87vh;justify-content:space-between; }
.hamburger_lists .main{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;/* justify-content:space-between; *//* flex-grow:1; *//* width:100%; *//* margin-right:18%; */width:74%; }
.hamburger_lists .side_col{ width:9.5%;margin-top:auto;margin-bottom:7.5vh; }
.hamburger_lists .side_col a{ margin-top:3.7vh;display:block; }
.hamburger_lists .side_col .instagram{ width:86%;margin-left:auto;margin-right:auto; }
.hamburger_lists .list_wrap{ margin-bottom:5vh; }
.hamburger_lists .list_wrap:last-of-type{ margin-bottom:0; }
.hamburger_lists .block{ /* flex-grow:1; */display:flex;flex-direction:column;justify-content:space-around;border-bottom:1px solid #fff;margin-bottom:3vh;padding-bottom:3vh;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start; }
.hamburger_lists .block.bottom{ margin-bottom:0;border-bottom:none;/* padding-bottom:0; */ }
.hamburger_lists .block .row{ display:-webkit-box;display:-ms-flexbox;display:flex; }
.hamburger_lists .block .row a:first-of-type{ margin-right:10%;padding-right:10%;border-right:1px solid #fff; }
.hamburger_lists .block .blog_wrap, .hamburger_lists .block .blog_wrap .sub_wrap{ display:flex; }
.hamburger_lists .block .blog_wrap{ width:100%;justify-content:space-between; }
.hamburger_lists .block .sub_wrap{ width:33%;justify-content:space-between; }
.hamburger_lists .block a{ display:block;width:fit-content;height:clamp(21px, 3vh, 30px);/* margin-right:auto; */margin:min(12px, 1.1vh) 0; }
.hamburger_lists .block a.nav_recruit{ margin-top:1.2vh; }
.hamburger_lists .block a img{ height:100%;width:auto; }
/* .hamburger .nav_list .list_wrap:last-of-type{ margin-bottom:0; }
.hamburger .nav_list{ text-align:center;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start; }
.hamburger .nav_list a{ font-size:14px;letter-spacing:2px;font-weight:300;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;padding:1.5vh 0; } */
.nav_list a span{ font-size:80%; }
.hamburger .nav_note{ width:auto;max-width:90px;height:44vh;margin-top:5vh;margin-right:2%; }
.hamburger .bt_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:4.9vh; }
.hamburger .bt_wrap a{ border:1px solid #fff;height:6.2vh;max-height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:46%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; }
.url_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin-top:3.9vh;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end; }
.url_wrap a{ margin-top:auto;font-size:80%;letter-spacing:2px; }
.nav_instagram{ width:47px;height:auto; }
.nav_instagram img{ vertical-align:top; }
.frame{ position:fixed;top:5px;left:50%;transform:translateX(-50%);width:96.5%;z-index:500;padding-top:16px;height:0; }
.frame .logo{ width:30%;max-width:161px;display:block;position:absolute;padding-left:6px; }
.frame .instagram{ width:80%;align-items:center;margin-top:130%; }
.frame .th_header{ width:23.2%;margin-top:180%; }
.frame .menu_tool{ left:50%;transform:translateX(-50%);position:absolute;width:100%; }
.side_header{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:30px;height:calc(100vh - 60px);-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;padding-top:3px;transform:translateX(-1px); }
/* .side_header .bt_nav, .side_header .icon_instagram{ margin-bottom:15px; } */
.side_header .bt_nav{ margin-bottom:15px;width:100%;height:15px; }
.side_header .bt_nav .bt_menu{ stroke:#fff; }
.side_header .icon_instagram{ margin-bottom:8px;width:19px;height:19px;fill:#fff; }
.side_header .icon_instagram, .hamburger-btn, .side_header .dark .icon_instagram, .dark .hamburger-btn{ position:relative;transition:all .6s ease-in-out; }
/* .dark .instagram, .dark .hamburger-btn */
/* { position:relative;transition:all .6s ease-in-out; } */
.side_header .icon_instagram img, .hamburger-btn img{ position:absolute;top:0;left:50%;transform:translateX(-50%); }
.side_header .nav{ color:#fff;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:18px 0 14px 0;font-size:110%;line-height:15px;transition:all .6s ease-in-out; }
.side_header .nav.nav_event{ padding-top:13px; }
.side_header .nav.hide{ display:none; }
.side_header .nav + .nav{ border-top:1px solid #fff;transition:all .6s ease-in-out; }
.side_header .nav .note{ font-size:79%;letter-spacing:4.6px;font-feature-settings:"palt"; }
.side_header .nav.nav_event .note{ letter-spacing:2px; }
.side_header.dark *{ color:#828282;transition:all .6s ease-in-out;opacity:0.7; }
.side_header.dark .bt_nav .bt_menu{ stroke:#828282; }
.side_header.dark .icon_instagram{ fill:#828282; }
.dark .bt_menu, .dark .icon_instagram{ opacity:0.9; }
.side_header.dark *:hover{ transition:all .6s ease-in-out;opacity:1; }
/* .side_header.dark .bt_menu_w{ display:none; } */
.side_header.dark .nav + .nav{ border-top:1px solid rgba(107, 107, 107, 0.5);transition:all .6s ease-in-out;opacity:0.8; }
.footer{ background:url(../img/bg_pattern1.jpg?0422) no-repeat center center/cover;padding:77px 0;position:relative; }
.footer *{ color:#828282; }
.footer .wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 4px; }
.footer .logo_wrap{ max-width:144px;width:20%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; }
.footer .f_logo{ margin-bottom:20.5%;display:block; }
.footer .icon_instagram{ width:30px;display:block; }
.footer .copyright{ margin-top:auto;letter-spacing:3px;font-size:80%; white-space:nowrap; }
.footer .privacy{ font-size:11px;margin-top: 1px; }
.footer .nav_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;width:70%;transform:translateX(2.3%);padding-top:3px; }
.footer .list_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;border-left:1px solid #fff;padding:0 clamp(4px, 1.8vw, 32px) }
.footer .list_wrap:first-of-type{ padding-right:0; }
.footer .list_wrap:last-of-type{ border-left:none; }
.footer .nav_list{ -ms-writing-mode:tb-rl;writing-mode:vertical-rl;padding:0 clamp(2px, 0.45vw, 14.7px); }
.footer .nav_list a{ letter-spacing:1.9px;font-size:95%; }
.footer .upright{ text-orientation:upright; }
.model_house_text{ width:100%; }
.lifestyle_area, .blog_area{ background-color:#fff; }

/* トップページ */
/* .l1, .l2{ position:sticky; } */
.l1{ position:sticky;top:0; }
.i_catch{ height:100vh; }
.i_catch .video{ object-fit:cover;height:100%;width:100%; }
.i_catch .note_wrap{ position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:100%;  }
.i_catch .wide_wrap{ height:20px;text-align:center;position:relative;display:flex; }
.i_catch .news{ position:absolute;left:0;top:0;color:#fff; }
.i_catch .news span{ font-size:78%;letter-spacing:2.8px; }
.i_catch .news *{ color:#fff; }
.i_catch .news .th{ padding-right:10px;margin-right:10px;position:relative;padding-right:10px;margin-right:10px; }
.i_catch .news .th::after{ position:absolute;top:50%;right:0;transform:translateY(-50%);background-color:#fff;content:'';height:14.5px;width:1px; }
.i_catch .text_scroll{ width:45px;margin-left:auto;margin-right:auto;vertical-align:middle; }
.i_catch .blog_th{ position:fixed;right:0;top:0;width:124px; }
.i_catch .blog_th.diary{ position:fixed;right:0;top:-30px;width:112px; }

/* プライバシー ポリシー */
.privacy_wrap{ margin-top:100px;width:80%;max-width:750px; }
.privacy_wrap *{ margin-bottom:8px;margin-top:8px;line-height:26px; }
.privacy_wrap .note_wrap{ margin-top:100px;margin-bottom:100px; }
.privacy_wrap h3{ display:block;margin-top:26px;margin-bottom:10px; }

/* 隆次　始まり */
.main_title{ width:46.5%;min-width:530px;margin:0 auto 55px; }
.main_title_img02{ width:51%;margin:52px auto; }
.main_title_img01, .main_title_img02, .about_p{ opacity:0;transform:translateY(20px); }
.on .main_title_img01, .main_title_img01, .on .main_title_img02, .main_title_img02, .on .about_p, .about_p{ transition:all 1s ease-in-out; }
.on .main_title_img01, .on .main_title_img02, .on .about_p{ opacity:1;transform:translateY(0); }
.main_title_img01.pc{ display:block; }
.main_title_img01.sp{ display:none; }
.on .main_title_img02{ transition-delay:.6s; }
.main_title_img02.sp{ display:none; }
.main_title_img02.pc{ display:block; }
.on .about_p{ transition-delay:1.2s; }
.common_thought{ cursor:pointer; }
.common_thought_h3{ height:53.5vh; }
.thought_title_number{ height:5vh; margin-bottom:55% }
.thought_title{ height:38vh; }
.about{ overflow-x:hidden; }
.about .bg_pattern2{ padding-top:min(16%,305px);padding-bottom:min(3%, 8px); }
.about_p{ text-align:center;font-size:117%;letter-spacing:0.15em;line-height:2.4em;color:#737373;white-space:nowrap; }
.about_p span{ display:inline-block; }
.scroll{ display:block; text-align:center;font-size:10px; letter-spacing:0.25em; }
.sub_title01{ width:236px; margin:0 auto min(18vh, 250px); }
.three_thought{ display:flex;justify-content:space-around;width:62%;margin:0 auto;max-width:1510px; }
.thought_btn{ width:50px; margin:0 auto ;display:block;position:relative; }
.sec02{ padding-top:min(24%, 304px);overflow:hidden; }
.sec_point{ display:none;background-color:#fff;position:relative; }
/* .sec_point{ visibility:hidden;position:absolute;background-color:#fff; } */
.thought{ display:flex; }
.hearing01{ padding-top:min(24% ,300px); }
.common_thought_inner_flex{ display:flex; flex-direction:row-reverse;width:100%; }
.vertical_wrap{ width:78%;margin-left:auto;margin-right:auto;position:relative; }
.common_thought_title_h3{ width:min(5.4vw, 52px); margin-right:1.2%; }
.common_thought_title_h3 img.pc{ display:block; }
.common_thought_title_h3 .sp{ display:none; }
.common_thought_title_h4{ width:min(8.3vw,80px); margin:0.5% 8.6% 0 8.2%; }
.common_thought_title_h4 .pc{ display:block; }
.common_thought_title_h4 .sp{ display:none; }
.th_img{ display:none; }
.thought_btn .circle{ width:100%; }
.thought_btn .arrow{ position:absolute;transform:translate(-50%, -75%);width:23%;left:50%;top:50%;animation:thought_arrow 1.5s infinite ease-out; }
@keyframes thought_arrow{ 
    0%{ transform:translate(-50%, -75%); }
    50%{ transform:translate(-50%, -55%); }
    100%{ transform:translate(-50%, -75%); }
}
.thought_title_number, .thought_title, .thought_btn{ opacity:0;transform:translateY(20px); }
.on .thought_title_number, .on .thought_title, .on .thought_btn{ opacity:1;transition:all .5s ease-in-out;transform:translateY(0); }
.on .thought_title_number{ transition-delay:.3s; }
.on .thought_title{ transition-delay:.6s; }
.on .thought_btn{ transition-delay:.9s; }

.introduction_img{ width:85%; margin-left:5%; }
.name{ font-size:clamp(120%, 2vw, 125%);margin-bottom:5%;letter-spacing:min(10px, 1.1vw); }
.name.narrow{ letter-spacing:min(10px, 0.6vw); }
.name .inner{ display:inline-block; }
.vertical_name{ font-size:78%; letter-spacing:3.8px; writing-mode:vertical-rl; }
.vertical_name_flex{ display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start; }
.vertical_p{ display:flex; flex-direction:row-reverse;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0; }
/* .vertical_right_p{ margin-left:9.4%; } */
.vertical_right_p{ padding-left:9.4%; }
.vertical_right_p, .vertical_left_p{ writing-mode:vertical-rl; font-size:min(1.4vw, 113%);letter-spacing:0.18em; line-height:2.8em; }
.vertical_right_p br.sp, .vertical_left_p br.sp{ display:none; }
.vertical_right_p br.sp{ display:none; }
.vertical_right_p br.pc{ display:block; }
.common_thought_title_h3, .common_thought_title_h4, .vertical_right_p, .vertical_left_p{ opacity:0;transform:translateY(20px); }
.on.common_thought_title_h3, .on.common_thought_title_h4, .on.vertical_right_p, .on.vertical_left_p{ opacity:1;transition:all 1s;transform:translateY(0);box-sizing:content-box; }
.thought_title.pc{ display:block; }
.thought_title.sp{ display:none; }
.this_is_rec_wrap{ height:100vh;position:relative; }
.this_is_rec_wrap .scroll{ position:absolute;bottom:5vh;left:50%;transform:translateX(-50%); }
/* .this_is_rec_wrap{ padding-top:min(30%, 370px); } */
/* .three_thought_wrap{ padding-bottom:min(15%, 190px); } */
.main_title_wrap{ position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); }
.three_thought_wrap{ height:100vh;padding-top:7.7vh;position:relative; }
.introduction_box{ width:26%;margin-right:calc((100% - 78%) / 2);opacity:0;transform:translateY(20px); }
.introduction_box:nth-of-type(3n){ margin-right:0; }
.introduction_box.on{ opacity:1;transform:translateY(0);transition:all .5s ease-in-out; }
.introduction_box:nth-of-type(2){ margin-top:7.5%; }
.introduction_box:nth-of-type(3){ margin-top:15%; }
.coordinator_title{ width:22.1%; margin:0 0 31px 0;  }
.architect_title{ width:25%; margin-bottom:33px; }
.performance_title img{ width:20%; }
/* { width:63%;margin-left:auto;margin-right:auto;margin-top:min(25%, 264px);margin-bottom:147px;max-width:680px; } */
.coordinator_area{ width:63%;margin-left:auto;margin-right:auto;margin-top:min(25%, 264px);margin-bottom:147px;max-width:680px; }
.architect_area{ width:63%; margin-left:auto; margin-right:auto; margin-top:99px; margin-bottom:146px;max-width:680px; }
.introduction_flex{ display:flex; margin-bottom:30px; }
.introduction_name{ font-size:128%; letter-spacing:0.55em; margin-bottom:20px; }
.introduction_name_vertical_flex{ display:flex; }
.introduction_name_vertical{ writing-mode:vertical-rl; }
/* .introduction_box .info_underline{ border-bottom:none; } */
.introduction_box .diary_wrap a{ display:flex; }
.introduction_box .diary_name{ width:72px;margin-right:8px; }
.introduction_box .diary_wrap .arrow{ width:12px;transition: .3s ease-in-out; }
.introduction_box .diary_wrap:hover .arrow{ width:9%;transform: translateX(3px); }
.back_blueprint{ max-width:1650px;width:130%;mix-blend-mode:darken;margin-top:235px;opacity:0;transform:translate(5%, 20px);transition:all .8s ease-in-out; }
.back_img_collage_wrap{ padding-top:min(2.2vw, 27px);padding-bottom:min(2.2vw, 27px);margin-top:min(40%, 173px);position:relative;overflow:hidden; }
.back_img_collage{ height:25.8vw;max-height:330.2vh;background:url(../img/back_collage_img01.png) no-repeat center center/cover; }
.sec02_wrap .back_img_collage{ background:url(../img/back_collage_img02.png) no-repeat center center/cover; }
.c1{ margin-bottom:2%; }
.back_img_collage_wrap .collage{ position:relative;left:50%;width:140%; }
.back_collage_img{ margin-bottom:min(5%, 70px); transform:scale(1.3); }
.back_collage_img03{ margin:280px 0 70px 0; transform:scale(1.3); }
/* .introduction_p, .about_page .staff_wrap .info{ width:85%;margin:8px 0 0 11.2%;font-size:11.3px;line-height:1.5em;letter-spacing:-0.05em;text-align:justify;text-justify:inter-ideograph; IE用 } */
.introduction_p, .about_page .staff_wrap .info{ margin:8px 0 0 0;font-size:11.3px;line-height:1.5em;letter-spacing:-0.05em;text-align:justify;text-justify:inter-ideograph; /* IE用 */ }
.name, .vertical_name, .introduction_p, .about_page .role, .about_page .info{ opacity:0;transition:opacity .6s ease-in-out; }
.on .name, .on .vertical_name, .on .introduction_p, .about_page .on .role, .about_page .on .info{ opacity:1;transition-delay:1s; }
.more_btn{ font-size:11px; letter-spacing:0.2em; display:flex; justify-content:flex-end; }
.detail_btn{ font-size:10px; letter-spacing:0.2em; display:flex; margin-right:3px; }
.detail_btn img{ width:9px; }
.detail_btn a{ margin-right:4px; }
.more_btn a{ margin-right:7px; }
.more_btn img{ width:10px; }
/* .side_img.f_in{ transition-property:opacity; } */
/* .hearing01_img, .design02_img, .performance03_img{ width:24.4%;height:152%;max-height:750px;position:absolute; top:0; left:-20%; } */
.hearing01_img, .design02_img, .performance03_img{ width:24.4%;height:34vw;max-height:750px;position:absolute; top:0; left:-20%; }
.hearing01_img{ background:url(../img/01hearing_img.jpg?0617) no-repeat center center/100%;top:inherit; }
.design02_img{ background:url(../img/02design_img.jpg) no-repeat center center/140%; }
.performance03_img{ background:url(../img/03performance_img.png) no-repeat center center/140%;top:inherit; }
/* .performance03_img{ width:24.4%; position:absolute; top:0; left:-349px; } */
.small_wrap{ width:53%; margin:0 auto;cursor:pointer;overflow:visible; }
.sub_title03{ width:255px; margin-bottom:28px; }
.sub_title03.pc{ display:block; }
.sub_title03.sp{ display:none; }
.sub_title05{ width:220px; margin-bottom:28px; }
.sub_title05.pc{ display:block; }
.sub_title05.sp{ display:none; }
.common_down_arrow{ width:20px;animation:flashing_arrow 2.5s infinite ease-in-out; }
@keyframes flashing_arrow{ 
    0%{ opacity:0.3;transform:translateY(-5px); }
    50%{ opacity:1;transform:translateY(0px); }
    100%{ opacity:0.3;transform:translateY(-5px); }
}
/* .design02{ margin:405px 0 0 0; } */
.performance03{ padding-top:min(24%, 297px); }
.position { position:absolute; left:155px; margin-top:77px; }
.sans01{ font-size:13px; letter-spacing:-0.1em; font-family:'Noto Sans JP', sans-serif; }
.sans02{ font-size:9.5px; letter-spacing:0.16em; margin:5px 0 8px 0; font-family:'Noto Sans JP', sans-serif }
.strength_point_area{ width:75%; margin-left:auto; margin-right:auto;margin-top:min(18%, 233px); position:relative; }
.strength_point_area .inner{ max-width:820px;margin-left:auto;padding-bottom:8%; }
.strength_point_area .sub_note{ font-size:125%;letter-spacing:4.8px;margin-bottom:4.3%; }
.strength_point_area .sub_note br{ display:none; }
.strength_point_box{ width:30.8%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;transform:translateY(20px); }
.strength_point_box.on{ opacity:1;transform:translateY(0);transition:all 1s ease-in-out; }
.strength_point_box .strength_img{ margin-bottom:12%; }
.strength_point_box .th{ font-weight:400; line-height:157%;font-size:123%;letter-spacing:4.4px;margin-bottom:7%; }
.strength_point_box figcaption{ font-size:80%;line-height:155%;width:70%;margin-top:auto; }
.strength_point_title{ margin-bottom:2.7%; }
.strength_point_title img{ width:182px; }
.strength_point_flex{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:11%; }
.strength_point_area .about_link{ display:inline-block;width:170px; }
.strength_point_area .url_wrap{ text-align:right; }
.sec03_wrap .back_img_collage_wrap{ overflow:visible; }
.carpenter_img{ width:400px;position:absolute;top:-3px;left:-183px;transform:translateY(-100%) scale(-1, 1); }
#story{ overflow-x:hidden;position:relative; }
#story .story_img_wrap a:hover{ opacity:1; }
.story_img_wrap{ position:relative; }
.bt_story_svg_wrap{ position:absolute;right:37%;top:34%;width:9%;display:block;z-index:100; }
#bt_story_svg{ width:100%;position:relative;z-index:-1; }
/* .story_img{ margin-top:min(93px, 6%) ;margin-bottom:100px;transform:scale(1.32); } */
.story_img.pc, .lifestyle_title .pc, .event_title .pc, .blog_title .pc{ display:block; }
.story_img.sp, .lifestyle_title .sp, .event_title .sp, .blog_title .sp{ display:none; }
.post_wide_wrap, .model_house ,.footer .wrap, .mid_wrap{ width:87%;max-width:1200px;margin-left:auto;margin-right:auto; }
.lifestyle_area { padding:196px 0 100px 0; }
.lifestyle_title{ width:387px; }
.lifestyle_box .post_thumb{ clip-path:polygon(50% 0%, 100% 35%, 100% 100%, 0 100%, 0 35%); width:100%; object-fit:cover;aspect-ratio:1.4/1; }
.construction_example{ writing-mode:vertical-rl;margin-top:0.6%;font-size:90%;letter-spacing:3px; }
.posts_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-top:8.4%; }
.posts_wrap .center{ display:block;width:100%;text-align:center; }
#story .posts_wrap .cont{ opacity:0;transform:translateY(20px); }
.posts_wrap .cont{ width:29%;margin-right:6.5%;transform:translateY(20px);transition:all .8s ease-in-out; }
.posts_wrap .cont:nth-of-type(3n){ margin-right: 0; }
#story .posts_wrap .on.cont, .posts_wrap .on.cont{ opacity:1;transform:translateY(0); }
/* .posts_wrap .post_thumb{ margin-bottom:5%; } */
.posts_wrap .post_thumb{ margin-bottom:5%;aspect-ratio:1.5/1.2;object-fit:cover; }
.posts_wrap .date{ font-size:90%;display:block;margin-bottom:2%;letter-spacing:2.4px; }
.posts_wrap .note{ font-size:125%;letter-spacing:4px;line-height:168%;min-height:58.8px; }
.posts_wrap .more{ width:58px;margin-left:auto;display:block;margin-top:4.5%; }
.event_inner_title{ min-height:50.6px; }
.event_inner_title, .posts_wrap .note{ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; }
.post_wide_wrap .bt_to_archive{ margin-top:10%;display:block;width:56px; }
.event_area .bt_to_archive{ margin-left:auto;margin-right:0; }
.event_area .post_wide_wrap{ padding:min(30%, 181px) 0 min(12%, 220px) 0; }
.event_title{ width:220px;margin-left:auto;margin-bottom:10%; }
.event_inner_flex{ display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
/* .event_inner_flex.bottom{  } */
.event_inner_flex .event_category, .event_inner_flex .reserve{ font-size:clamp(9px,1.2vw,100%);letter-spacing:4px; }
.event_inner_flex .event_category{ display:block;position:relative;margin-right: -1.9%; }
/* .event_inner_flex .event_category:after{ content:'';position:absolute;top:50%;transform:translateY(-50%);right:0;width:1px;height:10px;background-color:#D2D2D2; } */
.event_inner_title{ font-size:128%;letter-spacing:5.4px;margin:3.7% 0 2.3% 0; }
.event_box .reserve{ position:relative;margin-left:6.1%;padding-left:6.5%; }
.event_box .reserve:before{ content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;width:1px;height:10px;background-color:#D2D2D2; }
.event_box .place{ font-size:90%;letter-spacing:3px;margin-bottom:3%; }
.event_box .period{ border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;padding:4px 0;font-size:clamp(10px,1vw,88%);letter-spacing:3.4px;padding-right:20px; }
.event_box .more{ margin-left:auto;margin-top:0; }
.post_wide_wrap.bottom .event_inner_title{ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; }
.blog_area{ padding:180px 0 130px 0; }
.blog_title{ width:310px; margin-left:9px; }
.border_radius{ width:88%; margin:0 auto 30px; border-radius:100%;aspect-ratio:1;object-fit:cover; }
/* .info_wrap{ height:34.5vw; position:relative; } */
.information{ position:relative; }
.information .bg{ padding:min(98px, 5%); }
.information .model_house{ position:relative; }
.model_house.pc{ display:block; }
.model_house.sp{ display:none; }
.information .model_house .img_model_house{ width:100%;max-width:1160px;position:absolute;right:20.3vw;top:50%;transform:translateY(-50%); }
.information .model_s{  display:block;width:60%;margin:min(17px, 10%) auto;max-width:400px; }
.information .model_house .house_s{ width:40.4%;max-width:1160px;position:absolute;right:10.9vw;top:79.7%;transform:translateY(-50%); }
.information .model_house .note_wrap{ width:18%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:auto; }
.information .model_house .note_wrap .th{ width:min(3.3vw, 44.4px);margin-bottom:4%; }
.information .model_house .note_wrap .th .pc{ display:block; }
.information .model_house .note_wrap .th .sp{ display:none; }
.information .model_house .note_wrap .note{ -ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-align:left;line-height:264%;letter-spacing:1.4px;color:#fff;font-size:clamp(100% ,1.4vw ,119%); }
.information .model_house .note_wrap .text{ text-align:right;transform:translateX(-2%);display:-webkit-box;display:-ms-flexbox;display:flex;-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;width:33%;margin-right:23%; }
.information .model_house .note_wrap .bt_model_more{ width:83%;display:block;margin-left:auto;margin-right:auto;margin-top:auto; }
.information_flex{ display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:1.6% 0;-ms-flex-wrap:wrap;flex-wrap:wrap; }
.information_flex a{ width:49.2%;display:block;position:relative;overflow:hidden;margin-bottom: 1.2%; }
.information_flex a:nth-of-type(n+3){ margin-bottom: 0; }
/* .information_flex a:hover{ background-size:110%;transition:all .5s ease-in-out; } */
.information_flex a .bt_note{ height:min(6vw, 66px);margin:min(187px, 21%) 0;position:relative;z-index:100; }
.information_flex a .bt_note.pc{ display:block; }
.information_flex a .bt_note.sp{ display:none; }
.information_flex .bt_bg{ object-fit:cover;transition:all .5s ease-in-out;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;height:100%; }
.information_flex a:hover .bt_bg{ transform:translate(-50%, -50%) scale(1.05);transition:all .5s ease-in-out; }

.single_page, .reserve_page{ padding-bottom:100px;margin-top:100px; }

/* 予約ページ */
.single_page .wrap{ max-width:800px;width:85%; }
.single_page .radio_td label{ display:block;margin-bottom:8px; }
.text_block_wrap{ border:1px solid #acacac;padding:20px; }
.text_block_wrap .block{ width:80%;margin-right:auto;margin-left:0; }
.sec_main_calendar{ position:relative; }
.sec_main_calendar .month_bt_wrap{ top:6px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%; }
#main_calendar h1{ display:block;text-align:center;font-size:140%;margin-bottom:10px; }
#main_calendar td{ height:80px; }
.event_th{ font-size:180%;font-weight:bold; }
.single_page .place, .single_page .period{ font-size:100%;margin:10px 0; }
.single_page .block_wrap{ margin:10% 0; }
.single_page .block .th{ font-size:140%;text-align:center;margin:6% 0; }
.single_page .block .sub_th{ font-size:110%;text-align:center;margin:5% 0; }
.single_page .block .note{ line-height:160%;letter-spacing:2px; }

.reserve_page .wrap{ max-width:500px; }
.common_form .time_wrap .staff_name{ width:100%; }

/* 下層ページ */
.full_vh{ height:100vh;position:relative; }
.each_top .page_th{ position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); }
.bottom_hr{ display:block;height:1px;width:100%;background-color:#A1A1A1; }
.post_wide_wrap.bottom{ margin-bottom:min(120px, 14%);/* position:relative; */margin-top:min(180px, 30%);/* border-top:1px solid #828282; */ }
.post_wide_wrap.bottom .th{ display:block;/* text-align:center; */margin-bottom:17%; }
.post_wide_wrap.bottom .post_thumb_wrap{ height:min(331px, 22vw);display:flex;align-items:center; }
.post_wide_wrap.bottom .blog_box .post_thumb_wrap{ aspect-ratio:1;margin-left: auto;margin-right: auto; }
.post_wide_wrap.bottom .blog_box .post_thumb_wrap img{ object-fit:cover;width:100%;height:100%; }
/* .post_wide_wrap.bottom .lifestyle_box .post_thumb{ height:min(250px, 14vw); } */
/* .post_wide_wrap.bottom .detail_wrap{ margin-top:auto; } */
.post_wide_wrap.bottom .cont{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; }
.post_wide_wrap.bottom .more{ margin:5% 0 5% auto;transition:none; }
/* .post_wide_wrap.bottom .event_inner_flex.row{ } */
.post_wide_wrap.bottom .bt_to_archive{ margin-left:auto;margin-top:15%;margin-right:0; }

/* storyページ */
/* .story_page .each_top{ background:url(../img/story_mv_bg.png) no-repeat center center/cover;position:relative; } */
.story_page{ overflow-x:hidden; }
.story_page .each_top{ position:relative; }
.story_page .each_top .story_mv_bg{ position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1; }
.note_bg{ background-color:#fff; }
.story_page .note_bg{ padding-top:22.8%;padding-bottom:32.5%;/* padding-left:10%; *//* padding-right:10%; */ }
.story_page .each_top .cont{ max-width:330px;margin-left:auto;margin-right:auto;position:absolute;top:50.6%;left:50.5%;transform:translate(-50%, -50%);width:70%;/* padding-left:0%; */ }
.story_page .each_top .inner{ position:relative;padding-left:0%; }
.story_page .each_top .story_th{ margin-bottom:14.9%;width:58.8%;margin-left:auto;margin-right:auto;padding-right:2.5%; }
.story_page .each_top .book{ position:relative; }
.story_page .each_top .story_note{ position:absolute;transform:translate(-50%, -50%);left:47%;top:55.8%;width:51.7%; }
.story_page .intro{ max-width:113px;margin-left:auto;margin-right:auto;padding:13.1% 0 10.2% 0;position:relative;width:12%; }
.story_page .intro .th{ text-align:center; }
.story_page .intro .num{ margin-bottom:min(76.3%, 5vw); }
.story_page .intro .note{ -ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-align:center;/* display:block; *//* margin-left:auto; *//* margin-right:auto; */font-size:min(167%, 2.7vw);letter-spacing:6.9px;transform:translateX(-6%); }
.story_page .intro .note br{ display:none; }
.story_page .intro .narrator{ position:absolute;top:55.9%;right:-249%;width:219%; }
.story_page .fade_child{ transform:translateY(5px); }
.story_page .fade_child.on{ transform:translateY(0); }
.story_wrap{ clip-path:polygon(50% 0%, 100% 29.8vw, 100% 100%, 0 100%, 0 29.8vw); }
.story_wrap .wrap{ max-width:1000px;width:80%; }
.story_wrap .wrap{ padding-top:33.1%; }
.story_page .block{ position:relative; }
.story_page .block .th{ font-size:166%;letter-spacing:6.5px;margin-bottom:clamp(10px ,4.5vw, 57.3px); }
.story_page .block .th img{ height:clamp(20px, 1.9vw, 22.7px);width:auto; }
.story_page .block .note_wrap{ display:block; }
.story_page .block .note{ -ms-writing-mode:tb-rl;writing-mode:vertical-rl;width:auto;line-height:min(273%, 3.6vw);font-size:clamp( 80%, 1.9vw, 118%);letter-spacing:3px; }
.story_page .block .note{ height:400px; }
.story_wrap.pt1 .b1 .th img{ padding-left:4%; }
.story_wrap.pt1 .b2 .th img{ padding-left:2.1%; }
.story_wrap.pt1 .b3 .th img{ padding-left:3.5%; }
.story_wrap.pt1 .b4 .th img{ padding-left:1.7%; }
.story_wrap.pt1 .b5 .th img{ /* padding-left:17.7%; */ }
.story_wrap.story2 .b5 .note{ height:450px; }
.story_wrap .blueprint{ mix-blend-mode:darken; }
.story_wrap.pt1 .blueprint{ top:121.4%;left:-82.9%;width:124%; }
.story_wrap.pt2 .b1 .th img{ padding-left:2%; }
.story_wrap.pt2 .b2 .th img{ padding-left:2.8%;margin-left:auto;margin-right:0;margin-left:auto; }
.story_wrap.pt2 .b3 .th img{ padding-left:1.9%; }
.story_wrap.pt2 .b4 .th img{ padding-left:3.6%; }
.story_wrap.pt2 .b5 .th img{ padding-left:1%; }
.story_wrap.pt2 .blueprint{ top:121.4%;right:-91.9%;width:124%; }
.s_img1, .s_img2, .s_img3, .s_img4, .s_img5, .s_img6, .s_img7, .blueprint{ position:absolute;display:block; }
.story_page .s_img1{ top:-63.8%;width:32%; }
.story_page .s_img2{ top:-40.2%;width:34%; }
.story_page .s_img3{ top:4.8%;width:43.8%; }
.story_page .s_img4{ top:58%;width:28%; }
.story_page .s_img5{ bottom:min(-100px, -18vw);width:36%; }
.story_page .s_img6{ bottom:min(-213px, -21vw);width:35.9%; }
.story_page .s_img7{ top:31%;width:72%; }
.story_wrap.pt1 .s_img1{ left:11.9%; }
.story_wrap.pt1 .s_img2{ left:-20.2%; }
.story_wrap.pt1 .s_img3{ right:-11.7%; }
.story_wrap.pt1 .s_img4{ right:18%; }
.story_wrap.pt1 .s_img5{ right:15%; }
.story_wrap.pt1 .s_img6{ right:46.2%; }
.story_wrap.pt1 .s_img7{ left:-13%; }
.story_wrap.pt2 .s_img1{ right:13%; }
.story_wrap.pt2 .s_img2{ right:-18.9%; }
.story_wrap.pt2 .s_img3{ left:-12.9%; }
.story_wrap.pt2 .s_img4{ left:16.8%; }
.story_wrap.pt2 .s_img5{ left:14%; }
.story_wrap.pt2 .s_img6{ left:45.1%; }
.story_wrap.pt2 .s_img7{ right:-13%; }
.s_img.pc{ display:block; }
.s_img.sp{ display:none; }
.block.b1 .note_wrap{ margin-left:auto;margin-bottom:15.4%;/* margin-right:10%; *//* width:30%; */margin-left:58.7%; }
.block.b2 .note_wrap{ margin-right:auto;margin-left:25%;margin-bottom:61%; }
.block.b3 .note_wrap{ margin-top:20%;margin-right:auto;margin-left:52.7%; }
.block.b4 .note_wrap{ margin-right:auto;margin-left:11.2%;margin-bottom:42.9%;transform:translateY(-17.8%); }
.block.b5 .note_wrap{ margin-left:67.6%; }
.story_wrap.pt2 .block.b1 .note_wrap{ margin-left:auto;/* margin-right:10%; *//* width:30%; */margin-left:9.7%; }
.story_wrap.pt2 .block.b2 .note_wrap{ margin-right:29%; }
.story_wrap.pt2 .block.b2 .note{ margin-left:auto; }
.story_wrap.pt2 .block.b3 .note_wrap{ margin-right:auto;margin-left:19.6%; }
.story_wrap.pt2 .block.b4 .note_wrap{ margin-right:auto;margin-left:61.1%;transform:translateY(-17.8%); }
.story_wrap.pt2 .block.b5 .note_wrap{ margin-left:10.1%; }
.story_page .voice{ -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;/* padding-top:19%; */padding:19.7% 0 20% 0;width:80%;margin-left:auto;margin-right:auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start; }
.story_page .voice .note_wrap{ width:47%;min-width:300px;margin-right:9%; }
.story_page .voice .note{ font-size:111%;letter-spacing:2.6px;line-height:260%; }
.story_page .voice .th{ display:block;margin-bottom:14.8%; }
.story_page .voice .th img{ height:clamp(50px, 3.5vw, 60px);width:auto; }
.story_page .voice .epilogue{ width:35%; }

.first_page .first_th{ position:absolute;top:46.6%;left:50%;transform:translate(-50%, -50%);z-index:1;width:clamp(10px, 5vw, 26.8px); }
.first_page .side{ position:absolute;top:0;left:0;width:36.9%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%; }
.first_page .side img{ /* margin-bottom:clamp(10px, 5vw, 20px); *//* height:min(500px ,20vw); */object-fit:cover;height:19.6%;object-position:top; }
.first_page .side img:last-of-type{ margin-bottom:0; }
.first_page .col2{ position:relative; }
.first_page .intro .note{ width:9.2vw;/* margin-right:17.3%; */margin-left:auto;/* margin-right:2%; */min-width:110px; }
.first_page .col{ width:55%;margin-left:auto;max-width:632px;margin-right:10.4%; }
.first_page .col .intro{ margin-bottom:36.5%; }
.first_page .point{ margin-bottom:5%;/* width:88%; */padding-right:5%; }
.first_page .p1{ margin-bottom:50.8%; }
.first_page .p2{ margin-bottom:53.4%; }
.first_page .p3{ margin-bottom:62%; }
.first_page .point .num, .first_page .point h3 .th, .first_page .point .note{ transform:translateY(5px); }
.first_page .point .num.on, .first_page .point h3 .th.on, .first_page .point .note.on{ transform:translateY(0); }
.first_page .point .num{ height:clamp(20px, 5vw, 42px);width:auto;margin-bottom:8.1%;padding-left:0.3%; }
.first_page .point h3 .th{ height:clamp(70px, 5vw, 80px);width:auto;margin-bottom:10.5%; }
.first_page .point .note{ line-height:280%;font-size:115%;letter-spacing:3.1px;margin-bottom:15.7%;position:relative;text-align:justify; }
.first_page .figure.parent{ position:relative; }
.first_page .figure_wrap{ margin-bottom:17%; }
.first_page .figure_wrap.figure1{ margin-bottom:5.4%; }
.first_page .figure_wrap.figure1.pc, .first_page .figure_wrap.figure2.pc, .first_page .p2 .figure1.pc, .first_page .p2 .figure2.pc{ display:block; }
.first_page .figure_wrap.figure1.sp, .first_page .figure_wrap.figure2.sp, .first_page .p2 .figure1.sp, .first_page .p2 .figure2.sp{ display:none; }
.first_page .figure_wrap .th{ height:clamp(10px, 5vw, 32px);margin-left:auto;margin-right:auto; }
.first_page .p1 .figure1 .th{ margin-bottom:0%; }
.first_page .p1 .figure2 .th{ margin-bottom:2.5%; }
/* .first_page .p2 .note1{ position:relative; } */
.first_page .p2 .figure1{ width:99.6%;margin-left:auto;margin-right:auto;margin-bottom:14%;position:relative; }
.first_page .p2 .figure2{ width:100%;margin-left:auto;margin-right:auto;position:relative; }
.first_page .p2 .note2{ margin-bottom:10.2%; }
.first_page .p3 .note{ margin-bottom:11%; }
.first_page .p3 .box .th{ text-align:center;display:block;font-size:113%;letter-spacing:3.4px;font-weight:400;margin-bottom:11.1%; }
.first_page .point .sub{ position:absolute;left:min(-55px,-10.3%);top:12.5px;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-size:76%; }
.first_page .figure_wrap.figure1 .figure{ transform:translateY(-5%); }
.first_page .figure_wrap .figure{ width:100%;position:relative; }
.first_page .service_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; }
.first_page .service_wrap .box{ width:48.3%;border:1px solid #828282;padding:4.3% 6% 3.7% 6%; }
.first_page .service_wrap .note{ font-size:71%;line-height:172.7%;letter-spacing:1.2px;margin-bottom:0;font-family:'Noto Sans JP', sans-serif;font-feature-settings:"palt"; }
.first_page .rec{ padding-bottom:63.5%; }
.first_page .rec .line{ display:block;height:min(321.2px ,25vw);background-color:#828282;width:1px;margin-left:auto;margin-right:auto;/* transform:translateX(-19%); */margin-right:52.5%;margin-bottom:10.7%; }
.first_page .rec .title_wrap{ transform:translateX(-2.8%);margin-bottom:17%; }
.first_page .rec .main_title_img01, .first_page .rec .main_title_img02{ display:block;margin-left:auto;margin-right:auto; }
.first_page .rec .main_title_img01{ width:95%;margin-bottom:8.7%; }
.first_page .rec .main_title_img01.pc{ display:block; }
.first_page .rec .main_title_img01.sp{ display:none; }
.first_page .rec .main_title_img02{ width:48.9%; }
.first_page .bt_our_house{ display:block;width:2.7%;min-width:15px;margin-left:auto;margin-right:auto;position:relative;transform:translateX(-82%); }
.first_page .bt_our_house .arrow, .architect_page .link .bt .arrow{ position:absolute; }
.first_page .bt_our_house .arrow{ top:47%;right:-215%;transform:translateY(-50%);width:69%; }

/* aboutページ */
.about_page{ padding-bottom:min(290px, 30%); }
.about_page .page_th{ width:30%;top:50%;left:50%;transform:translate(-50%, -50%);max-width:280px; }
.about_page .page_th .inner{ position:relative; }
.about_page .page_th img{ transform:translateY(5px); }
.about_page .page_th img.on{ transform:translateY(0); }
.about_page .page_th img:last-of-type{ position:absolute;top:58%;left:50%;transform:translate(-50%, -50%);transition-delay:.1s; }
.about_page .page_th img.on:last-of-type{ top:50%; }
.about_page .intro{ display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:19.2%;margin-bottom:auto;align-items:flex-start;margin-bottom:min(184px, 16%); }
.about_page .figure_wrap{ position:relative;width:75.3%;margin-left:2%; }
.about_page .intro .note{ width:40%;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-size:clamp(16px,1.8vw,147%);line-height:293%;text-orientation:upright;-webkit-text-orientation:upright;margin-top:5%;letter-spacing:3px;transform:translateX(5.3%);margin-left:3%; }
.about_page .figure_wrap .figure{ width:100%;margin-left:auto;margin-right:5%;/* padding-top:5%; */ }
.about_page .figure_s1, .about_page .figure_s2{ width:19.2%; }
.about_page .figure_s1{ position:absolute;top:-4%;left:-3.4%; }
.about_page .figure_s2{ position:absolute;bottom:-3.8%;right:-4.4%; }
.about_page table{ margin-top:4.3%;width:90.3%;max-width:184p; }
.about_page table *{ font-size:104%;line-height:236%;letter-spacing:3.2px;text-align:left; }
.about_page .table_th{ font-size:70%;letter-spacing:2.1px;display:block;width:66.2%;border-bottom:1px solid #d2d2d2;padding-bottom:2.3%; }
.about_page table th, .about_page table td{ padding-bottom:3.8%; }
.about_page table th{ width:12.5%;/* text-align:left; */min-width:115px;vertical-align:top; }
.about_page table .addr .sp{ display:none; }
.about_page .detail .note{ width:70%;margin-right:5%; }
.about_page .row1, .about_page .row2, .about_page .row3, .about_page .row4{ display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:4.7%; }
.about_page .row1{ margin-bottom:5%; }
.about_page .row2{ margin-bottom:6.7%; }
.about_page .row3{ margin-bottom:5%; }
.about_page .row4{ margin-bottom:3%; }
.about_page .gmap{ height:0;overflow:hidden;padding-top:1.8%;padding-bottom:113px;position:relative;margin-left:auto;display:block;width:30%;/* margin-top:auto; */min-width:248px; }
.about_page .gmap iframe{ position:absolute;left:0;right:0;height:100%;width:100%; }
.about_page .bt_estate{ display:inline-block;height:8.4px;margin-left:8px; }
.about_page .bt_estate img{ height:100%; }
.about_page table .license{ line-height:250%; }
.about_page .back_img_collage_wrap .collage{ width:120%;margin-bottom:10px; }
.about_page .staff_wrap .th{ display:block;width:22%;margin-left:auto;margin-right:auto;margin:17.4% auto 7.1% auto;max-width:144px; }
.about_page .staff_wrap .figure:first-of-type{ margin-top:0; }
.about_page .staff_wrap .figure{ width:78.3%;margin-left:auto;margin-right:auto;position:relative;margin-bottom:14.2%;margin-top:21.7%; }
.about_page .staff_wrap .introduction_p{ border-bottom:1px solid #F2F2F2;padding-bottom:8%;/* margin-bottom:7.6%; */letter-spacing:0.4px; }
.about_page .staff_wrap .info{ border-bottom:1px solid #F2F2F2;width:85%;padding:2.8% 0px 6% 0;white-space:nowrap; }
.about_page .staff_wrap .info.short_underline{ border-bottom:none;position:relative;}
.about_page .staff_wrap .info.short_underline:before{ content:'';width:65%;height:1px;bottom:0;left:0;background-color:#F2F2F2;position:absolute;display:block; }
.about_page .introduction_flex{ margin-bottom:4%; }
.about_page .role{ font-size:73%;display:block;letter-spacing:2px;line-height:150%;margin-bottom:7%; }
.about_page .introduction_box .info:last-of-type{ border-bottom:none; }
.about_page .staff_wrap .info .th{ width:100%;margin:0 0 1% 0;font-size:90%;letter-spacing:1px; }

.model_house_page .each_top{ background:url(../img/model_house_bg_top.png) no-repeat center center/cover; }
.model_house_page .wrap{ max-width:1050px; }
.model_house_page .bg_pattern3 > .wrap{ width:90%; }
.model_house_page .page_th{ width:20%;max-width:23.7px;top:45.9%; }
.model_house_page .intro .note, .model_house_page .model .note{ text-align:center;display:block; }
.model_house_page .intro .note{ font-size:118%;letter-spacing:1.7px; }
.model_house_page .intro .note br{ display:none; }
.model_house_page .intro{ padding-top:33.8%; }
.model_house_page .model{ padding-top:max(404px, 5vw); }
.model_house_page .model .note{ font-size:164%;letter-spacing:5px;display:block; }
.model_house_page .model .note br{ display:none; }
.model_house_page .model .model_th{ width:min(37px, 5vw);margin-left:auto;margin-right:auto;margin-bottom:8%; }
.model_house_page .model .main_note{ display:block;width:69%;margin-left:auto;margin-right:auto;text-align:justify;font-size:114.5%;letter-spacing:1.1px;line-height:280%;margin-bottom:25.2%; }
.model_house_page .model .model_th, .model_house_page .model .note{ transform:translateY(5px); }
.model_house_page .model .model_th.on, .model_house_page .model .note.on{ transform:translateY(0); }
.model_house_page .note_bg{ margin-top:48.1%;position:relative;padding:23.7% 5% 21.2% 5%; }
.model_house_page .note_bg *{ color:#737373; }
.model_house_page .point{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;margin-bottom:28.6%; }
.model_house_page .point.p5{ margin-bottom:36.2%; }
.model_house_page .point .note_wrap{ width:49.3%;margin-left:auto; }
.model_house_page .point .note_wrap .th{ height:clamp(58px, 5vw, 74.1px);width:auto;margin-bottom:9.3%; }
/* .model_house_page .point:nth-of-type(2n){  } */
.model_house_page .point:nth-of-type(2n) .note_wrap{ width:50%;margin-left:9.4%; }
/* .model_house_page .p2, .model_house_page .p4{ -webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse; } */
.model_house_page .model .house_main_img{ position:absolute;top:-2.4%;left:50%;transform:translate(-50%, -50%);width:62%; }
/* .model_house_page .point .note_wrap{ width:50%; } */
/* .model_house_page .point{ align-items:flex-; } */
.model_house_page .point .house_img{ width:min(451px, 35vw);height:auto;position:absolute; }
.model_house_page .point:nth-of-type(2n-1) .house_img{ top:-3.4vw;right:min(579px, 50vw); }
.model_house_page .point:nth-of-type(2n) .house_img{ top:-3.4vw;left:min(578px, 50vw); }
.model_house_page .point .note{ font-size:clamp(95%,2vw,117%);text-align:left;line-height:236%;letter-spacing:2.7px;padding-left:4px; }
.model_house_page .addr{ display:block;text-align:center;font-size:110%;letter-spacing:4px; }
.model_house_page .addr br{ display:none; }
.model_house_page .gmap_wrap{ position:absolute;bottom:2.3%;left:50%;transform:translateX(-50%);height:500px;height:5vw;width:62%; }
.model_house_page .gmap{ height:0;overflow:hidden;padding-bottom:72%;position:relative;border-radius:12px;width:100%; }
.model_house_page .gmap iframe{ position:absolute;left:0;right:0;height:100%;width:100%; }
.model_house_page .bt_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;width:70%;margin-left:auto;margin-right:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:50.2%;padding-bottom:40%; }
.model_house_page .bt_wrap a{ width:42.7%;display:block; }
.model_house_page .bt_wrap .pc{ display:block; }
.model_house_page .bt_wrap .sp{ display:none; }

.architect_page .page_th{ width:min(27px, 5vw);/* max-width:30px; *//* top:55.8%; */ }
.architect_page .intro .wrap{ width:71.3%;margin:0 auto 0 auto;max-width:1220px; }
.architect_page .intro .note{ font-size:160%;font-size:170%;line-height:280%;margin-bottom:2.4%;margin-top:21.3%;letter-spacing:5.6px;font-weight:500; }
.architect_page .intro .sub{ font-size:56%;vertical-align:top; }
.architect_page .club_text{ width:227px;margin-bottom:26.6%; }
.architect_page .architect{ padding:20.8% 0 8.5% 0; }
.architect_page .architect .wrap{ width:90%;max-width:810px;margin:0 auto min(400px, 2vw) auto; }
.architect_page .architect .main_img{ width:33.7%;margin-left:auto;margin-right:auto;margin-bottom:14.6%; }
.architect_page .architect .name_eng{ margin-left:auto;display:block;/* display:block; */text-align:right;letter-spacing:3.4px;font-size:92%; }
.architect_page .block_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-bottom:5%;margin-top:7.9%; }
.architect_page .block{ margin-left:6.7%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;transform:translateY(10px); }
.architect_page .block.on{ transform:translateY(0); }
.architect_page .block.name_wrap{ margin-left:min(72px, 4.3vw); }
.architect_page .block.name_wrap .th{ margin-left:min(8px, 4.3vw);letter-spacing:3px; }
.architect_page .block *{ -ms-writing-mode:tb-rl;writing-mode:vertical-rl;display:block;text-orientation:upright;white-space:nowrap; }
.architect_page .block .th{ display:block;font-size:70%;letter-spacing:1.8px;margin-left:min(17px, 0.8vw); }
.architect_page .block .name{ font-size:142%; }
.architect_page .block .note{ height:273px;font-size:88%;line-height:208%;white-space:break-spaces; }
.architect_page .block .row{ display:-webkit-box;display:-ms-flexbox;display:flex;font-size:90%;margin-left:4.7px; }
.architect_page .block .year{ margin-bottom:4.4%; }
.architect_page .block.history .th{ margin-left:min(17px, 1.1vw); }
/* .architect_page .block .awards .note{ } */
.architect_page .back_img_collage_wrap{ margin-top:min(118px, 7vw);/* margin-bottom:min(141px, 8.8vw); */ }
.architect_page .back_img_collage_wrap .collage{ width:105%; }
.architect_page .name{ opacity:1; }
.architect_page .link .bt{ display:block;width:1.1%;max-width:17.1px;min-width:15px;margin:23.4% auto 23.6% auto;transform:translateX(2.3%);position:relative; }
.architect_page .link .bt .arrow{ top:50.2%;right:-216%;width:65%;transform:translateY(-50%); }
/* .architect_page .page_th.f_in{ opacity:0;transform:translate(-50%, calc(-50%+5px));transition:all .5s ease-in-out; } */
/* .architect_page .page_th.f_in.on{ opacity:1;transform:translate(-50%, -50%); } */

/* 投稿一覧/詳細 */
.archive_page .page_th{ width:10%;max-width:80px;margin-top:0;display:block;min-width:70px; }
.archive_page.land_archive{ overflow-x:hidden; }
.archive_page.land_archive .page_th{ width:900%;max-width:900%;letter-spacing:6px; }
.archive_page .page_th img{ display:block; }
.archive_page .page_th .ja{ width:100%;margin-left:auto;margin-right:auto; }
.archive_page .page_th .eng{ margin-left:auto;margin-right:auto; }
.archive_page .wrap{ max-width:1200px;padding-bottom:min(130px, 7vw);width:85%; }
.archive_page .posts_wrap{ -ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:14%; }
.archive_page .cont{ margin-bottom:6.3%; }
.archive_page .posts_wrap .post_thumb{ aspect-ratio:3.7/3;object-fit:cover;width:100% }
.event_box .is_end, .single_page .is_end{ position:relative;padding-left:6.4%;margin-left:6.1%; }
.event_box .is_end{ padding-left:6.4%;margin-left:6.1%;letter-spacing:2px;font-size:clamp(9px,1.2vw,100%); }
.single_page .is_end{ padding-left:3.6%;margin-left:3.2%; }
.event_box .is_end:before, .single_page .is_end:before{ content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;width:1px;height:11px;background-color:#D2D2D2;letter-spacing:4px; }
.no_post_note{ width:100%;text-align:center; }
/* .page_nation{ max-width:363px;margin-left:auto;margin-right:auto;padding-bottom:25%; } */
.page_nation{ max-width:523px;margin-left:auto;margin-right:auto;padding-bottom:25%;/* margin-bottom:10%; */ }
.page_nation .inner{ position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; }
.page_nation .arrow{ width:19px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 5px; }
/* .page_nation .arrow_left{ left:0; } */
/* .page_nation .arrow_right{ right:0; } */
.page_nation .num_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;/* max-width:300px; *//* margin-left:auto; *//* margin-right:auto; */ }
.page_nation .num_wrap .num{ font-size:112%;margin:0 26px; }
.page_nation .num_wrap .num.current{ cursor:alias;position:relative; }
.page_nation .num_wrap .num.current:before{ content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(45px, 570%);border-radius:999px;border:1px solid #828282;aspect-ratio:1; }
.page_nation .num_wrap .num.current:hover{ opacity:1; }

/* イベント一覧 */
.event_archive .page_th{ top:50.1%; }
.event_archive .page_th .ja{ margin-bottom:44%;width:29%; }
.event_archive .page_th .eng{ width:81%; }

/* ブログ一覧 */
.archive_page.blog_archive .cont{ margin-bottom:5%; }
.blog_archive .page_th{ top:49.8%; }
.blog_archive .page_th .ja{ margin-bottom:24.9%;width:34%;display:block; }
.blog_archive .page_th .eng{ width:66%; }
.blog_archive .page_th.news_th .eng{ width:73%; }

/* 施工事例一覧 */
.house_archive .each_top{ position:relative; }
.house_archive .page_th{ width:80%;max-width:388.2px;top:49.8%;padding-top:43.2vh;position:relative;margin-left:auto;margin-right:auto;left:inherit;transform:translate(0); }
.house_archive .page_th .ja{ margin-bottom:7.5%; }
.house_archive .page_th .sub{ width:3%;margin-left:auto;margin-right:auto; }
.house_archive .cat_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:16.3vh;max-width:640px;margin-left:auto;margin-right:auto; }
.house_archive .cat, .house_single .cat{ border:1px solid #828282;margin:0 12px 19px 10px;font-size:100%;padding:7.3px 13px;/* margin-top:0; */letter-spacing:3px;user-select:none; }
.house_archive .cat_wrap .cat.active{ background:#d9d9b8; }
.house_archive.archive_page .cont{ margin-bottom:4.8%; }

/* イベント詳細 */
/* .single_page .wrap{ max-width:800px;width:85%; } */
/* .single_page .radio_td label{ display:block;margin-bottom:8px; }
.text_block_wrap{ border:1px solid #acacac;padding:20px; }
.text_block_wrap .block{ width:80%;margin-right:auto;margin-left:0; } */
.event_th{ font-size:180%;font-weight:bold; }
.single_page .single_th_wrap{ width:85%;max-width:940px;position:absolute;left:49.9%;top:12.4%;transform:translateX(-50%);max-width:9; }
.single_page .single_th_wrap .pc{ display:block; }
.single_page .single_th_wrap .sp{ display:none; }
.single_page .single_th{ width:12px; }
.single_page .block_wrap{ margin:10% 0; }
.single_page .detail{ max-width:660px;margin-left:auto;margin-right:auto;width:80%;margin-top:11.4%; }
.single_page .event_th, .single_page .blog_th, .single_page .house_th{ font-size:150%;letter-spacing:6.5px;margin:1.9% 0 4.4% 0;font-weight:400; }
.single_page .post_date, .land_single .admin_num{ font-size:85%;letter-spacing:2.7px; }
.single_page .cat_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:2.5%; }
.single_page .cat{ text-indent:3px;letter-spacing:3px; }
.event_single .reserve{ display:block;margin-left:3.4%;padding-left:3.2%;position:relative;letter-spacing:4px; }
.event_single .reserve:after{ content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;width:1px;height:10.3px;background-color:#D2D2D2; }
.single_page .place, .single_page .period{ font-size:84%;margin:14px 0;letter-spacing:3px; }
.single_page .period .th{ margin-right:5px; }
.single_page .period .date{ margin-right:2.7%; }
.single_page .sec_th{ display:block;text-align:center;font-size:113%;border-top:1px solid #D2D2D2;border-bottom:1px solid #D2D2D2;padding:3.7% 0;margin:21.9% auto 10.8% auto;letter-spacing:2.5px; }
.single_page .reserve_th{ margin:23% auto 7.8% auto; }
.single_page .thumbnail{ width:100%;margin-bottom:7%; }
.single_page .block .th{ font-size:151%;text-align:left;margin:5% 0 0% 0;letter-spacing:6.5px;font-weight:400; }
.single_page .block .sub_th{ font-size:128%;text-align:left;margin:2.1% 0 2.1% 0;font-weight:400;letter-spacing:3.8px; }
.single_page .block .note{ line-height:230%;letter-spacing:1.2px;margin-bottom:2.3%; }
.single_page .caution{ color:#FF6478;font-size:90%;letter-spacing:0.7px; }
.single_page .gmap{ height:0;overflow:hidden;padding-bottom:55%;position:relative; }
.single_page .gmap iframe{ position:absolute;left:0;right:0;height:100%;width:100%; }
.related_wrap{ position:relative; }
.related_wrap .slider{ overflow:hidden; }
.related_wrap .post_inner{ display:-webkit-box;display:-ms-flexbox;display:flex;transition:all .5s; }
.related_wrap .cont{ width:27.8%;margin-right:1.4%;flex-shrink:0;min-width:150px; }
.related_wrap .cont .thumbnail{ object-fit:cover;aspect-ratio:5/3;margin-bottom:4.7%; }
.related_wrap .cont .cat{ font-size:80%;letter-spacing:1px; }
.related_wrap .cont .th{ font-size:98%;margin:0;letter-spacing:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#828282;font-weight:400; }
.related_wrap .cont .period{ color:#828282;font-size:76%;letter-spacing:2px; }
.related_wrap .arrow_right{ position:absolute;right:-4.9%;top:26%;width:11px; }
.related_wrap .arrow_left{ position:absolute;left:-4.9%;top:26%;width:11px;transform:rotate(180deg); }
.page_nation_single{ margin-top:42.3%;max-width:524px;margin-left:auto;margin-right:auto; }
.page_nation_single .page_nation_single{ max-width:500px; }
.page_nation_single .inner{ position:relative; }
.page_nation_single .to_archive{ width:11%;display:block;margin-left:auto;margin-right:auto; }
.page_nation_single .arrow{ position:absolute;bottom:50%;width:25%; }
.page_nation_single .arrow_left{ left:0; }
.page_nation_single .arrow_right{ right:0; }
.page_nation_single .arrow .pc{ display:block; }
.page_nation_single .arrow .sp{ display:none; }

/* ブログ詳細 */
.blog_single .main_img{ border-radius:999px;aspect-ratio:1/1;max-width:500px;margin-left:auto;margin-right:auto;margin-bottom:10.1%; }
.blog_single .post_date, .blog_single .blog_th{ display:block;text-align:center; }
.blog_single .blog_th{ margin-bottom:17%;padding-bottom:17%;border-bottom:1px solid #828282; }

/* 施工事例詳細 */
.house_single .main_img{ clip-path:polygon(50% 0%, 100% 34.5%, 100% 100%, 0 100%, 0 34.5%);aspect-ratio:4.2/3.3;object-fit:cover;margin-bottom:7.1%; }
.house_single .single_th_wrap{ top:15.7%;left:49.5% }
.house_single .single_th{ width:2.2%; }
.house_single .house_th{ margin-bottom:3.4%; }
.house_single .cat{ margin-left:0;font-size:65%;padding:0 4.5px;margin-right:10px; }
.house_single .detail_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;/* margin-top:6%; */ }
.house_single .detail_wrap .note{ width:56%;line-height:229%;margin-top:2%;text-align:justify; }
.house_single .detail_wrap .data_wrap{ width:33%;margin-left:auto; }
.house_single table{ border-collapse:collapse;/* margin:0; */width:100%; }
.house_single .detail_wrap th, .house_single .detail_wrap td{ border-bottom:1px solid #E8E8E8;padding:4.8% 0;font-size:90%;text-align:left;font-weight:400; }
.house_single .detail_wrap th{ padding-right:0%;width:31.9%; }
.house_single table .table_th{ font-size:72%;letter-spacing:2px;text-align:left;padding-top:0; }
.house_single .img_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:10.9%; }
.house_single .img_wrap .house_img{ width:47.8%;margin-right:4.4%;margin-bottom:4.3%;object-fit:cover;aspect-ratio:2.1/3.2; }
.house_single .img_wrap .house_img:nth-of-type(3n-1){ margin-right:0; }
.house_single .img_wrap .house_img:nth-of-type(3n){ width:100%;margin-right:0;aspect-ratio:2.2/1.6; }
.house_single .img_wrap .house_img:last-of-type{ margin-bottom:0; }
.house_single .page_nation_single{ margin-top:40.6%; }

/* 土地情報 */
.land_single .main_img{ aspect-ratio:1/0.5;object-fit:cover;border:1px #ddd solid;margin-bottom:4%; }
/* .land_single .img_wrap{ margin-bottom:5%; }
.land_single .imgs img{ width:30%;margin-right:2%; }
.land_single .imgs{ display:-webkit-box;display:-ms-flexbox;display:flex; } */
.land_single .post_date{ margin-right:4%; }
.land_single .button_wrap, .event_single .button_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:8% 0; }
.land_single .button_wrap a, .event_single .button_wrap a{ display:block;width:50%;font-size:120%;letter-spacing:3px;/* border:1px solid #a1a1a1; */text-align:center;padding:3% 0;color:#828282; }
.land_single .button_wrap a:first-of-type, .event_single .button_wrap a:first-of-type{ border-right:1px solid #a1a1a1; }
.land_single .data_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; }
.land_single .unit{ display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #a1a1a1;width:45%;margin-right:2.5%;margin-left:2.5%;-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
.land_single .unit.full{ width:100%; }
.land_single .unit .th{ width:110px;font-weight:bold;-ms-flex-negative:0;flex-shrink:0; }
.land_single .unit .td{ width:calc(100% - 120px);margin-left: auto; }
.land_single .unit .th, .land_single .unit .td{ padding:20px 0;line-height:170%;word-wrap:break-word; }

/* お問い合わせページ */
.contact_page{ width:90%;max-width:1200px;margin-left:auto;margin-right:auto; }
.contact_page .page_th{ margin:min(80px, 10%) auto; }
.text_contact{ -moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#F3F3F3;background-image:none;border:none;border-radius:0;color:inherit;font-family:inherit;font-size:1em;padding:0.4em 0.8em;width:100%;box-sizing:border-box;min-height:40px; }
.text_contact:focus { border:1px solid rgba(0, 0, 0, 0.32);box-shadow:none;outline:none; }
.textarea_text { -moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#F3F3F3;background-image:none;border:none;border-radius:0;color:inherit;font-family:inherit;font-size:1em;height:30vw;max-height:280px;padding:0.4em 0.8em;width:100%;resize:none;box-sizing:border-box;margin-top:3%; }
.textarea_text:focus { border:1px solid rgba(0, 0, 0, 0.32);box-shadow:none;outline:none; }
.contact form{ width:95%;max-width:685px;margin:0 auto;margin-bottom:160px; }
.wrap_confirm{ width:70%;max-width:485px;margin:0 auto; }
.contact{ overflow:hidden; }
.contact .contact_hr{ height:1px;width:80%;max-width:982px;background-color:#BDBDBE;border:none;margin-top:5.7%; }
.contact .contact_hr:last-of-type{ margin-top:6.7%; }
.contact .conf_ttl{ text-align:center;font-size:20px;display:none;margin-top:5%; }
.contact { margin-top:6%; }
.contact  table{ width:100%;margin-bottom:30px;word-break:break-all;border-collapse:collapse; }
.contact table{ margin-bottom:9%; }
.contact table tr{ border-top:1px solid #ccc;border-bottom:1px solid #ccc; }
.contact table td .form_row{ -webkit-box-align:center;-ms-flex-align:center;align-items:center; }
.contact table td,.contact table th{ padding:30px 0; }
.contact table th{ width:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; }
.contact table .tag_require{ display:block;width:35px;padding:3px 0;background-color:#FF6478;color:#fff;height:40p;margin:7px 0; }
.contact table td, form table p{ font-size:18px; }
.contact table td.td_name .form_row{ margin-bottom:15px; }
.contact table td.td_name .form_row:last-of-type{ margin-bottom:0; }
.contact table td .form_row.flex{ display:-webkit-box;display:-ms-flexbox;display:flex; }
.contact table td .remark .form_title{ margin-bottom:11px; }
.contact table td .remark .confirm_note{ line-height:130%; }
/* .contact table td .form_row.name_kana{ padding-bottom:20px; } */
.contact table td .form_title{ min-width:150px;font-feature-settings:"palt"; }
.contact table td .form_title.check_title{ display:inline-block; }
/* .contact table td .confirm_note.type{ margin-top:12px; } */
.contact table td .name{ opacity:1;font-size:14px;letter-spacing:0; }
.contact table td.radio_cont_wrap p{ display:inline; }
.contact table .kana p{ font-size:18px; }
.contact table .radio .text{ font-size:17px; }
.contact table .radio .note{ display:inline-block;font-size:12px;font-family:noto-sans-cjk-jp, sans-serif;font-weight:400;font-style:normal; }
/* .contact table .radio.bottom .form_title{ line-height:40px; }
.contact table .radio.bottom .radio_cont_wrap{ margin-top:3%; }
.contact table .radio.bottom .subject_type{ display:inline-block;margin-bottom:2%; }
.contact table .radio.bottom .radio_contact + span { margin-right:46px;margin-bottom:10px; } */
.contact .choice_wrap{ margin-top:4%;margin-bottom:0%; }
.contact .choice_wrap label{ margin-right:10px; }
.contact .document_list label, .contact .date_list label{ display:block;margin:2% 0; }
.contact .date_list span{ padding-right:10px; }
.contact .date_list label{ width:150px; }
.contact .date_list input{ font-size:15px;padding:0px 10px;letter-spacing:1px;color:#828282; }
.contact table .sub{ font-size:12px; }
.contact form input[type="submit"]{ opacity:1;transition:opacity .3s; }
.contact form input[type="submit"]:hover{ opacity:0.8;transition:opacity .3s; }
.contact form input[type="submit"].bt_form{ font-size:14px;background-color:transparent;border:none;color:#fff;padding:18px 30px;border-radius:999px;background:transparent;display:block;margin:0 auto;cursor:pointer;letter-spacing:3px;width:100%;color:#828282;border:1px solid #828282;text-align:center;font-family:'Noto Sans JP', sans-serif; }
.contact form input[type="submit"].bt_next{ text-align:center;position:relative;width:100%;font-weight:normal; }
.contact .bt_wrap{ position:relative;width:260px;display:block;margin-left:auto;margin-right:auto; }
.contact .bt_wrap.next:after{ content:'';background:url(../img/arrow_icon.svg) no-repeat center center/contain;width:20px;height:20px;position:absolute;right:30px;top:50%;transform:translateY(-50%); }
.contact .bt_wrap.back{ margin-bottom:5%; }
.contact .contact_bottom_part{ display:block;margin:0 auto;width:55%;border-top:1px solid #BDBDBE;width:100%;padding-top:6.2%;margin-bottom:13%;margin-top:7%; }
.contact .contact_bottom_part .contact_bottom{ width:30.8%;max-width:440px;display:block;margin:0 auto; }
.contact form table .conf_text{ font-size:18px!important;height:30px; }
.contact form table .conf_text span{ color:#999; }
.contact form table .conf_text.conf_textarea{ height:auto;margin-top:10px; }
.contact form table .radio_option{ margin-bottom:8px; }
.contact .form_title{ padding-right:20px; }
.contact .option{ display:none; }
.contact.confirm_page table td .form_title, .contact table td .form_title.check_title{ min-width:170px; }
.errors span{ color:#b50009;padding:4px;border:1px solid #b50009;background-color:#ffd9db;border-radius:3px;line-height:164%;display:block;margin-bottom:8px;padding-left:28px;position:relative; }
.errors span:before{ content:'※';position:absolute;left:11px;top:50%;transform:translateY(-50%); }
.contact form.confirm table th{ width:46px; }
.contact form.confirm table p{ min-height:18px;white-space:pre-wrap; }
.contact .list_wrap{ line-height:180%;margin-top:7%; }
.contact .list_wrap *{ font-size:14px;line-height:150%; }
.contact .list_wrap .confirm_note{ margin-top:4%; }
.confirm_note .th{ color:#acacac; }
.contact form.confirm .form_title{ color:#acacac;display:block;font-size:16px; }
.contact form.confirm .form_row.flex{ -webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
.complete_page{ width:90%;margin-left:auto;margin-right:auto;max-width:800px; }
.complete_note_wrap{ text-align:center;font-size:18px;margin:220px 0 200px 0; }
.complete_note_wrap .note{ margin-bottom:7%;font-size:140%;line-height:210%; }
.complete_note_wrap .note br.sp{ display:none; }
.complete_note_wrap .note.sub{ font-size:16px; }
.complete_note_wrap a{ color:#828282;text-decoration:underline; }


@media screen and (max-width:1400px){ 
    /* .wrap{ max-width:calc(100% - 110px); } */
}

@media screen and (max-width:1200px){ 
    .event_inner_flex{  -ms-flex-wrap:wrap;flex-wrap:wrap; }
    .period{ margin-right:2px; }
    /* .period{ margin-right:2px;margin-bottom:7%; } */
    .event_box .period{ padding-right:0;margin-right:10%;white-space:nowrap; }
    .side_img{ display:none; }
    .about_page table{ width:100%; }
    .first_page .side img:nth-of-type(1){ object-position:top 50% left 64%; }
    .first_page .p1{ margin-bottom:40%; }
    .first_page .p2{ margin-bottom:30%; }
    .first_page .p3{ margin-bottom:30%; }
    .first_page .rec{ padding-bottom:58%; }

    .model_house_page .point.p2 .note br{ display:none; }
    .footer .nav_wrap{ width:65%; }

    .event_box .more{ margin-left:auto;margin-top:5%; }
}

@media screen and (max-width:960px){ 
    .common_wrap{ /* padding:0 3%; */ }
    .period{ margin-right:2px;margin-bottom:7%; }
    .story_page .note_bg{ padding-left:10%;padding-right:10%;padding:17% 10%; }
    /* storyページ */
    .story_wrap.pt1 .b1 .th img{ padding-left:0; }
    .story_page .s_img1{ top:-50%;width:37%; }
    .story_page .s_img2{ top:-58%;width:43%; }
    .story_page .s_img3{ top:37.8%;width:53.8%; }
    .story_page .s_img5{ bottom:-12%;width:42%; }
    .story_page .s_img6{ bottom:-8%; }
    .story1 .s_img1{ left:8%; }
    .story1 .s_img2{ left:-22%; }
    .story1 .s_img3{ right:-30%; }
    .story1 .s_img4{ right:8%; }
    .story1 .s_img5{ right:10%; }
    .story1 .s_img7{ left:-18%; }
    .story2 .s_img1{ right:8%; }
    .story2 .s_img2{ right:-22%; }
    .story2 .s_img3{ left:-30%; }
    .story2 .s_img4{ left:8%; }
    .story2 .s_img5{ left:14%; }
    .story2 .s_img7{ right:-18%; }
    .story2 .block.b3 .note_wrap{ margin-left:9%; }
    .story2 .block.b4 .note_wrap{ margin-left:70%; }
    .story2 .block.b5 .note_wrap{ margin-left:6%; }
    .footer .wrap{ -webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
    .footer .icon_instagram{ margin-left:auto;margin-right:auto; }
    .footer .nav_wrap{ width:100%;transform:translateX(0);justify-content:center; }
    .footer .list_wrap:first-of-type{ padding-right:1.8vw; }
    .footer .copyright{ text-align:center;margin-top:22%; }
    .footer .logo_wrap{ margin-top: 12%; }
    .footer .privacy{ text-align:center; }

    .about_page .row1, .about_page .row2, .about_page .row3, .about_page .row4{ -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:10%; }
    .about_page .detail .note{ width:100%; }
    .about_page .detail .note .inner{ font-size:90%;/* line-height:22px; */ }
    .about_page .gmap{ margin-right:auto;margin-left:0; }
    
    .block.b2 .note_wrap{ margin-left: 20%; }
    .story_page .s_img5{ bottom:-7%; }
    .story_wrap.pt1 .s_img3{ right:-18.7%; }
    .story_wrap.pt1 .s_img4{ right:14%; }
    .story_wrap.pt1 .s_img5{ right: 5%; }
    .story_wrap.pt1 .s_img6{ right: 36.2%; }
    .story_wrap.pt1 .s_img7{ left:-19%; }
    .story_wrap.pt2 .s_img7{ right:-23%; }
    
}

@media screen and (max-width:767px){ 
    .main_title_wrap{ width:85%; }
    .main_title_img01.pc{ display:none; }
    .main_title_img01.sp{ display:block;width:70%;margin-left:auto;margin-right:auto; }
    .main_title_img02.pc{ display:none; }
    .main_title_img02.sp{ display:block;width:100%; }
    .vertical_wrap{ max-width:400px;width:80%; }
    .th_img{ display:block;max-width:300px;margin-left:auto;margin-right:auto; }
    .about_p{ font-size:min(16px, 2.4vw); }
    .introduction_box:first-of-type{ margin-left:0;margin-right:auto; }
    /* .introduction_box{ margin-left:0; } */
    #story .posts_wrap .cont:nth-of-type(3){ display:none; }
    #story .posts_wrap .cont:nth-of-type(2n){ margin-right: 0; }
    #story .posts_wrap .cont:first-of-type{ margin-left:0; }
    .posts_wrap .cont, .archive_page.blog_archive .cont, .house_archive.archive_page .cont{ width:45%;margin-bottom:11%; }
    .posts_wrap .cont:first-of-type{ margin-right:auto;margin-left:auto; }
    .archive_page .posts_wrap .cont:first-of-type{ margin-left:0; }
    .archive_page .posts_wrap .cont:nth-of-type(3n){ margin-right:10%; }
    .archive_page .posts_wrap .cont:nth-of-type(2n){ margin-right: 0; }
    .lifestyle_box .post_thumb{ height:auto;aspect-ratio:1.2/1; }
    .footer{ padding:10% 0 2% 0;margin-top:1%; }
    .footer .logo_wrap{ width:100%;min-width:100px;max-width:200px;margin-top: 0; }
    .footer .nav_wrap{ width:auto;margin-bottom:10%;transform:translateX(-2%);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:13%;width:auto; }
    .information_flex .bt_about .bt_bg{ object-position:center 0;width:170%;transform:translate(-35.4%, -50%); }
    .information_flex a.bt_about:hover .bt_bg{ transform:translate(-35.4%, -50%) scale(1.05);}

    /* .footer .nav_list{ } */
    .footer .list_wrap{ display:block;border-left:none;margin-bottom:8%; }
    .footer .nav_list{ padding:0 clamp(0px, 0.9vw, 12px);margin-bottom:10px;writing-mode:horizontal-tb;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:horizontal-tb; }
    .main_title{ min-width:auto;width:70%;max-width:210px; }
    .thought_title.pc{ display:none; }
    .thought_title.sp{ display:block; }
    .common_thought_inner_flex{ -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; }
    .common_thought_title_h3{ width:min(81px, 13.5vw); }
    .common_thought_title_h3 img.pc{ display:none; }
    .common_thought_title_h3 .sp{ display:block;margin-bottom:26%; }
    .common_thought_title_h4{ width:100%;margin:5% 0;text-align:center; }
    .common_thought_title_h4 .pc{ display:none; }
    .common_thought_title_h4 .sp{ display:block;color:#828282;font-size:160%;line-height:190%;letter-spacing:3px;text-align:left;margin-top:18%; }
    .sub_title03.pc, .sub_title05.pc{ display:none; }
    .sub_title03.sp, .sub_title05.sp{ display:block;margin-left:auto;margin-right:auto; }
    .common_down_arrow{ margin-left:auto;margin-right:auto; }
    /* .back_img_collage_wrap{ overflow:hidden; } */
    .back_img_collage_wrap .collage{ width:210%; }
    .vertical_p{ -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%; }
    .vertical_right_p, .vertical_left_p{ writing-mode:horizontal-tb;margin-left:0;font-size:100%;text-align:center;letter-spacing:3px;text-align:left; }
    .vertical_right_p br.sp, .vertical_left_p br.sp{ display:block; }
    .vertical_right_p{ margin-bottom:6%;padding-left:0; }
    .introduction_flex{ display:block; }
    .introduction_box{ width:60%; margin:0 auto; }
    .introduction_p{ margin-bottom:20%; }
    .about_page .staff_wrap .introduction_p{ margin-bottom:2%;padding-bottom:6%; }
    .name{ font-size:clamp(120%, 5vw, 170%); }
    .coordinator_title{ margin:0 0 20% 0; }
    .architect_title{ margin:0 0 20% 0; }
    .coordinator_title, .architect_title{ width:auto;height:10vw;max-height:22px; }
    .coordinator_title img, .architect_title img{ width:auto;height:100%; }
    .back_blueprint{ width:150%; }
    /* .story_img{ transform:scale(2.3);margin-top:30%; } */
    .down1{ margin:0; }
    .down2{ margin:0; }
    .more_btn{ margin-right:0; }
    /* .strength_point_box_sp{ display:none; } */
    .strength_point_area{ width:63%;max-width:680px; }
    .strength_point_area .sub_note{ margin-bottom:9.3%; }
    .strength_point_flex{ justify-content:space-evenly;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;margin-left:auto;margin-right:auto;margin-bottom:0; }
    .strength_point_box{ width:80%;margin-bottom:20%; }
    .strength_point_box:nth-of-type(2){ margin-left:auto;margin-right:auto; }
    .strength_point_box:nth-of-type(3){ margin-left:auto;margin-right:0;margin-bottom:5%; }
    .strength_point_box .strength_img{ margin-bottom:6%; }
    .strength_point_box .th{ margin-bottom:4%; }
    .strength_point_box figcaption{ width:100%;text-align:justify; }
    .strength_point_title{ margin-left:0; }
    .sub_note{ margin-left:0; }
    .url_wrap{ margin-right:6%; }
    .carpenter_img{ top:0;left:0;width:50%; }
    .sec03_wrap .back_img_collage_wrap{ margin-top:55%;padding-top:0; }
    .back_img_collage_wrap .inner{ overflow:hidden; }
    .post_wide_wrap.bottom .posts_wrap{ -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; }
    .post_wide_wrap.bottom .cont{ margin-bottom:20% }
    .post_wide_wrap.bottom .post_thumb_wrap{ height:auto; }
    /* .post_wide_wrap.bottom .blog_box .post_thumb_wrap{ aspect-ratio:1; }
    .post_wide_wrap.bottom .blog_box .post_thumb_wrap img{ object-fit:cover;width:100%;height:100%; } */
    /* .post_wide_wrap.bottom .lifestyle_box .post_thumb{ height:min(340px, 74vw); } */
    /* .post_wide_wrap.bottom .lifestyle_box .post_thumb{ aspect-ratio:; } */
    .post_wide_wrap.bottom .bt_to_archive{ margin-top:30%;margin-left:auto;margin-right:auto; }
    .event_inner_flex .event_category, .event_inner_flex .reserve, .event_box .is_end{ font-size:clamp(12px, 1.9vw, 100%); }
    .model_house.pc{ display:none; }
    .model_house.sp{ display:block;width:114%; }
    .information .model_s{ display:none; }
    .information .model_house .inner{ position:relative;right:0;width:96%; }
    .information .model_house .img_model_house{ position:relative;top:0;right:0;transform:translate(0, 0);z-index:2; }
    .information .model_house .house_shadow{ position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0.1;z-index:1; }
    .information_flex a .bt_note.pc{ display:none; }
    .information_flex a .bt_note.sp{ display:block; }
    .information_flex a .bt_note{ height:min(110px, 22vw); }

    
    /* storyページ 767*/
    .story_page .each_top .story_note{ top:49.8%;width:61.7%; }
    .story_page .voice{ -webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
    .story_page .voice .epilogue{ width:50%;margin-bottom:16%; }
    .story_page .voice .note_wrap{ margin:0 auto 0 auto; }
    .story_page .voice .th{ margin-bottom:8%; }
    .story_page .voice .note_wrap{ width:100%; }
    .story_page .note_bg{ padding:20% 11% 15% 11%; }
    .story_page .voice .note{ text-align:justify; }
    .story1 .blueprint, .story2 .blueprint{ display:none; }
    .story_page .block .th{ margin-bottom: 11%; }
    .story_page .block .th img{ height:clamp(20px, 6vw, 26.7px);padding-left:0; }
    .story_page .block .note{ line-height:min(220%, 9.5vw);font-size:clamp( 16px, 1.9vw, 118%);margin:0 auto 80vw auto;writing-mode:horizontal-tb;text-align:justify;word-break:break-all;letter-spacing:0px;letter-spacing:-0.4px;line-height:198%;height:auto;margin-bottom: 0; }
    .story_page .block .note br{ display:none; }
    .story_page .s_img1{ width:80%;left:inherit; }
    .story_page .s_img4{ margin-left:auto;margin-right:auto;width:60%;right:inherit;position:absolute;right:-40vw; }
    .story_page .s_img6{ bottom:-1%;width:70%;position:absolute;right:60.2%; }
    .story_wrap .th img, .story1 .b5 .th img{ margin:0 auto 0 auto;padding:0; }
    /* .story_wrap.pt2 .b1 .th img */
    .story_wrap.pt2 .block.b1 .note_wrap{ margin-left:0; }
    .story1 .s_img2{ display:none; }
    /* .story1 .s_img3{ width:80%;margin-bottom:75%; } */
    .story1 .s_img5{ margin-left:auto;margin-right:auto;right:inherit;width:80%; }
    .story1 .s_img7{ left:inherit;margin:15% auto 0 auto;width:100%; }
    .s_img1, .s_img2, .s_img3, .s_img4, .s_img5, .s_img6, .s_img7, .blueprint{ position:relative; }
    .story1 .s_img1, .story1 .s_img2, .story1 .s_img3{ position:absolute; }
    .s_img.pc{ display:none; }
    .s_img.sp{ display:block;top:inherit;width:140%;border-radius:18px; }
    .s_img1.sp, .s_img3.sp{ left:-29vw;right:inherit; }
    .s_img2.sp, .s_img4.sp{ right:-29vw;left:inherit; }
    /* .story1 .s_img2{ width:120%;margin-bottom:75%;right:-25vw;left:inherit;top:inherit;bottom:-97vw; }
    .story1 .s_img3{ width:120%;margin-bottom:75%;left:-25vw;right:inherit;top:inherit;bottom:-97vw; } */
    .story_wrap.pt1 .s_img1, .story_wrap.pt1 .s_img3, .story_wrap.pt1 .s_img5, .story_wrap.pt2 .s_img2, .story_wrap.pt2 .s_img4{ left:4%;right:inherit;position:relative; }  
    .story_wrap.pt1 .s_img2, .story_wrap.pt1 .s_img4, .story_wrap.pt2 .s_img1, .story_wrap.pt2 .s_img3, .story_wrap.pt2 .s_img5{ right:43%;left:inherit;position:relative; }  
    .story_wrap.story2 .b5 .note{ height:auto; }
    .block.b4 .note_wrap{ transform:translateY(0); }
    .block.b1 .note_wrap, .block.b2 .note_wrap, .block.b3 .note_wrap, .block.b4 .note_wrap, .block.b5 .note_wrap{ margin-left:auto;margin-right:auto;margin-bottom:11%; }
    .story_page .block{ margin-bottom: 32%; }
    /* .block.b1{ margin-bottom:30%; }
    .block.b3{ margin-bottom:55%; }
    .block.b5{ margin-top:60%; }
    .block.b5 .note{ margin-bottom:0; }
    .block.b4 .note_wrap{ margin-bottom:0%; }
    .block.b2 .note_wrap{ margin-bottom:5%; } */
    
    /* firstページ */
    .first_page .col{ width:100%;margin-left:auto;margin-right:auto; }
    .first_page .point{ padding-right:0; }
    .first_page .point .note{ margin-left:auto;margin-right:auto; }
    .first_page .intro .note{ margin-right:15%;width:17vw;min-width:0;margin-bottom:50%; }
    .first_page .point .sub{ top:-40px;writing-mode:horizontal-tb;left:0; }
    .first_page .side{ width:0; }
    .first_page .p2 h3 .th{ margin-bottom:13%; }
    .first_page .p3{ margin-bottom:26%; }
    .first_page .rec .line{ margin-right:auto; }
    .first_page .rec .title_wrap{ width:90%;margin-left:auto;margin-right:auto;transform:translateX(0); }
    .first_page .rec{ padding-bottom:40%; }
    .first_page .bt_our_house{ transform:translateX(0); }

    /* aboutページ */
    .about_page .narrow.wrap{ width:100%; }
    .about_page .intro{ -webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;align-items:center; }
    .about_page .intro .note{ margin-bottom:10%;writing-mode:horizontal-tb;width:100%;transform:translateX(0);margin-left:0;text-align:justify; }
    .about_page .figure_wrap{ width:85%;margin-left:0;margin-bottom:7%;margin-top:13%; }
    .about_page .figure_s1, .about_page .figure_s2{ width:25%; }
    .about_page .figure_s1{ left:-4%;top:-12%; }
    .about_page .figure_s2{ right:-4%;bottom:-12%; }
    .about_page .detail .note{ margin-bottom:4%; }
    .about_page .staff_wrap .figure{ width:100%;max-width:700px; }

    /* modelhouseページ */
    .model_house_page .model{ padding-top:30%; }
    .model_house_page .model .model_th{ width:min(37px, 8vw);margin-bottom:20%; }
    .model_house_page .model .house_main_img{ top:-1.4%; }
    .model_house_page .note_bg{ margin-top:60%;padding:25% 8% 24% 8%; }
    .model_house_page .point{ -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;align-items:center; }
    .model_house_page .point .house_img{ position:relative; }
    .model_house_page .point:nth-of-type(2n-1) .house_img{ right:inherit; }
    .model_house_page .point:nth-of-type(2n) .house_img{ left:inherit; }
    .model_house_page .point:nth-of-type(2n) .note_wrap{ margin-left:auto;width:69%; }
    .model_house_page .point .note_wrap{ margin-left:auto;margin-right:auto;width:69%; }
    .model_house_page .point .house_img{ margin-bottom:5%;width:69%; }
    .model_house_page .point .note_wrap .th{ margin-bottom:6%; }
    .model_house_page .point.p5{ margin-bottom:23%; }
    .model_house_page .gmap_wrap{ width:80%; }
    .model_house_page .bt_wrap .pc{ display:none; }
    .model_house_page .bt_wrap .sp{ display:block; }
    .model_house_page .bt_wrap{ width:72%; }
    .model_house_page .bt_wrap a{ width:45%; }

    /* architectページ */
    .architect_page .architect .wrap{ width:85%; }
    
    /* お問い合わせページ */
    .wrap_form{ width:80%; }
    .contact .contact_bottom_part .contact_bottom{ width:80%; }
    .text_contact{ width:90%; }
    .textarea_text{ width:90%; }
    .contact .error_note{ padding-left:10px; }
    .contact .contact_info_wrapper .contact_number{ width:50%; }
    .contact .complete_note_sub{ text-align:left;font-size:14px;margin:20px auto;width:80%; }
    .contact table td .form_title,.contact table .radio .text{ font-size:16px; }
    .contact table td .form_row.flex{ -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start; }
    .contact table td .form_row.flex .form_title{ line-height:40px; }
    
    .single_page .block .sub_th{ margin:6% 0;line-height:156%; }
    .single_page .block .th{ margin:6% 0;line-height:142%; }
    .single_page .single_th_wrap{ top:100px;left:50%; }

    .land_single .data_wrap{ -webkit-box-orient: vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; }
    .land_single .unit{ width: 100%; }
}

@media screen and (max-width:620px){ 
    .about_sp_p{ display:block; }
    .about_pc_p{ display:none; }
}

@media screen and (max-width:575px){ 
    .hamburger{ width:100%;max-width:100%;box-sizing:border-box;padding:3% 6% 2% 9%; }
    .hamburger-btn.close{ top:30px;right:30px; }
    .hamburger_lists .block a{ margin:1.1vh 0; }
    .hamburger_lists .block a.nav_recruit{ margin-top:1.3vh; }
    .frame{ top:10px; }
    .frame, .wide_wrap{ width:90%; }
    .i_catch .text_scroll{ display:none; }
    .i_catch .blog_th{ display:none; }
    .about_p{ font-size:min(16px, 2.1vw); }
    .sub_title01{ margin-bottom:12vh; }
    .side_header .bt_nav{ margin-bottom:20px; }
    .three_thought_wrap{ padding-top:19vh; }
    .common_thought_h3{ height:40.8vh;margin-bottom: 7.6vh; }
    .thought_title_number{ margin-bottom:2%; }
    .thought_title{ height:37.7vh; }
    .three_thought{ width:80%; }
    .on .thought_btn{ max-width:55px; }
    .thought_title_number{ margin-bottom:17%; }
    .common_thought_title_h3{ width:45%;max-width:105px;margin:0 auto; }
    .common_thought_title_h3 .sp{ margin-bottom:42%; }
    .common_thought_title_h3 .sp .num{ width:55%;margin:0 auto 18% auto; }
    .common_thought_title_h4{ margin-bottom:10%; }
    .common_thought_title_h4 .sp{ margin-top:24%; }
    .th_img{ width:80%;margin-left:auto;margin-right:auto; }
    .vertical_right_p, .vertical_left_p{ line-height:200%;font-size:100%;letter-spacing:0px; }
    .vertical_right_p .small{ font-size:60%; }
    .vertical_right_p{ margin-bottom:7%;/* letter-spacing:0px; */ }
    .coordinator_area{ max-width:400px;width:80%;margin-left:auto;margin-left:auto;margin-right:auto;margin-bottom:31%; }
    .coordinator_title, .architect_title{ margin-bottom:10%; }
    .sub_title03.sp, .sub_title05.sp{ width:auto;height:min(56px,17vw); }
    .back_img_collage_wrap{ margin-top:20%;/* overflow-x:hidden; */ }
    .small_wrap{ width:80%; }
    .position{ display:block;text-align:left;position:relative;left:0!important;margin-top:8%;display:-webkit-box;display:-ms-flexbox;display:flex; }
    .sans01{ font-size:80%;margin-right:19px;letter-spacing:0.8px; }
    .sans02{ display:none; }
    .detail_btn{ /* -webkit-box-pack:end; */-ms-flex-pack:end;/* justify-content:flex-end; */ }
    .strength_point_box{ margin-bottom:15%; }
    .strength_point_box .strength_img{ aspect-ratio:1.3/1;object-fit:cover;margin-bottom:9%; }
    .strength_point_box .th{ font-size:112%;white-space:nowrap;margin-bottom:7%; }
    .name{ font-size:clamp(110%, 5vw, 160%); }
    .strength_point_area .url_wrap{ margin-right:0;margin-top:20%; }
    .carpenter_img{ width:70%; }
    .story_img.pc, .lifestyle_title .pc, .event_title .pc, .blog_title .pc{ display:none; }
    .story_img.sp, .lifestyle_title .sp, .event_title .sp, .blog_title .sp{ display:block; }
    .story_img.sp{ width:100%;height:auto;transform:scale(1);margin:0; }
    .story_wrap.pt2 .block.b2 .note_wrap{ margin-right:auto;margin-left:auto; }
    .story_wrap.pt2 .b2 .th img{ margin-left:auto;margin-right:auto;padding:0; }
    .story_wrap.pt2 .block.b1 .note_wrap, .story_wrap.pt2 .block.b3 .note_wrap{ margin-left:auto;margin-right:auto; }
    .story_wrap.pt2 .block.b4 .note_wrap{ margin-left:auto;margin-right:auto;transform:translateY(0); }
    .story_wrap.pt2 .block.b5 .note_wrap{ margin-left:auto;margin-right:auto; }
    #bt_story_svg{ display:none; }
    #story .posts_wrap .cont:nth-of-type(2){ display:none; }
    .posts_wrap .cont:first-of-type, .archive_page .posts_wrap .cont:first-of-type{ margin-left:auto;margin-right:auto; }
    .post_wide_wrap .bt_to_archive{ margin-left:auto;margin-right:auto;margin-top:40%; }
    .posts_wrap .cont, .archive_page.blog_archive .cont, .posts_wrap .cont:first-of-type, .house_archive.archive_page .cont, .archive_page .posts_wrap .cont:first-of-type{ width:100%;margin-bottom:22%;display:block; }
    .event_inner_flex .event_category, .event_inner_flex .reserve, .event_box .is_end{ font-size:clamp(13px,2.7vw,100%); }
    .introduction_box{ margin-bottom:12%; }
    .on .name, .on .vertical_name, .on .introduction_p, .about_page .on .role, .about_page .on .info{ opacity:1;transition-delay:.5s; }
    .sec03_wrap .back_img_collage_wrap{ margin-top:84%; }
    .side_header{ height:0; }
    .hamburger_lists .block a{ height:min(21px, 3.1vh); }
    .hamburger_lists .side_col{ margin-bottom:1.6vh; }
    
    .footer{ padding-top:12%;margin-top:5%; }
    .footer .list_wrap:last-of-type{ margin-bottom:0; }
    .footer .f_logo{ display:none; }
    .about_p{ font-size:93%; }
    .common_thought{ width:33%; }
    .thought_btn{ width:55%; }
    .strength_point_flex{ display:block; }
    .strength_point_box{ width:70%;/* margin:0 auto 70px; */ }
    .strength_point_box_sp{ display:block; }
    .strength_point_area .sub_note{ letter-spacing:2.5px;line-height:180%; }
    .strength_point_area .sub_note br{ display:block; }
    .url_wrap{ margin-right:17%; }
    .architect_area, .strength_point_area{ width:80%;max-width:100%; }
    .architect_area{ margin-top: 10%; }
    .strength_point_area{ margin-top:25%; }
    .strength_point_title{ margin-bottom:5%; }
    .posts_wrap{ display:block; }
    .posts_wrap .cont{ width:100%;margin:0 auto 20%; }
    .lifestyle_title{ width:55%; margin-left:21%; }
    .construction_example{ margin-top:3%;font-size:70%;margin-left:auto;margin-right:auto;font-size:90%;font-weight:400; }
    .bt_to_archive{ margin-left:21%; }
    .bt_to_archive{ transform:translateY(-60px); }
    .event_title{ width:44%;margin-right:auto;margin-left:auto; }
    .blog_title{ width:54%;margin-left:auto;margin-right:auto; }
    .back_blueprint{ width:230%;margin-left:-18%;margin-top:10%; }
    .information .bg{ padding:6% 4% 3% 6%;overflow-x:hidden; }
    .model_house.sp{ width:114%; }
    .information_flex{ -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:0; }
    .information_flex a{ width:100%;margin-top:5%; }
    /* .information .model_house{ -webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;display:-webkit-box;display:-ms-flexbox;display:flex; } */
    /* .information .model_house .note_wrap{ -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%; } */
    /* .information .model_house .note_wrap .th{ transform:translateX(-50%) rotate(-90deg);  } */
    /* .information .model_house .note_wrap .th{ width:70%;margin:0 auto 8% auto; }
    .information .model_house .note_wrap .th .pc{ display:none; }
    .information .model_house .note_wrap .th .sp{ display:block; }
    .information .model_house .note_wrap .text{ display:none; }
    .information .model_house .note_wrap .note{ writing-mode:horizontal-tb; }
    .information .model_house .note_wrap .bt_model_more{ width:7%;margin:0;margin-left:3%; }
    .information .model_house .img_model_house{ position:relative;width:119%;right:18%; } */
    .blog_area, .event_area .post_wide_wrap, .lifestyle_area{ padding:32% 0 21% 0; }
    .blog_area{ padding-bottom:10%; }
    .posts_wrap{ margin-top:22%; }
    .lifestyle_title{ width:60%;font-size:77%; }
    .blog_title{ width:64%; }
    .event_title{ width:54%; }
    .common_thought_title_h4 .sp{ font-size:140%;white-space:nowrap;letter-spacing:1.4px; }
    /* .vertical_right_p br, .vertical_left_p br{ display:none; } */
    .vertical_left_p .sp{ display:block; }
    .vertical_left_p .pc{ display:none; }
    .period{ margin-bottom:0; }
    .information_flex{ margin-bottom:0; }
    .event_box .more{ margin-top:0; }
    .about_page{ padding-bottom:14%; }
    .about_page .back_img_collage_wrap .collage{ width:200%; }
    .post_wide_wrap, .model_house, .footer .wrap, .mid_wrap{ width:85%; }

    /* storyページ */
    .story_page .intro{ width:30%;padding:21% 0;margin-bottom:25%;display:block; }
    .story_page .intro .num{ width:66%;margin-bottom:40%;margin:0 auto 40% auto; }
    .story_page .intro .narrator{ /* position:relative; */left:50%;right:inherit;margin-left:auto;margin-right:auto;top:inherit;bottom:0;transform:translateX(-50%); }
    .story_page .intro .note{ font-size:100%;text-align:start;line-height:180%;font-size:140%;transform:translateX(-6%); }
    .story_page .intro .note br{ display:block; }
    /* .story_page .note_bg{ padding:20% 11% 15% 11%; } */
    /* .story_page .voice .note{ text-align:justify; } */
    /* .story1 .blueprint, .story2 .blueprint{ display:none; } */
    /* .story_page .block .th{ margin-bottom: 11%; }
    .story_page .block .th img{ height:clamp(20px, 6vw, 26.7px); }
    .story_page .block .note{ line-height:min(220%, 9.5vw);font-size:clamp( 16px, 1.9vw, 118%);margin:0 auto 80vw auto;writing-mode:horizontal-tb;text-align:justify;word-break:break-all;letter-spacing:0px;letter-spacing:-0.4px;line-height:198%; }
    .story_page .block .note br{ display:none; }
    .story_page .s_img1{ width:80%;left:inherit; }
    .story_page .s_img4{ margin-left:auto;margin-right:auto;width:60%;right:inherit;position:absolute;right:-40vw; }
    .story_page .s_img6{ bottom:-1%;width:70%;position:absolute;right:60.2%; }
    .story_wrap .th img, .story1 .b5 .th img{ margin:0 auto 0 auto;padding:0; }
    .story1 .s_img2{ display:none; }
    .story1 .s_img3{ width:80%;margin-bottom:75%; }
    .story1 .s_img5{ margin-left:auto;margin-right:auto;right:inherit;width:80%; }
    .story1 .s_img7{ left:inherit;margin:15% auto 0 auto;width:100%; }
    .s_img1, .s_img2, .s_img3, .s_img4, .s_img5, .s_img6, .s_img7, .blueprint{ position:relative; }
    .story1 .s_img1, .story1 .s_img2, .story1 .s_img3{ position:absolute; }
    .s_img.pc{ display:none; }
    .s_img.sp{ display:block; }
    .s_img.sp{ display:block;bottom:-58vw;top:inherit;width:140%; }
    .s_img1.sp, .s_img3.sp{ left:-29vw;right:inherit; }
    .s_img2.sp, .s_img4.sp{ right:-29vw;left:inherit; }
    .story1 .s_img2{ width:120%;margin-bottom:75%;right:-25vw;left:inherit;top:inherit;bottom:-97vw; }
    .story1 .s_img3{ width:120%;margin-bottom:75%;left:-25vw;right:inherit;top:inherit;bottom:-97vw; }
    .block.b4 .note_wrap{ transform:translateY(0); }
    .block.b1 .note_wrap, .block.b2 .note_wrap, .block.b3 .note_wrap, .block.b4 .note_wrap, .block.b5 .note_wrap{ margin-left:auto;margin-right:auto; }
    .block.b1{ margin-bottom:30%; }
    .block.b3{ margin-bottom:55%; }
    .block.b5{ margin-top:60%; }
    .block.b5 .note{ margin-bottom:0; }
    .block.b4 .note_wrap{ margin-bottom:0%; }
    .block.b2 .note_wrap{ margin-bottom:5%; } */
    .story_page .voice{ padding:32% 0;width:100%; }
    .story_page .voice .note_wrap{ min-width:auto;letter-spacing:0; }
    .story_page .voice .note{ line-height:198%;letter-spacing:-0.4px; }
    .story_page .voice .epilogue{ width:100%; }
    .story_page .voice .th{ margin-bottom:10%; }
    .story_page .voice .th img{ height:auto;width:83%;max-width:245px; }

    /* firstページ */
    .first_page .intro .note{ margin:34% auto 86% auto; width:37%; }
    .first_page .point .num{ height:18.9vw;margin-bottom:17%; }
    .first_page .point h3 .th{ margin-bottom:15.5%; }
    .first_page .p2 h3 .th{ margin-bottom:29%; }
    .first_page .point .note{ line-height:198%;letter-spacing:0.5px; }
    .first_page .service_wrap{ -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; }
    .first_page .service_wrap .box{ width:100%;margin-bottom:6%;padding:7%; }
    .first_page .p3 .box .th{ margin-bottom:2%;font-size:130%; }
    .first_page .p3 .box .note{ line-height:190%;font-size:13.6px; }
    .first_page .bt_our_house{ width:4%;max-width:46px;min-width:15px; }
    .first_page .rec .title_wrap{ margin-bottom:38%; }
    .first_page .figure_wrap.figure1.pc, .first_page .figure_wrap.figure2.pc, .first_page .p2 .figure1.pc, .first_page .p2 .figure2.pc{ display:none; }
    .first_page .figure_wrap.figure1.sp, .first_page .figure_wrap.figure2.sp, .first_page .p2 .figure1.sp, .first_page .p2 .figure2.sp{ display:block;margin-left:auto;margin-right:auto; }
    .first_page .figure_wrap .th{ height:clamp(10px, 10vw, 40px); }
    .first_page .p1 .figure1 .th{ margin-bottom:45%;height:clamp(10px, 13vw, 40px); }
    .first_page .figure_wrap.figure1.sp{ max-width:170px;margin-bottom:17%; }
    .first_page .figure_wrap.figure2.sp{ max-width:300px; }
    .first_page .p1 .figure2 .th{ margin-bottom:0;transform:translateY(105%); }
    .first_page .p2 .figure1{ max-width:360px;margin-bottom:27%; }
    .first_page .p2 .figure2{ max-width:160px;margin-bottom:13%; }
    .first_page .rec .line{ height:35vw;margin-bottom:17%; }
    .first_page .rec .main_title_img01.pc{ display:none; }
    .first_page .rec .main_title_img01.sp{ display:block;width:50%;max-width:160px; }
    .first_page .rec .main_title_img02{ display:none; }

    /* aboutページ */
    .about_page{ overflow-x:hidden; }
    .about_page .page_th{ width:60%; }
    .about_page .intro{ margin-top: 3.2%; }
    .about_page .intro .note{ font-size: 16px;line-height:198%;letter-spacing:-0.4px; }
    .about_page .intro{ margin-bottom:238%;position:relative; }
    .about_page .figure_wrap{ position:absolute;bottom:-130vw;width:131%; }
    .about_page .intro .note br{ display:none; }
    .about_page .figure_wrap{ width:137%; }
    .about_page .figure_s1{ left:18%;top:inherit;bottom:-30%;width:28%; }
    .about_page .figure_s2{ right:18%;bottom:-30%;width:28%; }
    .about_page table, .about_page tbody, .about_page tr, .about_page th{ display:block;width:100%; }
    .about_page .table_th{ width:100%; }
    /* .about_page table *{ font-size:104%; } */
    .about_page table *{ line-height:185%; }
    .about_page table th{ padding-bottom:0; }
    .about_page table td{ padding-bottom:15%;line-height:190%;letter-spacing:0.5px; }
    .about_page table .addr th{ padding-bottom:3%; }
    .about_page table .addr .note{ line-height:168%;margin-left:auto;margin-right:auto; }
    .about_page table .addr .sp{ display:block; }
    .about_page table .license{ line-height:200%; }
    .about_page table .register{ font-size:85%; }
    .about_page .row1, .about_page .row2, .about_page .row3{ margin-bottom:14%; }
    .about_page .gmap{ width:100%;padding-bottom:70%; }
    .about_page .staff_wrap .th{ width:42%;margin:27.4% auto 17.1% auto; }

    /* architectページ */
    .architect_page .intro .note{ letter-spacing:-0.4px;line-height:198%;text-align:justify; }
    .architect_page .block_wrap{ -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; }
    .architect_page .block, .architect_page .block.name_wrap{ -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:5%;margin-right:auto;margin-left:0; }
    .architect_page .block *{ writing-mode:horizontal-tb; }
    .architect_page .block.name_wrap .th, .architect_page .block .th, .architect_page .block.history .th, .architect_page .block .row{ margin-left:0; }
    .architect_page .block .year{ margin-right:2%; }
    .architect_page .block .note{ height:auto;line-height:173%;text-align:justify; }
    .architect_page .architect .main_img{ width:54%;max-width:200px; }
    .architect_page .architect .name_eng{ display:block;text-align:left; }
    .architect_page .intro .note{ font-size:max(16px, 2.6vw); }
    .architect_page .intro .note br{ display:none; }
    .architect_page .back_img_collage_wrap .collage{ width:150%; }
    .architect_page .link .bt{ width:14%;margin:40% auto 60% auto; } 

    /* model_houseページ */
    .model_house_page .page_th{ width:5%;top:50%; }
    .model_house_page .intro .note{ line-height:200%; }
    .model_house_page .intro .note br{ display:block; }
    .model_house_page .model .note br{ display:block; }
    .model_house_page .model .note{ font-size: 156%;letter-spacing:3px;line-height:145%; }
    .model_house_page .page_th img{ width:100%; }
    .model_house_page .model.wrap{ width:100%; }
    .model_house_page .model .house_main_img{ width: 81%; }
    .model_house_page .model .main_note{ width:95%;line-height:198%;letter-spacing:-0.4px; }
    .model_house_page .point{ -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; }
    .model_house_page .point .house_img{ position:relative;width:100%;margin-bottom:5%; }
    .model_house_page .point:nth-of-type(2n) .house_img, .model_house_page .point:nth-of-type(2n-1) .house_img{ left:inherit;right:inherit; }
    .model_house_page .point .note_wrap, .model_house_page .point:nth-of-type(2n) .note_wrap{ width:100%; }
    .model_house_page .point .note_wrap .th{ height:14.7vw; }
    .model_house_page .point .note{ padding-left:0;line-height:198%;font-size: 16px;letter-spacing:-0.4px; }
    .model_house_page .point .note br{ display:none; }
    .model_house_page .bt_wrap{ margin-top: 58.2%; }
    .model_house_page .gmap_wrap{ width:78%;bottom:0.9%; }
    .model_house_page .bt_wrap{ width:100%; }
    .model_house_page .note_bg{ padding:23% 8% 24% 8%; }
    .model_house_page .addr br{ display:block; }

     /* お問い合わせページ */
    .contact_page .page_th{ margin:28% 0; }
    .wrap_form{ width:95%; }
    .wrap_confirm{ width:90%; }
    .contact .contact_hr{ width:90%; }
    .contact .text_contact{ width:100%;font-size:16px; }
    .contact form table{ margin:0 auto;margin-bottom:33px;width:100%; }
    .contact table td, .contact table th{ padding:10px 0; }
    .contact form table th{ margin-right:4px;font-size:14px; }
    .contact form table td{ display:block;padding:6% 0; }
    .confirm_page form table td{ padding:3% 0 5% 0; }
    .contact form table td, form table p{ font-size:16px; }
    .contact form table td .form_row.name.comp{ margin-top:25px; }
    .contact form table .conf_text{ font-size:16px!important; }
    .contact form table .contact_email th { margin-top:7px; }
    .contact form table .contact_email td{ padding-top:2px; }
    .contact form table .radio.bottom th{ margin-top:30px; }
    .textarea_text{ width:100%;font-size:16px; }
    .contact form .contact_caution { font-size:11px; }
    .contact form .bt_confirm{ font-size:14px;padding:10px 0;width:220px; }
    .contact form.confirm .form_row.flex{ -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start; }
    .contact table th{ padding:0;margin:0;margin-top:0; }
    .contact table th, .contact table td{ display:block; }
    .contact table th .tag_require{ padding-bottom:0;margin:0;margin-top:24%; }
    .contact table .th_require + td{ padding-top:0; }
    .contact table td .form_row.flex .form_title{ margin-right:auto; }
    .contact form table .radio.bottom th{ margin-top:0px; }
    .contact .contact_bottom_part{ width:90%; }
    .contact .contact_bottom_part p{ font-size:17px; }
    .contact .complete_note{ font-size:16px;margin:90px auto 50px auto;width:80%; }
    .contact table .radio.bottom .subject_type{ margin-bottom:6%; }
    .contact .list_wrap{ margin-top:2%; }
    .contact table td .remark .form_title{ margin:0;line-height:40px; }
    .contact table td .remark .confirm_note{ line-height:150%; }
    .contact table .tr_row{ padding:4% 0; }
    .contact .date_list input{ font-size:16px; }
    .contact .choice_wrap label{ display:inline-block;margin:2%; }
    .complete_note_wrap .note{ margin-bottom:7%;font-size:140%;line-height:210%; }
    .complete_note_wrap .note br.sp{ display:block; }
    .complete_note_wrap .note.sub{ font-size:16px;text-align:left; }

    .single_page .single_th_wrap{ position:relative;top:inherit;left:inherit;transform:translateX(0);margin-left: auto;margin-right: auto; }
    .single_page .single_th_wrap .pc{ display:none; }
    .single_page .single_th_wrap .sp{ display:block;text-align:center;letter-spacing:4px;width:100%; }
    .single_page .single_th_wrap .sp .eng{ letter-spacing:2px; }
    .single_page .event_th, .single_page .blog_th, .single_page .house_th{ margin:3% 0 5% 0;word-wrap: break-word; }
    .single_page .period{ line-height:170%; }
    .single_page .period .date{ margin-right:50px; }
    .related_wrap .cont{ min-width:100%; }
    .related_wrap .arrow_right{ right:-7.9%;top:30%; }
    .related_wrap .arrow_left{ left:-7.9%;top:30%; }
    .single_page .is_end{ padding-left:4.6%; }

    .house_single .detail_wrap{ -webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse; }
    .house_single .detail_wrap th, .house_single .detail_wrap td{ padding:3.2% 0; }
    .house_single .detail_wrap th{ width:26.9%; }
    .house_single .detail_wrap .data_wrap{ width:100%;margin-bottom: 7%; }

    .page_nation .num_wrap .num{ margin:0 16px; }
    .single_page .blog_th{ text-align:center; }
    .page_nation_single .arrow .pc{ display:none; }
    .page_nation_single .arrow .sp{ display:block; }
    .page_nation_single .to_archive{ width:21%; }
    .page_nation_single .arrow{ width:6%; }

    .land_single .button_wrap, .event_single .button_wrap{ -webkit-box-orient: vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; }
    .land_single .button_wrap a:first-of-type, .event_single .button_wrap a:first-of-type{ border-right:0; }
    .land_single .button_wrap a, .event_single .button_wrap a{ width:100%; }
    .land_single .post_date{ display:block; }

    .house_single .detail_wrap .note{ width:100%; }
}

@media screen and (max-width:385px){ 
    .about_p{ font-size:80%; }

}