.h1_left .headding_wrap,.h1_left .headding{font-size:3.5rem}.h1_left .subtitle_wrap{letter-spacing:0.15em;margin-top:.5rem}.h1_left .subtitle{font-size:inherit}.h1_left .editable_wrap{margin-top:2rem} .title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}} .title_all .text-side{max-width:850px;margin:auto;text-align:center}.title_all .text-side .text{text-align:left}.title_all .subtitle{letter-spacing:0}.title_all .editable_wrap,.title_all .headding_wrap{font-size:2.5rem}.title_all .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width:768px){.title_all .text-side .text{text-align:center}.title_all .editable_wrap,.title_all .headding_wrap{font-size:3rem}.title_all .subtitle_wrap{font-size:1.6rem}} .title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}} #content-wrapper .photo_gallery_02{background-color:#dedede}#content-wrapper .photo_gallery_02 .duplicatable{width:100%;max-width:940px;margin:auto;text-align:center}#content-wrapper .photo_gallery_02 .duplicatable-content{margin-bottom:3rem}@media only screen and (min-width: 768px){#content-wrapper .photo_gallery_02 .duplicatable-content{margin-bottom:3rem}} .title_all .text-side{max-width:850px;margin:auto;text-align:center}.title_all .text-side .text{text-align:left}.title_all .subtitle{letter-spacing:0}.title_all .editable_wrap,.title_all .headding_wrap{font-size:2.5rem}.title_all .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width:768px){.title_all .text-side .text{text-align:center}.title_all .editable_wrap,.title_all .headding_wrap{font-size:3rem}.title_all .subtitle_wrap{font-size:1.6rem}} .half_wide_limited_height .image-side{position:relative}.half_wide_limited_height .image-side_inner{padding-top:66%}.half_wide_limited_height .image-side .image-frame-bg{position:absolute !important;top:0;right:0;bottom:0;left:0;margin:auto}.half_wide_limited_height .text-side{position:relative}.half_wide_limited_height .text-side_inner{width:100%;position:relative;z-index:2;max-width:280px;margin:auto}.half_wide_limited_height .headding_wrap,.half_wide_limited_height .section_h3{font-size:3rem}.half_wide_limited_height .subtitle{font-size:1.1rem}.half_wide_limited_height .editable_wrap{font-size:1.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.half_wide_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.half_wide_limited_height .duplicatable-content_inner{display:flex}.half_wide_limited_height .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row-reverse}.half_wide_limited_height .duplicatable-content:nth-child(even) .text-side{padding:0 5rem 0 1.5rem}.half_wide_limited_height .image-side,.half_wide_limited_height .text-side{width:50%}.half_wide_limited_height .image-side{max-height:28.125vw}.half_wide_limited_height .image-side_inner{height:100%}.half_wide_limited_height .text-side{display:flex;align-items:center;flex-direction:column;padding:0 1.5rem 0 5rem}.half_wide_limited_height .text-side .spacer-content{width:100%}.half_wide_limited_height .text-side_inner{max-width:500px}.half_wide_limited_height .section_btn{margin-left:0}.half_wide_limited_height.reverse .duplicatable-content_inner{flex-direction:row-reverse}.half_wide_limited_height.reverse .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row}.half_wide_limited_height.reverse .duplicatable-content:nth-child(even) .text-side{padding:0 1.5rem 0 5rem}.half_wide_limited_height.reverse .text-side{padding:0 5rem 0 1.5rem}.half_wide_limited_height .section_h3,.half_wide_limited_height .headding_wrap{font-size:3.5rem}.half_wide_limited_height .subtitle{font-size:1.2rem}.half_wide_limited_height .editable_wrap{font-size:1.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}.half_wide_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.2rem}} .title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}} .title_line .text-side{text-align:left}.title_line .subtitle{letter-spacing:0px}.title_line .headding_wrap{font-size:2.5rem}.title_line .subtitle_wrap{font-size:1.1rem}.title_line .text-box,.title_line .text-box .editable_wrap{font-size:1.6rem}@media only screen and (min-width: 768px){.title_line .text-side{display:flex}.title_line .title-box{width:35%;padding-right:2rem}.title_line .text-box{width:65%}.title_line .text-box .spacer-item_wrap{width:50%}.title_line .text-box .spacer-item_wrap:nth-child(1){padding:0 1.5rem 0 0}.title_line .text-box .spacer-item_wrap:nth-child(2){padding:0 0 0 1.5rem}.title_line .title-line-box{display:flex}.title_line .headding_wrap{font-size:3rem}.title_line .subtitle_wrap{font-size:1.6rem}.title_line .text-box,.title_line .text-box .editable_wrap{font-size:1.5rem}} .title_line .text-side{text-align:left}.title_line .subtitle{letter-spacing:0px}.title_line .headding_wrap{font-size:2.5rem}.title_line .subtitle_wrap{font-size:1.1rem}.title_line .text-box,.title_line .text-box .editable_wrap{font-size:1.6rem}@media only screen and (min-width: 768px){.title_line .text-side{display:flex}.title_line .title-box{width:35%;padding-right:2rem}.title_line .text-box{width:65%}.title_line .text-box .spacer-item_wrap{width:50%}.title_line .text-box .spacer-item_wrap:nth-child(1){padding:0 1.5rem 0 0}.title_line .text-box .spacer-item_wrap:nth-child(2){padding:0 0 0 1.5rem}.title_line .title-line-box{display:flex}.title_line .headding_wrap{font-size:3rem}.title_line .subtitle_wrap{font-size:1.6rem}.title_line .text-box,.title_line .text-box .editable_wrap{font-size:1.5rem}} .title_line .text-side{text-align:left}.title_line .subtitle{letter-spacing:0px}.title_line .headding_wrap{font-size:2.5rem}.title_line .subtitle_wrap{font-size:1.1rem}.title_line .text-box,.title_line .text-box .editable_wrap{font-size:1.6rem}@media only screen and (min-width: 768px){.title_line .text-side{display:flex}.title_line .title-box{width:35%;padding-right:2rem}.title_line .text-box{width:65%}.title_line .text-box .spacer-item_wrap{width:50%}.title_line .text-box .spacer-item_wrap:nth-child(1){padding:0 1.5rem 0 0}.title_line .text-box .spacer-item_wrap:nth-child(2){padding:0 0 0 1.5rem}.title_line .title-line-box{display:flex}.title_line .headding_wrap{font-size:3rem}.title_line .subtitle_wrap{font-size:1.6rem}.title_line .text-box,.title_line .text-box .editable_wrap{font-size:1.5rem}} .title_line .text-side{text-align:left}.title_line .subtitle{letter-spacing:0px}.title_line .headding_wrap{font-size:2.5rem}.title_line .subtitle_wrap{font-size:1.1rem}.title_line .text-box,.title_line .text-box .editable_wrap{font-size:1.6rem}@media only screen and (min-width: 768px){.title_line .text-side{display:flex}.title_line .title-box{width:35%;padding-right:2rem}.title_line .text-box{width:65%}.title_line .text-box .spacer-item_wrap{width:50%}.title_line .text-box .spacer-item_wrap:nth-child(1){padding:0 1.5rem 0 0}.title_line .text-box .spacer-item_wrap:nth-child(2){padding:0 0 0 1.5rem}.title_line .title-line-box{display:flex}.title_line .headding_wrap{font-size:3rem}.title_line .subtitle_wrap{font-size:1.6rem}.title_line .text-box,.title_line .text-box .editable_wrap{font-size:1.5rem}} .title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}} .standard_content_dup .duplicatable-container{display:flex;flex-wrap:wrap;justify-content:center}.standard_content_dup .duplicatable-content{width:100%}.standard_content_dup .duplicatable-content:not(:last-child){margin-bottom:3rem}@media only screen and (min-width: 768px){.standard_content_dup .duplicatable-content{width:32%}.standard_content_dup .duplicatable-content:not(:last-child){margin-bottom:0}.standard_content_dup .duplicatable-content:not(:nth-child(3n)):not(:last-child){margin-right:2%}.standard_content_dup .duplicatable-content:not(:nth-child(-n+3)){margin-top:3rem}}.standard_content_dup .duplicatable-content .image-side{margin-bottom:2rem}.standard_content_dup .duplicatable-content .image-side .frame-image{padding-top:66%}.standard_content_dup .text-side{text-align:center}.standard_content_dup .text-side .headding_wrap,.standard_content_dup .text-side .headding{font-size:2.5rem}.standard_content_dup .text-side .headding_wrap{margin-bottom:1rem}.standard_content_dup .text-side .subtitle_wrap,.standard_content_dup .text-side .subtitle{font-size:1.4rem}.standard_content_dup .text-side .subtitle_wrap{margin-bottom:1.5rem}.standard_content_dup .text-side .text_wrap{margin-bottom:3rem} .portfolio_standerd .portfolio_list{position:relative;z-index:1}.portfolio_standerd li{border-bottom:1px solid #ccc;margin-bottom:3rem;padding-bottom:2rem}.portfolio_standerd li .image-wrap{margin-bottom:1rem}.portfolio_standerd li .image-wrap .portfolio_image{padding-top:66%;background-image:url("//s1.crcn.jp/images/noimage.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative}.portfolio_standerd li .image-wrap .portfolio_image img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:130%;height:auto}.portfolio_standerd li .image-wrap a{display:block}.portfolio_standerd li .portfolio_text .text_wrap{text-align:left;margin-bottom:0;padding:0}.portfolio_standerd li .portfolio_text .text_wrap h4{font-size:1.7rem;font-weight:200;margin-bottom:1rem;line-height:1.5}.portfolio_standerd li .portfolio_text .text_wrap p{color:#bababa}.portfolio_standerd li .portfolio_text .text_wrap .date{font-size:1.2rem;margin-bottom:.5rem}.portfolio_standerd li .category{font-size:1.4rem;position:relative}.portfolio_standerd li .category .category-color{position:absolute;width:15px;height:5px;left:0;background-color:#ff5721;top:50%;margin-top:-2.5px}.portfolio_standerd .section_btn{width:90%;max-width:300px}.portfolio_standerd .dummy_blog_text{background-color:rgba(255,255,255,0.9);color:#333;transition:opactiy .2s ease}.portfolio_standerd .dummy_blog_text:hover{background-color:rgba(255,255,255,0.5)}@media only screen and (min-width: 768px){.portfolio_standerd{text-align:left}.portfolio_standerd .portfolio_articles,.portfolio_standerd .dummy_form_area{text-align:center;font-size:0}.portfolio_standerd .article{display:flex;flex-flow:row wrap;justify-content:center}.portfolio_standerd li{vertical-align:top;width:31.333%;margin-left:3%}.portfolio_standerd li:nth-child(3n+1){margin-left:0}} .btn .section_btn a{background-color:#2C5DFF} .title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}} .title_backcolor .section_inner{width:100%;max-width:1024px}.title_backcolor .duplicatable-content{width:100%}.title_backcolor .duplicatable-content:not(:last-child){margin-bottom:80px}.title_backcolor .image-side{text-align:center}.title_backcolor .image-side .image-frame{width:100%}.title_backcolor .image-side .image-frame img{object-fit:cover;height:480px}.title_backcolor .text-side{position:relative;margin:-40px 0 0;padding:0 40px;text-align:left}.title_backcolor .text-side .headding_wrap,.title_backcolor .text-side .subtitle_wrap{display:inline-block;padding:4px 20px;background:#0072C3}.title_backcolor .text-side .headding_wrap{margin-bottom:10px}.title_backcolor .text-side .headding_wrap .headding{color:#fff;font-size:30px;line-height:1.8;letter-spacing:4px}.title_backcolor .text-side .subtitle_wrap{margin-bottom:30px}.title_backcolor .text-side .subtitle_wrap .subtitle{color:#fff;font-size:20px;line-height:1.8;letter-spacing:4px}.title_backcolor .text-side .text_wrap .text{color:#333;font-size:16px;line-height:1.8;letter-spacing:0.3px}@media only screen and (max-width: 1024px){.title_backcolor .section_inner{padding:0}.title_backcolor .image-side .image-frame{position:relative;padding-top:60%}.title_backcolor .image-side .image-frame img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}}@media only screen and (max-width: 767px){.title_backcolor .duplicatable-content:not(:last-child){margin-bottom:20px}.title_backcolor .section_inner{padding:0 20px}.title_backcolor .text-side{padding:0 20px}.title_backcolor .text-side .headding_wrap .headding{font-size:17px;line-height:1.48}.title_backcolor .text-side .subtitle_wrap{margin-bottom:20px}.title_backcolor .text-side .subtitle_wrap .subtitle{font-size:15px}.title_backcolor .text-side .text_wrap .text{font-size:14px}} .title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}} .half_out_of_position .image-side{position:relative}.half_out_of_position .image-side .frame-image{padding-top:66%}.half_out_of_position .text-side{width:94%;text-align:center;margin:-3rem auto 0;padding:1.5rem 1.5rem 3rem;box-shadow:0 5px 15px rgba(0,0,0,0.1);position:relative;z-index:1}.half_out_of_position .text-side_bg{height:100%;width:100%;opacity:.8;position:absolute;top:0;left:0;z-index:-1}.half_out_of_position .text-side_bg .image-frame-bg{background-color:#fff}.half_out_of_position .text-side .headding_wrap,.half_out_of_position .text-side .headding{font-size:2.5rem}.half_out_of_position .text-side .subtitle_wrap{margin-top:.5rem}.half_out_of_position .text-side .editable_wrap{margin-top:1rem}.half_out_of_position .text-side .section_btn{margin:3rem auto 0}.half_out_of_position .duplicatable-content+.duplicatable-content{margin-top:3rem}@media only screen and (min-width: 768px){.half_out_of_position .duplicatable-content_inner{display:flex;align-items:stretch}.half_out_of_position .image-side{width:55%;margin:0 -5% 0 0}.half_out_of_position .image-side .frame-image{padding-top:0}.half_out_of_position .text-side{width:55%;text-align:left;margin:5rem 0 5rem -5%;padding:3rem 5rem 3.5rem}.half_out_of_position .text-side .section_btn{margin:3rem 0 auto}.half_out_of_position .duplicatable-content+.duplicatable-content{margin-top:5rem}.half_out_of_position .duplicatable-content:nth-child(2n) .duplicatable-content_inner{flex-direction:row-reverse}.half_out_of_position .duplicatable-content:nth-child(2n) .duplicatable-content_inner .text-side{margin:5rem -5% 5rem 0}.half_out_of_position .duplicatable-content:nth-child(2n) .duplicatable-content_inner .image-side{margin:0 0 0 -5%}.half_out_of_position.reverse .duplicatable-content_inner{flex-direction:row-reverse}.half_out_of_position.reverse .duplicatable-content_inner .text-side{margin:5rem -5% 5rem 0}.half_out_of_position.reverse .duplicatable-content_inner .image-side{margin:0 0 0 -5%}.half_out_of_position.reverse .duplicatable-content:nth-child(2n) .duplicatable-content_inner{flex-direction:row}.half_out_of_position.reverse .duplicatable-content:nth-child(2n) .duplicatable-content_inner .text-side{margin:5rem 0 5rem -5%}.half_out_of_position.reverse .duplicatable-content:nth-child(2n) .duplicatable-content_inner .image-side{margin:0 -5% 0 0}} @media only screen and (min-width: 768px){.bnr_box .section_inner{display:flex;border:1px solid #dededde}.bnr_box .section_inner>div{width:33.3333%}}.bnr_box .image-side .frame-image{padding-top:66%}.bnr_box .text-side{text-align:center;background-color:#fff;padding:1.5rem 1rem 2rem}.bnr_box .text-side .editable{color:#222;width:100%}.bnr_box .headding_wrap,.bnr_box .headding{font-size:2.5rem;margin-bottom:1.5rem}.bnr_box .section_btn{margin-top:2rem} .title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}} .standard_content_text_dup .duplicatable-container{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.standard_content_text_dup .duplicatable-content{width:calc((100% - 48px) / 3)}.standard_content_text_dup .text-box{width:100%;border:1px solid #000;border-radius:5px;padding:50px 20px;position:relative;display:flex;justify-content:center;overflow:hidden}.standard_content_text_dup .text-box_bg{width:100%;height:100%;position:absolute;top:0;left:0}.standard_content_text_dup .text-box_inner{position:relative;display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;text-align:center;max-width:280px;width:100%}.standard_content_text_dup .text-box-headding_wrap{width:100%}.standard_content_text_dup .text-box .section_btn{margin-top:20px}.standard_content_text_dup .headding{font-size:23px}.standard_content_text_dup .letter{font-size:16px;width:100%}@media only screen and (max-width: 767px){.standard_content_text_dup .duplicatable-container{flex-direction:column;align-items:center}.standard_content_text_dup .duplicatable-content{width:100%}} .infomation_all{text-align:center;font-size:1.4rem}.infomation_all .letter,.infomation_all .editable_wrap{letter-spacing:.7px;font-size:1.4rem}.infomation_all .info-side{font-size:1.2rem}.infomation_all .info-side .tel-linker{font-size:2rem}.infomation_all .section_btn{margin:3rem auto 0}.infomation_all .section_btn .linker{font-size:1.5rem}.infomation_all .headding_wrap,.infomation_all .section_h3{font-size:3rem}.infomation_all .subtitle_wrap,.infomation_all .subtitle{font-size:1.5rem}.infomation_all .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.infomation_all .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.5rem}@media only screen and (min-width: 768px){.infomation_all .info-side{display:flex;justify-content:center}.infomation_all .section_btn{margin:0 0 0 5rem}} @charset "UTF-8";#footer-section {z-index: 3;} @media only screen and (max-width:768px) {.jobs #footer-section .detail-side {display: none;}}.footer-block .footer_menu .detail-side{bottom:0;transition:bottom .5s}.footer_menu{font-size:1.4rem}.footer_menu .logo-side{padding:4rem 0;text-align:center}.footer_menu .logo{width:200px;margin:0 auto 2rem}.footer_menu .logo img{width:auto;max-width:100%}.footer_menu .logo div{display:inline}.footer_menu .menu-side{display:none}.footer_menu .detail-side{text-align:center;font-size:1.4rem;display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;background-color:#fff;position:fixed;bottom:-100%;left:0;width:100%;transition:bottom .8s .2s}.footer_menu .detail-side_first{width:80px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative}.footer_menu .detail-side_first .tel{line-height:1.4;letter-spacing:0}.footer_menu .detail-side_first .tel a{position:absolute;width:100%;height:100%;top:0;left:0}.footer_menu .detail-side_first .tel:after{content:"phone";font-family:"Material Icons";font-size:3.6rem;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}.footer_menu .detail-side_first .hour{font-size:1.2rem;display:none}.footer_menu .detail-side_second{-ms-flex-positive:1;flex-grow:1}.footer_menu .letter{letter-spacing:.1em}.footer_menu .copy{border-top:1px solid #ccc;font-size:1.2rem;padding:2rem 0;text-align:center}.footer_menu .sns-side{margin-bottom:2rem}.footer_menu .sns-side .duplicatable-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.footer_menu .sns-side .duplicatable-content{max-width:70px;padding:0 1rem}.footer_menu .section_btn a{white-space:nowrap}.footer_menu .back-top{cursor:pointer;width:40px;height:40px;border-radius:20px;border:1px solid #f44336;position:absolute;bottom:10px;right:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.footer_menu .back-top .arrow:before{content:"▲";color:#f44336}@media only screen and (min-width:768px){.footer_menu .footer-company{padding:3.5rem 0 5.5rem}.footer_menu .logo-side{padding:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:4rem}.footer_menu .logo{margin:0 2rem 0 0}.footer_menu .menu-side{width:80%;display:block}.footer_menu .menu-side .duplicatable-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;-ms-flex-pack:end;justify-content:flex-end}.footer_menu .menu-side .duplicatable-content{width:auto;padding:0 0 0 4rem;font-size:1.4rem}.footer_menu .detail-side{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;text-align:left;width:50%;margin:auto 0 auto auto;position:static;background-color:transparent}.footer_menu .detail-side_first{margin-bottom:4rem;font-size:1.8rem;display:block}.footer_menu .detail-side_first .tel{font-size:2.2rem}.footer_menu .detail-side_first .tel:after{content:none}.footer_menu .detail-side_first .tel a{position:relative;pointer-events:none}.footer_menu .detail-side_first .hour{display:block}.footer_menu .detail-side_second{margin-bottom:3rem}.footer_menu .detail-side>div{margin-bottom:0;width:100%}.footer_menu .copy{padding:1.5rem 0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.footer_menu .sns-side{margin-bottom:0}.footer_menu .sns-side .duplicatable-content{width:60px}.footer_menu .section_btn{margin:auto 0 auto auto}.footer_menu .back-top{bottom:80px}}@media only screen and (max-width:768px){.footer_menu .detail-side_first .tel{font-size:0!important}.footer_menu .detail-side_second .section_btn{max-width:none}.footer_menu .detail-side_second .section_btn a{border-radius:0}}@media only screen and (max-width: 768px){_::-webkit-full-page-media,_:future,:root .detail-side_first{text-align:center}_::-webkit-full-page-media,_:future,:root .tel.letter.editable{display:grid}} @charset "UTF-8";#section-wrapper{background-color:#fff}#section-wrapper .headding{ font-family: YakuHanJP, "Noto Sans", "Droid Sans", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", eatYuG, Meiryo, sans-serif; line-height: ; letter-spacing: em; }#section-wrapper .subtitle{ font-family: YakuHanJP, "Noto Sans", "Droid Sans", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", eatYuG, Meiryo, sans-serif; line-height: ; letter-spacing: em; }#section-wrapper .letter{ font-family: YakuHanJP, "Noto Sans", "Droid Sans", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", eatYuG, Meiryo, sans-serif; line-height: ; letter-spacing: em; }@media only screen and (min-width:769px){}#loading{position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:none}#loading .loading_inner{width:100%;height:90px;position:absolute;top:50%}#loading .loading_inner .loader_animation,#loading .loading_inner .loader_animation:before,#loading .loading_inner .loader_animation:after{border-radius:50%;width:2.4rem;height:2.4rem;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.3s infinite ease-in-out;animation:load7 1.3s infinite ease-in-out}#loading .loading_inner .loader_animation{color:#fff;font-size:12px;margin:10px auto;position:relative;top:-30px;text-indent:-9999rem;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.16s;animation-delay:-0.16s}#loading .loading_inner .loader_animation:before,#loading .loading_inner .loader_animation:after{content:'';position:absolute;top:0}#loading .loading_inner .loader_animation:before{left:-3.4rem;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}#loading .loading_inner .loader_animation:after{left:3.4rem}@-webkit-keyframes load7{0%,80%,100%{box-shadow:0 2.45rem 0 -1.25rem}40%{box-shadow:0 2.45rem 0 0}}@keyframes load7{0%,80%,100%{box-shadow:0 2.45rem 0 -1.25rem}40%{box-shadow:0 2.45rem 0 0}}#loading .circle{position:fixed;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;border:8px solid #f00;border-right-color:transparent;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.2}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:1.0}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.2}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.2}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:1.0}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.2}} /*****************フォントカラー*********************/ h1,h2,h3,h4,div,p,.letter,.subtitle, .title_backcolor .subtitle,.editable a { color:#000; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif　!important; font-weight: bold !important; } .subtitle { color: #5F7433 !important; } .title_all .text-side .text { text-align: left; color: #fff; } /******************fonntohoba- ********************/ .gnav a:hover:not(:last-child) { color: #FFC332 !important; opacity: 1; } /****************フォントサイズ****************/ .title_section .subtitle { font-size: clamp(1.2rem,3vw, 1.8rem); } .title_section .section_h3 { font-size: clamp(2.5rem, 4vw,3.5rem); } /* .mainvisual_standard .catch_text, .mainvisual_standard .headding_wrap { font-size: 4.2rem; }*/ .mainvisual_standard .catch_text, .mainvisual_standard .headding_wrap { font-size: clamp(3rem,3vw,4.2rem); } #section_472360 .standard_content_dup .text-side .section_h3, #section_446921 .title_section .section_h3, #section_459278 .title_section .section_h3 { font-size: clamp(2.3rem,4vw,3rem); letter-spacing: 4px; } #section_472360 .standard_content_dup .text-side .text_wrap, #section_446921 .title_all .text-side .text { font-size: clamp(1.7rem, 4vw, 2.3rem); line-height: 65px; } #section_459278 .title_all .text-side .text { font-size: clamp(1.5rem, 4vw, 2.3rem); line-height: 65px; } /* @media only screen and (max-width: 767px) { #section_472360 .standard_content_dup .text-side .section_h3 { font-size: clamp(1.8rem, 5vw,3rem) !important; } #section_472360 .text_wrap, #section_472360 h3, #section_446921 .title_all .text-side .text,#section_459278 .title_all .text-side .text { font-size: clamp(1.5rem, 4vw, 2rem) !important; line-height: clamp(60px, 14vw, 65px) !important; } } */ @media only screen and (min-width: 768px) { #section_472360 .standard_content_dup .text-side .section_h3 br { display:none; } } /*****黄色の文字****/ .mainvisual_standard .catch_text span { font-size: 5.5rem; } #section_472360 .section_h3 span, #section_446921 .title_section .section_h3 span, #section_459278 .title_section .section_h3 span { font-size: clamp(3rem, 5vw,4rem); } #section_446921 .title_all .text-side .text span, #section_459278 .title_all .text-side .text span { font-size: clamp(2.2rem, 4vw, 3rem) !important; text-shadow: 0px 0px 2px #1f0f00; } /****************ボタンの色******************/ .section_btn a, .section_btn input { background-color: transparent !important; color: #000 !important; padding-right: 7rem; position: relative; z-index: 1; } .linker { border: 3px solid #FFC332; border-radius: 30px; overflow: hidden; background-color: #fff; position: relative; } .linker::after { content: ''; position: absolute; top: 0px; width: 400px; height: 120%; transform: skew(-34deg); transition: all 0.5s; overflow: hidden; z-index: 0; right: -335px; background: #FFC332; } .section_btn a::before, .section_btn a::after { content: ''; position: absolute; background: currentColor; border-radius: 0.1em; display: inline-block; vertical-align: middle; color: #fff !important; line-height: 1; width: 1em; margin: auto; height: 0.2em; z-index:1; } .section_btn a::before { top: 0; left: auto; right: 18px;; bottom: 10px; transform: translateX(-25%) rotate(45deg); } .section_btn a::after { top: 0; right: 18px; bottom: -10px; transform: translateX(-25%) rotate(-45deg); } .section_btn a:hover { opacity: 1 } .linker:hover::after { right:-5px ; } /********************全体に横幅******************/ .width-limit .section_inner { max-width: 1100px; margin: 0 auto; } @media only screen and (max-width: 1200px) { .width-limit .section_inner { margin: 0 3rem; } } @media only screen and (max-width: 480px) { .width-limit .section_inner { margin: 0; } } /******************ボタン反応しないところ********************/ .formapps .section_btn input, .blog_posts .banner_text .banner_link,.showcase_chart .banner_text .banner_link { background-color:#ffc332 !important; /* color: #fff !important; */ } .showcase_chart .banner_text ._color_, .blog_posts .banner_text ._color_ { color:#ffc332 !important; } /********************Gnav********************/ @media only screen and (min-width: 1025px) { .new_drawer_slidein .gnav_pc { height: 80px; } .new_drawer_slidein .gnav_pc .gnav_items li:last-child a { padding: 3rem 2rem; font-size: 2rem; background-color: #fff; border: 5px solid #FFC332; border-radius: 0 0 0 47px; border-right: 0px; border-top: 0px; display: inline-block; margin: 0 auto -20px; over-flow:hidden; } .new_drawer_slidein .gnav_pc .gnav_items li+li { margin-left: 1.5rem; } #global-nav .new_drawer_slidein .section_inner { padding: 0 0 0 1.5rem; } .new_drawer_slidein .gnav_pc .gnav_items li:last-child a:hover { opacity: 1; background-color: #ffc332; } /* .new_drawer_slidein .header_logo img { height: clamp(4.4rem,1vw,100%); width: auto; margin-top: clamp(17px, 3vw, 0px); } */ } /*********MV*********/ .mainvisual_standard .catch { text-align: left; color: #000; bottom: -2%; top: auto; } .mainvisual_standard { height: 90vh; } @media only screen and (max-width: 767px) { .mainvisual_standard .catch_text span { font-size: 2.5rem; } .mainvisual_standard .catch { bottom: -5vw; } .mainvisual_standard .catch_text, .mainvisual_standard .headding_wrap { line-height: 2 !important; font-size: clamp(1.4rem,6vw,1.8rem); } .mainvisual_standard .catch_text { padding: 2rem 2rem 1rem 1rem !important; line-height: 2.4 !important; } } /***********************画像角丸*******************/ .frame-image ,#section_446969 .image-side img{ border-radius: 3%; } /********行ごと背景**********/ #section_446921 .text,#section_472360 .text_wrap, .mainvisual_standard .catch_text,#section_472360 .text_wrap, #section_446921 .title_section .section_h3, #section_459278 .title_section .section_h3,#section_472360 .standard_content_dup .text-side .section_h3 { background: #fff; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; line-height: 2; } .mainvisual_standard .catch_text { line-height: 2.5; } .mainvisual_standard .catch_text { margin-bottom: 0; letter-spacing: .2em; padding: 2rem 4rem 1rem 1rem; } #section_446921 .title_section .section_h3,#section_459278 .title_section .section_h3,#section_472360 .standard_content_dup .text-side .section_h3 { letter-spacing: .2em; padding: 2rem 4rem 1rem 1rem; } section:first-of-type .content { padding: 0; } .mainvisual_standard .one_page_scroll_btn { display:none; } /***************街づくり****************/ #section_472360 .duplicatable-content:nth-child(1) .animation { z-index: 3; position: relative; } #section_472360 .standard_content_dup .text-side { text-align: left; width: fit-content; white-space: nowrap; z-index: 2; position: relative; } #section_472360 .standard_content_dup .duplicatable-content:first-child .image-side { margin-bottom: 13rem; } #section_472360 .section_btn, #section_446969 .section_btn , #section_446894 .section_btn, .dia_blocks_four_points-container .section_btn, #section_446753 .section_btn, #section_459115 .section_btn,#section_459135 .section_btn{ display: none; } #section_472360 .standard_content_dup .duplicatable-content:nth-child(2) .text-side { display: none; } #section_472360 .standard_content_dup .duplicatable-container { justify-content: space-between; } #section_472360 .standard_content_dup .duplicatable-content { width: 32%; } #section_472360 .standard_content_dup .duplicatable-content:nth-child(2) { width: 41%; height: fit-content; bottom: -20px; right: 0; position: absolute !important; } #section_472360 .duplicatable::before { position: absolute; content: ''; background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/327749/optimized_ACnTEqbDJ5Ww1h3FpOjyLA.png); width: 31%; height: 39%; right: 4%; top: 9rem; background-repeat: no-repeat; background-size: contain; } #section_472360 .text_wrap { line-height: 65px; padding: 10px 4px 2px 2px; } #section_472360 .text_wrap, #section_472360 h3 { font-weight:bold; } @media only screen and (max-width: 767px) { /*.standard_content_dup .duplicatable-content { width: 39% !important; } */ .standard_content_dup .duplicatable-content { width: 73% !important; } #section_472360 .standard_content_dup .duplicatable-content:nth-child(2) { bottom: -15% !important; } #section_472360 .standard_content_dup .duplicatable-content:nth-child(1) { width: 100% !important; } #section_472360 .standard_content_dup .duplicatable-content:first-child:nth-child(1) .image-side { width: 40% !important; } #section_472360 .standard_content_dup .text-side { white-space: normal; } #section_472360 .duplicatable::before { width: 58%; } } @media only screen and (min-width: 440px) { #section_446921 .title_section .section_h3 br:nth-child(1) { display: none; } } /**************事業内容**************/ .half_limited_height .image-side { max-height: 370px; } .half_limited_height .image-side, .half_limited_height .text-side { width: 39%; } .half_limited_height .section_h3 { position: absolute; writing-mode: vertical-rl; font-feature-settings: "pkna"; text-orientation: upright; left: -10rem; white-space: nowrap; letter-spacing: 10px; } .half_limited_height .image-side::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #E4D5C2; border-radius: 3%; transform: rotate(-8deg); } .half_limited_height .duplicatable-content:nth-child(2) .text-side,#section_447014 .half_limited_height .duplicatable-content .text-side { position: relative; right: -8.8rem; } .half_limited_height .duplicatable-content:nth-child(2) { margin-top: 23rem; } .half_limited_height .duplicatable-content:nth-child(2) h3 { top: -3rem; } @media only screen and (min-width: 768px) { .half_limited_height .duplicatable-content_inner { display: flex; justify-content: space-around; } .half .duplicatable-content_inner { justify-content: space-evenly; width: 66vw; margin: 0 auto; } } @media only screen and (max-width: 768px) { .half_limited_height .duplicatable-content:nth-child(2) .text-side, #section_447014 .half_limited_height .duplicatable-content .text-side { right: 0; } .half_limited_height .section_h3 { letter-spacing: 0px; } } @media only screen and (max-width: 950px) { #section_472360 .duplicatable::before { top: 3rem; } #section_472360 .standard_content_dup .duplicatable-content:nth-child(2) { bottom: 75px; right: 0; } } @media only screen and (max-width: 600px) { .half_limited_height .section_h3 { position: relative; writing-mode: unset; font-feature-settings: "pkna"; text-orientation: upright; left: 0; margin-top: 50px; white-space: normal; letter-spacing: 5px; } } /****************施工事例*******************/ #section_447017 .title_sub .text-side, #section_446950 .title_sub .text-side,#section_446904 .title_sub .text-side { width: fit-content; margin-left: 0; text-align: left; } #section_447017 .title_sub, #section_446904 .title_sub { position: relative; } #section_447017 .title_sub::before, #section_446950 .title_sub::before, #section_446904 .title_sub::before { width: 80vw; height: 57%; content: ''; position: absolute; background-color: #fff; bottom: 0; border-radius: 0 168px 0 0; } #section_457547 .standard_content_dup::before,#section_457548 .standard_content_dup::before, #section_457549 .standard_content_dup::before, #section_446906 .btn::before, #section_446907 .portfolio_standerd::before { width: 80vw; height: 100%; content: ''; position: absolute; background-color: #fff; bottom: 0; } .standard_content_dup .duplicatable-container { display: flex; flex-wrap: wrap; justify-content: space-around; } @media only screen and (max-width: 767px) { .standard_content_dup .duplicatable-container { justify-content: space-around; } } /************働き方*************/ .half .text-side { width: fit-content; margin: auto; } .half_wide .frame-image { border: 10px solid #fff; border-radius: 50%; } .half .image-side_inner { padding-top: 100%; } @media (min-width:768px) { .half_wide_limited_height .text-side_inner { max-width: 365px; } } .half .frame-image::before, #section_459336 h3::before { content: ''; position: absolute; width: clamp(16rem,15vw, 33rem); height: 4vw; background-size: contain; background-repeat: no-repeat; top: 5%; left: -15%; transform: rotate(-42deg); } #section_459336 h3::before { transform: none; } #section_458856 .half .frame-image::before { background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/328251/optimized_TX718X2pvm1qT2hWOhU4oQ.png); } #section_458856 .image-frame-bg, #section_459135 .image-frame-bg { width: clamp(30rem, 36vw, 60rem) !important; height: clamp(30rem, 36vw, 60rem) !important; } @media only screen and (min-width: 768px) { .half .duplicatable-content_inner { justify-content: space-evenly; } } @media only screen and (max-width: 767px) { .half .image-side { width: 100% !important; } .half_limited_height .image-side, .half_limited_height .text-side { width: 100%; } #section_458856 .duplicatable { width: 90vw; margin: 0 auto; } .half .frame-image ::before { top: -3px; left: 62px; } .half .image-side_inner { padding-top: 87%; } #section_458856 .image-frame-bg, #section_459135 .image-frame-bg { width: clamp(30rem, 80vw, 42rem) !important; height: clamp(30rem, 80vw, 42rem) !important; } .half .frame-image::before, #section_459336 h3::before { width: clamp(20rem,28vw,23rem); height: clamp(3rem,1vw,4rem); } } /****************採用情報**************/ @media only screen and (min-width: 768px) { #section_458854 .standard_content_three .section-content { width: 31%; padding: 2rem 2rem 3rem; box-shadow: 10px 10px 9px #E4D5C2; border-radius: 3%; border: 5px solid #e4d5c280; } } /****************先輩インタビュー****************/ #section_454810 .carousel_duplicate::before, #section_446969 .new_standard_content_two::before,#section_446753 .card_three::before, #section_447001 .three_cards_title_sfiht::before { width: 80vw; height: 98%; content: ''; position: absolute; background-color: #F4F2EF !important; margin: 0 auto; left: 0; right: 0; bottom: 0; border-radius: 30rem 30rem 0 0; } .carousel_duplicate .text-side_inner { width: 100%; margin-left: 0; } .carousel_duplicate .carousel-next .material-icons, .carousel_duplicate .carousel-prev .material-icons { color: #ffc332; opacity: 1; } .carousel_duplicate .carousel-next, .carousel_duplicate .carousel-prev { background: #fff; } @media only screen and (min-width: 768px) { .carousel_duplicate .carousel-next { border-top: 6px solid #ffc332 !important; border-right: 6px solid #ffc332 !important; } .carousel_duplicate .carousel-prev { border-top: 6px solid #ffc332 !important; border-left: 6px solid #ffc332 !important; } .carousel_duplicate .carousel-wrap::before,.carousel_duplicate .carousel-wrap::after { content: ""; background-color: #fff !important; } } @media only screen and (min-width: 1025px) { .carousel_duplicate .carousel-next,.carousel_duplicate .carousel-prev { background: transparent; } } /***********会社案内*********************/ #section_447014 .half_limited_height .image-side::after { content: ''; position: absolute; background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/327631/optimized_r6HLoDwj4-lb0uA7LnWxJQ.png); width: 15rem; height: 14rem; background-size: contain; background-repeat: no-repeat; top: -88px; right: -88px; } @media only screen and (max-width: 767px) { #section_447014 .half_limited_height .image-side::after { top: -88px; right: -67px; } } /****************新着情報**************/ .blog_text_list .blog_list, .infomation_all .section_inner { padding: 10rem 10rem; background-color: #F2EEE9; border-radius: 30px; } .blog_text_list .blog-side .category { background-color: #AACB64; padding: 0.7rem; border-radius: 30px; margin-left: auto; } @media only screen and (min-width: 768px) { .blog_text_list .blog-side .category { margin-left: 1.5rem !important; } } @media only screen and (max-width: 768px) { .blog_text_list .blog_list, .infomation_all .section_inner { padding: 5rem 1rem; } } /**********************下層ページ******************************/ /***************ｈ１*******************/ .h1_left::before { content: ''; position: absolute; width: 90vw; height: 30rem; background-color: #D2E7A6; bottom: 0; border-radius: 0 15rem 0 0; } .h1_left .subtitle, .h1_left h1 { color: #fff !important; } /* .h1_left h1 { color: #5F7433 !important; }*/ #section_446921 .title_all .section_inner,#section_459278 .title_all .section_inner { max-width: fit-content; margin-left: 16vw; } #section_446921 .title_all .text-side,#section_459278 .title_all .text-side { max-width: 850px; margin: auto; text-align: left; } @media only screen and (max-width: 1200px) { #section_446921 .title_all .section_inner ,#section_459278 .title_all .section_inner { max-width: fit-content; margin-left: 3%; } } /*************サイクル*画像***********/ .lightbox_two .image-frame-lb { width: 100%; padding-top: 94%; position: relative; } .circle_picture .section_btn .linker { display:none; } /***************建築事業*********************/ .block_circle .text-side { text-align: left; } .block_circle .text-side_thumb_inner { display: none; } .block_circle .subtitle { padding: 1rem; background-color: #F9F5C0; border-radius: 3px; margin-top: 2rem; } .block_circle .duplicatable { background-color: #fff; padding: 3rem; border-radius: 2rem; border: 10px solid #F2EEE9; } @media only screen and (max-width: 480px) { .block_circle .duplicatable { padding: 1rem; } } /******************住宅リフォームも承っています*******************/ .h4_text .section_inner { max-width: 1100px; margin-left: 10%; max-width: 700px; } /*******************不動産コンサルティング**********************/ #section_459135 .half .frame-image::before { background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/328250/optimized_HCf60f7-Tj6nF-APgNSOEA.png); } /*********************************/ #section_459248 .half .image-side_inner { padding-top: 88%; } /*******************対応エリア**********************/ .title_backcolor .text-side .headding_wrap, .title_backcolor .text-side .subtitle_wrap { background: #fff; } .title_backcolor .image-side { border: 7px solid #ffcc51; } @media only screen and (max-width: 767px) { .title_backcolor .section_inner { margin: auto; } } /********************meritto *********************/ #section_447001 .three_cards_title_sfiht .duplicatable-content .text-side h3 { width: 17rem; height: 4rem; background-size: contain; background-repeat: no-repeat; left: 0; right: 0; margin: auto; } #section_447001 .three_cards_title_sfiht .duplicatable-content:nth-child(1) .text-side h3 { background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/328648/optimized_J4zvy-tiIDlbK55aVXVYVw.png); } #section_447001 .three_cards_title_sfiht .duplicatable-content:nth-child(2) .text-side h3 { background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/328650/optimized_d5mrBfggwACHMOzfylCg-g.png); } #section_447001 .three_cards_title_sfiht .duplicatable-content:nth-child(3) .text-side h3 { background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/328651/optimized_mYUhY-eA9r7QJYei8wvBJA.png); } /**********地域会社に貢献します*********/ #section_459336 h3::before { background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/327632/optimized_wbe_yQYOcXV5rtAXjxGS9g.png); width: 18rem; height: 4rem; top: -39px; left: 0; right: 0; margin: auto; } /********************なぜ存在する******************/ @media (min-width:768px) { #section_446894 .half .image-side { width: 45%; } #section_446894 .half .image-side { width: 45%; margin: auto; } #section_446894 .half .duplicatable-content:nth-child(even) .text-side { margin-right: 0; } #section_446894 .half .duplicatable-content:nth-child(odd) .text-side { margin-left: 0; } } #section_446894 .half .duplicatable-content:not(:nth-child(1)) { margin-top: 6rem; } /**************建築事業****************/ .title_line .text-box .spacer-item_wrap:nth-child(2) { display: none; } .title_line .text-box .spacer-item_wrap { width: 100%; } .title_line .section_inner { max-width: 800px; margin: 0 auto !important; } /***************三顧のボタン**************/ .standard_content_text_dup .text-box { border: 4px solid #AACB64; border-radius: 10px; padding: 50px 20px; } #section_447000 .standard_content_text_dup .duplicatable-content::before,#section_459359 .title_sub .section_h3::before,#section_459361 .title_sub .section_h3::before,#section_459360 .title_sub .section_h3::before { width: 18rem; height: 6rem; content: ''; position: absolute; background-size: contain; background-repeat: no-repeat; } #section_447000 .standard_content_text_dup .duplicatable-content:nth-child(1)::before { background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/327628/optimized_HbPRW3fOGdJWrugGU-e0uQ.png); top: -53px; } #section_447000 .standard_content_text_dup .duplicatable-content:nth-child(2)::before { background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/327633/optimized_aTNgJzyg8Q8zXic3nl0yGg.png); top: -53px; } #section_447000 .standard_content_text_dup .duplicatable-content:nth-child(3)::before { background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/327634/optimized_EJ4yHXz9m0e0DZGTfwWUyg.png); top: -53px; } #section_459359 .title_sub .section_h3::before { background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/327628/optimized_HbPRW3fOGdJWrugGU-e0uQ.png); left:0; right:0; top: -53px; margin:auto; } #section_459360 .title_sub .section_h3::before { background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/327633/optimized_aTNgJzyg8Q8zXic3nl0yGg.png); left:0; right:0; margin:auto; top: -53px; } #section_459361 .title_sub .section_h3::before { background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/327634/optimized_EJ4yHXz9m0e0DZGTfwWUyg.png); left:0; right:0; margin:auto; top: -53px; } @media only screen and (max-width: 767px){ .standard_content_text_dup .duplicatable-container { gap: 90px; } #section_447000 .standard_content_text_dup .duplicatable-content:nth-child(2)::before { top: 32rem; } #section_447000 .standard_content_text_dup .duplicatable-content:nth-child(3)::before { top: 69rem; } } /***************四角四つ*****************/ .dia_block-row .dia_block-single_card::before, .dia_block-row .dia_block-single_card::after,.dia_block-row .dia_block-single_card_inner::before, .dia_block-row .dia_block-single_card_inner::after { content:none; } .dia_block-row .dia_block-single_card_inner { border-radius: 30%; border: 10px solid #E4D5C2; } .dia_block-row { border-radius: 30px; box-shadow: 5px 10px 10px rgba(102,68,0,0.021), 5px 10px 10px #E4D5C2; } .dia_block-row .dia_block-single_card_text { background-color: #fff; border: 10px solid #FDE9B7; border-radius: 10px; padding: 2rem 1rem !important; margin: 2rem; } .dia_block-row .dia_block-single_card_text { width: 358px; } /******************こんな方が活躍してます*******************/ .card_three .image-side { border: 8px solid #FDE9B7; border-radius: 10px; } /*********************募集要項********************/ .table_border_light .table_wrap .duplicatable-content:nth-child(n+2) { padding: 0; } .table_border_light .table_wrap .tr .th { width: 30%; background-color: #DFEDC3; } @media only screen and (max-width: 767px){ .table_border_light .table_wrap .tr .th { width: 100%; } } /*********先輩の声******************/ .half_text_scroll .image-side_inner { padding-top: 0%; } .half_text_scroll .text-side { width: 60%; margin-left: 11rem; } .half_text_scroll { width: 80vw; margin: auto; } @media only screen and (max-width: 767px){ .half_text_scroll .text-side { margin-left: 0rem; } } /*************キャリアステップ****************/ .flow_cards .image-frame-bg { background-color: #AACB64 !important; border-radius: 10px; } .flow_cards .image-side .frame-image { border-bottom: 20px solid transparent; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 22px solid #ffc332; width: 31px; height: 36px; margin: 0 auto; margin-top: 12rem; } .flow_cards .duplicatable-container { justify-content: space-evenly; } @media only screen and (max-width: 767px){ .flow_cards .image-side .frame-image { margin-top: 3rem; } .mainvisual_standard .catch{padding:unset!important;} .carousel_duplicate .carousel-next, .carousel_duplicate .carousel-prev{top:unset;bottom:12%;} } /***************施工管理は************************/ .two_cards .image-frame-bg.bottom-icon { background-color: #f0f0f0; border-radius: 20px; } /************フッター***************/ .footer_all .footer-company_second:nth-child(2) .section_btn a::before,.footer_all .footer-company_second:nth-child(2) .section_btn a::after { width: auto; height: 0; margin-right: 0; bottom: 20px; } .footer_all .footer-company_second:nth-child(2) .section_btn a::before { transform: none; } @media only screen and (min-width: 1024px){ .title_backcolor .image-side .image-frame img{height: 720px;} } @media only screen and (max-width: 1023px){ #section_446972 .title_backcolor > .spaceable{padding: 30px!important;} #section_458723 .mainvisual_standard .catch_text{line-height: 8rem!important;} } #global-nav div:not(.gnav_garden):not(.gnav_live) .section_inner { height: 100%!important; } #global-nav:not(.__settings):not(.__settings) .new_drawer_dropdown .header_logo, #global-nav:not(.__settings):not(.__settings) .new_drawer_slidein .header_logo { max-width: none!important; } #global-nav:not(.__settings):not(.__settings) .new_drawer_dropdown .header_logo img, #global-nav:not(.__settings):not(.__settings) .new_drawer_slidein .header_logo img { height: 100%!important; } @media only screen and (min-width: 1025px) { #global-nav:not(.__settings):not(.__settings) .new_drawer_dropdown div.section_inner, #global-nav:not(.__settings):not(.__settings) .new_drawer_slidein div.section_inner { padding: 0 0 0 15px!important; } } .h1_left .subtitle { /*text-shadow: 3px 2px 5px rgba(55, 21, 0, 0.75);*/ color: #35200b !important; } .h1_left .section_h3 { /* text-shadow: 3px 2px 5px rgba(55, 21, 0, 0.75);*/ color: #35200b !important; } #section_470007 .half_out_of_position .text-side .section_btn .linker{display:none;} @media only screen and (min-width: 480px){ .mainvisual_standard .catch_text br:nth-of-type(2) { display: none; } } .thanks_page .catch_text{text-align: center;} @media only screen and (max-width: 1023px){ .mainvisual_standard .catch { bottom: -2% !important; } } @media only screen and (min-width: 768px) { #section_459278 .title_section .section_h3 br{display:none;} } @media only screen and (max-width: 767.9px) { #section_459278 .title_all .section_inner { margin-left:0; } } /*20240315修正*/ .showcase_chart .showcase_chart_popnews_item_category, .elation_posts_item .elation_posts_category, .post_link_category, .breadcrumb_list .breadcrumb_item:nth-child(3), .showcase_category_wrap .showcase_category_text, .showcase_chart_item .showcase_chart_item_category, .showcase_chart .showcase_chart_sidebar h2:nth-child(1), .showcase_chart .showcase_chart_sidebar ul:nth-child(2) { display:none; } .elation_posts_section .image-side { margin-bottom: 2rem; } .new_drawer_slidein .header_logo img { object-fit: contain; max-width: 270px; } @media only screen and (min-width: 1025px) { .new_drawer_slidein .gnav_pc .gnav_items { margin-left: 2rem; } }