.mainvisual_residence{font-family:YakuHanMP, "Noto Serif", "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, serif;position:relative;height:100vh}.mainvisual_residence .section_inner{height:100%;width:100%;position:absolute;top:0}.mainvisual_residence .line{border:1px solid #c7b482;position:absolute;top:50%;left:0;transform:translate(0, -50%);animation:line 1s ease;z-index:100}.mainvisual_residence .top-box{position:absolute;top:0;height:50%;width:100%;background-color:#fff;animation:top_box 2s ease 1s forwards;z-index:50}.mainvisual_residence .bottom-box{position:absolute;bottom:0;height:50%;width:100%;background-color:#fff;animation:bottom_box 2s ease 1s forwards;z-index:50}.mainvisual_residence .image-side{position:absolute;top:0;height:100%;width:100%}.mainvisual_residence .catch{width:100%;text-align:center;padding:3rem 1.5rem;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%);line-height:1.6;color:#000;background-color:rgba(255,255,255,0.7)}.mainvisual_residence .catch_text{font-size:2.6rem;margin-bottom:0rem;letter-spacing:.2em;padding-bottom:3rem}.mainvisual_residence .catch_subtext{font-size:2.1rem;letter-spacing:.1em}.mainvisual_residence .headding_wrap{font-size:2.6rem}.mainvisual_residence .subtitle_wrap{font-size:2.1rem}.mainvisual_residence .one_page_scroll_btn{position:absolute;z-index:1;bottom:0;left:50%;transform:translate(-50%, 0);text-transform:uppercase;background-color:transparent;width:60px;height:auto;text-align:center;font-size:1rem;padding-bottom:4rem;cursor:pointer;overflow:hidden;letter-spacing:2px;color:#756e4c}.mainvisual_residence .one_page_scroll_btn span{transform:translate(0, 0);width:1px;height:35px;position:absolute;top:auto;left:50%;bottom:0;display:block;background-color:#756e4c}@keyframes top_box{0%{height:50%}100%{height:0}}@keyframes bottom_box{0%{height:50%}100%{height:0}}@keyframes line{0%{width:0}100%{width:100%}}@keyframes down{0%{transform:translate(0, 0);height:60px}40%{transform:translate(0, 0);height:60px}80%{transform:translate(0, 60px);height:0}90%{transform:translate(0, -60px);height:0}100%{transform:translate(0, 0);height:60px}}.mainvisual_residence .swiper-pagination{width:auto;position:absolute;right:10px;left:auto}.mainvisual_residence .swiper-pagination-bullet{opacity:1;background:#fff;width:6px;height:6px;margin:0 7px;vertical-align:middle}.mainvisual_residence .swiper-pagination-bullet-active{background:transparent;border:2px solid #fff;width:12px;height:12px}@media only screen and (min-width: 1025px){.mainvisual_residence .swiper-slide img{width:120%;height:auto}.mainvisual_residence .catch{top:50%;left:0;transform:translate(0, -50%);text-align:left;background-color:rgba(255,255,255,0.7);padding:20px 0 20px 50px;width:50%}.mainvisual_residence .catch_text{font-size:4.2rem;padding-bottom:0px}.mainvisual_residence .catch_subtext{font-size:3.1rem}.mainvisual_residence .catch_subtext span{font-size:7.6rem;color:#c7b482;padding:0 10px}.mainvisual_residence .headding_wrap{font-size:4.2rem}.mainvisual_residence .one_page_scroll_btn{padding-bottom:7rem}.mainvisual_residence .one_page_scroll_btn span{height:60px;animation:down 3s ease-in;animation-iteration-count:infinite}} .half_slanted_line .half_content{position:relative;display:flex;box-shadow:0 3px 7px 0 rgba(0,0,0,0.35)}.half_slanted_line .image-side{width:50%}.half_slanted_line .image-side_inner{height:100%}.half_slanted_line .frame-image{min-height:350px}.half_slanted_line .text-side{padding:20px 10px 20px 30px;width:50%;position:relative;display:flex;align-items:center}.half_slanted_line .text-side::after{position:absolute;top:0;right:-120px;display:block;width:120px;height:100%;background:-webkit-gradient(linear, right bottom, left top, color-stop(50%, transparent), color-stop(50.5%, #fff)) no-repeat top left/100% 100%;background:-webkit-linear-gradient(bottom right, transparent 50%, #fff 50.5%) no-repeat top left/100% 100%;background:linear-gradient(to top left, transparent 50%, #fff 50.5%) no-repeat top left/100% 100%;content:"";z-index:1}.half_slanted_line .text-side_inner{width:100%}.half_slanted_line .headding_wrap,.half_slanted_line .section_h3{font-size:36px}.half_slanted_line .subtitle_wrap,.half_slanted_line .subtitle{font-size:14px}.half_slanted_line .letter_wrap,.half_slanted_line .letter{font-size:15px}.half_slanted_line .section_btn{margin:0}.half_slanted_line.reverse .half_content{flex-direction:row-reverse}.half_slanted_line.reverse .text-side{padding:20px}.half_slanted_line.reverse .text-side::after{left:-120px;background:-webkit-gradient(linear, right bottom, left top, color-stop(50%, #fff), color-stop(50.5%, transparent)) no-repeat top left/100% 100%;background:-webkit-linear-gradient(bottom right, #fff 50%, transparent 50.5%) no-repeat top left/100% 100%;background:linear-gradient(to top left, #fff 50%, transparent 50.5%) no-repeat top left/100% 100%}@media only screen and (max-width: 768px){.half_slanted_line .half_content{flex-direction:column-reverse;align-items:center;padding:20px}.half_slanted_line .text-side{width:100%;padding:0}.half_slanted_line .text-side::after{top:-120px;right:0;width:100%;height:120px;background:-webkit-gradient(linear, right bottom, left bottom, color-stop(50%, transparent), color-stop(50.5%, #fff)) no-repeat top left/100% 100%;background:-webkit-linear-gradient(bottom right, transparent 50%, #fff 50.5%) no-repeat top left/100% 100%;background:linear-gradient(to bottom left, transparent 50%, #fff 50.5%) no-repeat top left/100% 100%}.half_slanted_line .image-side{width:100%}.half_slanted_line.reverse .half_content{flex-direction:column-reverse}.half_slanted_line.reverse .text-side .headding_wrap,.half_slanted_line.reverse .text-side .subtitle_wrap{text-align:right}.half_slanted_line.reverse .text-side::after{left:0}.half_slanted_line.reverse .section_btn{float:right}} .h2_center .text-side{color:#fff;text-align:center}.h2_center .subtitle{letter-spacing:0px}.h2_center .headding_wrap{font-size:2rem}.h2_center .subtitle_wrap,.h2_center .editable_wrap{font-size:1.2rem}.h2_center .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:2rem}@media only screen and (min-width: 768px){.h2_center .headding_wrap{font-size:3.5rem}.h2_center .subtitle_wrap,.h2_center .editable_wrap{font-size:1.5rem}.h2_center .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}} .table_light{font-size:1.5rem}.table_light .duplicatable-container{border-top:1px solid rgba(0,0,0,0.5)}.table_light .table_wrap{text-align:left}.table_light .table_wrap .duplicatable-content{width:100%}.table_light .table_wrap .tr{width:100%;border-bottom:1px solid rgba(0,0,0,0.5)}.table_light .table_wrap .tr .th,.table_light .table_wrap .tr .td{padding:2rem 1rem;vertical-align:middle;white-space:normal}.table_light .table_wrap .tr .th{background-color:rgba(0,0,0,0.1)}@media only screen and (min-width: 768px){.table_light .table_wrap{width:100%}.table_light .table_wrap .duplicatable-content{display:table}.table_light .table_wrap .tr{display:table}.table_light .table_wrap .tr .th,.table_light .table_wrap .tr .td{display:table-cell}.table_light .table_wrap .tr .th{width:30%}.table_light .table_wrap .tr .td{width:70%;max-width:350px}} .api_map .map_area{position:relative;overflow:hidden;padding-top:57%}.api_map .map_area iframe{position:absolute;top:0;left:0}.api_map .image-side{position:relative}.api_map .overlay{display:none}@media only screen and (min-width:768px){.api_map .map_area{padding-top:50%}.api_map_wide .map_area{padding-top:27%}} .h2_center .text-side{color:#fff;text-align:center}.h2_center .subtitle{letter-spacing:0px}.h2_center .headding_wrap{font-size:2rem}.h2_center .subtitle_wrap,.h2_center .editable_wrap{font-size:1.2rem}.h2_center .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:2rem}@media only screen and (min-width: 768px){.h2_center .headding_wrap{font-size:3.5rem}.h2_center .subtitle_wrap,.h2_center .editable_wrap{font-size:1.5rem}.h2_center .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}} .multiple_btn .section_inner{padding-left:1rem;padding-right:1rem;text-align:center}.multiple_btn .section_inner .section_btn .linker a{font-size:1.8rem;background-color:#2C5DFF}@media only screen and (max-width: 480px){.multiple_btn .section_inner .section_btn .linker a{font-size:1.2rem}}.multiple_btn .duplicatable{font-size:0;margin:auto;padding:0 1rem}.multiple_btn .duplicatable-content{display:inline-block;vertical-align:middle;font-size:1.6rem;width:100%;margin-top:3rem}@media only screen and (min-width: 768px){.multiple_btn .duplicatable{padding:0}.multiple_btn .duplicatable-content{width:25%}.multiple_btn .duplicatable-content:nth-child(n+3){margin-top:3rem}.multiple_btn .duplicatable-content:nth-child(n+5){margin-top:3rem}}@media only screen and (min-width: 768px) and (max-width: 480px){.multiple_btn .duplicatable-content{margin-top:3rem}}@media only screen and (min-width: 1025px){.multiple_btn .duplicatable-content:nth-child(n+1){margin-top:3rem}} .title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}} .table_light{font-size:1.5rem}.table_light .duplicatable-container{border-top:1px solid rgba(0,0,0,0.5)}.table_light .table_wrap{text-align:left}.table_light .table_wrap .duplicatable-content{width:100%}.table_light .table_wrap .tr{width:100%;border-bottom:1px solid rgba(0,0,0,0.5)}.table_light .table_wrap .tr .th,.table_light .table_wrap .tr .td{padding:2rem 1rem;vertical-align:middle;white-space:normal}.table_light .table_wrap .tr .th{background-color:rgba(0,0,0,0.1)}@media only screen and (min-width: 768px){.table_light .table_wrap{width:100%}.table_light .table_wrap .duplicatable-content{display:table}.table_light .table_wrap .tr{display:table}.table_light .table_wrap .tr .th,.table_light .table_wrap .tr .td{display:table-cell}.table_light .table_wrap .tr .th{width:30%}.table_light .table_wrap .tr .td{width:70%;max-width:350px}} .btn .section_btn a{background-color:#2C5DFF} .title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}} .half_limited_height .image-side{position:relative}.half_limited_height .image-side_inner{padding-top:66%}.half_limited_height .image-side .image-frame-bg{position:absolute !important;top:0;right:0;bottom:0;left:0;margin:auto}.half_limited_height .text-side{position:relative}.half_limited_height .text-side_inner{width:100%;position:relative;z-index:2;max-width:280px;margin:auto}.half_limited_height .headding_wrap,.half_limited_height .section_h3{font-size:3rem}.half_limited_height .subtitle{font-size:1.1rem}.half_limited_height .editable_wrap{font-size:1.5rem}.half_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.half_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.half_limited_height .duplicatable-content_inner{display:flex}.half_limited_height .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row-reverse}.half_limited_height .duplicatable-content:nth-child(even) .text-side{padding:0 5rem 0 1.5rem}.half_limited_height .image-side,.half_limited_height .text-side{width:50%}.half_limited_height .image-side{max-height:330px}.half_limited_height .image-side_inner{height:100%}.half_limited_height .text-side{display:flex;align-items:center;flex-direction:column;padding:0 1.5rem 0 5rem}.half_limited_height .text-side .spacer-content{width:100%}.half_limited_height .text-side_inner{max-width:500px}.half_limited_height .section_btn{margin-left:0}.half_limited_height.reverse .duplicatable-content_inner{flex-direction:row-reverse}.half_limited_height.reverse .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row}.half_limited_height.reverse .duplicatable-content:nth-child(even) .text-side{padding:0 1.5rem 0 5rem}.half_limited_height.reverse .text-side{padding:0 5rem 0 1.5rem}.half_limited_height .section_h3,.half_limited_height .headding_wrap{font-size:3.5rem}.half_limited_height .subtitle{font-size:1.2rem}.half_limited_height .editable_wrap{font-size:1.5rem}.half_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}.half_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.2rem}} .table_light{font-size:1.5rem}.table_light .duplicatable-container{border-top:1px solid rgba(0,0,0,0.5)}.table_light .table_wrap{text-align:left}.table_light .table_wrap .duplicatable-content{width:100%}.table_light .table_wrap .tr{width:100%;border-bottom:1px solid rgba(0,0,0,0.5)}.table_light .table_wrap .tr .th,.table_light .table_wrap .tr .td{padding:2rem 1rem;vertical-align:middle;white-space:normal}.table_light .table_wrap .tr .th{background-color:rgba(0,0,0,0.1)}@media only screen and (min-width: 768px){.table_light .table_wrap{width:100%}.table_light .table_wrap .duplicatable-content{display:table}.table_light .table_wrap .tr{display:table}.table_light .table_wrap .tr .th,.table_light .table_wrap .tr .td{display:table-cell}.table_light .table_wrap .tr .th{width:30%}.table_light .table_wrap .tr .td{width:70%;max-width:350px}} .btn .section_btn a{background-color:#2C5DFF} .footer_logo_under .footer-nav{display:flex;justify-content:space-between;padding:4.5rem 15px;max-width:990px;margin:0 auto}.footer_logo_under .nav-side .duplicatable-container{max-height:180px;display:flex;flex-direction:column;flex-wrap:wrap}.footer_logo_under .nav-side .duplicatable-content{width:180px;margin-top:5px;margin-right:10px}.footer_logo_under .contact-side .footer-info{text-align:center}.footer_logo_under .contact-side .letter{min-width:200px;max-width:320px}.footer_logo_under .contact-side .tel{font-size:2.5rem}.footer_logo_under .contact-side .tel .tel-small{font-size:1.5rem}.footer_logo_under .contact-side .section_btn{margin-top:15px}.footer_logo_under .footer-icon{padding:3rem 0 0;position:relative;z-index:1}.footer_logo_under .footer-icon_bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.footer_logo_under .footer-icon_inner{display:flex;justify-content:space-between;max-width:990px;margin:0 auto;padding:0 15px}.footer_logo_under .footer-icon .logo{width:200px;text-align:center}.footer_logo_under .footer-icon img{width:auto;max-width:100%}.footer_logo_under .sns-side{display:flex;align-items:center}.footer_logo_under .sns-side .duplicatable-container{display:flex;align-items:center;justify-content:center}.footer_logo_under .sns-side .duplicatable-content{padding:0 1rem;width:60px}.footer_logo_under .copy{text-align:center;padding:2rem 15px;max-width:990px;margin:0 auto}@media only screen and (max-width: 1024px){.footer_logo_under .footer-nav{flex-direction:column;justify-content:center;align-items:center;padding:4.5rem 15px}.footer_logo_under .nav-side{display:none;max-width:400px;text-align:center;margin-bottom:20px}.footer_logo_under .nav-side .duplicatable-container{max-height:none}.footer_logo_under .footer-icon_inner{flex-direction:column;align-items:center}.footer_logo_under .logo-side{padding:20px 0}.footer_logo_under .sns-side{padding:20px 0}} @charset "UTF-8";#section-wrapper{background-color:#fff}#section-wrapper .headding{ font-family: YakuHanJP, "Noto Sans", "Droid Sans", "Hiragino Kaku Gothic ProN", eatYuG, "Noto Sans Japanese", Meiryo, sans-serif; line-height: ; letter-spacing: em; }#section-wrapper .subtitle{ font-family: YakuHanJP, "Noto Sans", "Droid Sans", "Hiragino Kaku Gothic ProN", eatYuG, "Noto Sans Japanese", Meiryo, sans-serif; line-height: ; letter-spacing: em; }#section-wrapper .letter{ font-family: YakuHanJP, "Noto Sans", "Droid Sans", "Hiragino Kaku Gothic ProN", eatYuG, "Noto Sans Japanese", 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}} #section-wrapper{color: #000;} #section-wrapper::before { content: ''; position: fixed; z-index: -1; width: 100%; height: 100%; background: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/365432/optimized_aJ2xv_48_V7U-9KqBRBPcQ.jpg) no-repeat center / cover !important; background-repeat: no-repeat; background-position: center; background-size: cover; } .blog #section-wrapper::before{display: none;} .portfolios #section-wrapper::before{display: none;} #section-wrapper{background: transparent !important;} .title_section .subtitle, #section-wrapper .headding, #section-wrapper .letter{font-family: "Noto Sans JP", sans-serif !important;} #section-wrapper .headding{font-weight: bold;} /* bg */ #section_504879, #section_504938, #section_504931, #section_504911, #section_504910, #section_504918, #section_504901, #section_504899, #section_504954, #section_504949, #section_504923, #section_504945{ margin-top: -30px; } #section_504879 .image-bg, #section_504938 .image-bg, #section_504931 .image-bg, #section_504911 .image-bg, #section_504910 .image-bg, #section_504918 .image-bg, #section_504901 .image-bg, #section_504899 .image-bg, #section_504954 .image-bg, #section_504949 .image-bg, #section_504923 .image-bg, #section_504945 .image-bg, #section_609361 .image-bg{ background-position: top center; background-size: 100% 500px; position: relative; } #section_504879 .image-bg{background-color: transparent !important;} #section_504879 .image-bg::after, #section_504938 .image-bg::after, #section_504931 .image-bg::after, #section_504911 .image-bg::after, #section_504910 .image-bg::after, #section_504918 .image-bg::after, #section_504901 .image-bg::after, #section_504899 .image-bg::after, #section_504954 .image-bg::after, #section_504949 .image-bg::after, #section_504923 .image-bg::after, #section_504945 .image-bg::after, #section_609361 .image-bg::after{ content: ""; position: absolute; display: block; width: 100%; height: calc(100% - 100px); background-color: #f1f4f6; z-index: -1; left: 0;bottom: 0; } #section_504931 .image-bg::after, #section_504910 .image-bg::after, #section_504918 .image-bg::after, #section_504899 .image-bg::after, #section_504945 .image-bg::after, #section_609361 .image-bg::after{ background-color: #edf6ff; } #section_504954 .image-bg::after{ background-color: #fff; } #section_504911 .image-bg::after, #section_504901 .image-bg::after, #section_504923 .image-bg::after, #section_504949 .image-bg::after{ background-color: #0b559e; } @media only screen and (max-width: 767px){ #section_504879 .image-bg, #section_504938 .image-bg, #section_504931 .image-bg, #section_504911 .image-bg, #section_504910 .image-bg, #section_504918 .image-bg, #section_504901 .image-bg, #section_504899 .image-bg, #section_504954 .image-bg, #section_504949 .image-bg, #section_504923 .image-bg, #section_504945 .image-bg, #section_609361 .image-bg{ background-size: 100% 250px; } } /* .full_image */ .full_image_4, .full_image_3, .full_image_2, .full_image {margin-left: 0 !important;margin-right: 0 !important;padding-left: 10px;padding-right: 10px;} /* size */ body, .letter_wrap_basic{font-size: 1.6rem;} .fit_card_two_image .image-side_text .title{ font-size: 10rem !important; } .mainvisual_residence .catch_text{ font-size: 6.4rem !important; line-height: 1.2; } /* .information_card .text-side .section_h2 {font-size: 9rem !important;} */ .h2_text .section_h2, .title_all .section_h3, .title_sub .section_h3, .h2_left .headding, .infomation_all .section_h3 {font-size: 4.2rem !important;color: #0b559e;line-height: 1.5;} .title_icon .section_h3, .api_map_text .section_h3, .half_fit_image .section_h3{font-size: 4.2rem !important;color: #0b559e;} .h1_center .headding{font-size: 4.2rem !important;} .title_sub .subtitle, .title_simple_wide_reversible .subtitle, .h2_left .subtitle {font-size: 2.8rem !important;color: #0b559e;} @media only screen and (max-width: 767px){ body, .letter_wrap_basic{font-size: 1.4rem;} .mainvisual_residence .catch_text{ font-size: 3.5rem !important; } .h2_text .section_h2, .fit_card_two_image .image-side_text .title {font-size: 2.6rem !important;} .information_card .text-side .section_h2 {font-size: 2.6rem !important;} .h1_center .headding, .title_all .section_h3, .title_sub .section_h3, .h2_left .headding, .infomation_all .section_h3, .half_fit_image .section_h3, .title_icon .section_h3, .half_slanted_line .section_h3, .api_map_text .section_h3 {font-size: 2.6rem !important;} .h1_center .headding{ } .contact_policy .intro .section_h3, .check_before_contact .intro .section_h3{ font-size: 2.4rem !important; } .title_sub .subtitle, .title_simple_wide_reversible .subtitle, .h2_left .subtitle {font-size: 2rem !important;} } /*リンク色*/ .editable a{color: #0b559e !important;} /*全体固定背景*/ #section-wrapper::before{ content: ""; position: fixed; display: block; width: 100%; height: 100%; z-index: 0; background: url() no-repeat center center #fff; background-size: cover; } /* ナビの下線 */ #global-nav .gnav_pc .gnav_items a{color: #000 !important;font-weight: bold;} #global-nav .gnav_pc .gnav_items a:hover, #global-nav .gnav_pc .gnav_items .active a{position: relative;text-decoration: none !important;} #global-nav .gnav_pc .gnav_items a:hover::before, #global-nav .gnav_pc .gnav_items a.active::before{ content: ''; background: #0b559e; width: 100%; height: 2px; position: absolute; bottom: -3px; left: 0; } /* 下層ヘッダー */ .h1_left .headding{font-size: 4.2rem !important;} @media only screen and (max-width: 1024px){ } @media only screen and (max-width: 767px){ .h1_left .headding{font-size: 3.2rem !important;} } /* フッター */ #footer-section .editable a{ color: #fff !important; } .footer_tp_generic .copy{ border-top: 1px solid rgba(255,255,255,.5) !important; color: #fff !important; } @media only screen and (min-width: 768px){ .footer_logo_under .footer-nav{max-width: 1100px !important;font-size: 1.5rem !important;} .footer_logo_under .nav-side{width: calc(100% - 340px) !important;} .footer_logo_under .contact-side{width: 310px !important;} .footer_logo_under .nav-side .duplicatable-content{width: 47% !important;margin-right: 3% !important;} } @media only screen and (max-width: 767px){ #footer-section .detail-side .section_btn a{ background: #0b559e !important; } .footer_tp_generic .detail-side_first .tel:after{ color: #0b559e !important; } } /* 画像見出し */ .h2_left .section_h2::first-letter{color: #333;} .h2_center .section_h2{ font-size: 4.2rem !important; letter-spacing: 0.05em !important; line-height: 1.2; } .h2_center .spacer-section_wrap .spaceable-top{padding-bottom: 120px;} /* .h2_center > .spaceable-bottom{padding-bottom: 120px !important;} */ @media only screen and (max-width: 1024px){ .h2_center .spacer-section_wrap .spaceable-top{padding-bottom: 90px;} /* .h2_center > .spaceable-bottom{padding-bottom: 90px !important;} */ } @media only screen and (max-width: 767px){ .h2_center .section_h2{font-size: 2.6rem !important;} .h2_center .spacer-section_wrap .spaceable-top{padding-bottom: 50px;} /* .h2_center > .spaceable-bottom{padding-bottom: 50px !important;} */ } /* タイムテーブル */ .time_table_image_rounded .content_container::before{background: #0b559e !important;} .time_table_image_rounded .duplicatable-content::before{background: #0b559e !important;} .time_table_image_rounded .duplicatable-content::after{border-top-color: #0b559e !important;} .time_table_image_rounded .duplicatable-content_inner::before{background: radial-gradient(circle farthest-side, #0b559e, #0b559e 30%, transparent 30%, transparent);} /*footer_矢印色*/ #footer-section .back-top{border-color: #0b559e !important;} #footer-section .back-top .arrow:before{color: #0b559e !important;} #footer-section .footer-company::before{display: none;} /*sp_下部ボタン色*/ @media only screen and (max-width: 767px){ #footer-section .detail-side .section_btn a{ background: #0b559e !important; color: #fff !important; border: 0 !important; border-right: 1px solid #fff !important; } .footer_menu_center .detail-side_first{ background: #fff !important; color: #0b559e !important; } } /*blog_リンク色*/ .blog_posts .banner_text ._color_, .showcase_chart .banner_text ._color_, .banner_text ._color_{ color: #0b559e !important; } .blog_posts .blog_post .notice, .blog_posts .post_item .notice, .category_attention, .elation_posts_section .category_attention, .showcase_chart .showcase_chart_item .notice{ background-color: #0b559e !important; } /*ボタン一括*/ .section_btn a, .tree_image_btn .text-side .section_btn a, .catchcopy_06 .link_btn a, .half_fit_image_recruit1_1 .section_btn a, .section_name .section_btn a, .section_name .section_btn input, .blog_posts .banner_text .banner_link, .showcase_chart .banner_text .banner_link, .banner_text .banner_link{ background: #0b559e !important; border-radius: 100px !important; border: none !important; color: #fff !important; text-align: center; text-decoration: none; outline: none; position: relative; z-index: 2; overflow: hidden; font-weight: bold; } .section_btn a:not(.except){ padding-left: 25px; padding-right: 25px; } .section_btn a:not(.except)::after { content: ""; width: 6px; height: 6px; border-top: solid 1px #fff; border-right: solid 1px #fff; position: absolute; top: 50%; top: calc(50% - 2px); right: 20px; transform-origin: center center; transform: rotate(45deg) translateY(-50%); transition: .4s; } /*ボタン footer*/ #footer-section .detail-side .section_btn a{ background: transparent !important; border: 1px solid #fff !important; } @media only screen and (min-width: 768px) { .section_btn{max-width: 300px !important;} } /*--------------------------------------*/ /* .title_simple_wide_reversible /*--------------------------------------*/ .title_simple_wide_reversible .image-frame-bg{ background: rgba(255,255,255,.9) !important; } .title_simple_wide_reversible .text-box{ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); border: 0 !important; } .title_simple_wide_reversible .subtitle{ display: flex; align-items: center; text-transform: uppercase; } .title_simple_wide_reversible .subtitle::before { content: ''; display: inline-block; margin-right: 20px; width: 40px; height: 1px; background-color: #fff; } /*--------------------------------------*/ /* infomation_background_image お問い合わせ /*--------------------------------------*/ .infomation_background_image .section_btn a{font-size: 1.6rem !important;} /*--------------------------------------*/ /* information_card お問い合わせ /*--------------------------------------*/ .information_card{background: #0b559e !important;} .information_card-content{align-items: center;} .information_card .text-side *{color: #fff !important;} .information_card .info-side_content{overflow: hidden;} .information_card .info-side_content *{border: 0px !important;} .information_card .info-side *{color: #0b559e;} .information_card .info-side-bg{background: #fff;} .information_card .info-side .cta-text_wrap, .information_card .info-side .cta-text {font-size: 4.2rem !important;;line-height: 1.3;margin-top: 0 !important;} @media screen and (min-width: 768px){ .information_card .text-side{width: 50%;} .information_card .info-side{ flex: 1; margin-right: calc(50% - 50vw); padding-left: 30px; } } /*--------------------------------------*/ /* mainvisual_mountain メインビジュアル /*--------------------------------------*/ .mainvisual_standard .one_page_scroll_btn{display: none !important;} @media only screen and (max-width: 767px){ } .mainvisual_standard { height: 42vw; margin-top: 60px; } @media only screen and (max-width: 768px) { .mainvisual_standard { background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/395918/optimized_9Ecj8GUV0DJzq_Pr3LH90A.jpg) !important; height: 163vw !important; margin-top: 60px; } } /*--------------------------------------*/ /* global-nav width-limitのナビ /*--------------------------------------*/ .gnav_bg{background: rgba(255, 255, 255, .9) !important;} .gnav-wrap .gnav .section_inner{padding-right: 0;} #global-nav .gnav .gnav_items > li, #global-nav .gnav .gnav_items > li a{ position: relative; font-weight: bold; } #global-nav .gnav .gnav_items > li a{ height: 60px; line-height: 60px; } #global-nav .gnav .gnav_items > li:last-of-type a{ height: 60px; line-height: 60px; display: block; padding: 0 30px; background: #0b559e !important; color: #fff !important; margin-left: 10px; } #global-nav a{font-weight: bold;} @media only screen and (min-width: 1025px) { #global-nav.fixed{ top: 25px !important; } .gnav.width-limit, .gnav.width-limit .section_inner{max-width: calc(100% - 100px) !important;} .gnav.width-limit .section_inner{ padding-left: 30px !important; border-radius: 40px; overflow: hidden; } .gnav.width-limit .gnav_bg{ border-radius: 40px; } } /*--------------------------------------*/ /* .square_four_images_with_text 調整 /*--------------------------------------*/ .square_four_images_with_text .image-side{background: #000;} .square_four_images_with_text .image-frame-bg{opacity: .7;} /*--------------------------------------*/ /* .circle-box_link 調整 /*--------------------------------------*/ .circle-box_link .duplicatable-content{margin-top: 1em !important;margin-bottom: 1em !important;} .circle-box_link a::after{ content: ''; position: absolute; left: 50%; bottom: 25px; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #fff transparent transparent transparent; } .circle-box_link .image_wrap{border-radius: 50%;background: #000;} .circle-box_link .image-frame img{opacity: .7;} /*--------------------------------------*/ /* color /*--------------------------------------*/ .mainvisual_residence .line{border-color: #fcda14 !important;} .half_slanted_line .section_inner{background: #fff;} .full_image_4 .num, .full_image_3 .num, .full_image_2 .num, .full_image .num {color: #fcda14 !important;font-weight: bold;} .new_list_box .text-side .number_wrap{ background: #fcda14 !important; color: #13212f !important; } .simple_text_content .simple_text_title.editable.headding{padding-left: 20px !important;} .simple_text_content .simple_text_title.editable.headding::before{ background: #0b559e !important; width: 4px !important; } .mainvisual_residence .catch{ background-color: transparent !important; color: #fff !important; /* border-left: 10px solid #fcda14; */ width: 100% !important; } .table_light .table_wrap .tr .th{ background: #0b559e !important; color: #fff !important; } /*--------------------------------------*/ /* 装飾 /*--------------------------------------*/ #section_504938 .section_inner, #section_504931 .section_inner, #section_504910 .section_inner, #section_504921 .section_inner, #section_504899 .section_inner, .infomation_background_image .text-side {position: relative;z-index: 1;} #section_504874 .animation_border, #section_504873 .animation_border, #section_504872 .animation_border, #section_504871 .animation_border {z-index: 1;} #section_504938 .section_name::before, #section_504931 .section_name::before, #section_504910 .section_name::before, #section_504921 .section_name::before, #section_504899 .section_name::before, .infomation_background_image .text-side::before, #section_504874 .section_name::before, #section_504873 .section_name::before, #section_504872 .section_name::before, #section_504871 .section_name::after, #section_504871 .section_name::before{ content: ''; background-repeat: no-repeat; background-size: contain; width: 260px; height: 260px; position: absolute; z-index: 1; } #section_504899 .section_name::before{ background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/365522/optimized_3e6nwYWtB60JjsJcqX9lEg.png); top: -130px;right: 50px;background-position: center right; } #section_504871 .section_name::before{ background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/365522/optimized_3e6nwYWtB60JjsJcqX9lEg.png); bottom: 50px;right: 100px;background-position: center right; } #section_504871 .section_name::after{ background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/365520/optimized_n1-SgpGmYscpXiKvGMDiVg.png); top: 50px;left: 100px;background-position: center left; } #section_504921 .section_name::before{ background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/365525/optimized_cl0ov3WW_Rokb5RxJ1o36Q.png); top: -130px;left: 50px;background-position: center left; } #section_504872 .section_name::before{ background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/365525/optimized_cl0ov3WW_Rokb5RxJ1o36Q.png); bottom: 50px;left: 100px;background-position: center left; } #section_504910 .section_name::before{ background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/365523/optimized_3eGH9xd3Wqx7MJzOAx6upw.png); top: -130px;right: 50px;background-position: center right; } #section_504873 .section_name::before{ background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/365523/optimized_3eGH9xd3Wqx7MJzOAx6upw.png); bottom: 50px;right: 100px;background-position: center right; } #section_504931 .section_name::before{ background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/365521/optimized_E6O3CcA51pKudh6SSJPe9A.png); top: -130px;left: 50px;background-position: center left; } #section_504874 .section_name::before{ background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/365521/optimized_E6O3CcA51pKudh6SSJPe9A.png); left: 100px;bottom: 50px;background-position: center left; } #section_504938 .section_name::before{ background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/365520/optimized_n1-SgpGmYscpXiKvGMDiVg.png); top: -100px;left: 50px;background-position: center left; } .infomation_background_image .text-side::before{ background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/365525/optimized_cl0ov3WW_Rokb5RxJ1o36Q.png); left: -30px;bottom: -30px;background-position: center left; } .footer_logo_under { background-image: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/365541/optimized_QgCss3w2cymlvSDGxuMA6A.png) !important; background-size: 100px auto !important; background-repeat: no-repeat; background-position: bottom 40px right 40px; } @media only screen and (max-width: 767px){ #section_504938 .section_name::before, #section_504931 .section_name::before, #section_504910 .section_name::before, #section_504921 .section_name::before, #section_504899 .section_name::before, .infomation_background_image .text-side::before, #section_504874 .section_name::before, #section_504873 .section_name::before, #section_504872 .section_name::before, #section_504871 .section_name::after, #section_504871 .section_name::before{ width: 140px; height: 140px; } #section_504899 .section_name::before{ top: -70px;right: 20px;background-position: center right; } #section_504871 .section_name::before{ bottom: 20px;right: 20px;background-position: center right; } #section_504871 .section_name::after{ top: 20px;left: 20px;background-position: center left; } #section_504921 .section_name::before{ top: -70px;left: 20px;background-position: center left; } #section_504872 .section_name::before{ bottom: 20px;left: 20px;background-position: center left; } #section_504910 .section_name::before{ top: -70px;right: 20px;background-position: center right; } #section_504873 .section_name::before{ bottom: 20px;right: 20px;background-position: center right; } #section_504931 .section_name::before{ top: -70px;left: 20px;background-position: center left; } #section_504874 .section_name::before{ left: 20px;bottom: 20px;background-position: center left; } #section_504938 .section_name::before{ top: -70px;left: 20px;background-position: center left; } .infomation_background_image .text-side::before{ left: -30px;bottom: -30px;background-position: center left; } .footer_logo_under { background-size: 70px auto !important; background-position: bottom 20px right 20px; } } @media only screen and (max-width: 1200px){/*pc*/ #global-nav .gnav_pc h1{ width: 210px; line-height: 1.2; font-size: 1.7rem; letter-spacing: 0; } } @media only screen and (min-width: 768px){/*pc*/ .portfolios #section-wrapper{margin-top: 60px;} /*ボタン hover_アニメーション .tree_image_btn .text-side .section_btn a:after, .catchcopy_06 .link_btn a:after, .half_fit_image_recruit1_1 .section_btn a:after, .section_name .section_btn a:after, .blog_posts .banner_text .banner_link:after, .showcase_chart .banner_text .banner_link:after, .banner_text .banner_link:after{ content: ''; position: absolute; bottom: 0; left: -10%; width: 0; height: 120%; background-color: #000; border: none; z-index: -1; transition: .3s; } .tree_image_btn .text-side .section_btn a:hover:after, .catchcopy_06 .link_btn a:hover:after, .half_fit_image_recruit1_1 .section_btn a:hover:after, .section_name .section_btn a:hover:after, .blog_posts .banner_text .banner_link:hover:after, .showcase_chart .banner_text .banner_link:hover:after, .banner_text .banner_link:hover:after{ left: -10%; width: 120%; } */ } /*SP調整*/ @media only screen and (max-width: 767px){ .gnav .header_logo{max-width: calc(100% - 70px);} .gnav .header_logo img{max-height: 37px !important;} .half_grid .text-side_inner{padding: 30px 10px;} .full_image_4 .section_inner, .full_image_3 .section_inner, .full_image_2 .section_inner, .full_image .section_inner{height: 68vh !important;} .full_image_4 .animation_border, .full_image_3 .animation_border, .full_image_2 .animation_border, .full_image .animation_border{height: 50% !important;} .full_image_4 .catch_text, .full_image_3 .catch_text, .full_image_2 .catch_text, .full_image .catch_text{font-size: 2.1rem !important;} .full_image_4 .catch_text span, .full_image_3 .catch_text span, .full_image_2 .catch_text span, .full_image .catch_text span{font-size: 2.1rem !important;} .full_image_4 .section_btn, .full_image_3 .section_btn, .full_image_2 .section_btn, .full_image .section_btn{bottom: -40px !important;} /*80pxの余白を60pxに変更*/ .spaceable-top[style*="140px"]{padding-bottom: 90px !important;} .spaceable-bottom[style*="140px"]{padding-bottom: 90px !important;} .spaceable-top[style*="120px"]{padding-bottom: 90px !important;} .spaceable-bottom[style*="120px"]{padding-bottom: 90px !important;} .spaceable-top[style*="100px"]{padding-bottom: 60px !important;} .spaceable-bottom[style*="100px"]{padding-bottom: 60px !important;} .spaceable-top[style*="90px"]{padding-bottom: 60px !important;} .spaceable-bottom[style*="90px"]{padding-bottom: 60px !important;} .spaceable-top[style*="80px"]{padding-bottom: 40px !important;} .spaceable-bottom[style*="80px"]{padding-bottom: 40px !important;} .spaceable-top[style*="60px"]{padding-bottom: 30px !important;} .spaceable-bottom[style*="60px"]{padding-bottom: 30px !important;} .spaceable-top[style*="50px"]{padding-bottom: 30px !important;} .spaceable-bottom[style*="50px"]{padding-bottom: 30px !important;} /*blog系余白調整*/ .blog_coloroverlay > .spaceable-top{padding-bottom: 0 !important;} .blog_coloroverlay > .spaceable-bottom{padding-bottom: 0 !important;} .portfolio_standerd > .spaceable-top{padding-bottom: 0 !important;} .portfolio_standerd > .spaceable-bottom{padding-bottom: 0 !important;} /*table font-size 調整*/ .table_wrap .tr{font-size: 1.5rem;} .table_wrap .duplicatable-content:nth-child(n+2){padding-top: 0 !important;} .table_wrap .tr .th{font-weight: bold;} .table_wrap .tr .td{padding-top: 1rem !important;} /* 余白 */ .h2_left_residence_contact .section_h2{font-size: 3rem !important;} .h2_left_residence_contact > .spaceable-top{padding-bottom: 100px !important;} #section_504952 .section_name > .spaceable-top{padding-bottom: 40px !important;} #section_504929 .section_name > .spaceable-top{padding-bottom: 2px !important;} #section_504911 .section_name > .spaceable-bottom{padding-bottom: 20px !important;} #section_504923 .section_name > .spaceable-bottom{padding-bottom: 20px !important;} #section_504901 .section_name > .spaceable-bottom{padding-bottom: 20px !important;} #section_504949 .section_name > .spaceable-bottom{padding-bottom: 20px !important;} #section_504951 .section_inner{padding-top: 40px !important;} #section_504949 .section_name > .spaceable-top{padding-bottom: 40px !important;} #section_504950 .section_name > .spaceable-bottom{padding-bottom: 60px !important;} .infomation_background_image .section_inner > .spaceable{padding-bottom: 50px !important;} .infomation_background_image .text-side{padding-top: 65px !important;padding-bottom: 65px !important;} /* 余白削除 */ .half_wide_limited_height .duplicatable-content:last-child .text-side > .spaceable-bottom, .half_wide .duplicatable-content:last-child .text-side > .spaceable-bottom{padding-bottom: 0 !important;} .unevenness_opposite .section_inner{padding-bottom: 0 !important;} .h2_bgfix .subtitle{font-size: 15px;} } .page-index .scroll_btn { display: none; } .footer_logo_under .footer-icon .logo{width: 100% !important;} .section_name .section_btn a{font-family: "Noto Sans JP", sans-serif !important;} /** 追記 **/ .faq_accordion .duplicatable-content { background-color: rgb(11, 85, 158); } .faq_accordion .answer::before{ border-top: #fff 1px dotted; } .question::after{ color:#fff; } .question.answer-open::after{ color:#fff; }