.mainvisual_work{position:relative;height:100vh}.mainvisual_work .section_inner{height:100%;width:100%;position:absolute;top:0}.mainvisual_work .image-side{position:absolute;top:0;height:100%;width:100%}.mainvisual_work .swiper-wrapper{height:100%}.mainvisual_work .swiper-slide{height:100%;position:relative;overflow:hidden}.mainvisual_work .swiper-slide img{height:100vh;width:auto;max-width:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mainvisual_work .catch{width:90%;text-align:center;padding:0 1.5rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1.4;z-index:1;font-family:"Playfair Display"}.mainvisual_work .catch .image-frame{width:100%;max-width:150px;margin:0 auto 1rem}.mainvisual_work .catch .image-frame img{width:100%}.mainvisual_work .catch_text{font-size:3.5rem;letter-spacing:.3em;margin-bottom:1.5rem}.mainvisual_work .catch_subtext{font-size:1.3rem;letter-spacing:.3em}.mainvisual_work .headding_wrap{font-size:3.5rem}.mainvisual_work .subtitle_wrap{font-size:1.3rem}.mainvisual_work .one_page_scroll_btn{position:absolute;z-index:1;bottom:0;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);text-transform:uppercase;background-color:transparent;width:60px;height:auto;text-align:center;color:#fff;font-size:1rem;padding-bottom:4rem;cursor:pointer;overflow:hidden;letter-spacing:2px}.mainvisual_work .one_page_scroll_btn span{-webkit-transform:translate(0,0);transform:translate(0,0);width:1px;height:60px;position:absolute;top:auto;left:50%;bottom:0;background-color:#fff;display:block}@-webkit-keyframes down{0%,100%,40%{-webkit-transform:translate(0,0);transform:translate(0,0);height:60px}80%{-webkit-transform:translate(0,60px);transform:translate(0,60px);height:0}90%{-webkit-transform:translate(0,-60px);transform:translate(0,-60px);height:0}}@keyframes down{0%,100%,40%{-webkit-transform:translate(0,0);transform:translate(0,0);height:60px}80%{-webkit-transform:translate(0,60px);transform:translate(0,60px);height:0}90%{-webkit-transform:translate(0,-60px);transform:translate(0,-60px);height:0}}.mainvisual_work .swiper-pagination{width:auto;position:absolute;right:10px;left:auto}.mainvisual_work .swiper-pagination-bullet{opacity:1;background:#fff;width:6px;height:6px;margin:0 7px;vertical-align:middle}.mainvisual_work .swiper-pagination-bullet-active{background:0 0;border:2px solid #fff;width:12px;height:12px}@media only screen and (min-width:1025px){.mainvisual_work .swiper-slide img{width:120%;height:auto}.mainvisual_work .catch_text{font-size:5rem;letter-spacing:15px}.mainvisual_work .headding_wrap{font-size:5rem}.mainvisual_work .one_page_scroll_btn{padding-bottom:7rem}.mainvisual_work .one_page_scroll_btn span{height:60px;-webkit-animation:down 3s ease-in;animation:down 3s ease-in;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}} .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}} @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 Japanese", "Helvetica Neue", Lato, "Droid Sans", "Hiragino Kaku Gothic ProN", eatYuG, Meiryo, sans-serif; line-height: ; letter-spacing: em; }#section-wrapper .subtitle{ font-family: YakuHanJP, "Noto Sans Japanese", "Helvetica Neue", Lato, "Droid Sans", "Hiragino Kaku Gothic ProN", eatYuG, Meiryo, sans-serif; line-height: ; letter-spacing: em; }#section-wrapper .letter{ font-family: YakuHanJP, "Noto Sans Japanese", "Helvetica Neue", Lato, "Droid Sans", "Hiragino Kaku Gothic ProN", 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}} /* body, h1, h2, h3, h4, div, p, a{ font-family: YakuHanMP, "Noto Serif", "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, serif !important; color: #000 !important; } */ /* h1, h2, h3{ font-weight: bold !important; } */ #section-wrapper, .section_h3, .section_name div[class^="subtitle"] { color: #000; } #section-wrapper .headding { font-weight: bold; } #section-wrapper .editable, .gnav_pc .gnav_items li a { font-family: YakuHanMP, "Noto Serif", "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, serif; } /* .section_btn .linker a { font-family: YakuHanMP, "Noto Serif", "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, serif !important; } */ .editable a { color: inherit; } .catchcopy_06 .paper{ opacity: 0.8; } .half_grid .text-side .open-btn-wrap{ color: #fff !important; } #global-nav .gnav .header_logo img{ max-height: 60px; } /* ボタン ----------------------------*/ .gnav_pc .gnav_items li:last-child a { background-color: #D31010 !important; color: #fff !important; } .section_btn .linker a, .section_name .section_btn input{ /*color: #D31010 !important;*/ font-size: 1.8rem; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; /*background-color: inherit !important;*/ line-height: 5rem; text-transform: uppercase; transition: all 0.3s ease 0s; position: relative; z-index: 1; /*border: 2px solid #D31010 !important;*/ cursor: pointer; /*border-radius: 0 !important;*/ } @media only screen and (min-width: 1048px){ .section_btn .linker:hover a{ color: #fff !important; opacity: 1; text-shadow:1px 1px 2px #000; } .section_btn .linker a::after{ content: ''; position: absolute; z-index: -1; display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0%; height: 100%; top: 0; left: 0; /*background: #D31010;*/ background: #eee; } .section_btn .linker:hover a::after{ width: 100%; } } @media only screen and (min-width: 768px){ .gnav_pc .gnav_items li a{ padding: 0.5rem 1rem !important; transition: 0.3s } .gnav_pc .gnav_items li:hover a{ border: 3px solid #D31010 !important; opacity: 1; font-size: 1.4rem; } .gnav_pc .gnav_items li a:before{ display: none; } } #footer-section .footer_menu .back-top{ background-color: #D31010; border-radius: 0; border: none; } #footer-section .footer_menu .back-top .arrow:before{ color: #fff; } @media only screen and (min-width: 768px){ .gnav_pc .gnav_items li a{ padding: 0.5rem 1rem !important; transition: 0.3s } .gnav_pc .gnav_items li:hover a{ border-bottom: 3px solid #eb2935 !important; color: #eb2935; opacity: 1; font-size: 1.4rem; } .gnav_pc .gnav_items li a:before{ display: none; } } .form_area .send_btn .section_btn input { background-color: #D31010; } /* 背景 ----------------------------*/ /* グレー */ #section_71710, #section_71606, #section_71679, #section_71680, #section_71687, #section_71497, #section_71498, #section_71560, #section_71497, #section_71498{ background: url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/27517/optimized_dlXCBobztSbILe6uUznTow.png) !important; } /* 白 */ #section_71712, #section_71713, #section_71704, #section_71706, #section_71559, #section_71617, #section_71688, #section_71681, #section_71630, #section_71619 .color-bg, #section_71632 .color-bg, #section_71642 .color-bg, #section_71643 .color-bg, #section_71646 .color-bg, #section_71651 .color-bg, #section_71652 .color-bg, #section_71653 .color-bg, #section_71654 .color-bg, #section_71510, #section_71517 .color-bg, #section_71514, #section_71513, #section_71496, #section_71495, #section_71690, #section_71694 .color-bg, #section_71618{ background: url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/27495/optimized_-x8OIjIzlisDyNWBDeT6oA.png) !important; } /* 木目 */ #section_71710, #section_71490, #section_71493, #section_71557, #section_71606,#section_119486 { background: url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/27499/optimized_m6YQTWHSGexTGk-gup9VNg.png) !important; background-size: contain; } #section_71710 .section_name, #section_71490 .section_name, #section_71493 .section_name, #section_71557 .section_name, #section_71606 .section_name,#section_119486 .section_name { background: rgba(255,255,255,0.5) !important; } /* 工事の流れ ----------------------------*/ @media only screen and (max-width: 768px){ .title_line_wide_light .section-animation-wrap .element-1{ width: 100px !important; height: 100px !important; left: 20px; } .title_line_wide_light .section-animation-wrap .element-2{ top: 98px !important; left: 70px !important; } #section_71619 .title_line_wide_light .section-animation-wrap .element-3, #section_71642 .title_line_wide_light .section-animation-wrap .element-3, #section_71646 .title_line_wide_light .section-animation-wrap .element-3, #section_71652 .title_line_wide_light .section-animation-wrap .element-3, #section_71654 .title_line_wide_light .section-animation-wrap .element-3{ top: 137px; left: 70px; width: 78% !important; } #section_71619 .title_line_wide_light .section-animation-wrap .element-4, #section_71642 .title_line_wide_light .section-animation-wrap .element-4, #section_71646 .title_line_wide_light .section-animation-wrap .element-4, #section_71652 .title_line_wide_light .section-animation-wrap .element-4, #section_71654 .title_line_wide_light .section-animation-wrap .element-4{ top: 138px !important; left: calc( 80% + 68px) !important; height: 106px !important; } .title_line_wide_light .section-animation-wrap .element-5{ top: 217px !important; left: calc( 80% + 56px) !important; height: 25px !important; width: 25px !important; } .title_line_wide_light.reverse .section-animation-wrap .element-1{ left: auto; right: 3% !important; width: 100px !important; height: 100px !important; } .title_line_wide_light.reverse .section-animation-wrap .element-2{ top: 98px !important; left: auto !important; right: 10% !important; } .title_line_wide_light.reverse .section-animation-wrap .element-3{ top: 137px !important; left: auto !important; right: 10% !important; height: 2px !important; width: 60% !important; } .title_line_wide_light.reverse .section-animation-wrap .element-4{ top: 137px !important; left: 15% !important; height: 135px !important; } .title_line_wide_light.reverse .section-animation-wrap .element-5{ top: 245px !important; left: calc( 10% + 6px) !important; height: 25px !important; width: 25px !important; } } @media only screen and (max-width: 375px){ #section_71619 .title_line_wide_light .section-animation-wrap .element-3, #section_71642 .title_line_wide_light .section-animation-wrap .element-3, #section_71646 .title_line_wide_light .section-animation-wrap .element-3, #section_71652 .title_line_wide_light .section-animation-wrap .element-3, #section_71654 .title_line_wide_light .section-animation-wrap .element-3{ width: 65% !important; } #section_71619 .title_line_wide_light .section-animation-wrap .element-4, #section_71642 .title_line_wide_light .section-animation-wrap .element-4, #section_71646 .title_line_wide_light .section-animation-wrap .element-4, #section_71652 .title_line_wide_light .section-animation-wrap .element-4, #section_71654 .title_line_wide_light .section-animation-wrap .element-4{ left: calc( 65% + 68px) !important; } #section_71619 .title_line_wide_light .section-animation-wrap .element-5, #section_71642 .title_line_wide_light .section-animation-wrap .element-5, #section_71646 .title_line_wide_light .section-animation-wrap .element-5, #section_71652 .title_line_wide_light .section-animation-wrap .element-5, #section_71654 .title_line_wide_light .section-animation-wrap .element-5{ left: calc( 65% + 56px) !important; } #section_71632 .title_line_wide_light .section-animation-wrap .element-1, #section_71643 .title_line_wide_light .section-animation-wrap .element-1, #section_71651 .title_line_wide_light .section-animation-wrap .element-1, #section_71653 .title_line_wide_light .section-animation-wrap .element-1{ right: calc( 100% - 355px) !important; } #section_71632 .title_line_wide_light .section-animation-wrap .element-2, #section_71643 .title_line_wide_light .section-animation-wrap .element-2, #section_71651 .title_line_wide_light .section-animation-wrap .element-2, #section_71653 .title_line_wide_light .section-animation-wrap .element-2{ right: calc( 100% - 305px) !important; } #section_71632 .title_line_wide_light .section-animation-wrap .element-3, #section_71643 .title_line_wide_light .section-animation-wrap .element-3, #section_71651 .title_line_wide_light .section-animation-wrap .element-3, #section_71653 .title_line_wide_light .section-animation-wrap .element-3{ width: 66% !important; right: calc( 100% - 305px) !important; } #section_71632 .title_line_wide_light .section-animation-wrap .element-4, #section_71643 .title_line_wide_light .section-animation-wrap .element-4, #section_71651 .title_line_wide_light .section-animation-wrap .element-4, #section_71653 .title_line_wide_light .section-animation-wrap .element-4{ right: calc( 65% - -67px) !important; } #section_71632 .title_line_wide_light .section-animation-wrap .element-5, #section_71643 .title_line_wide_light .section-animation-wrap .element-5, #section_71651 .title_line_wide_light .section-animation-wrap .element-5, #section_71653 .title_line_wide_light .section-animation-wrap .element-5{ right: calc( 65% - -55px) !important; } } @media only screen and (min-width: 768px){ .title_line_wide.title_line_wide_light.title_line_wide.reverse.section_name .section-animation-wrap .element-1{ left: auto; right: 2%; } .title_line_wide.title_line_wide_light.title_line_wide.reverse.section_name .section-animation-wrap .element-2{ left: auto; right: 12%; } .title_line_wide.title_line_wide_light.title_line_wide.reverse.section_name .section-animation-wrap .element-3{ left: auto; right: 12%; width: 78%; } } /* 余白調整 ----------------------------*/ #section_71236 .title_text .text-side{ width: 80%; } @media only screen and (min-width: 768px){ #section_71712, #section_71490, #section_71559, #section_71630, #section_71678, #section_71690, #section_71510{ padding-top: 50px; } #section_71710{ padding-top: 30px; } #section_71713{ padding-bottom: 30px; } #section_71706, #section_71618, #section_71680, #section_71681, #section_71654 .color-bg{ padding-bottom: 50px; } #section_71487, #section_71515, #section_71494, #section_71554, #section_71553, #section_71506{ padding-bottom: 20px; } #section_71495, #section_71498, #section_71513{ padding-bottom: 100px; } #section_71557, #section_71606, #section_71687{ padding: 100px 0; } } @media only screen and (max-width: 768px){ #section_71710 .card_two .section-content{ margin-bottom: 5rem; } #section_71706{ padding: 30px; } #section_71559 .spacer-item{ padding: 0; } #section_71553, #section_71618, #section_71681{ padding-bottom: 30px; } #section_71678{ padding-top: 30px; } #section_71678 .spaceable-bottom{ padding: 0; } #section_71517 .carousel .carousel-container{ padding: 0; } #section_71514{ margin-top: -120px; } } @media only screen and (max-width: 1200px){ .half_grid .section_h3{ font-size: 1.7rem; } .half_grid .text-side .open-btn-wrap .open-btn{ width: 80%; height: 80%; margin: auto; padding-top: 4px; } #global-nav .gnav_pc .gnav_items li{ padding: 0; font-size: 0.6rem; } #global-nav .gnav_pc .gnav_items li a{ font-size: 0.6rem; } } .mainvisual_standard .catch { text-shadow: 3px 3px 2px black; } #section_118209 .image-side .frame-image,#section_118212 .image-side .frame-image,#section_118257 .image-side .frame-image,#section_118272 .image-side .frame-image { border: solid 1px #999; } .animation-fade .flamingo-slider-slide { animation-duration:30s !important; } .animation-fade .flamingo-slider-slide:nth-child(1) { animation-delay: 0s !important; } .animation-fade .flamingo-slider-slide:nth-child(2) { animation-delay: 5s !important; } .animation-fade .flamingo-slider-slide:nth-child(3) { animation-delay: 10s !important; } .animation-fade .flamingo-slider-slide:nth-child(4) { animation-delay: 15s !important; } .animation-fade .flamingo-slider-slide:nth-child(5) { animation-delay: 20s !important; } .animation-fade .flamingo-slider-slide:nth-child(6) { animation-delay: 25s !important; } .blog_list .article-date,.standard_subtitle_blog .post_date,.blog_standerd li .blog_text .text_wrap .date { display:none; } /*お問い合わせボタン*/ .section_name.blog_temp_section .banner_text ._color_ , .showcase_chart .banner_text ._color_ , .blog_posts .banner_text ._color_ { color: rgb(235, 41, 53)!important; } .section_name.blog_temp_section .banner_text .banner_link, .showcase_chart .banner_text .banner_link, .blog_posts .banner_text .banner_link { background-color:rgb(235, 41, 53)!important; color: rgb(255,255,255) !important; } @media (max-width:1440px) and (min-width:1025px) { .fixed .gnav_pc .gnav_items li:last-child, .gnav_pc .gnav_items li:last-child { width: 150px; margin-left: 1rem; } #global-nav .gnav .header_logo img { max-height: 50px; } #global-nav .gnav_pc .gnav_items li a { font-size: 1.1rem; } .gnav_pc .gnav_items li { padding: 0 1rem; } } @media only screen and (min-width: 1025px){ .gnav_pc .header { left: 0px; } } .section_btn .linker a, .section_name .section_btn input{text-transform: unset;} @media only screen and (min-width: 768px){ .multiple_btn .duplicatable-content {width: 20%;} .multiple_btn .duplicatable-content:nth-child(n+5){margin-top: unset;} } #section_296097 .multiple_btn .section_inner .duplicatable-content:not(:last-child) .section_btn .linker a{background: transparent;border-right: unset!important;} #section_296097 .multiple_btn .section_inner{padding-left:unset;padding-right: unset;} #section_296529 .half_wide_limited_height .text-side::before{ content: 'piatto'; font-size: 16rem; font-weight: bold; color: #eee; position: absolute; top: -45%; left: 5%; width: 500px; display: block; } #section_296530 .half_wide_limited_height .text-side::before{ content: 'amare'; font-size: 16rem; font-weight: bold; color: #eee; position: absolute; top: -45%; right: 5%; width: 500px; display: block; } #section_296530 .half_wide_limited_height .text-side{ background: #fff;} #section_296533 .half_wide_limited_height .text-side::before{ content: 'basso'; font-size: 16rem; font-weight: bold; color: #eee; position: absolute; top: -45%; right: 5%; width: 500px; display: block; } @media only screen and (min-width: 768px){ #section_301087 .duplicatable-content:nth-child(even){margin-top: 80px;} #section_301087 .duplicatable-content{padding: 1%;} #section_296529 .half_wide_limited_height .text-side{ position: absolute; /* background: #eee;*/ left: 0; top: -80px; border: solid 1px #ddd; } .motion_mainvisual .motion_mainvisual_bg_text_body .motion_mainvisual_bg_text{font-size: 10rem;} #section_296529 .half_wide_limited_height, #section_296530 .half_wide_limited_height, #section_296533 .half_wide_limited_height{padding-top: 135px;} #section_296530 .half_wide_limited_height .text-side, #section_296533 .half_wide_limited_height .text-side{ position: absolute; right: 0; top: -80px; border: solid 1px #ddd; } #section_296536 .title_icon .spaceable-bottom, #section_296101 .lightbox_two .spaceable-bottom, #section_296093 .lightbox_two .spaceable-bottom{margin-bottom:140px!important;} } #section_296540 .standard_content_dup .duplicatable-content .image-side{display:none;} #section_296540 .standard_content_dup .duplicatable-content .duplicatable-content_inner{ border: solid 1px #999; background: #fff; padding: 20px 20px 0; min-height: 420px; } #section_296540 .standard_content_dup .duplicatable-content{box-shadow: 8px 8px 1px #d7cbb8;} @media only screen and (max-width: 460px){ #section_296529 .half_wide_limited_height .spaceable-top, #section_296530 .half_wide_limited_height .spaceable-top, #section_296533 .half_wide_limited_height .spaceable-top {display:none;} #section_296529 .half_wide_limited_height .text-side::before, #section_296530 .half_wide_limited_height .text-side::before, #section_296533 .half_wide_limited_height .text-side::before{ font-size: 10rem; width: 100vw; text-align: center; left: 0; } .motion_mainvisual .motion_mainvisual_bg_text_body .motion_mainvisual_bg_text{font-size: 15vw;} #section_298218 .title_icon .image-frame img, #section_296537 .title_icon .image-frame img{width: 70%;} .motion_mainvisual .motion_mainvisual_bg_text_body{width: 100vw;text-align: center;} .motion_mainvisual_text_body .motion_mainvisual_text{font-size:4rem;} .title_section .subtitle,.carousel_blocks_move .subtitle {font-size: 1.6rem;} } @media only screen and (max-width: 767px){ .multiple_btn .duplicatable-content{ width: 44%; display: inline-block; vertical-align: unset; margin: 5px 2%; } } @media only screen and (max-width: 767px){ #section_296097 .multiple_btn .section_inner .duplicatable-content:not(:last-child) .section_btn .linker a { border: solid 1px rgb(35 35 35 / 90%) !important; } } /* 指定セクション ID: 708814 のカスタマイズ */ /* 1. 全体のレイアウトを横並びに変更 */ #section_708814 .text-side { display: flex !important; flex-direction: row !important; /* 横並びにする */ justify-content: space-between !important; /* 左右に分散配置 */ align-items: center !important; /* 垂直方向の中央揃えに変更 */ width: 100% !important; max-width: 1100px !important; /* 少し幅を広げて調整 */ margin: 0 auto !important; /* 中央に配置 */ float: none !important; /* 既存のフロート設定を解除 */ } /* 2. タイトル部分の幅と調整 */ #section_708814 .title-box { width: 40% !important; /* 左側の幅 */ text-align: left !important; margin: 0 !important; } /* 3. 本文部分の幅と調整（枠線を消す） */ #section_708814 .text-box { width: 50% !important; /* 右側の幅 */ text-align: left !important; border: none !important; /* 枠線を消す */ box-shadow: none !important; /* 影を消す */ background: transparent !important; /* 背景色を透明にする */ padding: 0 !important; /* 余計な余白をリセット */ } /* 4. 本文背景要素の無効化 */ #section_708814 .text-box_bg, #section_708814 .image-frame-bg { display: none !important; /* 背景枠用の要素自体を非表示に */ } /* 5. 内部スペーサーの影響をリセット（高さのズレを解消） */ #section_708814 .spacer-item, #section_708814 .spacer-item_wrap { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 10px !important; /* 要素間の最低限の隙間だけ確保 */ } /* 6. ボタンの配置調整 */ #section_708814 .section_btn { text-align: left !important; margin-top: 20px !important; } /* 7. モバイル表示時は縦並びに戻す */ @media screen and (max-width: 767px) { #section_708814 .text-side { flex-direction: column !important; align-items: flex-start !important; } #section_708814 .title-box, #section_708814 .text-box { width: 100% !important; margin-bottom: 30px !important; } } /* 指定セクション ID: 708814 のカスタマイズ（既存） */ #section_708814 .text-side { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; max-width: 1100px !important; margin: 0 auto !important; float: none !important; } #section_708814 .title-box { width: 40% !important; text-align: left !important; margin: 0 !important; } #section_708814 .text-box { width: 50% !important; text-align: left !important; border: none !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; } #section_708814 .text-box_bg, #section_708814 .image-frame-bg { display: none !important; } #section_708814 .spacer-item, #section_708814 .spacer-item_wrap { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 10px !important; } #section_708814 .section_btn { text-align: left !important; margin-top: 20px !important; } /* PC版（1025px以上）のみに適用するスタイル */ @media only screen and (min-width: 1025px) { /* 1. 全体の高さを大幅にアップ */ #section_708816 .half_content { display: flex !important; min-height: 800px !important; /* 縦の長さをここで調整 */ background-color: #fff !important; position: relative !important; overflow: hidden !important; } /* 2. 写真側の面積を広げる（テキスト35%：画像65%） */ #section_708816 .text-side { flex: 0 0 35% !important; display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 60px 40px !important; z-index: 10 !important; } #section_708816 .image-side { flex: 0 0 65% !important; margin-left: -5% !important; /* テキスト側に食い込ませて面積を稼ぐ */ position: relative !important; z-index: 5 !important; min-height: 100% !important; /* きれいな1本の斜めライン。上部の欠けを防ぐため polygon を最適化 */ clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%) !important; -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%) !important; } /* 3. 画像の表示設定（隙間を完全に埋める） */ #section_708816 .image-side_inner, #section_708816 .image-frame-bg, #section_708816 .frame-image { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-size: cover !important; background-position: center !important; border: none !important; } /* 4. 二重線の原因となるテンプレート特有の装飾を非表示に */ #section_708816 .half_content::before, #section_708816 .half_content::after, #section_708816 .image-side::before, #section_708816 .image-side::after, #section_708816 .image-side_inner::before { display: none !important; content: none !important; } } /* 1024px以下のモバイル・タブレット環境では、 上記の設定が一切適用されないため、 テンプレート標準のレスポンシブデザイン（元の形）に戻ります */ /* 1. 親要素に基準点を設定 */ #section_709553 .tree_products_block_text-side { position: relative; /* 必要に応じて padding を入れて、背景色が見えるスペースを作ってください */ } /* 2. セレクタの間にスペースを入れ、displayを追加 */ #section_709553 .tree_blocks_misaligned .tree_products_block_text-side::before { content: ""; display: block; /* これがないと表示されないことがあります */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #e21804; z-index: 0; /* 背面に配置 */ } /* 3. 中のテキストが背景に埋もれないようにする */ #section_709553 .tree_products_block_text-side .tree_products_block_text_block { position: relative; z-index: 1; }