.mainvisual_step_animation{position:relative;height:100vh;overflow:hidden}.mainvisual_step_animation .animation-cover div{position:absolute;top:0;background-color:#333;z-index:2;width:13%;height:100%;animation:step_animation 0.8s cubic-bezier(0.46, 0.26, 0.15, 0.89) 1 forwards}.mainvisual_step_animation .animation-cover div:nth-last-of-type(1){left:0;animation-delay:0.1s !important}.mainvisual_step_animation .animation-cover div:nth-last-of-type(2){left:12.5%;animation-delay:0.2s !important}.mainvisual_step_animation .animation-cover div:nth-last-of-type(3){left:25%;animation-delay:0.3s !important}.mainvisual_step_animation .animation-cover div:nth-last-of-type(4){left:37.5%;animation-delay:0.4s !important}.mainvisual_step_animation .animation-cover div:nth-last-of-type(5){left:50%;animation-delay:0.5s !important}.mainvisual_step_animation .animation-cover div:nth-last-of-type(6){left:62.5%;animation-delay:0.6s !important}.mainvisual_step_animation .animation-cover div:nth-last-of-type(7){left:75%;animation-delay:0.7s !important}.mainvisual_step_animation .animation-cover div:nth-last-of-type(8){left:87.5%;animation-delay:0.8s !important}@keyframes step_animation{0%{top:0}100%{top:-100%}}.mainvisual_step_animation .section_inner{height:100%;width:100%;position:absolute;top:0;display:flex;align-items:center}.mainvisual_step_animation .image-side{position:absolute;top:0;height:100%;width:100%}.mainvisual_step_animation .swiper-wrapper{height:100%}.mainvisual_step_animation .swiper-slide{height:100%;position:relative;overflow:hidden}.mainvisual_step_animation .swiper-slide img{height:100vh;width:auto;max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.mainvisual_step_animation .catch{position:relative;margin-left:5%;font-family:Oswald;color:#fff;overflow:hidden}.mainvisual_step_animation .catch::before{content:"";display:block;background-color:#333;position:absolute;top:0;left:0;right:100%;bottom:0;animation:text-wrap_fade 0.8s ease-out 1 forwards;animation-delay:1.1s !important}.mainvisual_step_animation .catch_head{font-size:1.2rem}.mainvisual_step_animation .catch_text{font-size:3rem;font-weight:300}.mainvisual_step_animation .catch_text span{font-weight:500}.mainvisual_step_animation .catch_subtext{font-size:2rem;font-weight:lighter}@keyframes text-wrap_fade{0%{left:0;right:100%}40%{left:0;right:0}60%{left:0;right:0}100%{left:100%;right:0}}.mainvisual_step_animation .editable_wrap{opacity:0;animation:text_fade-in 0.5s ease-out 1 forwards;animation-delay:1.7s !important;min-width:150px}@keyframes text_fade-in{0%{opacity:0}100%{opacity:1}}.mainvisual_step_animation .headding_wrap{font-size:3rem}.mainvisual_step_animation .subtitle_wrap{font-size:2rem}.mainvisual_step_animation .swiper-pagination{width:auto;position:absolute;right:10px;left:auto}.mainvisual_step_animation .swiper-pagination-bullet{opacity:1;background:#fff;width:6px;height:6px;margin:0 7px;vertical-align:middle}.mainvisual_step_animation .swiper-pagination-bullet-active{background:transparent;border:2px solid #fff;width:12px;height:12px}@media only screen and (min-width: 1025px){.mainvisual_step_animation .swiper-slide img{width:120%;height:auto}.mainvisual_step_animation .catch_head{font-size:2.5rem}.mainvisual_step_animation .catch_text{font-size:5rem}.mainvisual_step_animation .catch_subtext{font-size:2.5rem}.mainvisual_step_animation .headding_wrap{font-size:5rem}.mainvisual_step_animation .subtitle_wrap{font-size:2.5rem}} .btn_wide .section_btn{max-width:990px}.btn_wide .section_btn a{background-color:#2C5DFF} body:not(.eat_cms) .images_loop_animation .loop-items_wrap{flex-direction:row}body:not(.eat_cms) .images_loop_animation .loop-items-1{animation:loop 50s -25s linear infinite}body:not(.eat_cms) .images_loop_animation .loop-items-2{animation:loop2 50s linear infinite}.images_loop_animation .loop-items_wrap{display:flex;align-items:center;flex-direction:column;width:100vw;overflow:hidden}.images_loop_animation .loop-items{display:flex;align-items:center;width:auto;height:100%}@keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}.images_loop_animation .loop-item{width:calc(100vw / 4);height:calc(100vw / 4 / 3 * 2);display:flex;align-items:center;overflow:hidden}.images_loop_animation .image-frame{width:calc(100% - 24px);margin-right:24px}@media only screen and (max-width: 768px){.images_loop_animation .loop-item{width:calc(100vw / 2);height:calc(100vw / 2 / 3 * 2)}} .sub_title{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif";padding:8rem 0 8rem}.sub_title .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.sub_title .text-side{max-width:850px;margin:auto;text-align:center}.sub_title .subtitle{letter-spacing:0px}.sub_title .headding_wrap .section_h3,.sub_title .editable_wrap{font-size:1.8rem}.sub_title .subtitle_wrap .subtitle{font-size:1.4rem}@media only screen and (min-width: 768px){.sub_title .headding_wrap .section_h3,.sub_title .editable_wrap{font-size:4rem}.sub_title .subtitle_wrap .subtitle{font-size:1.8rem}}@media only screen and (max-width: 767px){.sub_title{padding:2.4rem 0 2.4rem}} .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%}} .sub_title{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif";padding:8rem 0 8rem}.sub_title .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.sub_title .text-side{max-width:850px;margin:auto;text-align:center}.sub_title .subtitle{letter-spacing:0px}.sub_title .headding_wrap .section_h3,.sub_title .editable_wrap{font-size:1.8rem}.sub_title .subtitle_wrap .subtitle{font-size:1.4rem}@media only screen and (min-width: 768px){.sub_title .headding_wrap .section_h3,.sub_title .editable_wrap{font-size:4rem}.sub_title .subtitle_wrap .subtitle{font-size:1.8rem}}@media only screen and (max-width: 767px){.sub_title{padding:2.4rem 0 2.4rem}} .sub_title{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif";padding:8rem 0 8rem}.sub_title .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.sub_title .text-side{max-width:850px;margin:auto;text-align:center}.sub_title .subtitle{letter-spacing:0px}.sub_title .headding_wrap .section_h3,.sub_title .editable_wrap{font-size:1.8rem}.sub_title .subtitle_wrap .subtitle{font-size:1.4rem}@media only screen and (min-width: 768px){.sub_title .headding_wrap .section_h3,.sub_title .editable_wrap{font-size:4rem}.sub_title .subtitle_wrap .subtitle{font-size:1.8rem}}@media only screen and (max-width: 767px){.sub_title{padding:2.4rem 0 2.4rem}} #content-wrapper #section-wrapper .unevenness_opposite .image-frame{display:block;position:static}.unevenness_opposite{padding:0 20px}.unevenness_opposite .section_inner{max-width:1440px;padding:0 20px 20px}.unevenness_opposite .duplicatable-original{margin-bottom:6rem}.unevenness_opposite .duplicatable-container{margin-bottom:6rem}.unevenness_opposite .duplicatable-container .duplicatable-content{margin-top:40px}.unevenness_opposite .duplicatable-content_inner{align-items:center;display:flex}.unevenness_opposite .image-side{max-height:490px;position:relative;width:60%}.unevenness_opposite .image-side .image-frame img{height:100%;object-fit:cover;height:490px;max-height:490px}.unevenness_opposite .image-side .image-frame a div img{height:100%;object-fit:cover}.unevenness_opposite .image-side .image-frame div{height:100%}.unevenness_opposite .image-side .image-frame.center-icon .edit-btns{top:90% !important}.unevenness_opposite .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row-reverse}.unevenness_opposite .duplicatable-content:nth-child(even) .text-side{padding:0 40px 0 0}.unevenness_opposite .text-side{position:relative;width:40%;margin:0;padding:40px 0 40px 40px}.unevenness_opposite .text-side .text-side_inner{width:100%;position:relative;z-index:2;max-width:280px;margin:0;max-width:520px}.unevenness_opposite .text-side .text-side_inner .spacer-item_wrap .letter_wrap_basic .editable{letter-spacing:.3px}.unevenness_opposite .text-side .text-side_inner .spacer-item_wrap:nth-child(2){margin-top:30px}.unevenness_opposite .text-side .spacer-content{width:100%}.unevenness_opposite .headding_wrap,.unevenness_opposite .section_h3{font-size:2.4rem}.unevenness_opposite .subtitle{font-size:1.1rem}.unevenness_opposite .editable_wrap{font-size:1.5rem}.unevenness_opposite .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.unevenness_opposite .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.1rem}.unevenness_opposite .section_h3,.unevenness_opposite .headding_wrap{font-size:25px;font-weight:bold;letter-spacing:1px}.unevenness_opposite .subtitle{font-size:1.2rem}.unevenness_opposite .editable_wrap{font-size:1.5rem}.unevenness_opposite .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}.unevenness_opposite .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:16px}@media only screen and (max-width: 1024px){.unevenness_opposite .section_inner{padding:0;padding-bottom:2px}}@media only screen and (max-width: 767px){.unevenness_opposite .section_inner{padding-bottom:40px}.unevenness_opposite .duplicatable-content_inner{flex-wrap:wrap}.unevenness_opposite .image-side{width:100%;height:auto;min-height:auto}.unevenness_opposite .image-side .image-frame::after{content:'';display:block;padding-top:60%}.unevenness_opposite .image-side .image-frame img{position:absolute;min-height:auto;height:100%}.unevenness_opposite .text-side{width:100%;padding:20px 20px 0 20px}.unevenness_opposite .text-side .text-side_inner{max-width:initial}.unevenness_opposite .duplicatable-content:nth-child(even) .text-side{padding:20px 20px 0 20px}.unevenness_opposite .duplicatable-container{margin-bottom:0}.unevenness_opposite .duplicatable-container .duplicatable-content{padding:0;margin-top:20px}.unevenness_opposite .section_h3,.unevenness_opposite .headding_wrap{font-size:20px}.unevenness_opposite .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:14px}.unevenness_opposite .text-side .text-side_inner .spacer-item_wrap:nth-child(2){margin-top:14px}} .sub_title{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif";padding:8rem 0 8rem}.sub_title .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.sub_title .text-side{max-width:850px;margin:auto;text-align:center}.sub_title .subtitle{letter-spacing:0px}.sub_title .headding_wrap .section_h3,.sub_title .editable_wrap{font-size:1.8rem}.sub_title .subtitle_wrap .subtitle{font-size:1.4rem}@media only screen and (min-width: 768px){.sub_title .headding_wrap .section_h3,.sub_title .editable_wrap{font-size:4rem}.sub_title .subtitle_wrap .subtitle{font-size:1.8rem}}@media only screen and (max-width: 767px){.sub_title{padding:2.4rem 0 2.4rem}} .portfolio_coloroverlay{background-color:#fff}.portfolio_coloroverlay li{margin-bottom:3rem;padding-bottom:2rem;font-size:1.6rem}.portfolio_coloroverlay li .image-wrap{margin-bottom:2.2rem;padding-top:66%;position:relative;overflow:hidden}.portfolio_coloroverlay li .image-wrap .portfolio_image{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;transition:.8s .1s all;backface-visibility:hidden}.portfolio_coloroverlay li .image-wrap a{display:block;position:absolute;width:100%;height:100%;top:0;left:0}.portfolio_coloroverlay li .image-wrap:hover a{opacity:1}.portfolio_coloroverlay li .image-wrap:hover .category{opacity:0}.portfolio_coloroverlay li .image-wrap:hover .portfolio_image{transform:scale(1.03);transition:.8s .1s all}.portfolio_coloroverlay li .portfolio_text .text_wrap{text-align:left;margin-bottom:2.4rem;padding:0}.portfolio_coloroverlay li .portfolio_text .text_wrap h4{font-size:1.6rem;margin-bottom:1rem;line-height:1.5}.portfolio_coloroverlay li .portfolio_text .text_wrap p{color:#bababa}.portfolio_coloroverlay li .portfolio_text .text_wrap .date{font-size:1.2rem;margin-bottom:.5rem}.portfolio_coloroverlay li .category{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.4rem;color:#fff;width:140px;height:140px;padding:1rem;display:flex;justify-content:center;align-items:center;transition:.6s all}.portfolio_coloroverlay li .category .category_cover{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #fff;opacity:.7;z-index:-1}.portfolio_coloroverlay li .category .category_cover::before,.portfolio_coloroverlay li .category .category_cover::after{content:"";position:absolute;width:30px;height:30px;background-color:#fff}.portfolio_coloroverlay li .category .category_cover::before{top:-15px;left:-15px}.portfolio_coloroverlay li .category .category_cover::after{right:-15px;bottom:-15px}.portfolio_coloroverlay .section_btn{width:96%;max-width:300px}.portfolio_coloroverlay .dummy_blog_text{background-color:rgba(255,255,255,0.9);color:#333;transition:opactiy .2s ease}.portfolio_coloroverlay .dummy_blog_text:hover{background-color:rgba(255,255,255,0.5)}@media only screen and (min-width: 768px){.portfolio_coloroverlay{text-align:left}.portfolio_coloroverlay .portfolio_item_wrap,.portfolio_coloroverlay .dummy_form_area{text-align:center;font-size:0}.portfolio_coloroverlay .portfolio_item_wrap{display:flex;justify-content:center;flex-wrap:wrap}.portfolio_coloroverlay li{width:29%;margin:0 2%}} .sub_title{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif";padding:8rem 0 8rem}.sub_title .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.sub_title .text-side{max-width:850px;margin:auto;text-align:center}.sub_title .subtitle{letter-spacing:0px}.sub_title .headding_wrap .section_h3,.sub_title .editable_wrap{font-size:1.8rem}.sub_title .subtitle_wrap .subtitle{font-size:1.4rem}@media only screen and (min-width: 768px){.sub_title .headding_wrap .section_h3,.sub_title .editable_wrap{font-size:4rem}.sub_title .subtitle_wrap .subtitle{font-size:1.8rem}}@media only screen and (max-width: 767px){.sub_title{padding:2.4rem 0 2.4rem}} .eat_cms .time_text:after{left:-39px !important}.time_table{color:#333;background:#e5f3fb}.time_table .duplicatable-container{position:relative;padding:40px 0}.time_table .duplicatable-container:after{z-index:1;position:absolute;top:0;bottom:0;left:0;display:block;width:2px;background:#333;content:""}.time_table .duplicatable-container>.duplicatable-content{position:relative;padding:0 30px;z-index:4}.time_table .duplicatable-container-nest .duplicatable-content:last-child{padding-bottom:14px}.time_table .time_text{position:relative;margin:0 0 20px;padding:10px 20px 10px 30px;font-size:2.2rem;line-height:1;letter-spacing:0.2rem}.time_table .time_text:after{position:absolute;z-index:2;left:-37px;display:block;width:16px;height:16px;border:2px solid #111;border-radius:16px;background:#fff;content:""}.time_table .time_text:before{position:absolute;right:-30px;left:-8px;bottom:0;display:block;height:2px;background:#333;content:""}.time_table .description_container{background:#fff;padding:3rem;letter-spacing:0.1rem;margin:0 0 3rem}.time_table .description_text{font-size:1.6rem;letter-spacing:.2rem}.time_table .image-side{margin:2.5rem 0 0 0;position:relative;z-index:1}.time_table .image-side .frame-image{padding-top:51.2%}@media only screen and (max-width: 767px){.time_table .duplicatable-container>.duplicatable-content{padding-right:0px}.time_table .time_text{font-size:1.8rem}.time_table .description_text{font-size:1.4rem}} .blog_unity .content-wrap{display:grid;grid-template-columns:330px 1fr;grid-template-rows:92px 92px;column-gap:50px;row-gap:30px}.blog_unity .text-side{grid-row:1 / 2;grid-column:1 / 2;margin-left:5px}.blog_unity .text-side .section_h3{font-size:30px}.blog_unity .text-side .subtitle{font-size:15px}.blog_unity .section_btn{grid-row:2 / 3;grid-column:1 / 2;margin:0}.blog_unity .blog-side-wrap{position:relative;width:100%;height:100%;grid-row:1 / 4;grid-column:2 / 3}.blog_unity .blog-side{position:relative}.blog_unity .blog-side .article_template{border-bottom:1px dotted #ccc}.blog_unity .blog-side .article_template+.article_template{margin-top:1rem}.blog_unity .blog-side .blog_content{display:flex;gap:40px;padding:0 15px 15px;position:relative}.blog_unity .blog-side .blog_content:hover .more_read:after{margin-left:.5rem}.blog_unity .blog-side .blog_image-wrap{width:200px;height:120px;border-radius:20px;border:1px solid #e6e6e6;overflow:hidden;flex-shrink:0}.blog_unity .blog-side .blog_image{width:100%;height:100%;background-image:url("//s1.crcn.jp/images/noimage.jpg");background-position:center;background-repeat:no-repeat;background-size:cover}.blog_unity .blog-side .text_wrap{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:15px}.blog_unity .blog-side .blog_meta{display:flex;gap:15px;font-size:14px}.blog_unity .blog-side .date{font-size:.8em}.blog_unity .blog-side .category{font-size:.8em;text-align:center;color:#fff;background-color:#3e9bc4;padding:0 0.5rem;margin-left:auto;max-width:140px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog_unity .blog-side .blog_title{width:100%;font-size:20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog_unity .blog-side .more_read{font-size:.8em;margin:.5rem 0 0 auto;position:absolute;bottom:15px;right:0}.blog_unity .blog-side .more_read:before{content:'→';margin-left:10px}.blog_unity .blog-side .more_read:after{content:'more';display:inline-block;margin-left:1rem;transition:margin-left .3s ease-in-out}@media only screen and (max-width: 1024px){.blog_unity .content-wrap{display:block}.blog_unity .text-side{margin-bottom:30px;margin-left:30px}.blog_unity .section_btn{margin:0 auto}.blog_unity .blog-side-wrap{margin-bottom:30px}.blog_unity .blog-side .blog_content{gap:20px}.blog_unity .blog-side .blog_image-wrap{width:150px;height:90px;border-radius:15px}.blog_unity .blog-side .blog_title{font-size:16px}.blog_unity .blog-side .blog_meta{font-size:12px}}@media only screen and (max-width: 767px){.blog_unity .blog-side .blog_meta{gap:0;flex-direction:column-reverse}.blog_unity .blog-side .category{margin-left:0}}@media only screen and (max-width: 480px){.blog_unity .text-side .section_h3{font-size:25px}.blog_unity .blog-side .blog_content{padding:0 0 15px}.blog_unity .blog-side .text_wrap{gap:5px}.blog_unity .blog-side .blog_image-wrap{width:100px;height:60px;border-radius:10px}.blog_unity .more_read.letter::after{display:none}} .sub_title{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif";padding:8rem 0 8rem}.sub_title .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.sub_title .text-side{max-width:850px;margin:auto;text-align:center}.sub_title .subtitle{letter-spacing:0px}.sub_title .headding_wrap .section_h3,.sub_title .editable_wrap{font-size:1.8rem}.sub_title .subtitle_wrap .subtitle{font-size:1.4rem}@media only screen and (min-width: 768px){.sub_title .headding_wrap .section_h3,.sub_title .editable_wrap{font-size:4rem}.sub_title .subtitle_wrap .subtitle{font-size:1.8rem}}@media only screen and (max-width: 767px){.sub_title{padding:2.4rem 0 2.4rem}} .faq_accordion .duplicatable-content{background-color:rgba(200,200,200,.4)}.faq_accordion .duplicatable-content:nth-child(n+2){margin-top:4rem}.faq_accordion .answer,.faq_accordion .question{display:table}.faq_accordion .answer>div,.faq_accordion .question>div{display:table-cell;vertical-align:middle}.faq_accordion .answer .faq_text,.faq_accordion .question .faq_text{padding:0 2rem}.faq_accordion .question{cursor:pointer;width:100%;font-weight:700;position:relative;padding:2rem 4rem 2rem 2rem}.faq_accordion .question:after{content:"";border-bottom:1px solid;border-right:1px solid;width:10px;height:10px;position:absolute;right:27px;top:50%;margin-top:-5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:.3s all}.faq_accordion .question.answer-open:after{-webkit-transform:rotate(225deg);transform:rotate(225deg);margin-top:0}.faq_accordion .answer{padding:2rem;display:none;position:relative}.faq_accordion .answer:before{content:"";position:absolute;width:96%;top:0;left:50%;margin-left:-48%;border-top:#333 1px dotted}.faq_accordion .faq_btn{font-size:2rem;padding:1rem 2rem}.faq_accordion .q_btn{width:53px} .infomation_all_btn{font-size:1.4rem}.infomation_all_btn .section_inner{padding:20rem 2rem}.infomation_all_btn .image-side{position:absolute;z-index:1;width:300px;height:300px}.infomation_all_btn .image-side:nth-child(1){top:0;left:0}.infomation_all_btn .image-side:nth-child(2){right:0;bottom:0}.infomation_all_btn .image-side_bg{width:30%}.infomation_all_btn .image-side_inner{display:flex;align-items:center;justify-content:center}.infomation_all_btn .image-side .image-frame-bg{padding-top:66%}.infomation_all_btn .image-side .frame-image{position:absolute !important;top:0;right:0;bottom:0;left:0;margin:auto}.infomation_all_btn .text-side{position:relative;z-index:1;max-width:600px;width:100%;margin:0 auto;padding:3rem;border:1px solid #333}.infomation_all_btn .letter,.infomation_all_btn .editable_wrap{letter-spacing:.7px;font-size:1.4rem}.infomation_all_btn .info-side{font-size:1.2rem}.infomation_all_btn .info-side .tel-linker{font-size:2rem}.infomation_all_btn .info-side .tel-linker span{color:#3e9bc4;font-size:3.6rem;line-height:1}.infomation_all_btn .section_btn{margin:3rem auto 0}.infomation_all_btn .headding_wrap,.infomation_all_btn .section_h3{font-size:4.6rem}.infomation_all_btn .subtitle_wrap,.infomation_all_btn .subtitle{font-size:1.5rem}.infomation_all_btn .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:5.6rem}.infomation_all_btn .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.5rem}.infomation_all_btn .section_btn{position:absolute;right:2rem;bottom:2rem;max-width:200px}.infomation_all_btn .section_btn a{font-size:2.6rem;max-width:200px;min-height:200px;border-radius:0;background-color:#333}.infomation_all_btn .section_btn a::before,.infomation_all_btn .section_btn a::after{content:"";position:absolute;z-index:1;height:1px;background-color:#fff;transition:all 0.3s}.infomation_all_btn .section_btn a::before{width:120px;right:1rem;bottom:1rem}.infomation_all_btn .section_btn a::after{width:30px;right:.5rem;bottom:2rem;transform:rotate(45deg)}.infomation_all_btn .section_btn a:hover{opacity:1;box-shadow:0 0 0 2.3rem #fff inset}.infomation_all_btn .section_btn a:hover::before{right:.4rem;background-color:#333}.infomation_all_btn .section_btn a:hover::after{right:0;background-color:#333}@media only screen and (min-width: 768px){.infomation_all_btn .section_btn{margin:0 0 0 5rem}.infomation_all_btn .text-side{padding:3rem 23rem 3rem 3rem}}@media only screen and (max-width: 768px){.infomation_all_btn .section_btn{position:static}} #footer-section{z-index:3}@media only screen and (max-width: 768px){.jobs #footer-section .detail-side{display:none}}.footer-block .footer_menu_center .detail-side{bottom:0;transition:bottom .5s}.footer_menu_center{background-color:#fff;font-size:1.4rem}.footer_menu_center .footer-company{position:relative}.footer_menu_center .footer-company::before{content:"";position:absolute;top:0;left:50%;width:100%;height:1px;background-color:#ccc;transform:translateX(-50%)}.footer_menu_center .logo-side{padding:2rem 0;text-align:center}.footer_menu_center .logo{max-width:120px;margin:0 auto 2rem}.footer_menu_center .logo img{width:auto;max-width:100%}.footer_menu_center .logo div{display:inline}.footer_menu_center .menu-side{display:none}.footer_menu_center .detail-side{text-align:center;font-size:1.4rem;display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;background-color:#fff;position:fixed;bottom:-100%;left:0;width:100%;transition:bottom .8s .2s}.footer_menu_center .detail-side_first{width:80px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative}.footer_menu_center .detail-side_first .tel{line-height:1.4;letter-spacing:0}.footer_menu_center .detail-side_first .tel a{position:absolute;width:100%;height:100%;top:0;left:0}.footer_menu_center .detail-side_first .tel:after{content:"phone";font-family:"Material Icons";font-size:3.6rem;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}.footer_menu_center .detail-side_first .hour{font-size:1.2rem;display:none}.footer_menu_center .detail-side_second{-ms-flex-positive:1;flex-grow:1}.footer_menu_center .letter{letter-spacing:.1em}.footer_menu_center .copy{border-top:1px solid #ccc;font-size:1.2rem;padding:2rem 0;text-align:center}.footer_menu_center .sns-side{margin-bottom:2rem}.footer_menu_center .sns-side .duplicatable-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.footer_menu_center .sns-side .duplicatable-content{max-width:70px;padding:0 1rem}.footer_menu_center .section_btn a{white-space:nowrap}.footer_menu_center .back-top{cursor:pointer;width:40px;height:40px;border-radius:20px;border:1px solid #f44336;position:absolute;bottom:10px;right:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.footer_menu_center .back-top .arrow:before{content:"▲";color:#f44336}@media only screen and (min-width: 768px){.footer_menu_center .footer-company{padding:3.5rem 0 2rem}.footer_menu_center .footer-company_inner{display:flex;flex-wrap:wrap}.footer_menu_center .logo{display:block;margin:0 auto}.footer_menu_center .menu-block{order:3;width:100%}.footer_menu_center .menu-side{display:block;padding:3rem 0 5rem}.footer_menu_center .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_menu_center .menu-side .duplicatable-content{width:auto;padding:0 1rem;font-size:1.4rem}.footer_menu_center .logo-side{order:1;width:200px}.footer_menu_center .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_menu_center .detail-side_first{margin-bottom:4rem;font-size:1.8rem;text-align:right;display:block}.footer_menu_center .detail-side_first .tel{font-size:2.2rem}.footer_menu_center .detail-side_first .tel:after{content:none}.footer_menu_center .detail-side_first .tel a{position:relative;pointer-events:none}.footer_menu_center .detail-side_first .hour{display:block}.footer_menu_center .detail-side_second{max-width:300px;margin-bottom:3rem}.footer_menu_center .detail-side>div{margin-bottom:0;width:100%}.footer_menu_center .copy{padding:1.5rem 0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.footer_menu_center .sns-side{margin-bottom:0}.footer_menu_center .sns-side .duplicatable-content{width:60px}.footer_menu_center .section_btn{margin:auto 0 auto auto}.footer_menu_center .back-top{bottom:80px}}@media only screen and (max-width: 768px){.footer_menu_center .detail-side_first .tel{font-size:0 !important}.footer_menu_center .detail-side_second .section_btn{max-width:none}.footer_menu_center .detail-side_second .section_btn a{border-radius:0}}@media only screen and (min-width: 768px){_:-ms-lang(x)::-ms-backdrop,.footer_menu_center .detail-side{align-items:center;margin:unset}_:-ms-lang(x)::-ms-backdrop,.footer_menu_center .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: YakuHanJP, "Noto Sans Japanese", "Helvetica Neue", Lato, "Droid Sans", "Hiragino Kaku Gothic ProN", eatYuG, Meiryo, sans-serif; line-height: ; letter-spacing: em; }#section-wrapper .subtitle{ font-family: YakuHanJP, "Noto Sans Japanese", "Helvetica Neue", Lato, "Droid Sans", "Hiragino Kaku Gothic ProN", eatYuG, Meiryo, sans-serif; line-height: ; letter-spacing: em; }#section-wrapper .letter{ font-family: YakuHanJP, "Noto Sans Japanese", "Helvetica Neue", Lato, "Droid Sans", "Hiragino Kaku Gothic ProN", eatYuG, Meiryo, sans-serif; line-height: ; letter-spacing: em; }@media only screen and (min-width:769px){}#loading{position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:none}#loading .loading_inner{width:100%;height:90px;position:absolute;top:50%}#loading .loading_inner .loader_animation,#loading .loading_inner .loader_animation:before,#loading .loading_inner .loader_animation:after{border-radius:50%;width:2.4rem;height:2.4rem;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.3s infinite ease-in-out;animation:load7 1.3s infinite ease-in-out}#loading .loading_inner .loader_animation{color:#fff;font-size:12px;margin:10px auto;position:relative;top:-30px;text-indent:-9999rem;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.16s;animation-delay:-0.16s}#loading .loading_inner .loader_animation:before,#loading .loading_inner .loader_animation:after{content:'';position:absolute;top:0}#loading .loading_inner .loader_animation:before{left:-3.4rem;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}#loading .loading_inner .loader_animation:after{left:3.4rem}@-webkit-keyframes load7{0%,80%,100%{box-shadow:0 2.45rem 0 -1.25rem}40%{box-shadow:0 2.45rem 0 0}}@keyframes load7{0%,80%,100%{box-shadow:0 2.45rem 0 -1.25rem}40%{box-shadow:0 2.45rem 0 0}}#loading .circle{position:fixed;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;border:8px solid #f00;border-right-color:transparent;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.2}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:1.0}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.2}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.2}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:1.0}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.2}} h1, h2, h3{ font-weight: bold !important; } body, h1, h2, h3, h4, div, p, a{ color: #222 !important; } .blog_posts .banner_text ._color_, .showcase_chart .banner_text ._color_{ color: #ffcc00 !important; } /* g-nav --------------------------------------------------*/ .gnav_pc .gnav_items li a{ position: relative; padding-bottom: 10px; } .gnav_pc .gnav_items li a::before{ content: ""; height: 2px; width: 60%; margin-left: -30%; background-color: #ffcc00; position: absolute; bottom: 0; left: 50%; transition: -webkit-transform .35s ease; transition: transform .35s ease; transition: transform .35s ease,-webkit-transform .35s ease; -webkit-transform: scale(0,1); transform: scale(0,1); } .gnav_pc .gnav_items li a:hover{ opacity: 1 !important; color: #ffcc00 !important; } .gnav_pc .gnav_items li a:hover::before{ -webkit-transform: scale(1,1); transform: scale(1,1); } .gnav_pc .gnav_items li:last-child a{ background: #ffcc00 !important; color: #fff !important; } .gnav_pc .gnav_items li:last-child:hover a{ border: none !important; } @media only screen and (max-width: 1320px){ .gnav_pc .gnav_items li{ padding: 0 !important; } } @media only screen and (max-width: 1200px){ .gnav_pc .gnav_items li a{ padding: 1.8rem 0.6rem !important; font-size: 1rem !important; } } /* MV --------------------------------------------------*/ #section_118530 .catch_text.headding{ letter-spacing: 3px !important; } /* btn --------------------------*/ .section_btn .linker a{ color: #fff !important; font-size: 1.8rem; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background-color: #222 !important; line-height: 5rem; text-transform: uppercase; transition: all 0.3s ease 0s; position: relative; z-index: 1; border: 2px solid #222 !important; cursor: pointer; border-radius: 0px; } .section_btn .linker:hover a{ color: #222 !important; opacity: 1; } .section_btn .linker a::after{ content: ''; position: absolute; z-index: -1; display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0%; height: 100%; top: 0; left: 0; background: #fff; } .section_btn .linker:hover a::after{ width: 100%; } #footer-section .section_btn .linker a, .showcase_chart .banner_text .banner_link, .blog_posts .banner_text .banner_link{ background-color: #ffcc00 !important; border: 2px solid #ffcc00 !important; color: #fff !important; } #footer-section .section_btn .linker:hover a{ color: #ffcc00 !important; opacity: 1; } #section_118315 .section_btn .linker a, #section_119095 .section_btn .linker a{ background-color: #fff !important; border: 2px solid #fff !important; color: #222 !important; } #section_118315 .section_btn .linker:hover a, #section_119095 .section_btn .linker:hover a{ color: #fff !important; opacity: 1; } #section_118315 .section_btn .linker a::after, #section_119095 .section_btn .linker a::after{ background: #222 !important; } /* footer --------------------------------------------------*/ .footer_menu_center .back-top{ border: 1px solid #ffcc00 !important; } .footer_menu_center .back-top .arrow:before{ color: #ffcc00 !important; } /* 味色調整 --------------------------------------------------*/ .tab_section .tab_switch_container .tab_switch_box .tab_button.active_tab{ background: #ffcc00 !important; } .tab_section .tab_switch_container .tab_switch_box .tab_button.active_tab:after{ content: none !important; } /* 背景 --------------------------------------------------*/ #section_119117, #section_119116, #section_119118, #section_118559, #section_119027, #section_119025, #section_119016, #section_118665, #section_118673, #section_118666, #section_118805 .photo_gallery_02, #section_118806, /* #section_118536, #section_119092, #section_119091 .table_border_light */ #section_118533, #section_118535{ background: #f5f5f5 !important; } .tab_contents_wrap{ background: #fff !important; } /* 余白PC用 -----------------*/ @media only screen and (min-width: 768px){ #section_119117, #section_119112, #section_119027, #section_118665, #section_118536, #section_119093, #section_118525{ padding-top: 3rem; } #section_119116, #section_119018, #section_119025, #section_119013, #section_119014, #section_119088, #section_118673, #section_119089, #section_119091, #section_119094, #section_119090{ padding-bottom: 5rem; } #section_119115{ padding: 3rem 0; } .circle-box .duplicatable-content .job_position, .circle-box .duplicatable-content .text_wrap .name_furi, .circle-box .duplicatable-content .text_wrap .name_furi div span{ font-size: 1.4rem !important; } .circle-box .duplicatable-content{ padding: 2% !important; } #section_119020{ padding: 8rem 0 3rem; } #section_119016{ padding: 3rem 0 5rem; } #section_118666{ padding-top: 5rem !important; } #section_118805 .section_inner > .duplicatable{ padding: 0px 0 1rem !important; } #section_118806{ padding-bottom: 8rem; } #section_119118{ padding: 7rem 0 3rem; } #section_118559{ padding: 3rem; } #section_118336 .title_text .text-side .text{ text-align: left; font-size: 1.7rem; line-height: 2.4; width: 50%; margin: auto; padding: 3rem 0; } #section_118336 .editable a:hover{ color: #ffcc00 !important; } } @media only screen and (max-width: 1025px){ .mainvisual_responsive_slider .catch_head{ font-size: 2.2rem !important; } } /* 余白SP用 -----------------*/ @media only screen and (max-width: 768px){ #section_118530 .flamingoSlide_app{ padding: 6rem 0 0; } #section_119097 .headding, #section_119100 .headding{ font-size: 3rem !important; } .circle-box .duplicatable-content, .circle-box_02 .duplicatable-content{ padding: 3% !important; } #section_119014{ padding-bottom: 3rem; } #section_118805 .photo_gallery_02{ padding-bottom: 1rem !important; } #section_118806{ padding: 0 0 3rem; } #section_118336 .title_text .text-side .text{ width: 75%; } } @media only screen and (max-width: 600px){ #section_118530 .mainvisual_responsive_slider .catch_head{ font-size: 1.3rem !important; } } #section_125102 .btn_text .section_inner .text-side .spacer-item_wrap:nth-child(3) .letter_wrap { font-size: 4.5rem; font-weight: bold; } @media only screen and (min-width: 768px) { #section_119097 .circle-box .duplicatable-content { width: 18%; } } .header_logo .logo_txt { display: inline-block; font-size: 1.4rem; } @media only screen and (max-width: 1640px) { .header_logo .logo_txt { display:block; } } /*フローティングバナー*/ .footer_sp.fixed { bottom: 0; display: flex; position: fixed; z-index: 3; width: 100%; } .footer_sp.fixed .mail, .footer_sp.fixed .tel { width: 50%; display: inline-block; } .footer_sp.fixed .mail { color: #fff; background-color: #111; } .footer_sp.fixed .tel.tel_linker { background-color: #ffcc00; color: #fff; } .footer_sp.fixed .material-icons { vertical-align: middle; color: #fff; } .footer_menu_center .copy { margin-bottom: 5rem; } span.fixed_txt { color: #fff; } span.sp_txt { color:#555; } .footer_sp .tel .material-icons { color:#555; } .footer_sp a { display: block; padding: 1rem 0; text-align: center; } .gnav_standard_icon .gnav_pc .logo_side { margin: 0; padding: 1.5rem 40px 0.5rem!important; position: relative; } .gnav_standard_icon .gnav_pc .logo_side::before { content: "用途変更、建築法令業務、建築設計・施工なら"; position: absolute; top: 0; font-size: 1.2rem; font-weight: bold; } .gnav_standard_icon .gnav_sp .header_logo a { position: relative; } .gnav_standard_icon .gnav_sp .logo_side a::before { content: "用途変更、建築法令業務、建築設計・施工なら"; position: absolute; top: -2.5em; font-size: 1.2rem; color: #000; left: 0; width: 21em; font-weight: bold; padding-left: 0.5em; } .gnav_standard_icon .gnav_sp .logo_side img { padding-top: 1rem; } @media (max-width:767.9px) { .mail span.fixed_txt , .footer-block .footer_menu_center .detail-side { display: none; } .mainvisual_responsive_slider { height: 160vw; } .mainvisual_responsive_slider .section_block { height: 160vw; } } /* 20260507 修正 */ :is(.page-index,.page-welfare) .mainvisual_step_animation { height: 40vw; background-size: cover; } [class^=mainvisual_] { max-height: none; } .page-welfare .mainvisual_step_animation { margin-top: 6rem; } @media only screen and (max-width: 767.9px){ .page-index .mainvisual_step_animation { background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/526822/optimized_AxgfwOR2PDykQoQurN2o3g.png) !important; height: 136vw; } .page-welfare .mainvisual_step_animation { background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/526791/optimized_r8Ei-C01Zm-KtFOrNQV5tQ.png) !important; height: 140vw; } }