.h1_left .headding_wrap,.h1_left .headding{font-size:3.5rem}.h1_left .subtitle_wrap{letter-spacing:0.15em;margin-top:.5rem}.h1_left .subtitle{font-size:inherit}.h1_left .editable_wrap{margin-top:2rem} .title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}} body:not(.eat_cms) .wide_block_link_flex .block_link.u_none-hover{pointer-events:none}.wide_block_link_flex .duplicatable-container{display:flex;flex-wrap:wrap;gap:5px}.wide_block_link_flex .duplicatable-content{width:calc((100% - 10px) / 3);min-height:140px;flex-grow:1;overflow:hidden}.wide_block_link_flex .duplicatable-content_inner{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;min-height:140px}.wide_block_link_flex .image-side{position:absolute;top:0;left:0;width:100%;height:100%}.wide_block_link_flex .text-side{position:relative;width:90%;text-align:center;padding:10px 0}.wide_block_link_flex .text-side .letter{color:#fff;font-size:2rem;font-weight:bold}.wide_block_link_flex .link-setting{left:38px}@media only screen and (max-width: 768px){.wide_block_link_flex .duplicatable-container{flex-direction:column;align-items:center}.wide_block_link_flex .duplicatable-content{width:90%;flex-grow:0}} .title_line_vertical_writing{padding:25rem 0;position:relative}.title_line_vertical_writing .section-animation-wrap{animation:border-transition .6s ease;pointer-events:none;z-index:0;opacity:.5}.title_line_vertical_writing .section-animation-wrap .element-1{position:absolute;top:0;left:0;right:0;width:200px;height:200px;margin:auto;border:2px solid #ccc;border-radius:50%}.title_line_vertical_writing.reverse .section-animation-wrap .element-1{position:absolute;top:0;left:calc( 100% - 200px);width:200px;height:200px;border:2px solid #ccc;border-radius:50%}.title_line_wide.title_line_wide_light_dark .editable{color:#fff}.title_line_wide .text-side{text-align:left}.title_line_wide .title-box{position:relative;display:flex;justify-content:center;width:200px;margin:0 auto;padding:0 2rem;font-feature-settings:'pkna'}.title_line_wide .title-box .spacer-item_wrap:nth-child(1){position:absolute;top:0;left:0;width:100%;transform:translate(0, -100%)}.title_line_wide .title-box .spacer-item_wrap:nth-child(2){display:flex}.title_line_wide .subtitle_wrap,.title_line_wide .subtitle{font-size:3.6rem}.title_line_wide .section_h3{word-wrap:break-word;font-weight:bold;letter-spacing:1.8px;text-align:center;white-space:nowrap}.title_line_wide .vertical_writing_block{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}@supports (-ms-ime-align: auto){.title_line_wide .vertical_writing_block{height:100%}}.title_line_wide _:-ms-input-placeholder .vertical_writing_block,.title_line_wide :root .selector .vertical_writing_block{height:100%}.title_line_wide .headding_wrap,.title_line_wide .headding{font-size:4.2rem}.title_line_wide .subtitle_wrap,.title_line_wide .subtitle{font-size:5.6rem;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}.title_line_wide .text-box .letter_wrap{font-size:1.5rem}.title_line_wide .text-box .editable_wrap_title{font-size:2.6rem}.title_line_wide .text-box .letter{line-height:3.5}.title_line_wide .section_btn a{font-family:YakuHanJP, Lato, 'Droid Sans', 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', eatYuG, Meiryo, sans-serif;background:rgba(255,255,255,0.6);color:#000;border:solid 2px #bababa}@media only screen and (min-width: 768px){.title_line_wide.title_line_vertical_writing.title_line_wide{position:relative}.title_line_wide.title_line_vertical_writing.title_line_wide.reverse.section_name .text-side{display:flex;flex-direction:row-reverse}.title_line_wide.title_line_vertical_writing.title_line_wide.reverse.section_name .text-side .title-box .spacer-item_wrap:nth-child(1) .subtitle{text-align:right}.title_line_wide.title_line_vertical_writing.title_line_wide.reverse.section_name .text-side .title-box .spacer-item_wrap:nth-child(2){justify-content:flex-end}.title_line_wide.title_line_vertical_writing.title_line_wide.reverse.section_name .section-animation-wrap .element-1{position:absolute;top:0;left:calc( 100% - 200px);width:200px;height:200px;margin:0 50px 0 auto;border:2px solid #ccc;border-radius:50%}.title_line_wide.title_line_vertical_writing.title_line_wide.section_name .section-animation-wrap .element-1{margin:0 auto 0 50px}.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%;padding:20rem 0 0 0}.title_line_wide .text-box .spacer-item_wrap{width:100%}.title_line_wide .headding_wrap,.title_line_wide .headding{font-size:5rem}.title_line_wide .subtitle_wrap,.title_line_wide .subtitle{font-size:5.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;background:rgba(255,255,255,0.6);color:#000;border:solid 2px #bababa}}@keyframes border-transition{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}} .title_simple_wide_reversible .section_inner{padding:0 2.5rem}.title_simple_wide_reversible .text-side{text-align:left}.title_simple_wide_reversible .subtitle{letter-spacing:0px;color:#000;font-family:YakuHanJP, Lato, 'Droid Sans', 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', eatYuG, Meiryo, sans-serif}.title_simple_wide_reversible .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_simple_wide_reversible .headding_wrap,.title_simple_wide_reversible .headding{font-size:2.5rem}.title_simple_wide_reversible .subtitle_wrap,.title_simple_wide_reversible .subtitle{font-size:1.1rem;text-align:center}.title_simple_wide_reversible .text-box{position:relative;margin-top:50px;padding:3rem;border:1px solid #333}.title_simple_wide_reversible .text-box_bg{position:absolute;height:100%;width:100%;top:0;left:0}.title_simple_wide_reversible .text-box .editable_wrap{font-size:1.6rem;color:#000}.title_simple_wide_reversible .text-box .editable_wrap_title{text-align:center;font-size:2rem;color:#333;font-weight:bold}.title_simple_wide_reversible .text-box .spacer-item_wrap{position:relative}@media only screen and (min-width: 768px){.title_simple_wide_reversible .section_h3{text-align:left}.title_simple_wide_reversible .text-side{display:flex}.title_simple_wide_reversible.reverse .text-side{flex-direction:row-reverse;gap:20px}.title_simple_wide_reversible .title-box{width:45%;padding-right:2rem}.title_simple_wide_reversible.reverse .title-box{padding-left:2rem;padding-right:0}.title_simple_wide_reversible .text-box{margin-top:15rem;width:55%}.title_simple_wide_reversible .text-box .spacer-item_wrap{width:100%}.title_simple_wide_reversible .headding_wrap,.title_simple_wide_reversible .headding{font-size:6rem}.title_simple_wide_reversible .subtitle_wrap,.title_simple_wide_reversible .subtitle{font-size:1.6rem;text-align:left}.title_simple_wide_reversible .text-box .editable_wrap{font-size:1.5rem}.title_simple_wide_reversible .text-box .editable_wrap_title{text-align:left}.title_simple_wide_reversible .section_btn a{font-family:YakuHanJP, Lato, 'Droid Sans', 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', eatYuG, Meiryo, sans-serif}} .h2_left .subtitle{letter-spacing:0}.h2_left .headding_wrap{font-size:2rem}.h2_left .editable_wrap,.h2_left .subtitle_wrap{font-size:1.2rem}.h2_left .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:2rem}@media only screen and (min-width:768px){.h2_left .headding_wrap{font-size:3.5rem}.h2_left .editable_wrap,.h2_left .subtitle_wrap{font-size:1.5rem}.h2_left .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}} .standard_content_text_two .duplicatable-container{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.standard_content_text_two .duplicatable-content{width:calc((100% - 30px) / 2)}.standard_content_text_two .text-box{width:100%;border:1px solid #000;border-radius:5px;padding:50px 20px;position:relative;display:flex;justify-content:center;overflow:hidden}.standard_content_text_two .text-box_bg{width:100%;height:100%;position:absolute;top:0;left:0}.standard_content_text_two .text-box_inner{position:relative;display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;text-align:center;max-width:330px;width:100%}.standard_content_text_two .text-box-headding_wrap{width:100%}.standard_content_text_two .text-box .section_btn{margin-top:20px}.standard_content_text_two .headding{font-size:25px}.standard_content_text_two .letter{font-size:16px;width:100%}@media only screen and (max-width: 767px){.standard_content_text_two .duplicatable-container{flex-direction:column;align-items:center}.standard_content_text_two .duplicatable-content{width:100%}} .title_line .text-side{text-align:left}.title_line .subtitle{letter-spacing:0px}.title_line .headding_wrap{font-size:2.5rem}.title_line .subtitle_wrap{font-size:1.1rem}.title_line .text-box,.title_line .text-box .editable_wrap{font-size:1.6rem}@media only screen and (min-width: 768px){.title_line .text-side{display:flex}.title_line .title-box{width:35%;padding-right:2rem}.title_line .text-box{width:65%}.title_line .text-box .spacer-item_wrap{width:50%}.title_line .text-box .spacer-item_wrap:nth-child(1){padding:0 1.5rem 0 0}.title_line .text-box .spacer-item_wrap:nth-child(2){padding:0 0 0 1.5rem}.title_line .title-line-box{display:flex}.title_line .headding_wrap{font-size:3rem}.title_line .subtitle_wrap{font-size:1.6rem}.title_line .text-box,.title_line .text-box .editable_wrap{font-size:1.5rem}} .h2_left .subtitle{letter-spacing:0}.h2_left .headding_wrap{font-size:2rem}.h2_left .editable_wrap,.h2_left .subtitle_wrap{font-size:1.2rem}.h2_left .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:2rem}@media only screen and (min-width:768px){.h2_left .headding_wrap{font-size:3.5rem}.h2_left .editable_wrap,.h2_left .subtitle_wrap{font-size:1.5rem}.h2_left .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}} body:not(.eat_cms) .block_link.u_none-hover{pointer-events:none}.card_icon .card_icon-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;margin:0 8px}.card_icon .duplicatable-content{width:95%;max-width:400px}.card_icon .card_icon-item{position:relative;display:flex;gap:8px;padding:20px 10px;border:1px solid #000;border-radius:10px;overflow:hidden;box-shadow:1px 1px 3px 2px rgba(0,0,0,0.1)}.card_icon .card_icon-bg{position:absolute;height:100%;width:100%;top:0;left:0}.card_icon .image-side{position:relative;display:flex;justify-content:center;align-items:center;width:50px;height:50px;flex-shrink:0}.card_icon .image-frame{height:100%}.card_icon .image-frame div{height:100%}.card_icon .image-frame div img{object-fit:cover;height:100%}.card_icon .text-side{position:relative;width:100%}.card_icon .headding_wrap,.card_icon .section_h3{font-size:1.6rem;font-weight:bold}.card_icon .letter_wrap,.card_icon .letter{font-size:1.4rem}@media only screen and (min-width: 768px){.card_icon .card_icon-wrapper{flex-direction:row;justify-content:center;flex-wrap:wrap}.card_icon .duplicatable-content{width:calc((100% - 25px) / 2)}.card_icon .card_icon-item{gap:16px;padding:30px 16px}.card_icon .image-side{width:60px;height:60px}}@media only screen and (min-width: 1025px){.card_icon .duplicatable-content{width:calc((100% - 40px) / 3)}} .h2_left .subtitle{letter-spacing:0}.h2_left .headding_wrap{font-size:2rem}.h2_left .editable_wrap,.h2_left .subtitle_wrap{font-size:1.2rem}.h2_left .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:2rem}@media only screen and (min-width:768px){.h2_left .headding_wrap{font-size:3.5rem}.h2_left .editable_wrap,.h2_left .subtitle_wrap{font-size:1.5rem}.h2_left .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}} .technology_how_it_works{display:flex;flex-direction:column}.technology_how_it_works.reverse{flex-direction:row-reverse}.technology_how_it_works-image_container,.technology_how_it_works-text_container{padding:10px 20px}.technology_how_it_works-text_container .technology_how_it_works-title{font-size:2.6rem}.technology_how_it_works-text_container .technology_how_it_works-sub{font-size:1.6rem}.technology_how_it_works-text_container .step_title{font-size:2.6rem;margin:10px 0}.technology_how_it_works-text_container .technology_how_it_works-title,.technology_how_it_works-text_container .technology_how_it_works-sub,.technology_how_it_works-text_container .section_btn{margin:8px 0}.technology_how_it_works-text_container .section_btn{float:left}.technology_how_it_works-text_container .yellow_btn a{background-color:orange}@media only screen and (max-width: 1024px){.technology_how_it_works-text_container .technology_how_it_works-step{width:100%;display:flex;justify-content:center;align-items:center}.technology_how_it_works-text_container .technology_how_it_works-step div.image-frame{width:100px;margin:20px}.technology_how_it_works-text_container .technology_how_it_works-step .step_text{width:calc(100% - 100px)}}@media only screen and (max-width: 1024px){.tech{flex-wrap:wrap}.section_btn{padding:4px 0}}@media only screen and (min-width: 1025px){.reverse .tech{flex-direction:row-reverse}.tech{display:flex;justify-content:center;align-items:center}.technology_how_it_works{display:flex;flex-direction:row}.technology_how_it_works-step{display:flex}.technology_how_it_works-step .step_title{font-size:2.6rem;margin:10px 0}.technology_how_it_works-step .step_subtitle.editable{font-size:1.6rem}.technology_how_it_works-step .step-image{width:150px;padding:10px;margin:15px}.technology_how_it_works-step .step_text{width:calc(100% - 220px)}.technology_how_it_works-image_container,.technology_how_it_works-text_container{width:50%;padding:10px 20px}.technology_how_it_works-image_container{display:flex;align-items:center}.technology_mainvisual{height:60vh;width:100vw}.technology_mainvisual .technology_mainvisual-buttons{display:flex;max-width:550px}} .title_line_vertical_writing{padding:25rem 0;position:relative}.title_line_vertical_writing .section-animation-wrap{animation:border-transition .6s ease;pointer-events:none;z-index:0;opacity:.5}.title_line_vertical_writing .section-animation-wrap .element-1{position:absolute;top:0;left:0;right:0;width:200px;height:200px;margin:auto;border:2px solid #ccc;border-radius:50%}.title_line_vertical_writing.reverse .section-animation-wrap .element-1{position:absolute;top:0;left:calc( 100% - 200px);width:200px;height:200px;border:2px solid #ccc;border-radius:50%}.title_line_wide.title_line_wide_light_dark .editable{color:#fff}.title_line_wide .text-side{text-align:left}.title_line_wide .title-box{position:relative;display:flex;justify-content:center;width:200px;margin:0 auto;padding:0 2rem;font-feature-settings:'pkna'}.title_line_wide .title-box .spacer-item_wrap:nth-child(1){position:absolute;top:0;left:0;width:100%;transform:translate(0, -100%)}.title_line_wide .title-box .spacer-item_wrap:nth-child(2){display:flex}.title_line_wide .subtitle_wrap,.title_line_wide .subtitle{font-size:3.6rem}.title_line_wide .section_h3{word-wrap:break-word;font-weight:bold;letter-spacing:1.8px;text-align:center;white-space:nowrap}.title_line_wide .vertical_writing_block{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}@supports (-ms-ime-align: auto){.title_line_wide .vertical_writing_block{height:100%}}.title_line_wide _:-ms-input-placeholder .vertical_writing_block,.title_line_wide :root .selector .vertical_writing_block{height:100%}.title_line_wide .headding_wrap,.title_line_wide .headding{font-size:4.2rem}.title_line_wide .subtitle_wrap,.title_line_wide .subtitle{font-size:5.6rem;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}.title_line_wide .text-box .letter_wrap{font-size:1.5rem}.title_line_wide .text-box .editable_wrap_title{font-size:2.6rem}.title_line_wide .text-box .letter{line-height:3.5}.title_line_wide .section_btn a{font-family:YakuHanJP, Lato, 'Droid Sans', 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', eatYuG, Meiryo, sans-serif;background:rgba(255,255,255,0.6);color:#000;border:solid 2px #bababa}@media only screen and (min-width: 768px){.title_line_wide.title_line_vertical_writing.title_line_wide{position:relative}.title_line_wide.title_line_vertical_writing.title_line_wide.reverse.section_name .text-side{display:flex;flex-direction:row-reverse}.title_line_wide.title_line_vertical_writing.title_line_wide.reverse.section_name .text-side .title-box .spacer-item_wrap:nth-child(1) .subtitle{text-align:right}.title_line_wide.title_line_vertical_writing.title_line_wide.reverse.section_name .text-side .title-box .spacer-item_wrap:nth-child(2){justify-content:flex-end}.title_line_wide.title_line_vertical_writing.title_line_wide.reverse.section_name .section-animation-wrap .element-1{position:absolute;top:0;left:calc( 100% - 200px);width:200px;height:200px;margin:0 50px 0 auto;border:2px solid #ccc;border-radius:50%}.title_line_wide.title_line_vertical_writing.title_line_wide.section_name .section-animation-wrap .element-1{margin:0 auto 0 50px}.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%;padding:20rem 0 0 0}.title_line_wide .text-box .spacer-item_wrap{width:100%}.title_line_wide .headding_wrap,.title_line_wide .headding{font-size:5rem}.title_line_wide .subtitle_wrap,.title_line_wide .subtitle{font-size:5.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;background:rgba(255,255,255,0.6);color:#000;border:solid 2px #bababa}}@keyframes border-transition{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}} .h2_left .subtitle{letter-spacing:0}.h2_left .headding_wrap{font-size:2rem}.h2_left .editable_wrap,.h2_left .subtitle_wrap{font-size:1.2rem}.h2_left .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:2rem}@media only screen and (min-width:768px){.h2_left .headding_wrap{font-size:3.5rem}.h2_left .editable_wrap,.h2_left .subtitle_wrap{font-size:1.5rem}.h2_left .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}} .technology_how_it_works{display:flex;flex-direction:column}.technology_how_it_works.reverse{flex-direction:row-reverse}.technology_how_it_works-image_container,.technology_how_it_works-text_container{padding:10px 20px}.technology_how_it_works-text_container .technology_how_it_works-title{font-size:2.6rem}.technology_how_it_works-text_container .technology_how_it_works-sub{font-size:1.6rem}.technology_how_it_works-text_container .step_title{font-size:2.6rem;margin:10px 0}.technology_how_it_works-text_container .technology_how_it_works-title,.technology_how_it_works-text_container .technology_how_it_works-sub,.technology_how_it_works-text_container .section_btn{margin:8px 0}.technology_how_it_works-text_container .section_btn{float:left}.technology_how_it_works-text_container .yellow_btn a{background-color:orange}@media only screen and (max-width: 1024px){.technology_how_it_works-text_container .technology_how_it_works-step{width:100%;display:flex;justify-content:center;align-items:center}.technology_how_it_works-text_container .technology_how_it_works-step div.image-frame{width:100px;margin:20px}.technology_how_it_works-text_container .technology_how_it_works-step .step_text{width:calc(100% - 100px)}}@media only screen and (max-width: 1024px){.tech{flex-wrap:wrap}.section_btn{padding:4px 0}}@media only screen and (min-width: 1025px){.reverse .tech{flex-direction:row-reverse}.tech{display:flex;justify-content:center;align-items:center}.technology_how_it_works{display:flex;flex-direction:row}.technology_how_it_works-step{display:flex}.technology_how_it_works-step .step_title{font-size:2.6rem;margin:10px 0}.technology_how_it_works-step .step_subtitle.editable{font-size:1.6rem}.technology_how_it_works-step .step-image{width:150px;padding:10px;margin:15px}.technology_how_it_works-step .step_text{width:calc(100% - 220px)}.technology_how_it_works-image_container,.technology_how_it_works-text_container{width:50%;padding:10px 20px}.technology_how_it_works-image_container{display:flex;align-items:center}.technology_mainvisual{height:60vh;width:100vw}.technology_mainvisual .technology_mainvisual-buttons{display:flex;max-width:550px}} .h2_left .subtitle{letter-spacing:0}.h2_left .headding_wrap{font-size:2rem}.h2_left .editable_wrap,.h2_left .subtitle_wrap{font-size:1.2rem}.h2_left .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:2rem}@media only screen and (min-width:768px){.h2_left .headding_wrap{font-size:3.5rem}.h2_left .editable_wrap,.h2_left .subtitle_wrap{font-size:1.5rem}.h2_left .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}} .standard_content_text_dup .duplicatable-container{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.standard_content_text_dup .duplicatable-content{width:calc((100% - 48px) / 3)}.standard_content_text_dup .text-box{width:100%;border:1px solid #000;border-radius:5px;padding:50px 20px;position:relative;display:flex;justify-content:center;overflow:hidden}.standard_content_text_dup .text-box_bg{width:100%;height:100%;position:absolute;top:0;left:0}.standard_content_text_dup .text-box_inner{position:relative;display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;text-align:center;max-width:280px;width:100%}.standard_content_text_dup .text-box-headding_wrap{width:100%}.standard_content_text_dup .text-box .section_btn{margin-top:20px}.standard_content_text_dup .headding{font-size:23px}.standard_content_text_dup .letter{font-size:16px;width:100%}@media only screen and (max-width: 767px){.standard_content_text_dup .duplicatable-container{flex-direction:column;align-items:center}.standard_content_text_dup .duplicatable-content{width:100%}} #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}} body:not(.eat_cms) .block_link.u_none-hover{pointer-events:none}.eat_cms .information_half_wide .info-wrapper{margin-bottom:80px}.information_half_wide.reverse .info-wrapper{flex-direction:row-reverse}@media only screen and (max-width: 1024px){.information_half_wide.reverse .info-wrapper{flex-direction:column-reverse}}.information_half_wide .info-wrapper{display:flex;height:480px}.information_half_wide .link-side{width:50%;position:relative}.information_half_wide .link-side .duplicatable{width:100%;height:100%}.information_half_wide .link-side .duplicatable-container{width:100%;height:100%;display:flex;flex-direction:column}.information_half_wide .link-side .duplicatable-content{width:100%;height:25%;flex-grow:1}.information_half_wide .link-side_inner{position:relative;width:100%;height:100%;border-top:1px solid #151E2F}.information_half_wide .link-side_bg{position:absolute;top:0;left:0;width:100%;height:100%}.information_half_wide .link-side_text{padding:0 60px;position:absolute;top:50%;transform:translateY(-50%);color:#151E2F}.information_half_wide .link-side .headding_wrap,.information_half_wide .link-side .section_h3{font-size:3.2rem}.information_half_wide .link-side .letter_wrap,.information_half_wide .link-side .letter{font-size:1.8rem}.information_half_wide .contact-side{width:50%;position:relative}.information_half_wide .contact-side_inner{width:100%;height:100%}.information_half_wide .contact-side_bg{position:absolute;top:0;left:0;width:100%;height:100%}.information_half_wide .contact-side_text{text-align:center;font-size:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#151E2F;width:90%}.information_half_wide .contact-side .letter{font-weight:bold}.information_half_wide .contact-side .microcopy_wrap{font-size:1.5rem}.information_half_wide .contact-side .microcopy{font-size:1.5rem}.information_half_wide .editable{min-width:100px}@media only screen and (max-width: 1024px){.information_half_wide .info-wrapper{flex-direction:column}.information_half_wide .link-side{width:100%;height:50%}.information_half_wide .link-side .duplicatable-container{flex-direction:row;flex-wrap:wrap}.information_half_wide .link-side .duplicatable-content{width:50%;height:auto}.information_half_wide .link-side .duplicatable-content:nth-child(2n) .link-side_inner{border-left:1px solid #151E2F}.information_half_wide .link-side .headding_wrap,.information_half_wide .link-side .section_h3{font-size:2rem}.information_half_wide .link-side .letter_wrap,.information_half_wide .link-side .letter{font-size:1.5rem}.information_half_wide .link-side_text{padding:0 8px;text-align:center;left:50%;transform:translate(-50%, -50%);width:100%}.information_half_wide .contact-side{width:100%;height:50%}.information_half_wide .contact-side_text{font-size:2.5rem}} #footer-section{z-index:3}@media only screen and (max-width: 768px){.jobs #footer-section .detail-side{display:none}}.footer-block .footer_tp_generic .detail-side{bottom:0;transition:bottom .5s}.footer_tp_generic{background-color:#fff;font-size:1.4rem}.footer_tp_generic .editable a{color:#666}.footer_tp_generic .footer-company{position:relative}.footer_tp_generic .footer-company::before{content:"";position:absolute;top:0;left:50%;width:100%;height:1px;background-color:#ccc;transform:translateX(-50%)}.footer_tp_generic .logo-side{padding:2rem 0;text-align:center}.footer_tp_generic .logo{max-width:200px;margin:0 auto 2rem}.footer_tp_generic .logo img{width:auto;max-width:100%}.footer_tp_generic .logo div{display:inline}.footer_tp_generic .menu-side{display:none}.footer_tp_generic .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_tp_generic .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_tp_generic .detail-side_first .tel{line-height:1.4;letter-spacing:0}.footer_tp_generic .detail-side_first .tel a{position:absolute;width:100%;height:100%;top:0;left:0}.footer_tp_generic .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_tp_generic .detail-side_first .hour{font-size:1.2rem;display:none}.footer_tp_generic .detail-side_second{-ms-flex-positive:1;flex-grow:1}.footer_tp_generic .linker a{background-color:#E4A847}.footer_tp_generic .letter{letter-spacing:.1em}.footer_tp_generic .copy{border-top:1px solid #ccc;font-size:1.2rem;padding:2rem 0;text-align:center}.footer_tp_generic .sns-side{margin-bottom:2rem}.footer_tp_generic .sns-side .duplicatable-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.footer_tp_generic .sns-side .duplicatable-content{max-width:70px;padding:0 1rem}.footer_tp_generic .section_btn a{white-space:nowrap}.footer_tp_generic .back-top{cursor:pointer;width:40px;height:40px;border-radius:20px;border:1px solid #E4A847;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_tp_generic .back-top .arrow:before{content:"▲";color:#E4A847}@media only screen and (min-width: 768px){.footer_tp_generic .footer-company{padding:3.5rem 0 2rem}.footer_tp_generic .footer-company_inner{display:flex;flex-wrap:wrap}.footer_tp_generic .logo{display:block;margin:0 auto}.footer_tp_generic .menu-block{order:3;width:100%}.footer_tp_generic .menu-side{display:block;padding:3rem 0 5rem}.footer_tp_generic .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:center}.footer_tp_generic .menu-side .duplicatable-content{width:auto;padding:0 1rem;font-size:1.4rem}.footer_tp_generic .logo-side{order:1;width:200px}.footer_tp_generic .detail-side{order:2;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;text-align:left;margin:auto 0 auto auto;width:calc(100% - 220px);position:static;background-color:transparent}.footer_tp_generic .detail-side_first{margin-bottom:4rem;font-size:1.8rem;text-align:right;display:block}.footer_tp_generic .detail-side_first .tel{font-size:2.2rem}.footer_tp_generic .detail-side_first .tel:after{content:none}.footer_tp_generic .detail-side_first .tel a{position:relative;pointer-events:none}.footer_tp_generic .detail-side_first .hour{display:block}.footer_tp_generic .detail-side_second{max-width:300px;margin-bottom:3rem}.footer_tp_generic .detail-side>div{margin-bottom:0;width:100%}.footer_tp_generic .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_tp_generic .sns-side{margin-bottom:0}.footer_tp_generic .sns-side .duplicatable-content{width:60px}.footer_tp_generic .section_btn{margin:auto 0 auto auto}.footer_tp_generic .back-top{bottom:80px}}@media only screen and (max-width: 768px){.footer_tp_generic .detail-side_first .tel{font-size:0 !important}.footer_tp_generic .detail-side_second .section_btn{max-width:none}.footer_tp_generic .detail-side_second .section_btn a{border-radius:0}}@media only screen and (min-width: 768px){_:-ms-lang(x)::-ms-backdrop,.footer_tp_generic .detail-side{align-items:center;margin:unset}_:-ms-lang(x)::-ms-backdrop,.footer_tp_generic .detail-side_second{margin-left:2rem}}@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}} /*****共通******/ :root { --background-color_1: #fff; --main-color_1: #F9B72F; --accent-color_1: #cecece; --text-color: #2e2e2e; } #section-wrapper::before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/445782/optimized_WowC_sr6ccBgperhXXMglw.png) no-repeat center / cover; } body, .editable a, #section-wrapper .headding, #section-wrapper .subtitle, #section-wrapper .letter, .infomation_background_image .text-area h3 span { color: var(--text-color); font-family: "Oswald","Noto Sans JP", sans-serif; font-weight: 400; } #section-wrapper .headding { font-weight: 600; line-height: 1.25; } #section-wrapper .subtitle { font-weight: 600; line-height: 1.25; /* margin-top:1rem; */ color: var(--background-color_1); } #section-wrapper .letter { font-size: 1.6rem; letter-spacing: .1rem; } @media only screen and (max-width: 767.9px){ #section-wrapper .letter { font-size: 1.6rem; } } #content-wrapper .photo_gallery_02 .duplicatable { padding: 0; } .api_map .map_area { padding-top: 450px; } .formapps_border_light .form_area .form-item:not(.send_btn) div.awesomplete { padding: 0; } #content-wrapper .circle-box_02 .image_wrap .image_text { color: #fff; font-weight: 600; } a:hover img { opacity: 1; } #content-wrapper .title_text .text-side { max-width: none; } #section-wrapper .flow_cards .text_wrap { display: block; } .infomation_background_image .text-side { background: none; } .infomation_background_image .text-area h3 span, #section-wrapper .infomation_background_image .editable { color: #fff; font-weight: 600; } #section-wrapper .thanks_page h3.headding { text-align: center; } #section-wrapper .thanks_page .catch_text, #section-wrapper .thanks_page .catch_text span { color: var(--text-color); font-weight: 600; line-height: 1.8; text-shadow: none; } #section-wrapper .thanks_page .catch_text span { padding: 0; } #section-wrapper .thanks_page .catch_subtext { font-size: 1.8rem; font-weight: 600; line-height: 1.8; color: var(--text-color); } #section-wrapper .thanks_page .catch_text { font-size: 2.4rem; } /* .thanks_page { background-color: var(--accent-color_1); } */ .thanks_page .catch { padding: 5%; background-color: #fff; border: none !important; } .half_slanted_line .half_content { background-color: #f0f0f0; } #content-wrapper #section-wrapper .three_cards_dot_separator { padding-top: 0; } #section-wrapper .showcase_chart .showcase_chart_item .showcase_chart_item_text { font-size: 1.5rem; } #section-wrapper .circle-box_link .image_wrap .image_text { color: #fff; font-weight: 600; } .circle-box_link .image_wrap .circle-image img { opacity: .8; } .circle-box_link .image_wrap .image-frame { background-color: #000; } #section-wrapper .square_four_images_with_text .editable { color: #fff; font-weight: 600; } .square_four_images_with_text .image-frame-bg .frame-image { opacity: .6 !important; filter: grayscale(1); } .square_four_images_with_text .image-frame-bg { background-color: #000; } .title_space { padding: 5rem 0; } #content-wrapper #section-wrapper .two_images_rounded .image-side_inner .image-frame-bg .frame-image { border-radius: 0; } .circle_picture .text-side_inner .spacer-item_wrap:last-child .spaceable.spacer-item { padding-bottom: 3rem !important; } #section-wrapper .wide_block_link_flex .text-side .letter { color: #fff; font-size: 2rem; font-weight: 600; } #section-wrapper .wide_block_link_flex .text-side .letter { font-size: 2rem; } #section-wrapper .title_line_wide .text-box .editable_wrap_title .letter, #section-wrapper .title_line_wide .text-box .vertical_writing { font-size: 1.8rem; font-weight: 600; } .title_line_vertical_writing { padding: 5rem 50px 0; } #section-wrapper .title_line_wide_reversible .text-box .editable_wrap_title .letter, #section-wrapper .title_line_wide .text-box .editable_wrap_title .letter { font-size: 2rem; font-weight: 600; } #content-wrapper #section-wrapper .two_images_rounded .duplicatable-content_inner { padding-bottom: 0; } #section-wrapper .title_simple_wide_reversible .text-box .editable_wrap_title .letter { font-size: 2.4rem; font-weight: 600; } @media only screen and (min-width: 768px){ #section-wrapper .bnr_box .section_inner { border: 1px solid #fff; } .title_simple_wide_reversible .text-box { margin-top: 0; } #section-wrapper .thanks_page .catch_text { font-size: 3.2rem; } .information_card .info-side .section_h3 { font-size: 2.4rem; } .half_wide_limited_height .subtitle { font-size: 1.6rem; } } @media only screen and (max-width: 767.9px){ .half_fit_image .text-side_inner, .half_text_scroll .text-side, .half_limited_height .text-side_inner, .half .text-side_inner { max-width: 320px; padding-right: 0; } .technology_how_it_works-text_container { padding: 1rem; } .half_slanted_line .headding_wrap, .half_slanted_line .section_h3 { font-size: 2.4rem; text-align: center; } .half_slanted_line .text-side { text-align: center; } .new_standard_content_two .text-side { padding: 2rem 0; } #content-wrapper #section-wrapper .two_images_rounded .text-side_inner { max-width: none; } } /*****ボタン******/ .section_btn a, .section_btn input { font-weight:600; border-radius: 0; position: relative; } #section-wrapper .infomation_background_image .section_btn a { font-size: 1.6rem; } @media only screen and (max-width: 767.9px){ .footer_tp_generic .linker a { border-radius: 0; } } .section_btn a{ border: 2px solid #000!important; height: 60px; position: relative; padding-right: 1em; /* background-color: #F9B72F !important; */ background-color: #000 !important; /* border: none !important; */ border-radius: 0; color: #fff !important; transition: .3s; } .section_btn a:hover{ background-color: #fff !important; color: #000 !important; } .section_btn a::before{ content: ""; display: inline-block; width: 10px; height: 10px; margin: 0 10px; border-top: 2px solid #efefef; border-right: 2px solid #efefef; transform: rotate(45deg); position: absolute; right: 0.1em; transition: .3s all; } .section_btn a:hover::before{ right: -0.2em; border-top: 2px solid #000; border-right: 2px solid #000; } /*****グロナビ******/ #global-nav div[class^="gnav"] .gnav_container .gnav_items a { font-weight: 600; } .gnav-wrap .gnav_sp .drawer-nav li a { font-size: 1.5rem; padding: 1.2rem 5%; } #global-nav div[class^="gnav"] .header_logo { max-width: 220px; } #global-nav div[class^="gnav"] .header_logo img { height: auto; width: 100%; } .gnav-wrap .gnav_sp .drawer-toggle span.drawer-hamburger-icon-top, .gnav-wrap .gnav_sp .drawer-toggle span.drawer-hamburger-icon-middle, .gnav-wrap .gnav_sp .drawer-toggle span.drawer-hamburger-icon-bottom { background-color: #fff !important; } #global-nav .gnav_accordion_icon .gnav_pc .gnav_items li .dropdownSubMenu li a, #global-nav .gnav_accordion_icon .gnav_sp .dropdownSubMenu li a { margin: auto; } #global-nav .gnav_accordion_wide .gnav_sp .logo_side { padding: 1.5rem 0; } @media only screen and (min-width: 1025px) { #content-wrapper #global-nav div:not(.gnav_garden):not(.gnav_live) .section_inner { padding: 0 1%; } #global-nav div[class^="gnav"] .section_inner .gnav_bg { opacity: 1; } #global-nav div[class^="gnav"] .header_logo { max-width: 240px; } #content-wrapper #global-nav:not(.__settings):not(.__settings) .new_drawer_dropdown .header_logo img, #content-wrapper #global-nav:not(.__settings):not(.__settings) .new_drawer_slidein .header_logo img { height: 100%; } #content-wrapper #global-nav:not(.__settings):not(.__settings) .new_drawer_dropdown .header_logo, #content-wrapper #global-nav:not(.__settings):not(.__settings) .new_drawer_slidein .header_logo { max-width: none; } #global-nav div[class^="gnav"] .gnav_pc .gnav_items li { padding: 0 10px; } #global-nav div[class^="gnav"] .gnav_pc .gnav_items li a { position: relative; } #global-nav div[class^="gnav"] .gnav_pc .gnav_items li a::before { content: ""; height: 5px; width: 60%; margin-left: -30%; background-color: #000; position: absolute; bottom: 4px; left: 50%; transition: transform .35s ease; transform: scale(0, 1); } #global-nav div[class^="gnav"] .gnav_pc .gnav_items li.gnav-submenu a::before { display: none; } #global-nav div[class^="gnav"] .gnav_pc .gnav_items li.active a::before, #global-nav div[class^="gnav"] .gnav_pc .gnav_items li a:hover::before { transform: scale(1, 1); } #global-nav div[class^="gnav"] .gnav_pc .gnav_items li.active a, #global-nav div[class^="gnav"] .gnav_pc .gnav_items li a:hover { color: #000 !important; } #global-nav div[class^="gnav"] .gnav_pc .gnav_items li .dropdownSubMenu li a { text-align: center; } } #global-nav .gnav_accordion_icon .gnav_sp .gnav-editable-contents .gnav-btn { width: 70%; padding: 0 2rem; } .new_drawer_slidein .header_logo { display: flex; align-items: center; } .new_drawer_slidein .header_logo img { width: 100%; height: auto; display: block; } #global-nav .gnav_accordion_wide .gnav_pc .gnav_items li:not(.gnav-submenu):last-child { background-color: #000; } /*****フッター******/ div[class^="footer"] .back-top { border: 1px solid var(--background-color_1); } div[class^="footer"] .back-top .arrow:before { color: var(--background-color_1); } div[class^="footer"] .detail-side_first .tel:after { color: #fff; } div[class^="footer"] .logo { max-width: 200px; } div[class^="footer"] .footer-company::before { display: none; } #section-wrapper div[class^="footer"] .letter.copyright { font-size: 1.5rem; } #section-wrapper div[class^="footer"] .detail-side_first .tel a, #section-wrapper div[class^="footer"] .detail-side_first .tel { font-size: 0; } #section-wrapper div[class^="footer"] .letter a, #section-wrapper div[class^="footer"] .letter { font-size: 1.5rem; font-weight: 600; } #section-wrapper div[class^="footer"] .copy { border-top: none; } .footer_tp_generic .editable a { color: var(--text-color); } @media only screen and (min-width: 768px){ #section-wrapper div[class^="footer"] .detail-side_first .tel a, #section-wrapper div[class^="footer"] .detail-side_first .tel { font-size: 2rem !important; } #section-wrapper div[class^="footer"] .detail-side_first .tel a { font-weight: 600; } } @media only screen and (max-width: 767.9px){ .footer_tp_generic .detail-side_second .section_btn a { border-radius: 0 !important; } } /*****見出しh1（左揃え）******/ #section-wrapper section:first-of-type div.h1_left .headding_wrap .headding { font-size: clamp(6.2rem, 6vw, 10rem); font-weight: 600; line-height: 1.25; } #section-wrapper section:first-of-type div.h1_left { height: 100vw; overflow: hidden; } #section-wrapper section:first-of-type div.h1_left .subtitle { font-size: 1.6rem; } #section-wrapper section:first-of-type div.h1_left .spaceable.spaceable-top.spacer-section { display: none; } #section-wrapper section:first-of-type div.h1_left .section_inner { width: 96%; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0 auto; animation-name: none; padding: 0; } @media only screen and (min-width: 768px){ #section-wrapper section:first-of-type div.h1_left .headding { font-size: 6.2rem; } #section-wrapper section:first-of-type div.h1_left .subtitle { font-size: 2rem; } #section-wrapper section:first-of-type div.h1_left { height: 450px; } } /* @media only screen and (min-width: 1025px) { #section-wrapper section:first-of-type div.h1_left .section_inner { width: 940px; margin: 0; } } */ .h1_left .section_inner { z-index: 2; } .h1_left:after { content: ""; display: block; height: 100%; width: 100%; background-image: radial-gradient(rgba(0, 0, 0, .2) 20%, rgba(0, 0, 0, .12) 0), radial-gradient(rgba(0, 0, 0, .2) 20%, rgba(0, 0, 0, .12) 0); background-repeat: repeat; background-size: 3px 3px; position: absolute; top: 0; left: 0; z-index: 0; } .h1_left .section_h3, .h1_left .subtitle { color: #000 !important; } .h1_left .headding { width: fit-content; background-color: #fff !important; padding: .1lh .2lh; } .h1_left .subtitle { margin-left: 1.5ch; } @media (max-width:767.9px) { .h1_left .headding { padding: 0px 2rem .5rem; font-size: 11vw; } } @media only screen and (min-width: 768px) { #section-wrapper .h1_left::before, #section_614354::before { clip-path: polygon(100% 0, 0 0, 0 30%); } #section_614354::before, #section_614388::before, .h1_left::before, #section_614164::before { content: ""; width: 100%; height: 15em; clip-path: polygon(100% 0, 0 0, 0 15%); /* background-color: var(--text-color); */ background-color: #000; position: absolute; bottom: -1px; right: 0; z-index: 2; transform: rotate(180deg); } } /*****見出しh2******/ #section-wrapper .h2_section { overflow: hidden; } #section-wrapper .h2_left .section_h2 { font-size: clamp(5rem, 9vw, 8.3rem); line-height: 1.2; font-weight: 600; } #section-wrapper #section_614334 .h2_left .section_h2 { font-size: clamp(4.4rem, 6.3vw, 6.7rem); } #section-wrapper .h2_text .section_h2 { font-size: clamp(3rem, 5vw, 5.6rem); line-height: 1.2; font-weight: 600; } #section-wrapper .h2_section .subtitle { font-size: 2rem; line-height: 1.8; } #section-wrapper .h2_section .letter { font-size: 1.6rem; line-height: 2; } #section-wrapper .h2_section .section_inner { padding: 0 1rem; margin: 0 auto; } @media only screen and (min-width: 768px) { #section-wrapper .h2_text .section_h2 { font-size: clamp(3rem, 5vw, 5.4rem); } #section-wrapper .h2_section .subtitle { font-size: 2.4rem; } } @media only screen and (max-width: 767.9px){ #section-wrapper .h2_section div.spaceable.spaceable-top.spacer-section { padding-bottom: 40px !important; } } /*****見出しh3******/ #section-wrapper div[class^="title_sub"] .section_h3 { font-size: 2.4rem; line-height: 1.2; } #section-wrapper div[class^="title_sub"] .subtitle { font-size: 1.6rem; margin-top: 2rem; } #section-wrapper div[class^="title_sub"] .section_inner { margin: 0 auto; } #section-wrapper div[class^="title_sub"] .text-side { max-width: none; } @media only screen and (min-width: 768px) { #section-wrapper div[class^="title_sub"] .section_h3 { font-size: 3.2rem; } #section-wrapper div[class^="title_sub"] .section_inner { padding: 4rem 0 0; } } /*****テーブル******/ #section-wrapper .table_border_light .table_wrap .tr .th { font-weight: 600; } #section-wrapper .table_border_light .duplicatable-container { border-top: 1px solid #e7e6e6; } #section-wrapper .table_border_light .table_wrap .tr { border-bottom: 1px solid #e7e6e6; font-size: 1.5rem; background-color: #fff; } #section-wrapper .table_border_light .table_wrap .duplicatable-content:nth-child(n+2) { padding: 0; } #section-wrapper .table_border_light .table_wrap .tr a { text-decoration: underline; } .table_separated_border .duplicatable-content { background-color: #fff; } .table_separated_border .section_inner { padding: 0; } #content-wrapper #section-wrapper .table_separated_border .th { font-weight: 600; } @media only screen and (min-width: 768px){ #section-wrapper .table_border_light .section_inner { margin: 0 auto; } } @media only screen and (max-width: 767.9px){ #section-wrapper .table_border_light .table_wrap .tr .th { padding-bottom: 0; width: 100%; } #section-wrapper .table_border_light .table_wrap .tr .td { padding-top: 0; } } #section-wrapper div[class^="table_light"] .table_wrap .tr .th { background-color: var(--background-color_1); color: #fff; } #section-wrapper div[class^="table_light"] .table_wrap .tr .td { background-color: #fff; } .table_top_alignment .duplicatable-content { background-color: #fff; } @media only screen and (max-width: 767px) { #content-wrapper #section-wrapper .table_separated_border .th { padding: 32px 1rem 20px; } #content-wrapper #section-wrapper .table_separated_border .td { width: 100%; padding: 0 1rem 32px; } } /*****top******/ #section-wrapper section:first-of-type div[class^="mainvisual"] .one_page_scroll_btn, .flamingo-slider-pagination { display: none; } #section-wrapper section:first-of-type div[class^="mainvisual"] .text-side :is(.headding, .subtitle) { color: #fff; font-weight: 600; position: relative; text-shadow: .3rem .3rem 0 rgba(0,0,0,.3); } #section-wrapper section:first-of-type div[class^="mainvisual"] { overflow: hidden; } body:not(.page-index) #section-wrapper section:first-of-type div[class^="mainvisual"]::before { content: ""; width: 100%; height: 100%; pointer-events: none; position: absolute; left: 0; top: 0; background: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/439038/optimized_FMRo-VZ27nxcHu3rmRjVQw.png); opacity: .3; } #section-wrapper section:first-of-type div[class^="mainvisual"] .subtitle_wrap:last-of-type .subtitle { display: inline-block; color: #fff; background: var(--main-color_1); padding: 0 10px; font-size: 1.6rem; } @media only screen and (min-width: 768px){ #section-wrapper section:first-of-type div[class^="mainvisual"] .subtitle_wrap:last-of-type .subtitle { font-size: 2.5rem; } } #section-wrapper section:first-of-type div[class^="mainvisual"]::after { content: ""; width: 100%; height: 100%; clip-path: polygon(100% 0, 0 0, 0 10%); background-color: transparent; position: absolute; bottom: -1px; right: 0; z-index: 1; transform: rotate(180deg); } @media only screen and (min-width: 768px) { #section-wrapper section:first-of-type div[class^="mainvisual"]::after, #section_629332 .section_name::before { clip-path: polygon(100% 0, 0 0, 0 10%); } #section_629332 .section_name::before { content: ""; width: 100%; height: 15em; clip-path: polygon(100% 0, 0 0, 0 15%); background-color: #000; position: absolute; top: -1px; left: 0; z-index: 0; } } /*****お問い合わせ******/ .formapps .section_btn input { background: #fff; color: #000; margin: 0; } .formapps .form_area .input_checkbox .form-item_input span, .formapps .dummy_form_area .input_slect .form-item_input select, .formapps .form_area .input_slect .form-item_input select, .formapps .dummy_form_area .form-item_title label, .formapps .form_area .form-item_title label { font-weight: 600; } /*****ブログ・施工事例******/ #section-wrapper div[class^="blog"] .category, #section-wrapper .blog_temp_section .banner_text .banner_link, #section-wrapper .blog_posts .banner_text .banner_link, #section-wrapper .showcase_chart .banner_text .banner_link { background-color: var(--text-color); color: #fff; font-weight: 600; display: inline; padding: 0.1rem 1rem .5rem; } #section-wrapper .blog_posts .banner_text .banner_link, #section-wrapper .showcase_chart .banner_text .banner_link { padding: 1.5rem 3rem; } #section-wrapper .blog_temp_section .banner_text ._color_, #section-wrapper .showcase_chart .banner_text ._color_, #section-wrapper .blog_posts .banner_text ._color_ { color: var(--main-color_1); } #section-wrapper .blog_text .category.letter { color: #fff; padding: 0; } .blog_unity .blog-side .blog_image-wrap { border-radius: 0; } #section-wrapper .breadcrumb_list .breadcrumb_item { color: #000; font-size: 1.5rem; } .blog_posts .posts_title, /* .blog_posts .banner_text, */ .blog_posts .post_archives_title, .blog_posts .post_category_title, .blog_posts .post_popnews_title, .blog_posts .post_tag_title { color: #000; } /*****サイトマップ******/ #section_614051 .text-side .text { text-align: center; } #section_614051 .text-side .letter div { margin-top: 1rem; } .title_text_generic02 .editable a { color: #000; } /*****addition******/ #section_614349 .h3_text:after { content: ""; display: block; height: 100%; width: 100%; background-image: radial-gradient(rgba(0, 0, 0, .2) 20%, rgba(0, 0, 0, .12) 0), radial-gradient(rgba(0, 0, 0, .2) 20%, rgba(0, 0, 0, .12) 0); background-repeat: repeat; background-size: 3px 3px; background-color: rgba(18, 58, 123, 0.2); position: absolute; top: 0; left: 0; z-index: 0; } #section_614349 .h3_text .section_inner { z-index: 3; } /* #section_614256 .section_name::after, */ :is(#section_614256,#section_614290,#section_614285,#section_614361,#section_629362,#section_629344) .section_name::after { content: ""; width: 100%; height: 100%; clip-path: polygon(100% 0, 0 0, 0 10%); background-color: #f0f0f0; position: absolute; bottom: -1px; right: 0; z-index: 1; transform: rotate(180deg); } :is(#section_614256,#section_614290,#section_629362,#section_629344) .section_name::after { transform: rotate(0deg); background-color: #000; bottom: 0; } #section_614285 .section_name::after { background-color: #000; } @media only screen and (min-width: 768px) { #section_614256 .section_name::after, #section_614285 .section_name::after, #section_614361 .section_name::after { clip-path: polygon(100% 0, 0 0, 0 20%); } #section_614313 .section_name::before { content: ""; width: 100%; height: 15em; clip-path: polygon(100% 0, 0 0, 0 15%); background-color: #000; position: absolute; top: -1px; left: 0; z-index: 0; } #section_614313 .section_name::before { clip-path: polygon(100% 0, 0 0, 0 30%); } } #section_614177 .title_simple_wide_reversible .text-box .letter i { position: relative; display: flex; padding-left: 24px; text-align: left; font-style: normal; } #section_614177 .title_simple_wide_reversible .text-box .letter i::before, #section_614177 .title_simple_wide_reversible .text-box .letter i::after { content: ""; display: block; position: absolute; } #section_614177 .title_simple_wide_reversible .text-box .letter i::before { width: 16px; height: 16px; background: #fff; border: 2px solid #000; left: 0; top: 8px; } #section_614177 .title_simple_wide_reversible .text-box .letter i::after { -webkit-transform: translateY(-50%) rotate(-45deg); border-left: 3px solid #000; border-bottom: 3px solid #000; width: 16px; height: 8px; left: 4px; top: 12px; } @media only screen and (min-width: 1025px) { section:first-of-type .content { padding: 0; } section:first-of-type .content [class^="mainvisual"] { height: calc(100vh - -10px); } } /* h2_left */ #section-wrapper .h2_left .section_h2 { position: relative; display: inline-block; margin-bottom: 30px; } #section-wrapper .h2_left .section_h2::after { position: absolute; bottom: -15px; left: 0; width: 110%; height: 4px; content: ''; /* border-radius: 3px; background-image: -webkit-gradient(linear, right top, left top, from(#ffdc1f), to(var(--main-color_1))); background-image: -webkit-linear-gradient(right, #ffdc1f 0%, var(--main-color_1) 100%); background-image: linear-gradient(to left, #ffdc1f 0%, var(--main-color_1) 100%); */ background-image: -webkit-gradient(linear, right top, left top, from(#000), to(var(--background-color_1))); background-image: -webkit-linear-gradient(right, #000 0%, var(--background-color_1) 100%); background-image: linear-gradient(to left, #000 0%, var(--background-color_1) 100%); } .h2_left { background-image: none !important; } /* h2_text */ #section-wrapper .h2_text .editable { color: #fff; font-weight: 600; } #section-wrapper .h2_text .section_h2 { /* background: linear-gradient(transparent 72%, var(--main-color_1) 0%); */ display: inline; padding: 0 1px 0px; color: #fff; font-weight: 600; /* border-bottom: 1px solid #fff; */ } .h2_text .spacer-item_wrap:nth-child(1) .editable_wrap { margin-bottom: 1rem; } .h2_text { background-color: var(--text-color); background-image: none !important; } /* wide_block_link_flex */ .wide_block_link_flex .image-side .frame-image { background-color: var(--main-color_1); } #section-wrapper .wide_block_link_flex .text-side .letter { color: #fff; font-size: 2rem; font-weight: 600; } /* half */ /* .half .section_h3 { padding: 1rem 2rem; border-left: 6px double var(--main-color_1); } */ /* title_space */ .title_space, .title_space .letter_wrap { padding: 0; } /* information_half_wide */ #section-wrapper .information_half_wide .link-side_inner { position: relative; overflow: hidden; } #section-wrapper .information_half_wide .headding { color: var(--text-color); } #section-wrapper .information_half_wide .contact-side .editable { color: #fff; font-weight: 600; } #section-wrapper .information_half_wide .link-side_inner::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 50px 50px; border-color: transparent transparent var(--background-color_1) transparent; position: absolute; bottom: 0; right: 0; transition: .2s ease; } #section-wrapper .information_half_wide .link-side_inner:hover::before { opacity: .6; border-width: 0px 0 800px 800px; } #section-wrapper .information_half_wide .contact-side_bg .frame-image { background-color: var(--text-color); } .information_half_wide .link-side_inner { border-top: 1px solid #F0F0F0; } #section-wrapper .information_half_wide .contact-side_text .letter { font-size: clamp(6rem,5vw,7rem); } /* title_line_wide_reversible */ .title_line_wide_reversible .headding_wrap { background-color: #000; padding: 47px 25px; } #section-wrapper .title_line_wide_reversible .headding_wrap .section_h3 { color: #fff; font-size: 3.4rem; } .title_line_wide_reversible .section-image_bg::before { content: ""; width: 100%; height: 100%; position: absolute; right: auto; left: 0; top: 0; background-position: left bottom; background-size: 70%; z-index: 0; opacity: .5; } #section_614296 .title_line_wide_reversible .section-image_bg::before { background: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/440064/optimized_CYqJN0ly38xDZ_UHvfEJRw.jpg) no-repeat; } #section_614297 .title_line_wide_reversible .section-image_bg::before { background: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/440065/optimized_wSck7yWnQeb04fyOHuuTHg.jpg) no-repeat; background-position: right bottom; } #section_614298 .title_line_wide_reversible .section-image_bg::before { background: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/440066/optimized_yymtwaTF2bcFoyItXIkMGQ.jpg) no-repeat; } .title_line_wide_reversible .section-image_bg::before { filter: grayscale(100%); } @media only screen and (min-width: 768px) { .title_line_wide_reversible .section-image_bg::before { background-size: contain !important; } } /* fit_card_two */ #section-wrapper .fit_card_two .text-side .subtitle { font-size: 1.6rem; } #section-wrapper .fit_card_two .image-side_text .editable { color: #fff; text-shadow: .2rem .2rem 0 rgba(0,0,0,.3); font-weight: 600; } .fit_card_two .image-side .frame-image::before { content: ""; width: 100%; height: 100%; pointer-events: none; position: absolute; left: 0; top: 0; background: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/439038/optimized_FMRo-VZ27nxcHu3rmRjVQw.png); opacity: .3; } /* infomation_background_image */ .infomation_background_image .dc-inner_bg .frame-image { filter: grayscale(100%); } /* h3_text */ #section-wrapper .h3_text .editable { color: #fff; text-shadow: .2rem .2rem 0 rgba(0,0,0,.3); font-weight: 600 } #section-wrapper .h3_text .subtitle { font-size: 1.6rem; color: var(--main-color_1); } /* tab_section */ #section-wrapper .tab_section .tab_switch_container .tab_switch_box .tab_button.active_tab .letter { color: #2b2b2b; } /* title_space */ #section-wrapper .title_space .title_space_bg .editable_wrap .headding { color: #ffffff30; } /* simple_text_content */ .simple_text_content .simple_text_title.editable.headding::before { background-color: var(--main-color_1); } /* title_simple_wide_reversible */ #section-wrapper .title_simple_wide_reversible .subtitle { font-size: 3.6rem; } /* 20250627 */ .information_card .info-side_content-inner { border:none; } .standard_content_text_dup .text-box, .standard_content_text_two .text-box{ padding: 1.5em 1em 0.3em; margin: 2em 0; border: double 5px #F0F0F0; } /* 20250717 修正 */ #section-wrapper :is(#section_614365,#section_614203,#footer-section) .section_btn a { border: 2px solid #fff!important; background-color: #FFF!important; color: #000!important; transition: .3s; } #section-wrapper :is(#section_614365,#section_614203,#footer-section) .section_btn a:hover { background-color: #000!important; color: #fff!important; } #section-wrapper :is(#section_614365,#section_614203,#footer-section) .section_btn a::before { border-top: 2px solid #000; border-right: 2px solid #000; } #section-wrapper :is(#section_614365,#section_614203,#footer-section) .section_btn a:hover::before { border-top: 2px solid #fff; border-right: 2px solid #fff; right: -0.2em; } .fit_card_two .text-side .headding_wrap, .fit_card_two .text-side .section_h3 { font-size: clamp(3.2rem, 5vw, 4rem); } .infomation_background_image .frame-image::before { content: ""; background-color: #00000070; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } .card_icon .card_icon-item { border: 1px solid #F0F0F0; } .table_light .table_wrap .tr { border-bottom: 4px solid rgba(0, 0, 0, 0.5); } .title_space .title_space_bg .editable_wrap:nth-child(1) { top: 7rem; } .table_light_generic .table_wrap .tr { border-bottom: 4px solid rgba(0, 0, 0, 0.5); } .tab_section .tab_switch_container .tab_switch_box .tab_button { border-left: solid 1px #f0f0f0; border-right: solid 1px #f0f0f0; border-top: solid 1px #f0f0f0; background: #2b2b2b; } #section-wrapper .tab_section .tab_switch_container .tab_switch_box .tab_button .editable_wrap .editable { color: #fff; } #section-wrapper .tab_section .tab_switch_container .tab_switch_box .tab_button.active_tab .editable_wrap .editable { color: #2b2b2b; } #section-wrapper .tab_section .tab_switch_container .tab_switch_box .tab_button.active_tab { background: #f0f0f0; } #section-wrapper .tab_section .tab_switch_container .tab_switch_box .tab_button.active_tab:after { background: #f0f0f0; } .tab_section .tab_contents_container { border: solid 1px #f0f0f0; } .blog_unity .text-side .section_h3, #section-wrapper .infomation_background_image h3, #section-wrapper .information_card .text-side .section_h2, .api_map_text .section_h3 { font-size: clamp(5rem, 5vw, 6.4rem); } #section-wrapper .mainvisual_mountain { background-size: contain; background-repeat: no-repeat; height: 41.6vw; margin-top: 6.5rem; } #section_614388::before, #section_614388::after { content: ""; width: 100%; height: 9em; clip-path: polygon(100% 0, 0 0, 0 30%); background-color: #f0f0f0; position: absolute; bottom: -8.9em; right: 0; z-index: 2; transform: rotate(0deg); } #section_614388::after { transform: rotate(180deg); top: -9em; bottom: auto; } .h1_text .subtitle { margin-top: 1.2rem; } #global-nav .gnav_accordion_wide .gnav_sp .header_logo { height: 141%; } #global-nav .gnav_accordion_wide .gnav_pc .header_logo { height: 115%; } #section-wrapper #section_626193 .h1_text h1 span { font-size: clamp(3rem, 5vw, 5rem); } #section_614378 .duplicatable-content_inner .text-side_subtitle .letter { display: none; } /* #section_614354 .mainvisual_mountain .section_inner::after { content: ""; position: absolute; width: 60em; height: 44em; bottom: -5em; right: 3rem; background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/446297/optimized__o9JqonmHyyqYbeGiJt66w.png); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: 0; opacity: .6; transform: rotate(-2deg); } */ @media only screen and (min-width: 1900px) { #section-wrapper .mainvisual_mountain { height: 41.3vw; } } @media only screen and (min-width: 768px) { #section-wrapper div[class^="table_light"] .table_wrap .tr .th { border-right: 4px solid #000; } .table_light .table_wrap .tr .th, .table_light .table_wrap .tr .td { padding: 2rem 0 2rem 4rem; } .half_slanted_line .text-side::after { background: linear-gradient(to top left, transparent 50%, #F0F0F0 50.5%) no-repeat top left / 100% 100%; } } @media only screen and (max-width: 767.9px) { #section-wrapper div[class^="table_light"] .table_wrap .tr .th { border-bottom: 4px solid #000; } #section-wrapper .mainvisual_mountain { background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/463716/optimized_YEp7PMYO8QSveGl3wzDJ_A.png)!important; height: 144vw; } .half_slanted_line .text-side::after { background: linear-gradient(to bottom left, transparent 50%, #F0F0F0 50.5%) no-repeat top left / 100% 100%; } } @media only screen and (max-width: 480px) { .infomation_background_image .spacer-section { padding-bottom: 20px!important; } } /* 20250801 修正 */ #section_614378 .square_four_images_with_text .duplicatable .duplicatable-container .duplicatable-content:nth-child(2n) { margin-top: 5rem; } :is(#section_629334,#section_629695) .section_btn a { border: 2px solid #fff !important; } a:hover { opacity: 1; } .title_line_wide .headding_wrap, .page-workstyle .title_line_wide .headding { font-size: clamp(3rem, 7vw, 5rem); } :is(.page-recruit,.page-index,.page-business) .title_line_wide .headding { font-size: clamp(7.2rem, 8vw, 11rem); } :is(.page-workstyle,.page-aboutus) .title_simple_wide_reversible .text-side .title-box .spacer-item_wrap .subtitle, .page-aboutus .title_line_wide .title-box .spacer-item_wrap .editable_wrap p { display: none; } #section-wrapper #section_629355 .title_simple_wide_reversible .headding_wrap, .title_simple_wide_reversible .headding { font-size: clamp(5rem, 8vw, 9rem); line-height: 0.25!important; } #section_614177 .title_simple_wide_reversible .headding { font-size: clamp(5rem, 8vw, 6rem); line-height: 1.25 !important; } .title_line_wide .text-box .letter { line-height: 2; } .title_text_generic02 .editable a, #section-wrapper .wrapper a:not(.no-default-color), #section-wrapper .breadcrumb_list .breadcrumb_item, .blog_posts .posts_title, .blog_posts .post_archives_title, .blog_posts .post_category_title, .blog_posts .post_popnews_title, .blog_posts .post_tag_title, .blog_posts_body .post_title_wrap, .blog_posts_body .blog_post_text, #section-wrapper .showcase_chart .showcase_chart_title, #section-wrapper .showcase_chart .post_popnews_title, #section-wrapper .showcase_chart .showcase_chart_sidebar_title, .formapps :is(.form-item_title,.form-item_input) label { color: #ffffff; } #section-wrapper .title_line_wide .subtitle font { color: #ffffff30; } #section-wrapper .title_simple_wide_reversible .text-box { border: none; } #section_629355 .title_simple_wide_reversible .section-image_bg { background-color: #fff; } #content-wrapper #section-wrapper #section_629355 .title_simple_wide_reversible .section_inner .text-box .text-box_bg .image-frame-bg { background: rgb(0 0 0 / 54%)!important; } #section-wrapper .multiple_btn .section_inner .section_btn .linker a { font-size: 1.8rem; } #section-wrapper .fit_card_two .image-side_text .title { font-size: clamp(4rem, 6vw, 8rem); } #section-wrapper .square_four_images_with_text .image-frame-bg { padding-top: 58%; } .title_line_wide .subtitle_wrap, .title_line_wide .subtitle { font-size: clamp(8.4rem, 13.8vw, 14rem); } #section-wrapper .title_line_wide_reversible .text-box .editable_wrap_title .letter, #section-wrapper .title_line_wide .text-box .editable_wrap_title .letter { font-size: clamp(2.8rem, 5vw, 3.4rem); line-height: 1.6; } #section_629332 .new_half_vertical_rl h3 { width: fit-content; background-color: #fff; display: inline-block; padding: 10px 8px; } .information_card .section_inner .information_card-content h3 span { font-size: 1.8em; } :is(#section_614296,#section_614297,#section_614298) .title_line_wide_reversible .title-box .subtitle_wrap .subtitle span { font-size: 3rem; } #section_614290 .title_space .text-side, #section_614290 .title_space .letter_wrap { max-width: 700px; } @media only screen and (min-width: 1025px) { body:not(.eat_cms) .new_half_vertical_rl .text-side { margin-top: -300px; margin-right: 10%; } .new_half_vertical_rl .image-side .frame-image { margin-left: 30%; } .new_half_vertical_rl .image-side { margin-top: 300px; } .new_half_vertical_rl .text-side { padding: 33rem 1.5rem 3rem; } .new_half_vertical_rl .text-side_inner_editables { height: 32em; } } @media only screen and (min-width: 767.9px) { .title_line .text-box .spacer-item_wrap { width: 100%; } body:not(.eat_cms).page-workstyle .title_line_wide .title-box .spacer-item_wrap:nth-child(1) { top: 8em; left: 9em; z-index: -1; } :is(.page-workstyle,.page-aboutus) .title_line_wide .title-box .spacer-item_wrap:nth-child(1) { width: 300%; } body:not(.eat_cms).page-aboutus .title_line_wide .title-box .spacer-item_wrap:nth-child(1) { top: 9em; right: 11em; left: auto; z-index: -1; } .page-workstyle .title_line_wide .title-box { width: 33%; padding-right: 0; } :is(.page-workstyle,.page-aboutus) .title_line_wide .text-box { width: 70%; } #section-wrapper #section_629354 .h2_left .section_h2 span br, #section-wrapper section:first-of-type div.h1_left .headding br { display: none; } } @media only screen and (min-width: 480px) { #section-wrapper #section_614180 .h2_left .section_h2 font br, #section-wrapper .h2_left .section_h2 font br, #section-wrapper #section_614382 .wide_block_link_flex .text-side .letter span br { display: none; } } @media only screen and (max-width: 1025px) { #section_629332 .new_half_vertical_rl .text-side { padding: 8rem 1.5rem 0; } body:not(.eat_cms).page-workstyle .title_line_wide .title-box .spacer-item_wrap:nth-child(1) { left: 6rem; } } @media only screen and (max-width: 767.9px) { #section_614378 .square_four_images_with_text .duplicatable .duplicatable-container .duplicatable-content:nth-child(2n) { margin-top: 1.6rem; margin-left: 1rem; } .title_line_wide .subtitle :is(span,font) { writing-mode: vertical-rl; } .title_line_wide .title-box .spacer-item_wrap:nth-child(1) { top: 0; left: 2.5em; transform: none; z-index: -2; } .title_line_vertical_writing.reverse .section-animation-wrap .element-1 { left: 0; } :is(#section_629362,#section_629335,#section_629455,#section_629344,#section_629352,#section_629363,#section_629333) .title_line_wide .editable_wrap p { display: none; } .new_half_vertical_rl .text-side_inner_editables { height: 29em; } #section-wrapper .title_line_wide .letter { text-align: center; } .footer_tp_generic .detail-side_first { background-color: #000; } .footer_tp_generic .detail-side_first .tel span { letter-spacing: -0.9rem; } } @media only screen and (max-width: 480px) { .square_four_images_with_text .duplicatable-content { width: 100%; } #section_614378 .square_four_images_with_text .duplicatable .duplicatable-container .duplicatable-content:nth-child(2n) { margin: 0; } body:not(.eat_cms).page-workstyle .title_line_wide .title-box .spacer-item_wrap:nth-child(1) { left: 4rem; } } /* 20250826 */ :is(#section_629333,#section_629335,#section_629455,#section_629362,#section_629363) .title_line_wide .subtitle { display: none; } .portfolios #section-wrapper .showcase_data_item_value, .portfolios #section-wrapper .shocase_body_title, .portfolios #section-wrapper .post_body_text, #section-wrapper .showcase_chart .showcase_chart_item .showcase_chart_item_text, .portfolios, .portfolios .showcase a, .portfolios .elation_post_text, .portfolios .breadcrumb_item .breadcrumb_link, .portfolios .showcase_chart .showcase_chart_popnews_item_day, .portfolios .showcase_chart .showcase_chart_popnews_item .text-side, .portfolios .showcase_chart .showcase_chart_sidebar_link, .portfolios .showcase_chart .showcase_chart_item .showcase_chart_item_title { color: #fefefe; } .portfolios .breadcrumb_item:after { border-left: 1px solid #fefefe; border-bottom: 1px solid #fefefe; } @media only screen and (max-width: 480px) { .square_four_images_with_text .section_h3 { font-size: 2.5rem; } .footer_tp_generic .detail-side { z-index: 1; } }