.h1_center{text-align:center}.h1_center .headding_wrap,.h1_center .headding{font-size:3.5rem}.h1_center .subtitle_wrap{letter-spacing:0.15em;margin-top:.5rem}.h1_center .subtitle{font-size:inherit}.h1_center .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}} .half .image-side{position:relative}.half .image-side_inner{padding-top:66%}.half .image-side .image-frame-bg{position:absolute !important;top:0;right:0;bottom:0;left:0;margin:auto}.half .text-side{position:relative}.half .text-side_inner{width:100%;position:relative;z-index:2;max-width:280px;margin:auto}.half .headding_wrap,.half .section_h3{font-size:3rem}.half .subtitle{font-size:1.1rem}.half .editable_wrap{font-size:1.5rem}.half .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.half .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.half .duplicatable-content_inner{display:flex}.half .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row-reverse}.half .duplicatable-content:nth-child(even) .text-side{padding:0 5rem 0 1.5rem}.half .image-side,.half .text-side{width:50%}.half .image-side_inner{height:100%}.half .text-side{display:flex;align-items:center;flex-direction:column;padding:0 1.5rem 0 5rem}.half .text-side .spacer-content{width:100%}.half .text-side_inner{max-width:500px}.half .section_btn{margin-left:0}.half.reverse .duplicatable-content_inner{flex-direction:row-reverse}.half.reverse .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row}.half.reverse .duplicatable-content:nth-child(even) .text-side{padding:0 1.5rem 0 5rem}.half.reverse .text-side{padding:0 5rem 0 1.5rem}.half .section_h3,.half .headding_wrap{font-size:3.5rem}.half .subtitle{font-size:1.2rem}.half .editable_wrap{font-size:1.5rem}.half .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}.half .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}} .table_border_light{font-size:1.5rem}.table_border_light .table_wrap{text-align:left}.table_border_light .table_wrap .duplicatable-content{width:100%}.table_border_light .table_wrap .duplicatable-content:nth-child(n+2){padding:2rem 0 0}.table_border_light .table_wrap .tr{width:100%;border-bottom:1px solid rgba(0,0,0,0.5)}.table_border_light .table_wrap .tr .th,.table_border_light .table_wrap .tr .td{padding:2rem 1rem;vertical-align:middle}.table_border_light .table_wrap .tr .th{padding:2rem 1rem 1rem;width:100%}@media only screen and (min-width: 768px){.table_border_light .table_wrap{width:100%}.table_border_light .table_wrap .duplicatable-content{display:table;padding:0}.table_border_light .table_wrap .tr{display:table}.table_border_light .table_wrap .tr .th,.table_border_light .table_wrap .tr .td{display:table-cell;white-space:normal}.table_border_light .table_wrap .tr .th{width:30%}.table_border_light .table_wrap .tr .td{width:70%;max-width:350px}} .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_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}} .api_map .map_area{position:relative;overflow:hidden;padding-top:57%}.api_map .map_area iframe{position:absolute;top:0;left:0}.api_map .image-side{position:relative}.api_map .overlay{display:none}@media only screen and (min-width:768px){.api_map .map_area{padding-top:50%}.api_map_wide .map_area{padding-top:27%}} .links_four .section_inner{padding-left:1rem;padding-right:1rem;text-align:center}.links_four .duplicatable{font-size:0;margin:auto;padding:0 1rem}.links_four .duplicatable-content{display:inline-block;vertical-align:middle;font-size:1.6rem;width:50%}.links_four .duplicatable-content:nth-child(n+3){margin-top:2rem}.links_four .image-frame{width:100%}.links_four .image-frame>a,.links_four .image-frame>div{max-width:200px;margin:auto}.links_four .image-frame img{width:80%;margin:auto}@media only screen and (min-width:768px){.links_four .duplicatable{padding:0}.links_four .duplicatable-content{width:25%}.links_four .duplicatable-content:nth-child(n+3){margin-top:auto}.links_four .duplicatable-content:nth-child(n+5){margin-top:4rem}} @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: YakuHanMP, 'Noto Serif', 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, serif; line-height: ; letter-spacing: em; }#section-wrapper .subtitle{ font-family: YakuHanMP, 'Noto Serif', 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, serif; line-height: ; letter-spacing: em; }#section-wrapper .letter{ font-family: YakuHanMP, 'Noto Serif', 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, 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}} /* 共通パーツ ----------------------------------------------- */ /*----------------------グローバルナビ-------------------------- */ .gnav_wide_block.gnav_draewr .gnav_container .gnav_items a{ position: relative; } .gnav_wide_block.gnav_draewr .gnav_container .gnav_items a::after{ content: ''; display: block; height: 1px; width: 0%; background: #000; position: absolute; bottom: 20px; left: 10%; transition: .3s; } .gnav_wide_block.gnav_draewr .gnav_container .gnav_items a:hover { color: #000; } .gnav_wide_block.gnav_draewr .gnav_container .gnav_items a:hover::after { width: 80%; } .gnav_wide_block.gnav_draewr .gnav_container .gnav_items li:last-child a:after { content: none; } .gnav_wide_block.gnav_draewr .gnav_container .gnav_items li:last-child{ background-color: #daa520; } @media screen and (max-width: 768px){ .gnav_wide_block.gnav_draewr .gnav_container .gnav_items a::after{ content: none; } .gnav_wide_block.gnav_draewr .gnav_container .gnav_items li:last-child{ background-color: #fff; } } /*----------------------サブタイトル-------------------------- */ #section_339808 .title_section .section_h3, #section_339724 h2.section_h2.editable.headding, #section_339736 h2.section_h2.editable.headding, #section_339815 h2.section_h2.editable.headding, #section_339757 h2.section_h2.editable.headding{ font-size: 26px !important; } #section_339808 .title_section .subtitle, #section_339724 .subtitle.editable, #section_339736 .subtitle.editable, #section_339815 .subtitle.editable, #section_339757 .subtitle.editable{ font-size: 14px; } /*----------------------ボタン_ホバーで下線のびる-------------------------- */ .section_btn .linker a{ position: relative; } .section_btn .linker a::after{ content: none; } .section_btn .linker a::before{ content: ""; position: absolute; z-index: 1; left: 50%; right: 50%; bottom: 0; background: #daa520; height: 6px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .section_btn .linker a:hover { opacity: 1; } .section_btn .linker a:hover::before{ left: 0; right: 0; } /*----------------------リンクボックス_ホバーで色広がる-------------------------- */ /*サイズ調整*/ #section_340433 .links_four .duplicatable-content, #section_340568 .links_four .duplicatable-content, #section_341292 .links_four .duplicatable-content{ width: 20%; margin: 0 15px; } #section_340433 .width-limit .section_inner, #section_340568 .width-limit .section_inner, #section_341292 .width-limit .section_inner{ max-width: 100%; } #section_340433 .duplicatable-content_inner, #section_340568 .duplicatable-content_inner, #section_341292 .duplicatable-content_inner{ width: 100%; } #section_340433 .links_four .image-frame img, #section_340568 .links_four .image-frame img, #section_341292 .links_four .image-frame img{ width: 100%; } #section_340433 .duplicatable-content, #section_340568 .duplicatable-content, #section_341292 .duplicatable-content{ position: relative; } /*after要素で文字入れ*/ #section_340433 .duplicatable-content:after, #section_340568 .duplicatable-content:after, #section_341292 .duplicatable-content:after{ position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); color: #fff; font-size: 30px; letter-spacing: 2px; font-family: YakuHanMP, 'Noto Serif', 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, serif; width: 100%; text-align: center; } #section_340433 .duplicatable-content:after, #section_340568 .duplicatable-content:after, #section_341292 .duplicatable-content:after{ pointer-events: none; } #section_340433 .duplicatable-content:first-child:after, #section_341292 .duplicatable-content:first-child:after{ content: "内装リフォーム"; } #section_340433 .duplicatable-content:nth-of-type(2):after, #section_341292 .duplicatable-content:nth-of-type(2):after{ content: "水回りリフォーム"; } #section_340433 .duplicatable-content:nth-of-type(3):after, #section_341292 .duplicatable-content:nth-of-type(3):after{ content: "外構・エクステリア"; } #section_340433 .duplicatable-content:nth-of-type(4):after, #section_341292 .duplicatable-content:nth-of-type(4):after{ content: "工事の流れ"; } #section_340568 .duplicatable-content:first-child:after{ content: "由来"; } #section_340568 .duplicatable-content:nth-of-type(2):after{ content: "こだわり"; } #section_340568 .duplicatable-content:nth-of-type(3):after{ content: "対応エリア"; } #section_340568 .duplicatable-content:nth-of-type(4):after{ content: "理念"; } /*画像を暗くする*/ #section_340433 a:after, #section_340568 a:after, #section_341292 a:after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } /*画像エリアのホバーアクション*/ #section_340433 .duplicatable .duplicatable-content .image-frame, #section_340568 .duplicatable .duplicatable-content .image-frame, #section_341292 .duplicatable .duplicatable-content .image-frame{ transition: .3s ease; } #section_340433 .duplicatable .duplicatable-content, #section_340568 .duplicatable .duplicatable-content, #section_341292 .duplicatable .duplicatable-content{ position: relative; overflow: hidden; } #section_340433 .duplicatable-content_inner a::before, #section_340568 .duplicatable-content_inner a::before, #section_341292 .duplicatable-content_inner a::before{ content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 50px 50px; border-color: transparent transparent #daa520 transparent; position: absolute; bottom: 0; right: 0; transition: .2s ease; z-index: 10; } #section_340433 .duplicatable-content_inner a:hover::before, #section_340568 .duplicatable-content_inner a:hover::before, #section_341292 .duplicatable-content_inner a:hover::before{ opacity: .6; border-width: 0px 0 600px 600px; } /*----------------------リンクボックス_ホバーで色広がる(レスポンシブ)-------------------------- */ @media screen and (max-width: 768px){ #section_339807 .half_two_image_misaligned{ padding: 5rem 0; } #section_340433 .links_four .duplicatable-content, #section_340568 .links_four .duplicatable-content, #section_341292 .links_four .duplicatable-content{ width: 90%; margin: 0 15px 30px; } } /*----------------------電話/メール-------------------------- */ #section_340860 .width-limit .section_inner, #section_341319 .width-limit .section_inner, #section_341320 .width-limit .section_inner, #section_341322 .width-limit .section_inner, #section_341323 .width-limit .section_inner, #section_341325 .width-limit .section_inner{ max-width: 100%; } #section_340860 .links_four .duplicatable-content, #section_341319 .links_four .duplicatable-content, #section_341320 .links_four .duplicatable-content, #section_341322 .links_four .duplicatable-content, #section_341323 .links_four .duplicatable-content, #section_341325 .links_four .duplicatable-content{ width: 450px; height: 200px; margin: 0 20px; position: relative; transition: .3s ease; } #section_340860 .duplicatable-content a, #section_341319 .duplicatable-content a, #section_341320 .duplicatable-content a, #section_341322 .duplicatable-content a, #section_341323 .duplicatable-content a, #section_341325 .duplicatable-content a{ width: 450px; height: 200px; max-width: 450px !important; z-index: 100; display: block; } #section_340860 .duplicatable-content:first-child, #section_341319 .duplicatable-content:first-child, #section_341320 .duplicatable-content:first-child, #section_341322 .duplicatable-content:first-child, #section_341323 .duplicatable-content:first-child, #section_341325 .duplicatable-content:first-child{ background-color: #004A80; } #section_340860 .duplicatable-content:first-child:before, #section_341319 .duplicatable-content:first-child:before, #section_341320 .duplicatable-content:first-child:before, #section_341322 .duplicatable-content:first-child:before, #section_341323 .duplicatable-content:first-child:before, #section_341325 .duplicatable-content:first-child:before{ width: 80px; height: 80px; content: ""; background-image: url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/236323/optimized_Z_88Y_Vx1V3I5XalsmuFVg.png); display: inline-block; background-size: cover; top: 35px; position: absolute; left: 50%; transform: translateX(-50%); } #section_340860 .duplicatable-content:first-child:after, #section_341319 .duplicatable-content:first-child:after, #section_341320 .duplicatable-content:first-child:after, #section_341322 .duplicatable-content:first-child:after, #section_341323 .duplicatable-content:first-child:after, #section_341325 .duplicatable-content:first-child:after{ content: "お問合せフォーム"; color: #fff; font-size: 20px; bottom: 35px; position: absolute; transform: translateX(-50%); font-family: YakuHanMP, 'Noto Serif', 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, serif; letter-spacing: 1.5px; } #section_340860 .duplicatable-content:nth-child(2), #section_341319 .duplicatable-content:nth-child(2), #section_341320 .duplicatable-content:nth-child(2), #section_341322 .duplicatable-content:nth-child(2), #section_341323 .duplicatable-content:nth-child(2), #section_341325 .duplicatable-content:nth-child(2){ background-color: #0D98A9; } #section_340860 .duplicatable-content:nth-child(2):before, #section_341319 .duplicatable-content:nth-child(2):before, #section_341320 .duplicatable-content:nth-child(2):before, #section_341322 .duplicatable-content:nth-child(2):before, #section_341323 .duplicatable-content:nth-child(2):before, #section_341325 .duplicatable-content:nth-child(2):before{ width: 80px; height: 80px; content: ""; background-image: url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/236322/optimized_JGdaB0p-H1fmAcZEi-se4A.png); display: inline-block; background-size: cover; top: 35px; position: absolute; left: 50%; transform: translateX(-50%); } #section_340860 .duplicatable-content:nth-child(2):after, #section_341319 .duplicatable-content:nth-child(2):after, #section_341320 .duplicatable-content:nth-child(2):after, #section_341322 .duplicatable-content:nth-child(2):after, #section_341323 .duplicatable-content:nth-child(2):after, #section_341325 .duplicatable-content:nth-child(2):after{ content: "お電話はこちら"; color: #fff; font-size: 20px; bottom: 35px; position: absolute; transform: translateX(-50%); font-family: YakuHanMP, 'Noto Serif', 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, serif; letter-spacing: 1.5px; } #section_340860 .links_four .image-frame img, #section_341319 .links_four .image-frame img, #section_341320 .links_four .image-frame img, #section_341322 .links_four .image-frame img, #section_341323 .links_four .image-frame img, #section_341325 .links_four .image-frame img{ display: none; } #section_340860 .duplicatable-content:first-child:hover, #section_340860 .duplicatable-content:nth-child(2):hover, #section_341319 .duplicatable-content:first-child:hover, #section_341319 .duplicatable-content:nth-child(2):hover, #section_341320 .duplicatable-content:first-child:hover, #section_341320 .duplicatable-content:nth-child(2):hover, #section_341322 .duplicatable-content:first-child:hover, #section_341322 .duplicatable-content:nth-child(2):hover, #section_341323 .duplicatable-content:first-child:hover, #section_341323 .duplicatable-content:nth-child(2):hover, #section_341325 .duplicatable-content:first-child:hover, #section_341325 .duplicatable-content:nth-child(2):hover{ transform: translateY(-10px); } #section_340860 .duplicatable-content a, #section_341319 .duplicatable-content a, #section_341320 .duplicatable-content a, #section_341322 .duplicatable-content a, #section_341323 .duplicatable-content a, #section_341325 .duplicatable-content a{ display: block; width: 450px; max-width: 450px; height: 200px; cursor: pointer; } /*----------------------電話/メール(レスポンシブ)-------------------------- */ @media screen and (max-width: 768px){ #section_340860 .links_four .duplicatable, #section_341319 .links_four .duplicatable, #section_341320 .links_four .duplicatable, #section_341322 .links_four .duplicatable, #section_341323 .links_four .duplicatable, #section_341325 .links_four .duplicatable{ padding: 0; } #section_340860 .links_four .duplicatable-content, #section_341319 .links_four .duplicatable-content, #section_341320 .links_four .duplicatable-content, #section_341322 .links_four .duplicatable-content, #section_341323 .links_four .duplicatable-content, #section_341325 .links_four .duplicatable-content{ width: 300px; height: 150px; margin: 20px auto; } #section_340860 .duplicatable-content:first-child:before, #section_341319 .duplicatable-content:first-child:before, #section_341320 .duplicatable-content:first-child:before, #section_341322 .duplicatable-content:first-child:before, #section_341323 .duplicatable-content:first-child:before, #section_341325 .duplicatable-content:first-child:before{ width: 60px; height: 60px; top: 30px; } #section_340860 .duplicatable-content:first-child:after, #section_341319 .duplicatable-content:first-child:after, #section_341320 .duplicatable-content:first-child:after, #section_341322 .duplicatable-content:first-child:after, #section_341323 .duplicatable-content:first-child:after, #section_341325 .duplicatable-content:first-child:after{ font-size: 18px; bottom: 30px; width: 100%; } #section_340860 .duplicatable-content:nth-child(2):before, #section_341319 .duplicatable-content:nth-child(2):before, #section_341320 .duplicatable-content:nth-child(2):before, #section_341322 .duplicatable-content:nth-child(2):before, #section_341323 .duplicatable-content:nth-child(2):before, #section_341325 .duplicatable-content:nth-child(2):before{ width: 60px; height: 60px; top: 30px; } #section_340860 .duplicatable-content:nth-child(2):after, #section_341319 .duplicatable-content:nth-child(2):after, #section_341320 .duplicatable-content:nth-child(2):after, #section_341322 .duplicatable-content:nth-child(2):after, #section_341323 .duplicatable-content:nth-child(2):after, #section_341325 .duplicatable-content:nth-child(2):after{ font-size: 18px; bottom: 30px; width: 100%; } #section_340860 .duplicatable-content a, #section_341319 .duplicatable-content a, #section_341320 .duplicatable-content a, #section_341322 .duplicatable-content a, #section_341323 .duplicatable-content a, #section_341325 .duplicatable-content a{ display: block; width: 300px; max-width: 300px; height: 150px; cursor: pointer; } } /*----------------------タイトルに下線-------------------------- */ #section_339813 h3.section_h3.editable.headding, #section_339739 h3.section_h3.editable.headding, #section_339786 h3.section_h3.editable.headding, #section_339742 h3.section_h3.editable.headding, #section_339845 h3.section_h3.editable.headding{ position: relative; z-index: 100; font-size: 2.5rem; } #section_339813 .title_line_wide .headding_wrap, .title_line_wide .headding{ font-size: 2.5rem; } #section_339813 h3.section_h3.editable.headding, #section_339739 h3.section_h3.editable.headding, #section_339786 h3.section_h3.editable.headding, #section_339742 h3.section_h3.editable.headding, #section_339845 h3.section_h3.editable.headding{ display: inline; } #section_339813 h3.section_h3.editable.headding span, #section_339739 h3.section_h3.editable.headding span, #section_339786 h3.section_h3.editable.headding span, #section_339742 h3.section_h3.editable.headding span, #section_339845 h3.section_h3.editable.headding span{ background-image: linear-gradient(0deg, #dcbb94a3 30%, transparent 30%); display: inline; transform: skewX(-10deg); transition: .8s ease-in; position: relative; } #section_339845 h3.section_h3.editable.headding:before{ animation: border_anim 3s linear forwards; } @keyframes border_anim { 0%{ width: 0%; } 100%{ width: 100%; } } /* TOPページ ----------------------------------------------- */ /*----------------------MV-------------------------- */ .mainvisual_responsive_slider .catch_text { font-size: 4.5rem; letter-spacing: 3px; } .mainvisual_responsive_slider .catch_subtext { font-size: 2rem; letter-spacing: 2.5px; } /*----------------------Blog/Works-------------------------- */ #section_339794 h3, #section_339795 h3{ position: relative; display: inline-block; padding: 0 100px; } #section_339794 h3:before, #section_339795 h3:before{ content: ''; position: absolute; top: 50%; left: 0; display: inline-block; width: 60px; height: 1px; background-color: #333; } #section_339794 h3:after, #section_339795 h3:after{ content: ''; position: absolute; top: 50%; right: 0; display: inline-block; width: 60px; height: 1px; background-color: #333; } #section_339794 .subtitle, #section_339795 .subtitle{ color: #daa520; font-size: .8em; } #section_339796 .section_btn a, #section_339797 .section_btn a{ background-color: #333; } /* TOPページ_レスポンシブ ----------------------------------------------- */ @media screen and (max-width: 768px){ /*----------------------MV-------------------------- */ .mainvisual_responsive_slider .catch_text{ font-size: 5.5vw; } .mainvisual_responsive_slider .catch_subtext{ font-size: 3vw; } /*----------------------MV下-------------------------- */ #section_339808 .title_section .section_h3{ font-size: 4.5vw; } #section_339808 .title_section .subtitle{ font-size: 4vw; } } /*テスト*/ .title_sub .section_h3:not(#section_339663 .title_sub .section_h3)::before, .title_sub .section_h3:not(#section_339663 .title_sub .section_h3)::after{ content: ""; height: 1px; width: 36%; flex-grow: 1; } .title_sub .section_h3::before{ margin-right: var(--headding-gap); background: linear-gradient(250deg, #8c8861 20%, transparent 40%); } .title_sub .section_h3::after{ margin-left: var(--headding-gap); background: linear-gradient(150deg, #8c8861 20%, transparent 40%); } .title_sub .section_h3{ display: flex; align-items: center; justify-content: center; --headding-gap: 4rem; } /* 法人のお客様ページ ----------------------------------------------- */ #section_339724 #section-wrapper .headding, #section_339813 #section-wrapper .headding{ font-size: 2.5rem !important; } #section_339730 .fit_card_three_image .text-side_image .image-frame-bg{ padding-top: 0; } #section_339730 .text-side_inner .spacer-content{ padding-bottom: 20px !important; } #section_339730 .frame-image{ background-image: none !important; } /* 個人のお客様ページ ----------------------------------------------- */ #section_339736 #section-wrapper .headding{ font-size: 2.5rem !important; } /* グッドスリーウェイとはページ ----------------------------------------------- */ #section_339761 .frame-image{ background-image: none !important; }