.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_line_wide .text-side{text-align:left}.title_line_wide .subtitle{letter-spacing:0px;color:#000;font-family:YakuHanJP, Lato, 'Droid Sans', 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', eatYuG, Meiryo, sans-serif}.title_line_wide .section_h3{font-family:YakuHanMP, 'Playfair Display', 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, serif;word-wrap:break-word;font-weight:bold;letter-spacing:1.8px;font-size:3.6rem;text-align:center}.title_line_wide .headding_wrap,.title_line_wide .headding{font-size:2.5rem}.title_line_wide .subtitle_wrap,.title_line_wide .subtitle{font-size:1.1rem;text-align:center}.title_line_wide .text-box{margin-top:50px}.title_line_wide .text-box .editable_wrap{font-size:1.6rem;color:#000}.title_line_wide .text-box .editable_wrap_title{text-align:center;font-size:2rem;color:#333;font-weight:bold}@media only screen and (min-width: 768px){.title_line_wide .section_h3{text-align:left}.title_line_wide .text-side{display:flex}.title_line_wide .title-box{width:35%;padding-right:2rem}.title_line_wide .text-box{width:65%}.title_line_wide .text-box .spacer-item_wrap{width:100%}.title_line_wide .headding_wrap,.title_line_wide .headding{font-size:3rem}.title_line_wide .subtitle_wrap,.title_line_wide .subtitle{font-size:1.6rem;text-align:left}.title_line_wide .text-box .editable_wrap{font-size:1.5rem}.title_line_wide .text-box .editable_wrap_title{text-align:left}.title_line_wide .section_btn{margin-bottom:40px;float:right}.title_line_wide .section_btn a{font-family:YakuHanJP, Lato, 'Droid Sans', 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', eatYuG, Meiryo, sans-serif}} .half_limited_height .image-side{position:relative}.half_limited_height .image-side_inner{padding-top:66%}.half_limited_height .image-side .image-frame-bg{position:absolute !important;top:0;right:0;bottom:0;left:0;margin:auto}.half_limited_height .text-side{position:relative}.half_limited_height .text-side_inner{width:100%;position:relative;z-index:2;max-width:280px;margin:auto}.half_limited_height .headding_wrap,.half_limited_height .section_h3{font-size:3rem}.half_limited_height .subtitle{font-size:1.1rem}.half_limited_height .editable_wrap{font-size:1.5rem}.half_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.half_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.half_limited_height .duplicatable-content_inner{display:flex}.half_limited_height .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row-reverse}.half_limited_height .duplicatable-content:nth-child(even) .text-side{padding:0 5rem 0 1.5rem}.half_limited_height .image-side,.half_limited_height .text-side{width:50%}.half_limited_height .image-side{max-height:330px}.half_limited_height .image-side_inner{height:100%}.half_limited_height .text-side{display:flex;align-items:center;flex-direction:column;padding:0 1.5rem 0 5rem}.half_limited_height .text-side .spacer-content{width:100%}.half_limited_height .text-side_inner{max-width:500px}.half_limited_height .section_btn{margin-left:0}.half_limited_height.reverse .duplicatable-content_inner{flex-direction:row-reverse}.half_limited_height.reverse .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row}.half_limited_height.reverse .duplicatable-content:nth-child(even) .text-side{padding:0 1.5rem 0 5rem}.half_limited_height.reverse .text-side{padding:0 5rem 0 1.5rem}.half_limited_height .section_h3,.half_limited_height .headding_wrap{font-size:3.5rem}.half_limited_height .subtitle{font-size:1.2rem}.half_limited_height .editable_wrap{font-size:1.5rem}.half_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}.half_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.2rem}} .iphone .h2_bgfix,.ipad .h2_bgfix{background-attachment:scroll;background-size:100% auto;background-repeat:no-repeat}@media only screen and (max-width: 480px){.iphone .h2_bgfix,.ipad .h2_bgfix{background-size:auto 100%}}.h2_bgfix .text-side{color:#fff;text-align:center}.h2_bgfix .section_h2{margin-bottom:.3rem}.h2_bgfix .image-frame-bg{height:1px;width:100px;margin:0 auto 1.5rem}.h2_bgfix .headding_wrap,.h2_bgfix .section_h2{font-size:2.8rem}.h2_bgfix .subtitle_wrap,.h2_bgfix .subtitle,.h2_bgfix .editable_wrap{font-size:1.2rem;letter-spacing:0px}.h2_bgfix .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:2.8rem}@media only screen and (min-width: 768px){.h2_bgfix{background-attachment:fixed}.h2_bgfix .headding_wrap,.h2_bgfix .section_h2{font-size:5rem}.h2_bgfix .subtitle_wrap,.h2_bgfix .subtitle,.h2_bgfix .editable_wrap{font-size:1.5rem}.h2_bgfix .spacer-item_wrap:nth-child(1) .editable_wrap{font-size: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}} .vertical_icon{text-align:center;color:#fff}.vertical_icon .letter{letter-spacing:0}.vertical_icon .section-content_inner{padding-top:173%;position:relative}.vertical_icon .text-side{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}.vertical_icon .text-side .image-frame{width:100%;max-width:110px;margin:0 auto}.vertical_icon .text-side .image-frame img{width:100%}.vertical_icon .text-side_bg{position:absolute;height:100%;width:100%;top:0;left:0}.vertical_icon .text-side_inner{position:relative;z-index:2;padding:0 1.5rem}.vertical_icon .editable_wrap{font-size:1.6rem}.vertical_icon .headding_wrap,.vertical_icon .section_h3{font-size:2.1rem;color:#fff;letter-spacing:1px}.vertical_icon .spacer-item_wrap:nth-child(3) .editable_wrap{font-size:1.6rem}@media only screen and (min-width: 768px){.vertical_icon .section-container{display:flex;flex-wrap:wrap;justify-content:space-between}.vertical_icon .section-content{width:32%}} .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}} .vertical_icon{text-align:center;color:#fff}.vertical_icon .letter{letter-spacing:0}.vertical_icon .section-content_inner{padding-top:173%;position:relative}.vertical_icon .text-side{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}.vertical_icon .text-side .image-frame{width:100%;max-width:110px;margin:0 auto}.vertical_icon .text-side .image-frame img{width:100%}.vertical_icon .text-side_bg{position:absolute;height:100%;width:100%;top:0;left:0}.vertical_icon .text-side_inner{position:relative;z-index:2;padding:0 1.5rem}.vertical_icon .editable_wrap{font-size:1.6rem}.vertical_icon .headding_wrap,.vertical_icon .section_h3{font-size:2.1rem;color:#fff;letter-spacing:1px}.vertical_icon .spacer-item_wrap:nth-child(3) .editable_wrap{font-size:1.6rem}@media only screen and (min-width: 768px){.vertical_icon .section-container{display:flex;flex-wrap:wrap;justify-content:space-between}.vertical_icon .section-content{width:32%}} .vertical_icon{text-align:center;color:#fff}.vertical_icon .letter{letter-spacing:0}.vertical_icon .section-content_inner{padding-top:173%;position:relative}.vertical_icon .text-side{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}.vertical_icon .text-side .image-frame{width:100%;max-width:110px;margin:0 auto}.vertical_icon .text-side .image-frame img{width:100%}.vertical_icon .text-side_bg{position:absolute;height:100%;width:100%;top:0;left:0}.vertical_icon .text-side_inner{position:relative;z-index:2;padding:0 1.5rem}.vertical_icon .editable_wrap{font-size:1.6rem}.vertical_icon .headding_wrap,.vertical_icon .section_h3{font-size:2.1rem;color:#fff;letter-spacing:1px}.vertical_icon .spacer-item_wrap:nth-child(3) .editable_wrap{font-size:1.6rem}@media only screen and (min-width: 768px){.vertical_icon .section-container{display:flex;flex-wrap:wrap;justify-content:space-between}.vertical_icon .section-content{width:32%}} .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}} .vertical_icon{text-align:center;color:#fff}.vertical_icon .letter{letter-spacing:0}.vertical_icon .section-content_inner{padding-top:173%;position:relative}.vertical_icon .text-side{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}.vertical_icon .text-side .image-frame{width:100%;max-width:110px;margin:0 auto}.vertical_icon .text-side .image-frame img{width:100%}.vertical_icon .text-side_bg{position:absolute;height:100%;width:100%;top:0;left:0}.vertical_icon .text-side_inner{position:relative;z-index:2;padding:0 1.5rem}.vertical_icon .editable_wrap{font-size:1.6rem}.vertical_icon .headding_wrap,.vertical_icon .section_h3{font-size:2.1rem;color:#fff;letter-spacing:1px}.vertical_icon .spacer-item_wrap:nth-child(3) .editable_wrap{font-size:1.6rem}@media only screen and (min-width: 768px){.vertical_icon .section-container{display:flex;flex-wrap:wrap;justify-content:space-between}.vertical_icon .section-content{width:32%}} .photo_gallery_01_alter .duplicatable-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.photo_gallery_01_alter .duplicatable-content{width:50%;flex-grow:1}@media only screen and (min-width: 768px){.photo_gallery_01_alter .duplicatable-content{width:25%}}.photo_gallery_01_alter .image_wrap .frame-image{padding-top:66%} .h2_text .text-side,.h2_text .text{color:#fff;font-size:1.8rem}.h2_text .subtitle{letter-spacing:0px}.h2_text .headding_wrap,.h2_text .section_h2{font-size:4rem}.h2_text .subtitle_wrap{font-size:1.2rem}.h2_text .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:4rem}.h2_text .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.2rem}@media only screen and (min-width: 768px){.h2_text .headding_wrap,.h2_text .section_h2{font-size:5rem;line-height:1.4}.h2_text .subtitle_wrap{font-size:1.5rem}.h2_text .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:5rem}.h2_text .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.5rem}} .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}} #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}} .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}} .footer_all{font-size:1.4rem}.footer_all .letter{letter-spacing:.1em}.footer_all .footer-top{position:relative}.footer_all .footer-top_bg{position:absolute!important;top:0;left:0;width:100%;height:100%}.footer_all .footer-company{padding:0 3rem;position:relative;z-index:2}.footer_all .footer-company_first,.footer_all .footer-company_second{border-bottom:1px solid #ccc}.footer_all .logo-side{padding:5rem 0;max-width:200px;margin:auto;font-size:1.2rem}.footer_all .logo-side .sns{padding:3rem 0 0}.footer_all .logo-side .sns .duplicatable-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:auto}.footer_all .logo-side .sns .duplicatable-content{padding:0 1rem;width:60px}.footer_all .logo-side .sns .duplicatable-content img{vertical-align:bottom}.footer_all .logo{width:200px;margin:0 auto 2rem}.footer_all .logo img{width:auto;max-width:100%}.footer_all .logo div{display:inline}.footer_all .headline_footer{font-weight:400;font-size:1.2rem;text-align:center}.footer_all .address-side,.footer_all .contact-side{padding:5rem 0;max-width:200px;margin:auto;text-align:center;font-size:1.4rem}.footer_all .address-side h4,.footer_all .contact-side h4{margin-bottom:3.5rem;font-size:1.2rem}.footer_all .address-side .address{margin-bottom:3rem;line-height:1.9}.footer_all .address-side .section_btn a{background-color:#999;background-position:48px center;background-size:15px;background-repeat:no-repeat}.footer_all .address-side .section_btn a:before{content:"place";font-family:"Material Icons";font-size:2.3rem;margin-right:.5rem;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_all .contact-side>div:nth-child(2){font-size:2.5rem}.footer_all .contact-side .tel{color:#29aec8;font-size:2.5rem;line-height:1.2;margin-bottom:.5rem}.footer_all .contact-side .hour{font-size:1.2rem}.footer_all .contact-side .hour:after{content:"";border-bottom:2px solid #ccc;width:20px;display:block;margin:1rem auto 4rem}.footer_all .footer-nav{position:relative;z-index:2;display:none}.footer_all .footer-nav ul{display:inline-block;width:50%;font-size:1.2rem}.footer_all .footer-nav ul:nth-child(odd){border-right:1px solid #ccc}.footer_all .footer-nav li{border-top:1px solid #ccc}.footer_all .footer-nav li a{display:block;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 1rem;height:42px}.footer_all .copy{font-size:1.2rem;padding:2rem 0;text-align:center}.footer_all .section_btn a{height:38px;font-size:1.3rem;white-space:nowrap}@media only screen and (min-width:768px){.footer_all .footer-top{padding:3.5rem 0 2.5rem}.footer_all .footer-company{padding:0 0 3.5rem}.footer_all .footer-company_inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.footer_all .footer-company_inner>div{width:33.3333%}.footer_all .footer-company_first{border-bottom:none}.footer_all .footer-company_second,.footer_all .footer-company_third{border-left:1px solid #ccc;border-bottom:none}.footer_all .logo-side{-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.footer_all .headline_footer{text-align:left}.footer_all .address-side,.footer_all .contact-side,.footer_all .logo-side{padding:2rem 0 0}.footer_all .footer-nav{display:block;border-top:1px solid #ccc;padding:2.5rem 0 0}.footer_all .footer-nav ul{display:block;width:100%;text-align:center}.footer_all .footer-nav ul:nth-child(odd){border-right:none}.footer_all .footer-nav li{display:inline-block;border-top:none}.footer_all .footer-nav li a{height:auto;line-height:2.5;padding:0 1.5rem}.footer_all .copy{padding:1.5rem 0}.footer_all .section_btn{margin:auto 0 auto auto}} @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}} #section-wrapper, body.blog, body.portfolios{background: #1d1f1c;} a,a:link, a:visited{color: #fff;} body{color: #fff;} /*代表施工事例　星アイコン削除*/ .vertical_icon .text-side .image-frame img { width: 100%; display: none; } /*採用情報　協力会社テクスチャ高さ調整*/ #section_197082 .image-bg { background-position-y: bottom; } /*gnav*/ .gnav_items a{position: relative;} .gnav_items li a::before{content: '';display: inline-block;position: absolute;} .gnav_items li:nth-of-type(1) a::before{content: "ホーム";} .gnav_items li:nth-of-type(2) a::before{content: "業務内容";} .gnav_items li:nth-of-type(3) a::before{content: "門型リフター";} .gnav_items li:nth-of-type(4) a::before{content: "施工実績";} .gnav_items li:nth-of-type(5) a::before{content: "採用情報";} .gnav_items li:nth-of-type(6) a::before{content: "日東機工について";} .gnav_items li:nth-of-type(7) a::before{content: "会社案内";} .gnav_items li:nth-of-type(8) a::before{content: "ブログ";} .gnav_items li:nth-of-type(9) a::before{content: "保有機材";} .gnav_items li:nth-of-type(10) a::before{content: "お問い合わせ";} .gnav_items li:nth-of-type(11) a::before{content: "サイトマップ";} @media only screen and (max-width: 1024px){ .gnav_draewr .logo_side{height: 48px !important;} .gnav_items li a{font-size: 16px;} .gnav_items li a::before{left: 13em;top: 50%;transform: translateY(-50%);font-size: 15px;} } @media only screen and (min-width: 1025px){ .gnav_draewr .logo_side{height: 52px !important;} .gnav_items li:nth-of-type(1) a::before{content: "業務内容";} .gnav_items li:nth-of-type(2) a::before{content: "門型リフター";} .gnav_items li:nth-of-type(3) a::before{content: "施工実績";} .gnav_items li:nth-of-type(4) a::before{content: "採用情報";} .gnav_items li:nth-of-type(5) a::before{content: "日東機工について";} .gnav_items li:nth-of-type(6) a::before{content: "会社案内";} .gnav_items li:nth-of-type(7) a::before{content: "ブログ";} .gnav_items li:nth-of-type(8) a::before{content: "保有機材";} .gnav_items li:nth-of-type(9) a::before{content: "お問い合わせ";} .gnav_items li a{padding: .8rem 1.4rem 3rem !important;font-size: 17px;letter-spacing: .05em;} .gnav_items li a::before{left: 50%;bottom: 11px;transform: translateX(-50%);width: 100%;text-align: center;font-size: 12px;white-space: nowrap;} } /*gnav Animation*/ .gnav_pc .gnav_items li a{ position: relative; } .gnav_pc .gnav_items li:not(:last-child) a::after { content: '' !important; display: block !important; position: absolute; height: 1px; width: 0; bottom: 2px; left: 0; right: 0; margin: auto; background: #fff; transition: .2s; z-index: 20; } .gnav_pc .gnav_items li a:hover::after { width: 80%; } /*ボタン*/ .tree_image_btn .text-side .section_btn a, .catchcopy_06 .link_btn a, .half_fit_image_recruit1_1 .section_btn a, .section_name .section_btn a, .section_name .section_btn input, .blog_posts .banner_text .banner_link, .showcase_chart .banner_text .banner_link, .banner_text .banner_link{ position: relative; overflow: hidden; border: 2px solid rgb(179, 0, 0) !important; } @media only screen and (min-width: 768px){/*pc*/ .tree_image_btn .text-side .section_btn a::after, .catchcopy_06 .link_btn a::after, .half_fit_image_recruit1_1 .section_btn a::after, .section_name .section_btn a::after, .blog_posts .banner_text .banner_link::after, .showcase_chart .banner_text .banner_link::after, .banner_text .banner_link::after{ position: absolute; z-index: -1; top: 50%; left: 50%; width: 0; height: 100%; content: ""; transition: .3s; transform: translateX(-50%) translateY(-50%); opacity: 0; background: #1d1f1c !important; } .tree_image_btn .text-side .section_btn a:hover, .catchcopy_06 .link_btn a:hover, .half_fit_image_recruit1_1 .section_btn a:hover, .section_name .section_btn a:hover, .blog_posts .banner_text .banner_link:hover, .showcase_chart .banner_text .banner_link:hover, .banner_text .banner_link:hover{ /*color: rgb(179, 0, 0) !important;*/ opacity: .99 !important; } .tree_image_btn .text-side .section_btn a:hover::after, .catchcopy_06 .link_btn a:hover::after, .half_fit_image_recruit1_1 .section_btn a:hover::after, .section_name .section_btn a:hover::after, .blog_posts .banner_text .banner_link:hover::after, .showcase_chart .banner_text .banner_link:hover::after, .banner_text .banner_link:hover::after{ width: 100%; transform: translateX(-50%) translateY(-50%) skew(45deg); opacity: 1; } } /*調整 ----------------------------------*/ /*top*/ @media only screen and (min-width: 768px){/*pc*/ #section_197132 .image-bg, #section_197133 .image-bg, #section_197136 .image-bg, #section_197139 .image-bg, #section_197140 .image-bg{background-attachment: fixed;} } #section_197141 .frame-image{ background-color: rgba(68, 77, 60, 0.9) !important; /*transform: skewX(-15deg);*/ } #section_197141 .new_catchcopy_simple .text-wrap{ padding: 5rem 1.5rem !important; box-shadow: 0 0 0 #000 !important; } .infomation_all .info-side .tel-linker span{color: #7d8e6f !important;} .infomation_all .info-side .tel-linker span a{color: #7d8e6f !important;} /*service*/ @media only screen and (min-width: 768px){/*pc*/ #section_196993 .image-bg, #section_197003 .image-bg, #section_197002 .image-bg{background-attachment: fixed;} } #section_197002 .text-side{display: none !important;} @media only screen and (min-width: 768px){/*pc*/ #section_197004 .image-bg, #section_197012 .image-bg{background-attachment: fixed;} #section_197005 .image-bg, #section_197013 .image-bg{background-attachment: fixed;} } /*recruit*/ #section_197066 .section-container{transform: translateY(-40px);} .tab_section .tab_switch_container .tab_switch_box .tab_button{color: #000;} @media only screen and (min-width: 768px){/*pc*/ #section_197073 .image-bg, #section_197077 .image-bg, #section_197075 .image-bg{background-attachment: fixed;} } /*aboutus*/ #section_197097 .section-container{transform: translateY(-40px);} #section_197085 .duplicatable{transform: translateY(-40px);} /*company*/ @media only screen and (min-width: 768px){/*pc*/ #section_197127 .image-bg, #section_197120 .image-bg, #section_196844 .image-bg{background-attachment: fixed;} } /*blog*/ .showcase_chart .banner_text .banner_link, .blog_posts .banner_text .banner_link {background: rgb(179, 0, 0) !important;} .blog_posts .banner_inner, .showcase_chart .banner_inner{ box-shadow: 0 0 0 #000 !important; background: #404839 !important; color: #fff !important; } .showcase_chart .banner_text{ color: #fff !important; } .showcase_chart .banner_text ._color_, .blog_posts .banner_text ._color_ {color: #b30000 !important;} .blog .wrapper a, .blog_posts, .showcase_chart .showcase_chart_sidebar_link, .showcase_chart .showcase_chart_item .showcase_chart_item_title, .showcase_chart .showcase_chart_title, .showcase_chart .post_popnews_title, .showcase_chart .showcase_chart_sidebar_title {color: #fff !important;} /*contact*/ .formapps .section_btn input{background: rgb(179, 0, 0) !important;} #section_196888 .text_wrap{color: #000;} #section_196887 .text_wrap{color: #000;} /*画像トリミング*/ #section_197002 .new_standard_content_two .image-side .image-frame, #section_197140 .new_standard_content_two .image-side .image-frame {padding-top: 75% !important;} /*recruit 矢印*/ #section_197066 .section-content .image-side{ position: relative; } #section_197066 .section-content .image-side::before{ content: ''; background: #b30000; background-size: cover; width: 20px; height: 10px; position: absolute; top: 50%; left: -25px; transform: translateY(-50%); } #section_197066 .section-content .image-side::after{ content: ''; position: absolute; top: 50%; left: -5px; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 20px; border-color: transparent transparent transparent #b30000; } #section_197066 .section-content:first-child .image-side::before, #section_197066 .section-content:first-child .image-side::after{display: none;} /*SP調整*/ #footer-section .sp-add-btn{display: none;} @media only screen and (max-width: 1024px){ #footer-section .sp-add-btn{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 10px 0; margin: 0 -1.5rem; font-family: YakuHanMP, "Noto Serif JP", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; } #footer-section .sp-add-btn a{ width: 50%; color: #fff; padding: 19px 0 0px; text-align: center; display: block; background: url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/116453/optimized_ixR0WQklr0W9dVrYkEC7NA.png) no-repeat top center; background-size: auto 18px; } #footer-section .sp-add-btn a:nth-of-type(2){ background-image: url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/116454/optimized_1E6kJAjh1QZ2MTZFb2Ye7w.png); border-left: 1px solid #fff; } } @media only screen and (max-width: 767px){ #section_196821 h1{font-size: 1.6em !important;} .title_section .section_h3{font-size: 3rem !important;} .h1_center .section_h3{font-size: 3.5rem !important;letter-spacing: } .new_catchcopy_simple .text-side .headding_wrap, .new_catchcopy_simple .text-side .headding, .title_sub .section_h3{font-size: 3rem !important;} #section_197140 .text-side{display: none;} #section_197075 .section_name > .spaceable-top{padding-bottom: 0 !important;} #section_197064 .section_name > .spaceable-top{padding-bottom: 0 !important;} #section_197124 .section_h2{font-size: 3rem !important;line-height: 1.2 !important;} #section_197005 .image-bg, #section_197004 .image-bg, #section_197136 .image-bg {background: transparent !important;} #section_197120 .image-bg, #section_197077 .image-bg, #section_197003 .image-bg, #section_197139 .image-bg {background-image: url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/115553/optimized_N_2dSNFbnN5xj4Ic0eBsTA.jpg) !important;} /*table font-size 調整*/ .table_wrap .tr{font-size: 1.5rem;} .table_wrap .duplicatable-content:nth-child(n+2){padding-top: 0 !important;} .table_wrap .tr .th{font-weight: bold;} .table_wrap .tr .td{padding-top: 1rem !important;} .footer-company_first .logo-side .headline_footer{display: none !important;} .footer-company_first .logo-side .sns{display: none !important;} .footer-company_second{display: none !important;} /*キャリアステップ 調整*/ #section_197066 .standard_content_four .section-content{ width: 100% !important; } #section_197066 .section-content + .section-content{margin-top: 10px !important;} #section_197066 .section-content .image-side::before{ content: ''; background: #b30000; background-size: cover; width: 20px; height: 20px; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); } #section_197066 .section-content .image-side::after{ content: ''; position: absolute; top: -0px; left: 50%; transform: translateX(-50%); border-style: solid; border-width: 30px 25px 0 25px; border-color: #b30000 transparent transparent transparent; } /*footer 調整*/ .footer_all{ padding-bottom: 50px; } .footer_all .logo{margin-bottom: 0 !important;} .sp-add-btn{ width: 100%; background: rgba(68, 77, 60, 0.9); position: fixed; bottom: -100%; transition: bottom .5s; z-index: 99; } .footer-block .sp-add-btn { bottom: 0; } } #section_226110 iframe { border: none; margin-top: -53px; } .nittomap { overflow: hidden; position: relative; } /* オーバーレイ機能 */ #overlayWindow { width: 100%; height: 100%; text-align: center; z-index: 999; position: absolute; top: 0; left: 0; } #button1{ width: 100%; height: 500px; opacity: .4; background: #000; color:#fff; } .showcase .breadcrumb, .showcase_chart_section .breadcrumb, .showcase_chart_sidebar h2:nth-child(1) , .showcase_chart_sidebar ul:nth-child(2), .showcase_chart_sidebar h2:nth-child(5) , .showcase_chart_sidebar ul:nth-child(6) , .showcase .post_link_text, .showcase_chart_item_text .showcase_chart_item_category { display:none; } .showcase a,#article_body_01, .showcase_group_info_wrap h1, h2.elation_posts_title { color:#bababa !important; } .form-item_input textarea, .form-item_input input { color: #222; } .job_contetnts, .job_post_top_title, .breadcrumb_list, .breadcrumb_item .breadcrumb_link, .job_details_headline { color: #fff!important; } .breadcrumb_item:after{ border-left: 1px solid #eee!important; border-bottom: 1px solid #eee!important; } .job_post .job_point .label:before, .job_post .job_recruitment_info .label:before{ border-right: 2px solid #eee!important; border-bottom: 3px solid #eee!important; } /*20230529修正*/ @media (min-width:1025px) { .gnav_draewr .gnav_container .gnav_items li:last-child a { color: #434b3c!important; } .gnav_draewr .gnav_container .gnav_items li:last-child { background-color: #fff; } } @media (max-width:1024px) { .gnav_items li:nth-of-type(8) a::before { left: 13em; } }