.h2_left_residence_blog{font-family:YakuHanMP, "Noto Serif", "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, serif}.h2_left_residence_blog .subtitle{letter-spacing:0px}.h2_left_residence_blog .headding_wrap{font-size:2rem}.h2_left_residence_blog .subtitle_wrap,.h2_left_residence_blog .editable_wrap{font-size:1.2rem}.h2_left_residence_blog .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:2rem}@media only screen and (min-width: 768px){.h2_left_residence_blog .headding_wrap{font-size:3.5rem}.h2_left_residence_blog .subtitle_wrap,.h2_left_residence_blog .editable_wrap{font-size:1.5rem}.h2_left_residence_blog .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}} .blog_list{padding:4rem 0}.blog_list .section_inner{position:relative}.blog_list .main-column{margin-bottom:5rem}.blog_list_h3{text-align:center;font-size:1.5rem;margin-bottom:2rem;font-weight:normal}.blog_list_article{max-width:315px;margin:auto}.blog_list .article{border-bottom:1px solid #e9e8e8;margin-bottom:2.5rem;padding-bottom:1.5rem}.blog_list .article-thumb{margin-bottom:1.5rem}.blog_list .article-category{font-size:1.2rem;position:relative}.blog_list .article-category .category-color{position:absolute;width:30px;height:10px;background-color:#ff5721;left:-40px;top:50%;margin-top:-5px}.blog_list .article h1{font-size:1.7rem;font-weight:normal}.blog_list .article-date{font-size:1.1rem}.blog_list .article-link{display:none}.blog_list .article footer{padding-left:1rem}.blog_list .side-column{max-width:315px;margin:auto}.blog_list .side-column h4{font-size:1.5rem;font-weight:normal;padding-bottom:1rem;border-bottom:1px solid #e9e8e8}.blog_list .side-column_item{margin-bottom:5rem;padding-bottom:1rem}.blog_list .side-column_item.banner .duplicatable{padding-top:2rem}.blog_list .side-column_item.banner .duplicatable-content:nth-child(n+2){margin-top:1rem}.blog_list .side-column_item.archive .year{padding-top:2rem}.blog_list .side-column_item.archive .year>li{font-size:1.5rem}.blog_list .side-column_item.archive .year>li>a{display:block;width:100%;padding:2rem 1rem;position:relative}.blog_list .side-column_item.archive .year>li>a:after{content:"";border-top:1px solid #666;border-right:1px solid #666;width:8px;height:8px;transform:rotate(135deg);position:absolute;right:10px;top:50%;margin-top:-.8rem;transition:transform .3s}.blog_list .side-column_item.archive .year>li.open a:after{transform:rotate(-45deg);margin-top:-.5rem}.blog_list .side-column_item.archive .month{font-size:0;padding:0 1rem;border-top:1px solid #e9e8e8}.blog_list .side-column_item.archive .month li{font-size:1.4rem;display:inline-block;width:50%;padding:1rem;text-align:center;border-bottom:1px solid #e9e8e8}.blog_list .side-column_item.archive .month li:nth-child(even){border-left:1px solid #e9e8e8}.blog_list .side-column_item.archive .month li:nth-last-child(-n+2){border-bottom:none}.blog_list .side-column_item.archive .month li:last-child{border-bottom:1px solid #e9e8e8}.blog_list .side-column_item.category li{border-bottom:1px solid #e9e8e8}.blog_list .side-column_item.category a{position:relative;padding:2rem;display:block}.blog_list .side-column_item.category .category-color{position:absolute;width:14px;height:6px;background-color:#ff5721;left:0;top:50%;margin-top:-3px}.blog_list .side-column_item.tag ul{padding:2rem 0}.blog_list .side-column_item.tag li{display:inline-block;margin:0 1rem 1rem 0}.blog_list .side-column_item.tag a{font-size:1.4rem;padding:0 1.2rem;border:1px solid #e9e8e8;border-radius:3px;display:block;line-height:1.7;color:#999}.blog_list .pagination{text-align:center}.blog_list .pagination li{display:inline-block;padding:0 1rem;font-weight:bold}@media only screen and (min-width: 768px){.blog_list .section_inner{min-height:700px}.blog_list .column-container{display:flex}.blog_list .main-column{width:100%}.blog_list_article{max-width:none}.blog_list .article-category span:before{content:"";position:absolute;width:100vw;height:1px;top:5px;left:-100vw;background-color:inherit;display:block}.blog_list .article-link{display:block}.blog_list .side-column{width:270px;flex-shrink:0;margin:0 0 0 5rem}.blog_list .side-column_item{margin-bottom:4rem}.blog_list .side-column_item.archive .month{padding:0 0 1rem 2rem;border-top:none}.blog_list .side-column_item.archive .month li{width:100%;padding:0 0 1rem 0;border-bottom:none;text-align:left}.blog_list .side-column_item.archive .month li:nth-child(even){border-left:none}} .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; }