.h1_left .headding_wrap,.h1_left .headding{font-size:3.5rem}.h1_left .subtitle_wrap{letter-spacing:0.15em;margin-top:.5rem}.h1_left .subtitle{font-size:inherit}.h1_left .editable_wrap{margin-top:2rem} .contact_policy .intro{margin-bottom:2rem}.contact_policy .intro .headding_wrap{text-align:center}.contact_policy .intro .section_h3{font-size:3rem}.contact_policy .text-side{background-color:#fefefe;border:1px solid #dedede;position:relative}.contact_policy .text-side .overlay{height:100%;width:100%;background-color:rgba(222,222,222,0.6);position:absolute;top:0;left:0}.contact_policy .text-side .show_btn{display:inline-block;background-color:#efefef;border:1px solid #ccc;padding:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.contact_policy .text-side .text_wrap{font-size:inherit;padding:1rem;height:200px;overflow-y:scroll} .check_before_contact .intro{margin-bottom:2rem}.check_before_contact .intro .headding_wrap{text-align:center}.check_before_contact .intro .section_h3{font-size:3rem}.check_before_contact .text-side{background-color:#fefefe;border:1px solid #dedede;position:relative}.check_before_contact .text-side .overlay{height:100%;width:100%;background-color:rgba(222,222,222,0.6);position:absolute;top:0;left:0}.check_before_contact .text-side .show_btn{display:inline-block;background-color:#efefef;border:1px solid #ccc;padding:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.check_before_contact .text-side .text_wrap{font-size:inherit;padding:1rem;height:200px;overflow-y:scroll} .formapps .form_area .form-item .awesomplete{display:block;width:100%;padding:0 !important}.form_area .awesomplete li mark{display:inline-block;padding:0 0 0 0.5rem;background:#f2f2f2;border-radius:0.3em}.form_area .awesomplete>ul{box-shadow:unset;overflow:hidden}.form_area .awesomplete>ul>li{color:#333}.form_area .awesomplete>ul>li::after{content:"";position:absolute;left:0;right:0;bottom:0;margin:auto;width:100%;height:2px;background-color:#ccc;transition:transform 0.2s;transform:scaleX(0)}.form_area .awesomplete>ul>li:first-child{border-radius:0.3em 0.3em 0 0}.form_area .awesomplete>ul>li:last-child{border-radius:0 0 0.3em 0.3em}.form_area .awesomplete>ul>li:hover{background-color:#f2f2f2}.form_area .awesomplete>ul>li:hover mark{background-color:#f2f2f2}.form_area .awesomplete>ul>li:hover::after{transform:scaleX(1)}.formapps_border_light .form_area .form-item:not(.send_btn),.formapps_border_light .dummy_form_area .form-item:not(.send_btn){border-bottom:1px solid rgba(0,0,0,0.2)}.formapps_border_light .form_area .form-item:not(.send_btn) div,.formapps_border_light .dummy_form_area .form-item:not(.send_btn) div{padding:1rem} #footer-section{z-index:3}@media only screen and (max-width: 1060px){.jobs #footer-section .detail-side{display:none}}.footer-block .footer_place .detail-side{bottom:0;transition:bottom .5s}.footer_place{font-size:1.4rem}.footer_place .section_inner{max-width:initial;margin:0 10px 0 20px}.footer_place .footer-company{position:relative}.footer_place .footer-company .footer-company_inner{justify-content:space-between}.footer_place .footer-company .footer-company_inner .footer-company_inner_left{display:flex}@media only screen and (max-width: 1060px){.footer_place .footer-company .footer-company_inner .footer-company_inner_left{display:block}}.footer_place .footer-company .footer-company_inner .footer-company_inner_left .menu-block-outer{order:2;display:flex;justify-content:space-evenly;font-size:14px;margin-left:80px}@media only screen and (max-width: 1060px){.footer_place .footer-company .footer-company_inner .footer-company_inner_left .menu-block-outer{border-bottom:1px solid #666666;width:80%;margin:0 auto;padding-bottom:40px;padding-top:10px}}.footer_place .footer-company .footer-company_inner .footer-company_inner_left .menu-block-outer .menu-block{margin-right:10px}.footer_place .logo-side{margin-right:80px;text-align:center}@media only screen and (max-width: 1060px){.footer_place .logo-side{margin-right:0;text-align:center}}.footer_place .logo{max-width:120px;margin:0 auto 2rem}.footer_place .logo img{width:auto;max-width:100%}.footer_place .logo div{display:inline}.footer_place .menu-side{display:none}.footer_place .detail-side{text-align:center;font-size:1.4rem;display:-ms-flexbox;-ms-flex-direction:row-reverse;flex-direction:row-reverse;position:fixed;bottom:-100%;left:0;transition:bottom .8s .2s}.footer_place .detail-side .copyright{font-size:12px;margin-top:50px;padding-right:20px}@media only screen and (max-width: 1060px){.footer_place .detail-side .copyright{margin-top:40px;margin-bottom:40px;padding-right:0;font-size:10px}}.footer_place .detail-side_first{width:80px;display:-ms-flexbox;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center;position:relative;display:flex}.footer_place .detail-side_first .tel{letter-spacing:0}.footer_place .detail-side_first .tel a{position:absolute;width:100%;height:100%;top:0;left:0}.footer_place .detail-side_first .hour{font-size:1.2rem;display:none;border-left:1px solid #cfcfcf !important;padding-left:24px}@media only screen and (max-width: 1060px){.footer_place .detail-side_first .hour{border-left:none !important;padding-left:0}}.footer_place .detail-side_second{-ms-flex-positive:1;flex-grow:1}.footer_place .letter{letter-spacing:.1em}.footer_place .copy{font-size:1.2rem;text-align:center}.footer_place .sns-side{margin-bottom:2rem}@media only screen and (max-width: 1060px){.footer_place .sns-side{padding-top:1.4rem}}.footer_place .sns-side .duplicatable-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}@media only screen and (max-width: 1060px){.footer_place .sns-side .duplicatable-container{justify-content:flex-start}}.footer_place .sns-side .duplicatable-content{max-width:70px;width:30px;margin-right:10px;margin-left:10px}.footer_place .section_btn a{white-space:nowrap}@media only screen and (min-width: 1060px){.footer_place .footer-company{padding-top:48px;padding-bottom:48px}.footer_place .footer-company_inner{display:flex}.footer_place .logo{display:block;margin:0 auto}.footer_place .menu-block{order:2}.footer_place .menu-side{display:block}.footer_place .menu-side .duplicatable-container{max-height:146px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;-ms-flex-pack:end;justify-content:flex-start;flex-direction:column;align-items:flex-start;height:146px}.footer_place .menu-side .duplicatable-content{width:auto;padding:0;font-size:14px;width:200px;text-align:initial}.footer_place .logo-side{order:1;width:200px;margin:0 auto}.footer_place .detail-side{order:3;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;text-align:left;position:static;background-color:transparent}.footer_place .detail-side_first{margin-bottom:4rem;font-size:1.8rem;text-align:right;display:block}.footer_place .detail-side_first .tel{font-size:14px;margin-right:20px}.footer_place .detail-side_first .tel:after{content:none}.footer_place .detail-side_first .tel a{position:relative;pointer-events:none}.footer_place .detail-side_first .hour{display:block;text-align:initial}.footer_place .detail-side_second{max-width:300px;margin-bottom:3rem}.footer_place .detail-side>div{margin-bottom:0;width:100%;display:flex;align-items:flex-start;justify-content:flex-end;text-align:center}.footer_place .copy{padding-bottom:45px;padding-right:30px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:flex-start}.footer_place .sns-side{margin-bottom:0;margin-top:70px}.footer_place .sns-side .duplicatable-content{width:30px}.footer_place .section_btn{margin:auto 0 auto auto}}@media only screen and (max-width: 1060px){.footer_place .detail-side_second .section_btn{max-width:none}.footer_place .detail-side_second .section_btn a{border-radius:0}}@media only screen and (max-width: 1060px){.footer_place .section_inner{margin:0;padding-top:4.8rem}.footer_place .section_inner .footer-company .footer-company_inner{display:flex;flex-direction:column}.footer_place .section_inner .footer-company .footer-company_inner .footer-company_inner_left .logo-side .sns-side .duplicatable .duplicatable-container{justify-content:center}.footer_place .section_inner .footer-company .footer-company_inner .footer-company_inner_left .logo-side .sns-side .duplicatable .duplicatable-container .duplicatable-content{margin-right:10px;margin-left:10px}.footer_place .section_inner .footer-company .footer-company_inner .menu-block{order:2}.footer_place .section_inner .footer-company .footer-company_inner .menu-block .menu-side{display:block}.footer_place .section_inner .footer-company .footer-company_inner .detail-side{display:block;position:static;order:3;margin:0 auto;margin-top:30px;width:80%}.footer_place .section_inner .footer-company .footer-company_inner .detail-side .detail-side_first{display:block;width:initial;font-size:14px}.footer_place .section_inner .footer-company .footer-company_inner .detail-side .detail-side_first .hour{display:block;margin-top:20px;display:inline-block}}@media only screen and (min-width: 1060px){_:-ms-lang(x)::-ms-backdrop,.footer_place .detail-side{align-items:center;margin:unset}_:-ms-lang(x)::-ms-backdrop,.footer_place .detail-side_second{margin-left:2rem}}@media only screen and (max-width: 1060px){_::-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}} /* -----common ----- */ body { font-weight: 600; color: #1a1a1a; font-family: YakuHanJP, "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Droid Sans", "ＭＳ Ｐゴシック", eatYuG, sans-serif; background-color: #fff; } img { image-rendering: -webkit-optimize-contrast; } .editable a { color: #1F1F1F; } a:hover { opacity: 1 !important; } #section-wrapper .headding { font-family: YakuHanJP, 'Pacifico', 'Zen Kaku Gothic Antique', sans-serif, cursive; font-weight: 700; letter-spacing: .025em; line-height: 1.25 ; } #section-wrapper .subtitle { font-family: YakuHanJP, 'Pacifico', 'Zen Kaku Gothic Antique', sans-serif, cursive; font-size: 2.7rem; font-weight: 600; /*letter-spacing: .05em;*/ line-height: 1.5; } #section-wrapper .headding::first-letter, #section-wrapper .subtitle::first-letter { text-transform: uppercase; } #section-wrapper .subtitle:empty { display: none; } #section-wrapper .letter { font-family: YakuHanJP, "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Droid Sans", "ＭＳ Ｐゴシック", eatYuG, sans-serif; font-size: 1.6rem; letter-spacing: .05em; line-height: 1.7; } #section-wrapper .letter.tel-linker { font-family: YakuHanJP, 'Pacifico', 'Zen Kaku Gothic Antique', sans-serif, cursive; font-weight: 700; } a[href^=tel] { pointer-events: none; } .table_border_light, .table_light { background-color: transparent !important; } .table_light .table_wrap .tr .th { background-color: rgba(105,186,32, .2); } .table_light .table_wrap .tr .td { background-color: rgba(255, 255, 255, .4); } .half_out_of_position .text-side { padding: 5rem; box-shadow: 0 5px 15px rgb(0 0 0 / 0%); filter: drop-shadow(0 5px 15px rgba(0, 0, 0, .1)); } .half_wide_limited_height .section_inner { background: rgba(220,230,145,.75) url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/257746/optimized_Kntyl779M6MrYqVx-gs3zw.png) repeat left top; } .half_wide_limited_height .text-side > .spaceable-top { padding-bottom: 3rem !important; } .half_wide_limited_height .text-side_inner > .spacer-item_wrap:nth-child(3) .spaceable { padding-bottom: 0 !important; } .infomation_background_image { background: rgba(105,186,32,.78) url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/257746/optimized_Kntyl779M6MrYqVx-gs3zw.png) repeat left top !important; } .infomation_background_image .dc-inner_bg { border-radius: 1.2rem; } .infomation_background_image .text-side { padding: 7% 10%; border-radius: 1.2rem; border: solid .7rem #fff; } .infomation_background_image .text-area_inner a { color: #fff !important; font-weight: 900; font-size: 3.8rem; letter-spacing: 0; display: inline-block; margin-left: .5rem; } @media only screen and (max-width: 1024px) { .infomation_background_image .text-area { padding: 1.5rem; } .infomation_background_image .text-side { padding: 5%; } .infomation_background_image .text-area .section_btn { margin: 0 auto !important; } .infomation_background_image .text-area .section_btn .linker { text-align: center; } } @media only screen and (max-width: 767px) { .infomation_background_image .text-area { padding: 2.5rem 0; } .infomation_background_image .text-area_inner a { font-size: 2.8rem; } } .infomation_background_image .text-area { align-items: end; } .infomation_background_image .text-area .section_btn { margin: 0; } .transparent_plate .section_inner { padding: 9rem 2rem 7rem; background-color: rgba(255,255,255,.85); border-right: solid 1px #fff; border-left: solid 1px #fff; } @media only screen and (max-width: 1024px) { .transparent_plate .section_inner { max-width: 80vw; padding: 4rem 2rem 2rem; } .infomation_background_image .frame-image { background-position: left -10vw center; } } @media only screen and (max-width: 767px) { .transparent_plate .section_inner { max-width: 86vw; margin: 0 auto; padding: 5rem 2rem; } .infomation_background_image .frame-image { background-position: left -54vw center; } } #section-wrapper .infomation_background_image .text-area h3 { font-size: 3.6rem; } @media only screen and (max-width: 767px) { #section-wrapper .infomation_background_image .text-area h3 { font-size: 2.4rem; } } #section-wrapper .infomation_background_image .text-area h3 span { color: #fff; font-family: YakuHanJP, 'Pacifico', 'Zen Kaku Gothic Antique', sans-serif, cursive; text-transform: none !important; } .infomation_background_image .text-area .section_btn .linker a { padding: 3rem 9rem 3rem 3rem; background-color: #72cc23 !important; border-radius: 5rem; border: 3px solid transparent!important; } .infomation_background_image .text-area .section_btn .linker a .c-link__txt { margin: 0 1.5rem; color: #fff; } @media only screen and (min-width: 768px) { .infomation_background_image .text-area .section_btn .linker a:hover { background-color: #fff !important; border-color: rgba(105,186,32,1) !important; } .infomation_background_image .text-area .section_btn .linker a:hover .c-link__txt { color: #69ba20; } } @media only screen and (min-width: 1025px) { body { font-size: 1.6rem; } .letter_wrap_basic { font-size: 1.6rem; } } @media only screen and (min-width: 768px) { .infomation_all .info-side { align-items: center; } .letter_wrap_basic { font-size: 1.6rem; } .new_two_images_center_text .image-side.top .frame-image { border-radius: 0; } .new_two_images_center_text .image-side.bottom .frame-image { border-radius: 0; } } @media only screen and (max-width: 767px) { .infomation_all .info-side .tel-linker span { font-size: 3rem; } .table_light { font-size: 1.5rem; } a[href^=tel] { pointer-events: auto; } #section-wrapper .subtitle, #section-wrapper .title_section .subtitle { font-size: 1.8rem; line-height: 1.6; } .table_light .table_wrap .tr .td, .table_light .table_wrap .tr .th { padding: 1.5rem 1rem; } .table_border_light .table_wrap .tr .th { padding-top: 0; padding-bottom: 0; font-weight: 700 !important; } .table_border_light .table_wrap .tr .td { padding-top: .5rem; } } /* section */ #content-wrapper { background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(235,255,217,.6) 100%); position: relative; } #content-wrapper::before { content: ""; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,228,202,.6) 100%); position: fixed; left: 0; top: 0; pointer-events: none; transition: opacity 1s; } #section-wrapper { background: transparent; position: relative; } #section-wrapper::before, #section-wrapper::after { content: ""; width: 100%; height: 100%; pointer-events: none; position: fixed; left: 0; top: 0; opacity: .2; transition: opacity 1s; } #section-wrapper::before { background: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/265127/optimized_5zjQKHTjRI4uwwPw_JjYLw.png) no-repeat center bottom -3rem / contain; } #section-wrapper::after { background: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/265138/optimized_QrPOKavc60eeGqSIltc0Vg.png) no-repeat center bottom -3rem / contain; } #content-wrapper.color_1::before { opacity: 0; } #content-wrapper.color_2::before { opacity: 1; } #content-wrapper.color_1 #section-wrapper::before { opacity: .2; } #content-wrapper.color_1 #section-wrapper::after { opacity: 0; } #content-wrapper.color_2 #section-wrapper::before { opacity: 0; } #content-wrapper.color_2 #section-wrapper::after { opacity: .2; } @media only screen and (max-width: 767px) { #section-wrapper::before, #section-wrapper::after { background-position: center bottom -.5rem; } .page-index #section-wrapper::before, .page-index #section-wrapper::after { background-position: center bottom 5rem; } } #section-wrapper section:first-of-type .h1_left, #section-wrapper section:first-of-type .h1_center, #section-wrapper section:first-of-type .h1_section, .mainvisual_mountain { position: relative; } #section-wrapper section:first-of-type .h1_left::before, #section-wrapper section:first-of-type .h1_center::before, #section-wrapper section:first-of-type .h1_section::before, .mainvisual_mountain::before, .mainvisual_desk::before { content: ""; width: 100%; height: 100%; pointer-events: none; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.15) url("https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/229182/optimized_DQ3S70GGwJsswWAmL8MNvA.png") repeat left top; border-bottom: solid .1rem #fff; filter: drop-shadow(0 0 4px rgba(0,0,0,.25)); } .title_all .text-side { max-width: 990px; } .h2_center.image-bg:not(.h2_bgfix) { position: relative; } .h2_center.image-bg:not(.h2_bgfix)::before, .h2_center.image-bg:not(.h2_bgfix)::after { content: ""; width: 100%; height: 12px; position: absolute; left: 0; background: url("https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/240926/optimized_h9ANqWlYPlo1rCK-tIjyEA.png") repeat left top; z-index: 1; } .h2_center.image-bg:not(.h2_bgfix)::before { top: 0; border-top: solid 1px #fff; } .h2_center.image-bg:not(.h2_bgfix)::after { bottom: 0; border-bottom: solid 1px #fff; } .h2_center.image-bg:not(.h2_bgfix) .section-image_bg::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .2) url("https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/212126/optimized_HWOQBFuMqBCJ1J3eme8OIQ.png") repeat left top; background-size: 400px auto; pointer-events: none; } .half_two_image_misaligned { background: rgba(0,0,0,0) url("https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/229182/optimized_DQ3S70GGwJsswWAmL8MNvA.png") repeat left top !important; } .half_two_image_misaligned::before { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0) url("https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/229182/optimized_DQ3S70GGwJsswWAmL8MNvA.png") repeat left top !important; transform: scale(-1, 1); position: absolute; left: 0; top: 0; pointer-events: none; } .half_two_image_misaligned .section_btn { max-width: 90%; } .half_two_image_misaligned .text-side_inner { text-align: center; } #section-wrapper .half_two_image_misaligned .headding, #section-wrapper .half_two_image_misaligned .subtitle, #section-wrapper .half_two_image_misaligned .headding + p { text-shadow: 1px 1px 5px rgba(0,0,0,.5); } .half_limited_height .section_inner { background: #69ba20 url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/257746/optimized_Kntyl779M6MrYqVx-gs3zw.png) repeat left top !important; border: solid 1rem #fff; box-shadow: 1px 1px 8px rgba(0,0,0,.15); } .half_limited_height .duplicatable-content_inner .headding, .half_limited_height .duplicatable-content_inner .letter { color: #fff !important; } .half_wide { background: rgba(105,186,32,.7) !important; transition: 1s; } .color_1 .half_wide { background-color: rgba(105,186,32,.7) !important; } .color_2 .half_wide { background-color: rgba(242,156,70,.7) !important; } .half_wide .headding, .half_wide .letter { color: #fff !important; text-shadow: 0 0 4px rgba(0,0,0,.4); } .half_wide .c-link__txt { color: #fff; text-shadow: 0 0 4px rgba(0,0,0,.3); } @media only screen and (min-width: 768px) { .half_wide .section_btn .linker a:hover .c-link__txt { color: #1a1a1a; } } .title_line_wide { background-color: transparent !important; } .title_line_wide .text-box { margin-top: 0; position: relative; } .title_line_wide .text-box .spacer-item_wrap { z-index: 1; position: relative; } .title_line_wide .text-box .spacer-item_wrap:nth-child(2) > .spaceable-top { padding-bottom: 0 !important; } #section-wrapper .title_line_wide .headding { padding: 2rem 2rem 2rem 1rem; display: inline-block; background: linear-gradient(-45deg, #72cc23 0, #fdc339 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 文字で背景のグラデを切り抜く */ @media only screen and (min-width: 768px) { .title_line_wide.title_line_wide_light.title_line_wide.reverse.section_name .text-side .title-box { text-align: right; } #section-wrapper .title_line_wide.reverse .headding { padding-right: 1.5rem; } } .half_out_of_position .image-side .frame-image { position: relative; } .new_accordion_image .accordion_body { margin-top: 3rem; padding: 3rem; background: url("https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/202740/optimized_gqdkrLwgU4P9R3gGwAha_Q.png") repeat left top; border: solid 7px #efefef; } #content-wrapper .photo_gallery_02 { background-color: transparent !important; } #content-wrapper .photo_gallery_02 .duplicatable { padding-bottom: 0; } .new_list_box .duplicatable-content + .duplicatable-content { margin-top: .5rem; } #section-wrapper .title_section.image-bg .headding, #section-wrapper .title_section.image-bg .subtitle { color: #fff; text-shadow: 2px 2px 0 rgb(0 0 0 / 30%); } #section-wrapper section:first-of-type .title_section.image-bg .subtitle { font-size: 8.4rem; letter-spacing: 0; text-shadow: none; position: absolute; left: -.5rem; top: 1.4rem; opacity: .38; } @media only screen and (max-width: 1024px) { #section-wrapper section:first-of-type .title_section.image-bg .subtitle { font-size: 6rem; left: 1.5rem; } } @media only screen and (max-width: 767px) { #section-wrapper section:first-of-type .title_section.image-bg .subtitle { font-size: 4rem; left: 0; right: 0; top: .9rem; } } body:not(.eat_cms) #section-wrapper section:first-of-type .title_section.image-bg .subtitle { z-index: -1; } body:not(.eat_cms) #section-wrapper section:first-of-type .title_section.image-bg .subtitle > i { font-style: normal !important; text-transform: uppercase !important; } .infomation_all .editable_wrap, .infomation_all .letter, .infomation_simple .editable_wrap, .infomation_simple .letter { color: #1a1a1a; } #section-wrapper .infomation_simple .section_h3, #section-wrapper .infomation_all .section_h3 { font-size: 3.4rem; color: #1a1a1a; } #section-wrapper .infomation_simple .subtitle, #section-wrapper .infomation_all .subtitle { padding-bottom: 3rem; margin-bottom: 1rem; color: #1a1a1a; position: relative; } #section-wrapper .infomation_simple .subtitle::after, #section-wrapper .infomation_all .subtitle::after { content: ""; width: 10%; height: 8px; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; background: url("https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/227004/optimized_WvGVBJh1Wteo79T8vEj9Lw.png") repeat left top !important; border-radius: 0; } #section-wrapper .infomation_simple a[href^=tel], #section-wrapper .infomation_all a[href^=tel], #section-wrapper .infomation_simple .info-side .tel-linker span, #section-wrapper .infomation_all .info-side .tel-linker span { color: #1a1a1a; line-height: 1.6; } .infomation_all .info-side .tel-linker span { font-size: 4.2rem; } #section-wrapper .infomation_simple, #section-wrapper .infomation_all { margin-bottom: -6rem; padding: 6rem 0 7rem; background-color: rgba(255, 255, 255, .45) !important; border-top: solid 1px #fff; position: relative; } #section-wrapper .infomation_simple .info-side_text .spacer-item_wrap:last-child .letter, #section-wrapper .infomation_all .info-side_text .spacer-item_wrap:last-child .letter { font-size: 1.4rem; } #section-wrapper .infomation_all .section_btn { background-color: #FFF; } #section-wrapper .infomation_all .section_btn a { color: #1a1a1a !important; } .bnr_box .text-side { padding: 3.5rem 2rem 4rem; } #section-wrapper .fit_card_three_image .image-side_text .headding { color: #fff; text-shadow: 2px 2px 0 rgb(0 0 0 / 30%); } #section-wrapper .fit_card_three_image .image-side_text .subtitle { max-width: 65%; margin: 1rem auto 0; color: #fff; font-size: 1.6rem; text-shadow: 2px 2px 0 rgb(0 0 0 / 30%); } .fit_card_three_image .text-side_content { padding-bottom: 3.5rem; } .simple_text_content .simple_text_title.editable.headding { margin-bottom: 1rem; padding: 0 0 .5rem 2.5rem; font-size: 3.4rem; } .simple_text_content .simple_text_title.editable.headding::before { background-color: #A480BD; width: 10px; } .simple_text_content.width-limit .section_inner > .section-container:last-child { margin-top: 1.5rem; } .circle-box_02 .duplicatable-container .duplicatable-content .image_text { pointer-events: none; text-shadow: 0 0 5px rgb(0 0 0 / 20%); max-width: 85%; } .circle-box_02 a .image_wrap::before { content: ""; width: 3.6rem; height: 3.6rem; margin: 0 auto; transform: rotate(90deg); background: #fff url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/264876/optimized_9Oe0zIa7ItOjVClJcgQ2VA.png) no-repeat center center / 2rem auto; border-radius: 3rem; position: absolute; left: 0; right: 0; bottom: 11%; z-index: 3; transition: .5s cubic-bezier(.5, 0, 0, .5); } .circle-box_02 a .image-frame-bg:before { background-color: rgba(0,0,0,.3) !important; transition: .5s cubic-bezier(.5, 0, 0, .5); } .circle-box_02 a .image-frame-bg .frame-image { transform: scale(1); transition: .5s cubic-bezier(.5, 0, 0, .5); } .circle-box_02 .image_wrap .image-frame-bg { position: relative; } .circle-box_02 .image_wrap .image-frame-bg::before { width: 90%; width: calc(100% - 20px); height: 90%; height: calc(100% - 20px); top: 10px; left: 10px; pointer-events: none; } .circle-box_02 .image_wrap a .headding::after { content: ""; width: 0; height: 0; margin: 0 auto; border-style: solid; border-width: 10px 8px 0 8px; border-color: #fff transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -3rem; filter: drop-shadow(0 0 4px rgba(0,0,0,.5)); transition: .5s cubic-bezier(.5, 0, 0, .5); } .standard_content_dup .text-side .text_wrap { margin-bottom: 0; } .standard_content_three .editable_wrap > .editable.letter { text-align: left; } .faq_accordion .duplicatable-content { background-color: rgba(255,255,255,6) !important; } .faq_accordion .question:after { border-bottom: 1px solid #666; border-right: 1px solid #666; } .faq_accordion .answer:before { border-top: dashed 1px #666; } .faq_accordion .duplicatable-content:nth-child(n+2) { margin-top: 2rem; } .new_catchcopy_simple { border-top: solid 1px #fff; border-bottom: solid 1px #fff; } .new_catchcopy_simple .text-wrap { padding: 5rem 1.5rem 4rem; } .new_catchcopy_simple .text-wrap .frame-image { background-color: rgba(255,255,255,.95) !important; } .half_out_of_position .text-side_bg .image-frame-bg { background-color: rgba(255, 255, 255, .85); border: solid .7rem rgba(242,156,70,.6); position: relative; } .portfolio_coloroverlay { background-color: transparent !important; } .new_standard_content_two .duplicatable-content { box-shadow: 0 0 6px rgba(0,0,0,.1); } #section-wrapper .job_partial { padding: 2.5rem 0; background-color: rgba(255,255,255,.5) !important; border-top: solid 1px #fff; } .title_sub .subtitle_wrap > .spacer-item_wrap:first-child > .spaceable-top { padding-bottom: 0 !important; } .h2_bgfix .image-frame-bg { margin-bottom: 2.5rem; } .title_backcolor .text-side .headding_wrap, .title_backcolor .text-side .subtitle_wrap { background-color: #69ba20; } .table_stripe_light { background-color: transparent !important; } .table_stripe_light .table_wrap .tr .th { font-weight: 700 !important; } .unevenness_opposite .duplicatable-container { margin-bottom: 0; } .unevenness_opposite .duplicatable-container .duplicatable-content { margin-top: 0; } .unevenness_opposite .duplicatable-container .duplicatable-content + .duplicatable-content { margin-top: 5rem; } @media only screen and (min-width: 768px) { #section-wrapper section:first-of-type .h1_section .section_inner { max-width: 95vw; max-width: calc(100% - 8rem); } .content > .sub_title .section_inner { max-width: 100%; } .title_line_wide .text-box { min-height: 19.5rem; } #section-wrapper .title_line_wide .text-box .editable_wrap_title .letter { font-size: 3rem; } .title_line_wide .text-box .editable_wrap { font-size: 1.6rem; } .block_four .subtitle, .half_wide_limited_height .subtitle, .half_limited_height .subtitle { margin-top: 0; font-size: 1.5rem; } .circle-box_02 .duplicatable-content { width: 33%; margin-bottom: 0; } .circle-box_02 a:hover { opacity: 1; } .circle-box_02 a:hover .image_wrap .image-frame-bg .frame-image { transform: scale(1.05); transition: .5s cubic-bezier(.5, 0, 0, .5); } .circle-box_02 .duplicatable-content a .circle_wrap { transition: .5s cubic-bezier(.5, 0, 0, .5); } .circle-box_02 .duplicatable-content a:hover .circle_wrap { transform: translateY(-1rem); } .circle-box_02 a:hover .image_wrap::before { transform: translateY(1rem) rotate(90deg); } .circle-box_02 .circle_wrap { max-width: 100%; } .half_limited_height.reverse .text-side, .half_limited_height .duplicatable-content:nth-child(even) .text-side { padding: 0 4rem; } .half_limited_height .image-side { max-height: inherit; } .half_limited_height .text-side { padding: 0 3.5rem 0 4rem; } .half_limited_height .text-side > .spacer-content { padding-bottom: 30px !important; } .half_two_image_misaligned .section_btn { margin-left: auto; } .api_map_wide .map_area { padding-top: 40%; } } @media only screen and (max-width: 767px) { #section-wrapper section:first-of-type .h1_left .section_inner, #section-wrapper section:first-of-type .h1_center .section_inner, #section-wrapper section:first-of-type .h1_section .section_inner { margin: -7rem 0 -9rem; } .new_accordion_image .accordion_body { border-width: 5px; } .half_wide_limited_height .subtitle { font-size: 1.5rem; } #section-wrapper .h2_center .section_h2 { margin-bottom: 0; padding-bottom: 0; } #section-wrapper .h2_bgfix > .spaceable { padding-bottom: 55px !important; } .api_map .map_area { padding-top: 100%; } #section-wrapper .infomation_simple, #section-wrapper .infomation_all { padding: 4rem 0 5rem; } #section-wrapper .infomation_simple .section_h3, #section-wrapper .infomation_all .section_h3 { font-size: 2.4rem; } .simple_text_content .simple_text_title.editable.headding { font-size: 2.4rem; } .half_limited_height .subtitle { font-size: 1.5rem; } .standard_content_dup .text-side .text_wrap { margin-bottom: 1rem; } .standard_content_three .section-content { margin-bottom: 5rem; } .new_standard_content_two .duplicatable-content + .duplicatable-content { margin-top: 2rem; } .card_four .section-content { width: 100%; } .card_four .section-content:nth-child(n+3) { margin-bottom: 1.5rem; } .fit_card_three_image .text-side_content { padding-bottom: 2.5rem; } .table_stripe_light .table_wrap .tr .th { padding: 1rem !important; border-bottom: solid 1px #fff !important; } .table_stripe_light .table_wrap .tr .td { padding: 1rem !important; } .title_line_wide .section_h3 { text-align: center !important; } .title_all .text-side .text { text-align: left !important; } .half_two_image_misaligned .section_inner { margin: -7rem 0; } } @media only screen and (max-width: 480px) { .half_two_image_misaligned .image-side_inner { padding-top: 65%; } .circle-box_02 .duplicatable-content { width: 47%; margin-bottom: 1rem; padding: 0 2%; } .circle-box_02 .image_wrap .image-frame-bg { margin-bottom: 0; } .circle-box_02 a .image_wrap::before { width: 2.4rem; height: 2.4rem; background-size: 1.4rem auto; } } .new_title_vertical_rl:before { opacity: .4; } .new_title_vertical_rl .text-side { text-align: left; filter: drop-shadow(0 0 4px rgba(0,0,0,.5)); } .new_title_vertical_rl .text-side .headding_wrap { margin-left: 3.5rem; } #section-wrapper .new_title_vertical_rl .headding { font-size: 3.6rem; letter-spacing: .03em; } #section-wrapper .new_title_vertical_rl .headding::before, #section-wrapper .new_title_vertical_rl .headding::after { content: ""; width: 2.5em; height: 2.5em; border-radius: 2px; position: absolute; } #section-wrapper .new_title_vertical_rl .headding::before { background-color: #f29c46; right: -.8em; top: -.8em; z-index: -2; } #section-wrapper .new_title_vertical_rl .headding::after { content: ""; background-color: #69ba20; right: -1.3em; top: -1.3em; z-index: -1; opacity: .9; } @media only screen and (min-width: 768px) { .new_title_vertical_rl .text-side { height: 35em; margin: 0; } } @media only screen and (max-width: 767px) { .new_title_vertical_rl .text-side { height: 25em; } .new_title_vertical_rl .text-side .headding_wrap { margin-left: 2.5rem; } #section-wrapper .new_title_vertical_rl .headding { font-size: 2.4rem; } } /* title/text */ .section_h3 { color: #2a2a2a; } .title_sub { max-width: 100%; background: rgba(148,139,219,.75) url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/257599/optimized_cJZA9SFYOmLYsHks_N_4QA.png) no-repeat center center / cover !important; box-shadow: 0 1rem 0 rgba(0,0,0,.08); position: relative; } .title_sub::before, .title_sub::after { content: ""; width: 100%; height: 1rem; background: rgba(103,96,153,.35) url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/238278/optimized_LxYxcfeHMJRlNsHEaCFbWg.png) repeat left top; position: absolute; left: 0; z-index: 2; } .title_sub::before { top: 1px; border-top: solid 1px rgba(255,255,255,.7); } .title_sub::after { bottom: 1px; border-bottom: solid 1px rgba(255,255,255,.7); } .title_sub .headding_wrap { position: relative; } .title_sub .section_h3 { position: relative; } .title_sub .subtitle:empty { display: none; } .title_sub .subtitle { color: #1b1b1b; margin-top: -1rem; padding: 2rem 2rem 0; display: inline-block; } .title_icon { background-color: rgba(255,255,255,1) !important; box-shadow: 0 0 5px rgba(0,0,0,.25); } .title_icon .editable_wrap, .title_icon .headding_wrap { margin-bottom: 2.5rem; } #section-wrapper .title_icon .headding { color: #676099 !important; } .h1_text .section_h1, .h2_section .section_h2 { margin-bottom: 2.5rem; color: #FFF; font-size: 4rem !important; text-shadow: 2px 2px 0 rgb(0 0 0 / 30%); } .h1_text .section_h1 { margin-bottom: 0; } .h1_text .text, .h2_text .text { color: #FFF; text-shadow: 2px 2px 0 rgb(0 0 0 / 30%); } .h2_text .text-side .headding > span { padding: 0; display: inline; position: relative; background-image: linear-gradient(0deg, rgba(195,204,129,.5) 30%, transparent 30%); transition: 1s ease-in; } .h2_section.image-bg:not(.h2_bgfix) .headding { margin-bottom: 0; } #section-wrapper .title_section .section_h3 { font-size: 5rem !important; } #section-wrapper .h1_center.title_section .section_h3 { margin-bottom: 2rem; } .half_fit_card .headding_wrap, .half_fit_card .section_h3 { font-size: 3.4rem; } .half_fit_card .headding span { background-image: linear-gradient(0deg, rgba(195,204,129,.5) 30%, transparent 30%); } .infomation_all .headding_wrap, .infomation_all .section_h3 { font-size: 3.4rem; } .fit_card_one .text-side .headding_wrap, .fit_card_one .text-side .section_h3 { font-size: 3.4rem; } .half_limited_height .section_h3, .half_limited_height .headding_wrap { color: #fff; font-size: 3rem; text-shadow: 0 0 4px rgba(0,0,0,.5); } #section-wrapper .half_limited_height .letter { color: #fff; text-shadow: 0 0 4px rgba(0,0,0,.5); } .half_two_image_misaligned .headding_wrap, .half_two_image_misaligned .section_h3, .half_two_image_misaligned .section_h3 + p { font-size: 3.4rem; } .standard_content_dup .text-side .headding_wrap, .standard_content_dup .text-side .headding { font-size: 2.4rem; } .standard_content_dup .text-side .headding span { padding: 0; display: inline; position: relative; background-image: linear-gradient(0deg, rgba(105,186,32,.5) 33%, transparent 33%); transition: 1s ease-in; } .new_catchcopy_simple .text-side .headding_wrap, .new_catchcopy_simple .text-side .headding { font-size: 3.8rem; } .new_catchcopy_simple .text-side .subtitle_wrap, .new_catchcopy_simple .text-side .subtitle { margin-bottom: 3rem; color: #f29c46; } .new_standard_content_two .text-side { border-radius: 0; } .new_standard_content_two .text-side .headding_wrap, .new_standard_content_two .text-side .headding { font-size: 2.5rem; } .new_standard_content_two .text-side .headding { margin-bottom: 1rem; padding-bottom: 1.8rem; position: relative; display: inline-block; } .new_standard_content_two .text-side .headding::before { content: ""; width: 100%; height: 5px; background: linear-gradient(-90deg, #69ba20 0, #fdc339 100%); border-radius: 5px; position: absolute; left: 0; bottom: 0; } .fit_card_three_image .text-side .headding_wrap, .fit_card_three_image .text-side .section_h3 { font-size: 2.8rem; } .half_wide_limited_height .section_h3, .half_wide_limited_height .headding_wrap { font-size: 3.4rem; } .half_wide_limited_height .section_h3 { position: relative; } .half_wide_limited_height .headding > span { padding: 0; display: inline; position: relative; background-image: linear-gradient(0deg, rgba(255,255,255,.6) 30%, transparent 30%); transition: 1s ease-in; } .half_wide_limited_height .headding > span > div { display: inline; } .half_out_of_position .text-side .headding_wrap, .half_out_of_position .text-side .headding { font-size: 3.2rem; } .half_out_of_position .text-side .subtitle_wrap { font-size: 1.8rem; } .fit_card_two .image-side .headding_wrap, .fit_card_two .image-side .spacer-item_wrap:nth-child(1) .editable_wrap, .fit_card_two .image-side_text .title { font-size: 3.6rem; } .fit_card_two .text-side .headding_wrap, .fit_card_two .text-side .section_h3 { font-size: 3.4rem; } .block_four .subtitle, .half_wide_limited_height .subtitle { color: #1b1b1b; font-size: 1.5rem; } .half_limited_height .subtitle { color: #1b1b1b; font-size: 1.5rem; } .block_02_alter .section_inner .headding_wrap, .block_02_alter .section_inner .section_h3 { font-size: 3.4rem; } .block_02_alter .section_inner .headding_wrap { margin-bottom: .5rem; } .new_list_box .text-side .headding_wrap, .new_list_box .text-side .headding { font-size: 2.1rem; } .half_out_of_position .text-side .headding > span { margin-right: .3rem; color: #676099; font-size: 7rem; font-style: normal !important; font-weight: 700 !important; line-height: 1; display: inline-block; } @media only screen and (max-width: 767px) { .half_out_of_position .text-side .headding > span { font-size: 4.8rem; } } .title_line_wide .title-box .section_h3 span > div, .half_out_of_position .text-side .headding span > div { display: inline-block; } #section-wrapper .fit_card_three_image .text-side_inner .section_h3 { font-size: 2.4rem; } .h2_section .section-image_bg + .pacer-section_wrap + .section_inner .text-side .section_h2, .h2_section .section-image_bg + .pacer-section_wrap + .section_inner .text-side .subtitle, #section-wrapper .fit_card_two .image-side_text .headding { color: #FFF; text-shadow: 2px 2px 0 rgb(0 0 0 / 30%); } #section-wrapper .h2_section .subtitle { color: #FFF; font-size: 1.8rem; line-height: 1.65; text-shadow: 2px 2px 0 rgb(0 0 0 / 30%); letter-spacing: .1em; } .half_fit_card .subtitle { font-size: 1.5rem; letter-spacing: .1em; } .half .section_h3, .half .headding_wrap { font-size: 3rem; } .block_vertical_two .subtitle { color: #00CBCB; letter-spacing: .1em; } .h1_left .subtitle_wrap { margin: 0; } #section-wrapper .title_section .subtitle { color: #f28518; } #section-wrapper section:first-of-type .headding, #section-wrapper section:first-of-type .headding span { font-size: 4.6rem; font-weight: 700; line-height: 1.35; letter-spacing: .03em; } #section-wrapper section:first-of-type .subtitle, #section-wrapper section:first-of-type .subtitle span { font-size: 2rem; font-weight: 500; letter-spacing: .15em !important; } #section-wrapper section:first-of-type .headding, #section-wrapper section:first-of-type .subtitle { color: #fff; text-shadow: 1px 1px 4px rgba(0,0,0,.4); } #section-wrapper section:nth-of-type(2) .title_line_wide .text-side .title-box .headding { font-size: 3rem !important; font-weight: 700; } #section-wrapper section:nth-of-type(2) .title_line_wide .text-side .title-box .headding font { position: relative; } #section-wrapper section:nth-of-type(2) .title_line_wide .text-side .title-box .headding font::after { content: ""; width: 0; height: .8rem; background-color: rgba(192, 160, 74, 0.6); position: absolute; left: 0; bottom: .5rem; z-index: -1; transform: skewX(-10deg); transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1); } #section-wrapper section:nth-of-type(2) .title_line_wide .text-side .title-box .headding font.active::after { width: 100% !important; } #section-wrapper .title_line_wide .subtitle_wrap { margin-top: 0; margin-bottom: -1.2rem; } #section-wrapper .title_line_wide .subtitle_wrap .subtitle { display: inline-block; margin-left: 1rem; padding: 1rem 1rem 1.5rem 1rem; background: linear-gradient(-45deg, #72cc23 0, #fdc339 100%); color: #fff; line-height: 1; letter-spacing: .1em !important; border-radius: 0; } #section-wrapper .title_line_wide.reverse .subtitle_wrap { text-align: right; } #section-wrapper .title_line_wide.reverse .subtitle_wrap .subtitle { margin-right: 1rem; } .title_line_wide_light .section-animation-wrap > div { display: none; } .title_line_wide_light .section-animation-wrap .element-1 { display: block; border-color: rgba(105,186,32,.7); } .title_line_wide.title_line_wide_light.title_line_wide.reverse.section_name .section-animation-wrap .element-1 { border-color: rgba(242,156,70,.7); } .two_big_images_with_text .section_h3 { font-size: 2.4rem; } @media only screen and (min-width: 768px) { .two_big_images_with_text .section_h3 { font-size: 2.7rem; } } @media only screen and (min-width: 1025px) { .title_line_wide_light .section_inner { max-width: 800px; } .two_big_images_with_text .section_h3 { font-size: 3rem; } } @media only screen and (max-width: 1024px) { .title_line_wide_light .section_inner { max-width: 80%; margin: 0 auto; } } @media only screen and (max-width: 768px) { .title_line_wide_light .section_inner { max-width: 94%; margin: 0 auto; } } @media only screen and (max-width: 767px) { #section-wrapper .title_line_wide .subtitle_wrap .subtitle { margin: 0 !important; } #section-wrapper .title_line_wide .subtitle_wrap { margin-bottom: 1.2rem; } .title_line_wide_light .section-animation-wrap .element-1, .title_line_wide.title_line_wide_light.title_line_wide.reverse.section_name .section-animation-wrap .element-1 { width: 16rem; height: 16rem; top: 2rem; right: 0; left: 0; margin: 0 auto; } } .circle_picture .subtitle, .circle_picture .subtitle_wrap { color: #fa82b4; } .three_cards_title_sfiht .duplicatable-content { padding: 0 2rem; } .three_cards_title_sfiht .text-side .headding_wrap { margin-bottom: .5rem; } .three_cards_title_sfiht .text-side .headding, .three_cards_title_sfiht .text-side .headding span { font-weight: 800; color: #676099; letter-spacing: 0; } .three_cards_title_sfiht .text-side .headding { text-shadow: 2px 2px 0 #fff; } .three_cards_title_sfiht .text-side .subtitle { color: #676099; } .three_cards_title_sfiht .text-side .subtitle span { font-size: 1.6rem !important; } #content-wrapper #section-wrapper .three_cards_dot_separator { padding: 0; } #content-wrapper #section-wrapper .three_cards_dot_separator .duplicatable-content { margin-bottom: 0; } #content-wrapper #section-wrapper .three_cards_dot_separator .text-side .headding { margin-bottom: 3rem; color: #676099; font-family: YakuHanJP, 'Pacifico', 'Zen Kaku Gothic Antique', sans-serif, cursive; } #section-wrapper .title_line_wide .text-box .editable_wrap_title .letter { font-weight: 800; line-height: 1.4; } #section-wrapper .half_out_of_position .headding { margin-bottom: 1rem; font-weight: 700; } .job .job_contetnts_title_wrap { padding-bottom: 2rem !important; } .job_contetnts_title_sub { color: #55991a; } #section-wrapper .job .headding { padding-bottom: .5rem !important; position: relative; color: #f29c46; } #section-wrapper .job .headding::before { content: "//"; color: #f29c46; margin-right: 1.2rem; } #section-wrapper .job .headding::after { content: "//"; color: #f29c46; margin-left: 1.5rem; } .job .breadcrumb_list { margin-top: .5rem; margin-bottom: 4rem; background-color: rgba(0,0,0,.05) !important; } .lightbox_two.one_lightbox .section_inner .duplicatable-content .text-side { background-color: rgba(242,156,70,.85); } .lightbox_two.one_lightbox .section_inner .duplicatable-content .text-side > .letter_wrap { filter: drop-shadow(0 0 4px rgba(0,0,0,.4)); } @media only screen and (max-width: 767px) { #section-wrapper .job .headding { font-size: 2.5rem !important; } .job .breadcrumb_list { margin-bottom: 0 !important; } .lightbox_two.one_lightbox .section_inner .duplicatable-container .duplicatable-content .text-side { height: 100%; position: relative; background-color: transparent; } .lightbox_two.one_lightbox .section_inner .duplicatable-content .text-side > .letter_wrap { filter: none; color: #1a1a1a; } .lightbox_two.one_lightbox .section_inner .duplicatable-content:nth-child(odd) { margin: 0 0 1.5rem 0; } .lightbox_two.one_lightbox .section_inner .duplicatable-content:nth-child(odd):before, .lightbox_two.one_lightbox .section_inner .duplicatable-content:nth-child(odd):after { display: none; } } @media only screen and (min-width: 1025px) { .standard_content_one .editable_wrap, .standard_content_one .headding_wrap, .standard_content_one .section_h3 { font-size: 3.4rem; } } @media only screen and (min-width: 768px) { .standard_content_one .editable_wrap, .standard_content_one .headding_wrap, .standard_content_one .section_h3 { font-size: 3.4rem; } .fit_card_one .image-side_text .title { font-size: 3.6rem; } .fit_card_three_image .image-side_text .title { font-size: 3.6rem; } .title_line_wide .headding_wrap, .title_line_wide .headding { font-size: 3.6rem; } #section-wrapper .half_out_of_position .headding { font-size: 2.6rem; } .half_fit_card .text-side { margin: 8rem 0; } } @media only screen and (max-width: 1130px) and (min-width: 768px) { #section-wrapper section:first-of-type .headding { margin-left: 1rem; margin-right: 1rem; } } @media only screen and (max-width: 1024px) { #section-wrapper .title_section .section_h3 { font-size: 3.6rem !important; } #section-wrapper section:nth-of-type(2) .title_line_wide .text-side .title-box .headding { font-size: 2.2rem !important; } } @media only screen and (max-width: 767px) { #section-wrapper section:nth-of-type(2) .title_line_wide .text-side .title-box .headding { font-size: 2.6rem !important; } #section-wrapper > section:first-of-type:not(#footer-section) .h1_text .text-side { text-align: center; } #section-wrapper .h1_center.title_section .section_h3 { font-size: 2.4rem !important; text-align: center !important; } #section-wrapper section:first-of-type .headding, #section-wrapper section:first-of-type .headding span { font-size: 2.4rem !important; } #section-wrapper section:first-of-type .subtitle_wrap { text-align: center; } #section-wrapper section:first-of-type .subtitle, #section-wrapper section:first-of-type .subtitle span { font-size: 1.8rem; } #section-wrapper section:nth-of-type(2) .section_h2.headding { padding-bottom: 0; font-size: 2rem !important; } #section-wrapper section:nth-of-type(2) .text-side { text-align: center; } #section-wrapper .section_h2.headding { padding-bottom: .5rem; font-size: 2.6rem !important; } #section-wrapper .title_section .section_h3 { display: block; font-size: 2.8rem !important; text-align: center !important; } #section-wrapper .title_line_wide.reverse .subtitle_wrap { text-align: center; } .half_fit_card .headding_wrap, .half_fit_card .section_h3 { font-size: 2.4rem; } .half .section_h3, .half .headding_wrap { font-size: 2.4rem; } .infomation_all .headding_wrap, .infomation_all .section_h3 { font-size: 2.4rem; } .fit_card_one .text-side .headding_wrap, .fit_card_one .text-side .section_h3 { font-size: 2.4rem; } .fit_card_three_image .text-side .headding_wrap, .fit_card_three_image .text-side .section_h3 { font-size: 2.4rem; } .fit_card_three_image .image-side_text .title { font-size: 2.8rem; } .half_limited_height .section_h3, .half_limited_height .headding_wrap { font-size: 2.4rem; } .standard_content_dup .text-side .headding_wrap, .standard_content_dup .text-side .headding { font-size: 2rem; } .new_catchcopy_simple .text-side .headding_wrap, .new_catchcopy_simple .text-side .headding { font-size: 2.4rem; } .new_standard_content_two .text-side .headding_wrap, .new_standard_content_two .text-side .headding { font-size: 2rem; } .half_wide_limited_height .section_h3, .half_wide_limited_height .headding_wrap { font-size: 2.4rem; } .half_two_image_misaligned .headding_wrap, .half_two_image_misaligned .section_h3, .half_two_image_misaligned .section_h3 + p { font-size: 2.4rem; } .half_out_of_position .text-side .headding_wrap, .half_out_of_position .text-side .headding { font-size: 2rem; } .fit_card_two .image-side .headding_wrap, .fit_card_two .image-side .spacer-item_wrap:nth-child(1) .editable_wrap, .fit_card_two .image-side_text .title { font-size: 2.8rem; } .fit_card_two .text-side .headding_wrap, .fit_card_two .text-side .section_h3 { font-size: 2.4rem; } .block_02_alter .section_inner .headding_wrap, .block_02_alter .section_inner .section_h3 { font-size: 2.4rem; } .h1_text .section_h1, .h2_section .section_h2 { font-size: 2.2rem !important; } .new_list_box .text-side .headding_wrap, .new_list_box .text-side .headding { font-size: 1.7rem; } #section-wrapper .fit_card_three_image .text-side_inner .section_h3 { font-size: 2.2rem; } .standard_content_one .editable_wrap, .standard_content_one .headding_wrap, .standard_content_one .section_h3 { font-size: 2.4rem; } #section-wrapper section:nth-of-type(2) .title_line_wide .text-side .title-box .headding { margin-top: -2rem; } #section-wrapper section:nth-of-type(2) .title_line_wide .text-side .title-box .headding > div > span, #section-wrapper section:nth-of-type(2) .title_line_wide .text-side .title-box .headding > span > span { font-size: 2.2rem !important; } .title_line_wide .text-box { margin-top: 3.5rem; } .title_line_wide.title_line_wide_light .text-box { margin-top: 1rem; } #section-wrapper .title_line_wide .text-box .editable_wrap_title .letter { font-size: 1.9rem; } .new_accordion_image .accordion_body .headding_wrap, .new_accordion_image .accordion_body .headding { font-size: 1.8rem; } .title_line_wide .title-box .section_h3 span > div, .half_out_of_position .text-side .headding span > div { display: inline; } } @media only screen and (max-width: 1024px) { .three_cards_title_sfiht .duplicatable-content { width: 33%; padding: 0 1rem; } } @media only screen and (max-width: 767px) { .three_cards_title_sfiht .duplicatable-content { width: 96%; padding: 0; } .title_sub .section_inner { margin: -1.5rem 0; } #content-wrapper #section-wrapper .three_cards_dot_separator .text-side { padding-bottom: 3rem; } #content-wrapper #section-wrapper .three_cards_dot_separator .text-side .headding { margin: .5rem 0 2rem; } #content-wrapper #section-wrapper .three_cards_dot_separator .duplicatable-content + .duplicatable-content { margin-top: 3rem; } } /* .two_images_rounded */ #content-wrapper #section-wrapper .two_images_rounded { padding-bottom: 0; background-color: transparent !important; } #content-wrapper #section-wrapper .two_images_rounded .text-side_inner { width: 100%; } #content-wrapper #section-wrapper .two_images_rounded .headding_wrap { margin: 5rem 0; } #content-wrapper #section-wrapper .two_images_rounded .section_h3 { font-family: YakuHanJP, 'Pacifico', 'Zen Kaku Gothic Antique', sans-serif, cursive; display: flex; } #content-wrapper #section-wrapper .two_images_rounded .image-side_inner .image-frame-bg .frame-image { border-radius: .7rem; } #content-wrapper #section-wrapper .two_images_rounded .section_h3 { font-size: 2.6rem; } #content-wrapper #section-wrapper .two_images_rounded .section_h3 > span { margin-right: .7rem; padding: .7rem; display: flex; align-self: flex-start; background-color: #f29c46; color: #FFF; font-size: 4.8rem; font-weight: 700 !important; line-height: 1; } @media only screen and (min-width: 1025px) { #content-wrapper #section-wrapper .two_images_rounded .image-side_inner { width: 98%; } #content-wrapper #section-wrapper .two_images_rounded .duplicatable-content_inner { padding-bottom: 13rem; } } @media only screen and (max-width: 1024px) { #content-wrapper #section-wrapper .two_images_rounded .headding_wrap { margin: -3rem 0 3rem; } #content-wrapper #section-wrapper .two_images_rounded .image-side, #content-wrapper #section-wrapper .two_images_rounded .image-side_inner, #content-wrapper #section-wrapper .two_images_rounded .image-side_inner .image-frame_wrap { height: 50rem; } #content-wrapper #section-wrapper .two_images_rounded .image-side_inner .image-frame-bg { height: 50rem; top: 0; } #content-wrapper #section-wrapper .two_images_rounded .duplicatable-content_inner { padding-bottom: 5rem; } #content-wrapper #section-wrapper .two_images_rounded .section_h3 { font-size: 2.4rem; } #content-wrapper #section-wrapper .two_images_rounded .section_h3 > span { font-size: 4rem; } } @media only screen and (max-width: 480px) { #content-wrapper #section-wrapper .two_images_rounded .headding_wrap { margin: -1rem 0 3rem; } #content-wrapper #section-wrapper .two_images_rounded .section_inner { padding: 0 3rem 0; } #content-wrapper #section-wrapper .two_images_rounded .text-side { margin-bottom: 3.5rem; } #content-wrapper #section-wrapper .two_images_rounded .text-side_inner { max-width: 96%; } #content-wrapper #section-wrapper .two_images_rounded .image-side, #content-wrapper #section-wrapper .two_images_rounded .image-side_inner, #content-wrapper #section-wrapper .two_images_rounded .image-side_inner .image-frame_wrap { height: 100vw; } #content-wrapper #section-wrapper .two_images_rounded .duplicatable-content:nth-child(1) .image-side { margin-bottom: 3.5rem; } #content-wrapper #section-wrapper .two_images_rounded .image-side_inner .image-frame-bg { height: 100vw; top: 0; } #content-wrapper #section-wrapper .two_images_rounded .duplicatable-content_inner { padding-bottom: 0; } #content-wrapper #section-wrapper .two_images_rounded .section_h3 { font-size: 2.2rem; } #content-wrapper #section-wrapper .two_images_rounded .section_h3 > br { display: none; } } /* button */ .new_accordion_image .accordion_btn { width: 14em; max-width: 90%; margin: 4rem auto .5rem; padding: 1.5rem; cursor: pointer; background-color: #000; color: #fff; transition: .5s cubic-bezier(.5, 0, 0, .5); } .new_accordion_image .accordion_btn:hover { background-color: #A480BD; transition: .5s cubic-bezier(.5, 0, 0, .5); } .linker .linker-style_type-2 { border-radius: 0; } .title_line_wide .section_btn { margin-bottom: 0 !important; } .section_btn { margin-top: 1rem; margin-bottom: 1rem; line-height: 1; } .section_btn:not(.mail_btn) a { height: inherit; display: inherit; background-color: transparent !important; letter-spacing: .1em; text-align: center; position: relative; padding-right: 5em; } .section_btn:not(.mail_btn) .linker a { align-items: center; display: inline-flex; justify-content: center } .section_btn input { height: inherit; padding: 2.2rem 1rem; display: inherit; background-color: #69ba20 !important; border-radius: 0; letter-spacing: .1em; position: relative; color: #fff !important; text-align: center; z-index: 0; transition: .3s cubic-bezier(.5, 0, .5, 1); } .section_btn input:hover { background-color: #f29c46 !important; transition: .3s cubic-bezier(.5, 0, .5, 1); } .btn { padding: 0; } @media only screen and (max-width: 767px) { .vertical_icon .section-content_inner { padding-top: 100%; } .half_wide_limited_height .text-side_inner { max-width: 86%; margin: 0 auto; } .btn .section_btn a { width: 100%; } } .half_two_image_misaligned .btn-side .section_btn a { background-color: rgba(255,255,255,.85) !important; box-shadow: 4px 4px 8px rgba(0,0,0,.15); } .half_two_image_misaligned .section_btn a::after { width: 100%; height: .2rem; left: inherit; top: inherit; border: none; transform: inherit; transition: .3s cubic-bezier(.5, 0, .5, 1); } .half_two_image_misaligned .section_btn a:hover:after { width: 0; } /* ----- .fiexd_btn_two ----- */ body:not(.eat_cms) .fiexd_btn_two { left: inherit; right: calc(-50% + 27px); } .fiexd_btn_two .section_btn { margin: 0; } .fiexd_btn_two .section_btn a { height: 100%; display: flex; pointer-events: auto !important; } .fiexd_btn_two .section_btn a { background-color: #69ba20; } .fiexd_btn_two .section_btn:nth-child(1) a { background-color: #fff !important; border-color: #69ba20; color: #69ba20; letter-spacing: .05em; } .fiexd_btn_two .section_btn:nth-child(1) a:hover { box-shadow: inset 0 0 0 .6rem rgba(105,186,32,.5); } .fiexd_btn_two .section_btn:nth-child(2) a:hover { box-shadow: inset 0 0 0 .6rem rgba(255,255,255,.5); } @media only screen and (max-width: 480px) { body:not(.eat_cms) .fiexd_btn_two { left: 0; right: inherit; } .fiexd_btn_two .section_btn:nth-child(1) { width: calc(100% - 55px); } .fiexd_btn_two .section_btn:nth-child(1) a { display: flex; } .fiexd_btn_two .section_btn:nth-child(2) { z-index: 2; } } /* ----- main nav ----- */ .drawer-menu { border-top: solid 1px #999; font-family: YakuHanJP, "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Droid Sans", "ＭＳ Ｐゴシック", eatYuG, sans-serif; } .drawer-open .gnav.fade-in .drawer-nav { background-color: rgba(255,255,255,.93) !important; } .gnav .drawer-menu li a:after { border-color: #69ba20; } .gnav .drawer-menu li { border-top: none; border-bottom: solid 1px #aaa; } .gnav_sp { background-color: rgba(255,255,255,.93); border: solid 1px #fff; box-shadow: 0 0 5px rgba(0,0,0,.15); } .scroll-locked .gnav_sp { border: none; } #global-nav .gnav_accordion_basic .gnav_sp .hamburger-box .gnav_bg { background-color: transparent !important; } .scroll-locked #global-nav .gnav_accordion_basic .gnav_sp .hamburger-box .gnav_bg { background-color: rgba(255,255,255,.93) !important; border-radius: 0; } .gnav_items li { font-family: YakuHanJP, 'Zen Kaku Gothic Antique', sans-serif; } #global-nav .gnav_accordion_basic .gnav_pc { justify-content: space-between; } #global-nav .gnav_accordion_basic .gnav_pc .logo_side img { max-width: 24rem; } #global-nav .gnav_accordion_basic .gnav_pc .gnav_items li { padding: 0; } #global-nav .gnav_accordion_basic .gnav_pc .gnav_items li a { padding: 0 2rem; font-size: 1.6rem; } #global-nav .gnav_accordion_basic .gnav_pc .gnav_items li .dropdownSubMenu { margin-top: 1px; background-color: rgba(255,255,255,.85) !important; } #global-nav .gnav_accordion_basic .gnav_pc .gnav_items li .dropdownSubMenu li a { margin: 0; padding-right: 2rem; padding-left: 2rem; font-size: 1.4rem; text-align: center; } #global-nav .gnav_accordion_basic .gnav_pc .gnav_items li .dropdownSubMenu li:not(:last-child) a { border-bottom: solid 1px #bbb; } #global-nav .gnav_accordion_basic .gnav_pc .gnav_items li:hover .dropdownSubMenu { border-color: #ccc; } #global-nav .gnav_accordion_basic .gnav_sp .gnav_items li { border-bottom: solid 1px #bbb; } #global-nav .gnav_accordion_basic .gnav_sp .gnav_items { border-top: solid 1px #bbb; } #global-nav .gnav_accordion_basic .gnav_sp .dropdownSubMenu li { border-bottom: none; } #global-nav .gnav_accordion_basic .gnav_sp .dropdownSubMenu li a { margin-bottom: 0; border-top: solid 1px #bbb; } html.scroll-locked #global-nav .gnav_container.gnav_sp .sidebar-box { background-color: rgba(255,255,255,.95) !important; box-shadow: 0 0 5px rgba(0,0,0,.15); } html.scroll-locked #global-nav .hamburger-box .gnav_bg { box-shadow: 0 0 5px rgba(0,0,0,.15) !important; } @media only screen and (min-width: 1025px) { .gnav_bg-color { background-color: rgba(255,255,255,.85) !important; } .fixed .gnav_bg-color { background-color: rgba(255,255,255,.9) !important; } .live #global-nav .section_inner { min-height: 9rem !important; } .fixed .gnav_pc .section_inner { background-color: transparent; } .gnav_pc, .fixed .gnav_pc { height: 9rem; } .gnav_pc .header { left: 3rem; } .gnav_items li a:hover { color: #f29c46 !important; text-decoration: none !important; } } @media only screen and (max-width: 1170px) { #global-nav .gnav_accordion_basic .gnav_pc .gnav_items li a { padding: 0 1.5rem; } } @media only screen and (max-width: 1110px) { #global-nav .gnav_accordion_basic .gnav_pc .gnav_items li a { padding: 0 1rem; } } @media only screen and (max-width: 1050px) { #global-nav .gnav_accordion_basic .gnav_pc .gnav_items li a { font-size: 1.5rem; } } /* ----- contact section ----- */ #section-wrapper .infomation_simple { margin-bottom: -6rem; padding: 6rem 0 7rem; background: #2f2f2f url('https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/205128/optimized_QJQYKnn7oTabbcYBomId7A.png') repeat left top !important; color: #efefef; position: relative; } #section-wrapper .infomation_simple::before { content: ""; width: 100%; height: 1px; background-color: rgba(255, 255, 255, .3); position: absolute; left: 0; top: 1px; } #section-wrapper .infomation_simple .section_h3 { font-size: 3.4rem; color: #efefef; } #section-wrapper .infomation_simple .subtitle { margin-bottom: .5rem; color: #efefef; } @media only screen and (max-width: 767px) { #section-wrapper .infomation_simple { padding: 4rem 0 5rem; } #section-wrapper .infomation_simple .section_h3 { font-size: 2.4rem; } } /* ----- form ----- */ .check_before_contact .intro .section_h3, .contact_policy .intro .section_h3 { font-size: 2.2rem; } .form_area { font-family: YakuHanJP, "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Droid Sans", "ＭＳ Ｐゴシック", eatYuG, sans-serif; } .formapps { background-color: transparent !important; } .formapps .form_area .form-item .section_btn { margin-top: 3rem; } .formapps .form_area .form-item .section_btn input { margin: 0; } .formapps .form_area .form-item div { padding: 0; } .check_before_contact .overlay .show_btn.letter, .contact_policy .overlay .show_btn.letter { cursor: pointer; } @media only screen and (max-width: 767px) { .check_before_contact .intro .section_h3, .contact_policy .intro .section_h3 { font-size: 1.8rem !important; } } /* ----- footer ----- */ #footer-section { background: #fff url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/253559/optimized_zPLsPSfgc3_y_cHwIqlt1g.png) repeat left top / 74px auto !important; position: relative; } #footer-section::before { content: ""; width: 100%; height: 100%; background-color: rgba(195,204,129,.45); position: absolute; left: 0; top: 0; z-index: 0; } #footer-section::after { content: ""; width: 100%; height: 1.2rem; background: rgba(103,96,153,.4) url(https://s3-ap-northeast-1.amazonaws.com/flamingo-production/uploads/storage/image/file/238278/optimized_LxYxcfeHMJRlNsHEaCFbWg.png) repeat left top; position: absolute; left: 0; top: 0; } #section-wrapper #footer-section .letter { font-size: 1.4rem; } #section-wrapper #footer-section .letter.tel { font-size: 1.6rem; font-weight: 700; letter-spacing: 0; line-height: 1.3; } .footer_place { background-color: #f29c46; position: relative; } .footer_place::before { content: ""; width: 98%; height: 5px; background: linear-gradient(90deg, #fdc339 0, #69ba20 100%); border-radius: 5px; position: absolute; left: 1%; top: 1rem; pointer-events: none; } @media only screen and (max-width: 767px) { .footer_place::before { width: 94%; left: 3%; } } .footer_place .detail-side_first { margin-top: 1rem; } .footer_place .detail-side_first > .hour { border-left: 3px solid #fff !important; } .footer_place .detail-side_first > .hour > .hour { padding-left: 0 !important; border: none !important; } @media only screen and (min-width: 768px) { #section-wrapper #footer-section .letter.tel a { font-size: 4rem; } #section-wrapper #footer-section a[href^=tel] { color: #888 !important; } } @media only screen and (min-width: 1060px) { .footer_place .menu-side .duplicatable-container { height: auto; max-height: 100%; } } @media only screen and (max-width: 1060px) { .footer_place .footer-company .footer-company_inner .footer-company_inner_left .menu-block-outer { margin: 0 auto !important; border-bottom: solid 1px rgba(255,255,255,.3); } .footer_place .detail-side_first > .hour { border-left: none !important; } #section-wrapper #footer-section .letter { line-height: 1.2 !important; text-align: center; } } #section-wrapper #footer-section .letter.copyright { font-size: 1.2rem; } #footer-section .logo-side { margin: 0 auto; padding: 1rem 0 0; } #footer-section .logo { max-width: 340px; } #footer-section .logo img { max-width: 95%; } #footer-section .footer-company::before { display: none; } #footer-section .copy { position: relative; border-top: solid 1px rgba(0, 0, 0, .4); z-index: 0 !important; } #footer-section .copy::before { content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; top: 0; } .footer_place .footer-company .footer-company_inner .footer-company_inner_left .menu-block-outer { margin-left: 5rem; } #footer-section .menu-side a { padding-bottom: .5rem; color: #fff; font-weight: 500; display: inline-block; transition: .5s cubic-bezier(.5, 0, 0, .5); } #footer-section .menu-side a:hover { color: #1a1a1a !important; } @media only screen and (min-width: 1024px) { #footer-section .footer-company { padding: 4.5rem 1rem 2.5rem 0; } #footer-section .logo-side { width: 15rem; } #footer-section .detail-side { width: calc(100% - 350px); align-items: center; } #footer-section .menu-side { padding: 1rem 0; } #footer-section .menu-side .duplicatable-content { padding: 0 .7rem; } #footer-section .copy { padding: 2rem 0; } #footer-section .section_btn a { white-space: nowrap; } } @media screen and (min-width:768px) and (max-width:1060px) { .footer_place .section_inner .footer-company .footer-company_inner .detail-side .detail-side_first .hour { margin-top: .7rem; } } @media screen and (min-width:768px) and (max-width:1024px) { #footer-section .detail-side_first { margin-right: 15px; } #footer-section .logo { max-width: 15rem !important; } } @media only screen and (max-width: 767px) { .footer_place .section_inner { padding-top: 3.5rem; } #footer-section .logo { max-width: 28%; margin: 0 auto; } #footer-section .copy { padding-top: 0; } #footer-section .detail-side { z-index: 1; } #footer-section .detail-side_second .section_btn { background-color: #fa82b4; border-radius: 0; border: none; } #footer-section .detail-side_second .section_btn a { font-weight: 500; font-size: 1.6rem; letter-spacing: .1em; } #footer-section .sns-side { margin: 1rem 0 2.5rem; } #section-wrapper #footer-section a[href^=tel] { color: #fefefe !important; } .footer_place .footer-company .footer-company_inner .footer-company_inner_left .menu-block-outer { width: 94%; margin: 0 auto; padding: 0 0 2.5rem 0; } .footer_place .section_inner .footer-company .footer-company_inner .detail-side { width: 94%; margin: 2rem auto 0; } .footer_place .section_inner .footer-company .footer-company_inner .detail-side .detail-side_first .hour { margin-top: 1rem; } .footer_place .detail-side .copyright { margin: 2.4rem 0 3rem; } } @media only screen and (max-width: 480px) { #footer-section .logo { max-width: 40%; margin: 0 auto; } } /* ----- contact -----*/ #section-wrapper #section_302440 { margin-bottom: 6rem !important; } #section-wrapper #section_302440 { background-color: #FFF !important; padding: 6rem 0; margin: 0 !important; } @media only screen and (max-width: 767px) { #section-wrapper #section_302440 { padding: 2rem 0 4rem; } } /* ----- sitemap ----- */ #section_377863 .editable a { padding: 1.5rem 0; border-bottom: solid 1px #1a1a1a; display: block; transition: .3s cubic-bezier(.5, 0, 0, .5); } @media only screen and (min-width: 768px) { #section_377863 .editable a:hover { color: #f29c46; transition: .3s cubic-bezier(.5, 0, 0, .5); } } @media only screen and (max-width: 767px) { #section_377863 .title_text .text-side .text, #section_377863 .title_all .text-side .text { text-align: center !important; } } /* ----- blog ----- */ .blog_posts .posts_title, .post_category_title, .showcase_chart_title, .showcase_chart_sidebar_title, .blog_posts .post_archives_title, .blog_posts .post_category_title, .blog_posts .post_popnews_title { font-family: YakuHanJP, "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Droid Sans", "ＭＳ Ｐゴシック", eatYuG, sans-serif; font-weight: 500; letter-spacing: .03em; line-height: 1.4; } .blog_posts .post_archives_title, .blog_posts .post_category_title, .blog_posts .post_popnews_title, .blog_posts .post_tag_title { padding-left: 0 !important; } .banner_inner { background-color: rgba(255,255,255,.5) !important; box-shadow: 0 0 5px rgba(0,0,0,.15) !important; } .banner_text { font-family: YakuHanJP, "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Droid Sans", "ＭＳ Ｐゴシック", eatYuG, sans-serif; } .banner_text .banner_link, .blog_posts .banner_text .banner_link, .showcase_chart .banner_text .banner_link { background-color: #69ba20 !important; } .banner_text ._color_, .blog_posts .banner_text ._color_, .showcase_chart .banner_text ._color_ { color: #1b1b1b !important; } .portfolio_coloroverlay li .image-wrap .portfolio_image { border-radius: 0; } .portfolio_standerd li { margin-bottom: 2rem; } .portfolio_standerd li .category, .blog_standerd li .category { display: inline-block; padding: 5px 6px 6px; line-height: 1 !important; border: solid 1px #1a1a1a; } .portfolio_standerd li .portfolio_text .text_wrap p { color: #777; } .blog_articles { display: flex; justify-content: center; flex-wrap: wrap; } .blog_articles li { width: 31%; margin: 0 1%; padding: 0 0 1% 0; } .blog_coloroverlay li .image-wrap { margin-bottom: 1.5rem; } .blog_standerd li .category { margin-bottom: 1.5rem; } .blog_coloroverlay li .category { width: auto; height: auto; padding: .5rem 1rem; background-color: rgba(250,167,50,.6); border-radius: 0; } .blog_posts .post_single .blog_post_title { padding: 1rem 0 !important; } .blog_posts .post_single .post_category_name { padding: .5rem 1rem !important; color: #fff; background-color: #69ba20; border-radius: 0; display: inline-block; } .blog_text_list .blog-side .category { background-color: #69ba20 !important; } .showcase_group_info a.showcase_tag_link { background-color: #69ba20 !important; } @media only screen and (max-width: 767px) { .breadcrumb_list { padding-right: 2.5rem !important; padding-left: 2.5rem !important; } .blog_posts_contetnts_inner { padding-bottom: 5rem !important; } .showcase_chart { padding-right: 1rem !important; padding-left: 1rem !important; } .showcase_chart .showcase_chart_item .showcase_chart_item_category, .blog_posts .post_item .post_category_name { margin: 1rem 0 !important; padding: .15rem 1rem !important; font-size: 1.3rem !important; color: #fff !important; display: inline-block !important; background-color: #69ba20 !important; } .showcase_chart .showcase_chart_item .showcase_chart_item_title { font-size: 1.8rem !important; } .showcase_chart .showcase_chart_item .showcase_chart_item_text { font-size: 1.4rem !important; } .blog_articles li { width: 100%; margin-right: 0; margin-left: 0; } .blog_posts .post_single .pagination_wrap { margin-bottom: -7rem; } } /* ----- アンカーリンク補正 ----- */ body:not(.eat_cms) #section_377827 .content, body:not(.eat_cms) #section_377828 .content, body:not(.eat_cms) #section_377829 .content, body:not(.eat_cms) #section_377831 .content, body:not(.eat_cms) #section_377834 .content, body:not(.eat_cms) #section_377509 .content, body:not(.eat_cms) #section_377503 .content, body:not(.eat_cms) #section_377512 .content, body:not(.eat_cms) #section_377496 .content, body:not(.eat_cms) #section_377837 .content, body:not(.eat_cms) #section_377839 .content, body:not(.eat_cms) #section_377539 .content, body:not(.eat_cms) #section_377538 .content, body:not(.eat_cms) #section_377843 .content, body:not(.eat_cms) #section_377844 .content, body:not(.eat_cms) #section_377853 .content, body:not(.eat_cms) #section_377854 .content, body:not(.eat_cms) #section_377522 .content, body:not(.eat_cms) #section_377523 .content, body:not(.eat_cms) #section_377618 .content, body:not(.eat_cms) #section_377619 .content, body:not(.eat_cms) #section_378034 .content, body:not(.eat_cms) #section_378029 .content, body:not(.eat_cms) #section_378031 .content, body:not(.eat_cms) #section_378033 .content, body:not(.eat_cms) #section_xxxxxx .content, body:not(.eat_cms) #section_xxxxxx .content, body:not(.eat_cms) #section_xxxxxx .content, body:not(.eat_cms) #section_xxxxxx .content { padding-top: 7.2rem !important; margin-top: -7.2rem !important; } /* ----- 角丸 ----- */ .new_catchcopy_simple .text-wrap .frame-image, .new_standard_content_two .duplicatable-content, .two_big_images_with_text .image-side .frame-image, .portfolio_standerd li .image-wrap .portfolio_image, #content-wrapper #section-wrapper .two_images_rounded .image-side_inner .image-frame-bg .frame-image, .lightbox_two .image-frame-lb div, .lightbox_two.one_lightbox .section_inner .duplicatable-content .text-side, .title_backcolor .image-side .image-frame img, .standard_content_dup .duplicatable-content, .technology_how_it_works-image_container .image-frame img, .half_out_of_position .text-side_bg .image-frame-bg, .half_out_of_position .image-side .frame-image, .unevenness_opposite .image-side .image-frame img, .api_map_text .map_area, .standard_content_dup .duplicatable-content .image-side .frame-image { border-radius: .7rem; overflow: hidden; } .title_backcolor .text-side .headding_wrap, .title_backcolor .text-side .subtitle_wrap, #section-wrapper .title_line_wide .subtitle_wrap .subtitle { border-radius: .2rem; } .accordion_01 .accordion_btn .accordion_open_btn, .contact_policy .text-side .show_btn, .check_before_contact .text-side .show_btn, .section_btn input { border-radius: .3rem; } .mainvisual_rounded .image-side .frame-image { border-radius: .7rem 0 0 .7rem; } /* ----- 独自 ----- */ .mainvisual_responsive_slider .headding_wrap { margin-bottom: 1.5rem; } .mainvisual_right_slider { background-color: #ffffd9 !important; } .mainvisual_right_slider .text-side_bg .image-frame-bg { background-color: transparent !important; background: linear-gradient(135deg, #fdc339 0, #69ba20 100%); } .flamingo-slider-wrapper { background-color: #fff; } .flamingo-slider-wrapper:before { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .08); position: absolute; left: 0; top: 0; pointer-events: none; z-index: 1; } .flamingo-slider-pagination { bottom: 4%; } .content > .sub_title { padding-top: 0; padding-bottom: 0; position: relative; } .content > .sub_title .text-side { max-width: 100%; } .content > .sub_title .editable_wrap { display: flex; align-items: center; } #section-wrapper .sub_title .headding_wrap .section_h3 { width: 100%; margin-top: .6rem; padding-bottom: 4rem; word-break: keep-all !important; line-height: 1.15; position: relative; } #section-wrapper .sub_title .headding_wrap .section_h3::before { content: ""; width: 12rem; height: .9rem; margin: 0 auto; background: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/264966/optimized_YgTiFnPHXIZi7cEd_2dIjg.png) no-repeat center center / contain; position: absolute; left: 0; right: 0; bottom: 0; } .sub_title .section_h3 { color: #55991a; } .sub_title .headding_wrap .section_h3, .title_sub .headding_wrap .section_h3 { font-weight: 700 !important; } .title_sub .headding_wrap .section_h3 { margin-top: -.5rem; } .new_standard_content_two .duplicatable-content_inner { background-color: rgba(255, 255, 255, .7); border: solid 1px #FFF; width: 100%; height: 100%; } .standard_content_dup .duplicatable-content { padding: 2rem; background: rgba(255,255,255,.6); } .standard_content_dup .duplicatable-content .section_btn { margin-top: 2.5rem; } .standard_content_dup .text-side .subtitle_wrap { color: #fa82b4; } .flow_cards .dc-inner_bg .frame-image { background-color: #DED6B2; } .flow_cards .image-side .frame-image { border-top: 10px solid #EF4D37; } .new_standard_content_two .image-side { border-radius: 0; overflow: hidden; } .mainvisual_right_slider .image-side { border-radius: .7rem 0 0 .7rem; } @media only screen and (min-width: 769px) { .flamingo-slider-wrapper .flamingo-slider-slide img { width: 100.2%; height: 100.2%; } } @media only screen and (min-width: 768px) { .title_icon .image-frame { max-width: 140px; } .new_standard_content_two .duplicatable-content:nth-child(n+3) { margin-top: 2%; } .sub_title .headding_wrap .section_h3 { font-size: 4.5rem; } .title_sub .headding_wrap .section_h3 { font-size: 3.8rem; } } @media only screen and (max-width: 1024px) { .flamingo-slider-wrapper:before { background-color: rgba(0, 0, 0, .18); } } @media only screen and (max-width: 768px) { .flamingo-slider-wrapper .flamingo-slider-slide img { width: auto; } } @media only screen and (max-width: 767px) { .flamingo-slider-pagination { transform: translateX(-68%); } .mainvisual_right_slider { height: 76vh; } .mainvisual_right_slider .section_inner { height: 100%; } .mainvisual_right_slider .text-side_bg { width: 80%; height: 80%; top: 20%; } .mainvisual_right_slider .image-side { height: 82%; top: 50%; transform: translateY(-50%); } .flamingo-slider-wrapper::after { background-size: 80vw auto; } .standard_content_dup .duplicatable-content:not(:last-child) { margin-bottom: 2rem; } .content > .sub_title::before, .content > .sub_title::after { width: 7%; } .sub_title .headding_wrap .section_h3 { font-size: 2.2rem; } .title_sub .headding_wrap .section_h3 { font-size: 2.8rem; } } /* ----- e-thanks ----- */ .thanks_page .section_inner { padding: 22rem 3rem 14rem !important; } #section-wrapper section:first-of-type .thanks_page .headding, #section-wrapper section:first-of-type .thanks_page .subtitle { text-align: center; color: #000 !important; } #section-wrapper section:first-of-type .thanks_page .headding, #section-wrapper section:first-of-type .thanks_page .headding span { font-size: 3rem !important; } .thanks_page .catch_text span { padding-left: 0 !important; } @media only screen and (max-width: 767px) { #section-wrapper section:first-of-type .thanks_page .headding, #section-wrapper section:first-of-type .thanks_page .headding span { font-size: 2.2rem !important; } #section-wrapper .thanks_page .subtitle { font-size: 1.6rem !important; letter-spacing: .05em !important; } } /* ----- contact ----- */ .check_before_contact .section_inner, .contact_policy .section_inner { max-width: 100%; } .check_before_contact .headding, .contact_policy .headding { margin-bottom: 3rem; position: relative; } @media only screen and (min-width: 1025px) { .check_before_contact .text-side, .contact_policy .text-side { max-width: 990px; margin: 0 auto; } } @media only screen and (max-width: 1024px) { .check_before_contact .section_inner, .contact_policy .section_inner { padding: 0; } .check_before_contact .text-side, .contact_policy .text-side { margin: 0 3rem; } .check_before_contact .headding::before, .check_before_contact .headding::after, .contact_policy .headding::before, .contact_policy .headding::after { width: 20%; } } @media only screen and (max-width: 767px) { .check_before_contact .headding::before, .check_before_contact .headding::after, .contact_policy .headding::before, .contact_policy .headding::after { width: 9%; } } /* ----- 他ページへのリンク ----- */ .vertical_icon_dup { background-color: #fff !important; } .vertical_icon_dup .duplicatable-content_inner { padding-top: 170%; border-radius: 0; overflow: hidden; } .vertical_icon_dup .duplicatable-content:not(:last-child) .duplicatable-content_inner { margin-right: 1px; } .vertical_icon_dup .duplicatable-content_inner > a { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .vertical_icon_dup .text-side { overflow: hidden; } .vertical_icon_dup .text-side_inner { height: 100%; } .vertical_icon_dup .text-side_inner .text-side_image { margin-top: 28%; } .vertical_icon_dup a .text-side_bg .image-frame-bg .frame-image { transform: scale(1); transition: .3s cubic-bezier(.5, 0, 0, .5); } .vertical_icon_dup a:hover .text-side_bg .image-frame-bg .frame-image { transform: scale(1.07); transition: .3s cubic-bezier(.5, 0, 0, .5); } .vertical_icon_dup .text-side_inner { width: 80%; display: flex; flex-wrap: wrap; align-items: center; } .vertical_icon_dup .spacer-item_wrap:last-child .editable_wrap .spacer-item { display: none; } #section-wrapper .vertical_icon_dup .spacer-item_wrap:last-child .editable_wrap .letter, #section-wrapper .vertical_icon_dup .spacer-item_wrap:last-child .editable_wrap .letter * { font-size: 2.4rem !important; font-weight: 700; text-align: left; } .vertical_icon_dup .text-side_inner > .spacer-item_wrap { width: 100%; display: flex; height: 48.5%; } .vertical_icon_dup .text-side_inner > .spacer-item_wrap:nth-child(2) { align-items: flex-end; } .vertical_icon_dup .text-side_inner > .spacer-item_wrap:last-child { align-items: flex-start; } .vertical_icon_dup .text-side_inner > .spacer-item_wrap:last-child .c-link__arrow { position: absolute; right: 0; bottom: 3.5rem; } .vertical_icon_dup .text-side_inner .editable a { color: #fff; transition: .5s cubic-bezier(.5, 0, 0, .5); } .vertical_icon_dup .text-side_inner .editable a:hover, .vertical_icon_dup .text-side_inner .editable a:hover font { opacity: 1 !important; } .vertical_icon_dup .text-side_inner .editable a::after { content: ""; width: 100%; height: 100%; display: block; background-color: rgba(0, 0, 0, .2); position: absolute; left: 0; top: 0; transition: .5s cubic-bezier(.5, 0, 0, .5); } body.eat_cms .vertical_icon_dup .text-side_inner .editable a::after { pointer-events: none; } .vertical_icon_dup .text-side_inner .editable a:hover:after { background-color: rgba(192, 160, 74, .3); transition: .5s cubic-bezier(.5, 0, 0, .5); } .vertical_icon_dup .text-side_inner .text-side_image { display: none; } #section-wrapper .vertical_icon_dup .headding { font-size: 1.1em; letter-spacing: 0; text-shadow: 2px 2px 0 rgb(0 0 0 / 30%); } .vertical_icon_dup .spacer-item_wrap:last-child .editable_wrap { font-size: .88em; line-height: 1.45; } .vertical_icon_dup .text-side .image-frame { max-width: 150px; } .vertical_icon_dup .spacer-item_wrap:nth-child(2) .editable_wrap { margin-top: -3rem; } @media only screen and (min-width: 1025px) { .vertical_icon_dup.width-limit .section_inner { max-width: 100%; } } @media only screen and (min-width: 768px) { .vertical_icon_dup .duplicatable-content { width: 25%; } .vertical_icon_dup .duplicatable-content:hover .c-link__arrowBody { background: hsla(0, 0%, 100%, 0); } .vertical_icon_dup .duplicatable-content:hover .c-link__arrowBody img { animation: arrowhover .5s cubic-bezier(.455, .03, .515, .955); } } @media only screen and (max-width: 1024px) { .vertical_icon_dup .duplicatable-content { width: 50%; } .vertical_icon_dup .duplicatable-content_inner { padding-top: 100%; } .vertical_icon_dup .duplicatable-content:nth-child(1) .duplicatable-content_inner, .vertical_icon_dup .duplicatable-content:nth-child(2) .duplicatable-content_inner { margin-bottom: 1px; } .vertical_icon_dup .duplicatable-content:nth-child(2) .duplicatable-content_inner { margin-right: 0; } .vertical_icon_dup .text-side .image-frame { max-width: 120px; } .vertical_icon_dup .text-side_inner .text-side_image { margin-top: 27%; } } @media only screen and (max-width: 767px) { .vertical_icon_dup .duplicatable-content { width: 100%; } .vertical_icon_dup .duplicatable-content_inner { padding-top: 56%; } .vertical_icon_dup .duplicatable-content:nth-child(1) .duplicatable-content_inner { margin-right: 0; } .vertical_icon_dup .duplicatable-content:nth-child(3) .duplicatable-content_inner { margin-bottom: 1px; } .vertical_icon_dup .text-side .image-frame { max-width: 90px; } #section-wrapper .vertical_icon_dup .text-side .section_h3.headding { font-size: 1.6rem !important; letter-spacing: .025em; } .vertical_icon_dup .text-side_inner .text-side_image { margin-top: 30%; } .vertical_icon_dup .text-side_inner > .spacer-item_wrap:nth-child(2) { height: 46%; } .vertical_icon_dup .text-side_inner > .spacer-item_wrap:last-child { height: 48%; } .vertical_icon_dup .text-side_inner > .spacer-item_wrap:last-child .c-link__arrow { bottom: inherit; top: 50%; transform: translateY(-50%); } #section-wrapper .vertical_icon_dup .spacer-item_wrap:last-child .editable_wrap .letter, #section-wrapper .vertical_icon_dup .spacer-item_wrap:last-child .editable_wrap .letter * { font-size: 1.8rem !important; } } /* ----- カラムをずらす ----- */ @media only screen and (min-width: 768px) { .card_one .section_inner { max-width: 100%; padding-bottom: 15vh; } .card_one .image-side { width: 100%; max-width: 990px; margin-right: auto; margin-left: auto; } .card_one .text-side { position: absolute; width: 60%; right: 5vw; bottom: -15vh; } .card_one .text-side .image-frame-bg { background-color: rgba(255,255,255,.93) !important; box-shadow: 2px 2px 6px rgba(0,0,0,.1); } } /* ----- top ----- */ #section_378343 { border-top: solid 1px #fff; border-bottom: solid 1px #fff; } #section_377910 { border-top: solid 1px #fff; } #section_377804 .section_name, #section_377805 .section_name { background-color: transparent !important; } /* ----- jobs ----- */ #section_378026 .vertical_icon_dup { background-color: transparent !important; } #section_378026 .vertical_icon_dup .duplicatable-content_inner, #section_378026 .vertical_icon_dup .text-side { overflow: visible; } #section-wrapper #section_378026 .vertical_icon_dup .headding { font-size: 2.4rem; } #section_378026 .vertical_icon_dup .duplicatable-content_inner { padding-top: 30%; } #section_378026 .vertical_icon_dup .text-side_inner { width: 100%; justify-content: space-around; } #section_378026 .vertical_icon_dup .text-side_inner > .spacer-item_wrap { width: auto; align-items: center; } #section_378026 .vertical_icon_dup .spacer-item_wrap:nth-child(2) .editable_wrap { margin: 0; } #section_378026 .vertical_icon_dup .text-side_inner > .spacer-item_wrap:last-child .c-link__arrow { position: relative; right: inherit; bottom: inherit; border: solid 3px rgba(255,255,255,.8); } #section_378026 .vertical_icon_dup .text-side .frame-image { background: linear-gradient(135deg, #69ba20 0, #fdc339 100%) !important; border-radius: .6rem; } .page-jobs .half .image-side .image-frame-bg { margin: 0; } .page-jobs .half .text-side .spacer-content { padding-bottom: 0 !important; } .page-jobs #section-wrapper .half .subtitle { padding-bottom: 2.5rem; font-size: 2.4rem; position: relative; } .page-jobs #section-wrapper .half .subtitle::after { content: ""; width: 50%; height: .5rem; border-radius: 1rem; background: linear-gradient(90deg, #69ba20 0, #fdc339 100%); position: absolute; left: 0; bottom: 0; } #section_377512 .title_backcolor .text-side .headding_wrap, #section_377512 .title_backcolor .text-side .subtitle_wrap { background-color: #f29c46; } #section-wrapper #section_377496 .title_section .subtitle, #section-wrapper #section_377523 .title_section .subtitle { color: #69ba20; } #section-wrapper #section_377496 .sub_title .headding_wrap .section_h3, #section-wrapper #section_377523 .sub_title .headding_wrap .section_h3 { color: #f29c46; } .page-jobs #section-wrapper #section_378033 .half .subtitle::after, .page-jobs #section-wrapper #section_378034 .half .subtitle::after { background: linear-gradient(-90deg, #69ba20 0, #fdc339 100%); } .page-jobs .half .image-side .image-frame-bg .frame-image { border-radius: .7rem; } @media only screen and (min-width: 1025px) { .tech { align-items: flex-start; } } @media only screen and (min-width: 768px) { #section_378026 .vertical_icon_dup .duplicatable-content { width: 45%; } .page-jobs .half .image-side { width: 42%; } .page-jobs .half .image-side .image-frame-bg .frame-image { height: 30rem; } .page-jobs .half .text-side { width: 58%; padding: 0 0 0 4rem; } .page-jobs .half.reverse .text-side { padding: 0 4rem 0 0; } } @media only screen and (max-width: 1024px) { .page-jobs .technology_how_it_works-text_container { margin-top: -1rem; padding-top: 0; } .page-jobs .technology_how_it_works-image_container { padding-top: 3rem; } } @media only screen and (max-width: 767px) { #section_378026 .vertical_icon_dup .duplicatable-content { width: 85%; } .page-jobs .half .image-side { margin-bottom: 2.5rem; } .half .text-side_inner { max-width: 90%; } } /* ----- works ----- */ .page-workstyle .new_standard_content_two .text-side .section_btn { margin-top: 0; } .page-workstyle .unevenness_opposite .section_h3 { display: flex; } .page-workstyle .unevenness_opposite .section_h3 > span { margin-right: .7rem; padding: .7rem; display: flex; align-self: flex-start; background-color: #f29c46; color: #FFF; font-size: 4.8rem; font-weight: 700 !important; line-height: 1; } #section-wrapper #section_377538 .title_section .subtitle { color: #69ba20; } #section-wrapper #section_377538 .sub_title .headding_wrap .section_h3 { color: #f29c46; } #section_377964 .table_light .table_wrap .tr .th { background-color: rgba(242,156,70,.2); } @media only screen and (max-width: 767px) { #section_377575, #section_377576, #section_377577 { margin-top: -4.5rem; } } /* ----- recruit ----- */ .accordion_01 .duplicatable-container { display: flex; flex-wrap: wrap; justify-content: space-between; } .accordion_01 .accordion_detail.open_accordion { padding: 2rem; border: solid 1px #fff; border-radius: 7px; } .accordion_01 .accordion_detail { background-color: rgba(255,255,255,.75); } .accordion_01 .intro .title_accordion { color: #69ba20; font-weight: 700; } #section_377564 .accordion_01 .intro .title_accordion { color: #f29c46; } .accordion_01 .duplicatable-content { width: 100%; margin-bottom: 0; padding: 1rem 0; border-bottom: solid 1px #ddd; } .accordion_01 .dl-table-contents { display: flex; justify-content: space-between; } .accordion_01 .duplicatable-content .dl_title { width: 20%; font-weight: 700; } .accordion_01 .duplicatable-content .dl_text { width: 75%; font-weight: 400; text-align: left; } @media only screen and (min-width: 768px) { .accordion_01 .duplicatable-content { width: 48.8%; } .accordion_01 .intro { margin-bottom: .5rem; } .accordion_01 .intro .title_accordion { font-size: 2.4rem; } } .mainvisual_rounded { height: 45.5rem; background-color: transparent !important; } .mainvisual_rounded .section_inner { height: 45.5rem; padding-top: 0; } .mainvisual_rounded .text-side h1 { margin: -12% 0 0 8%; color: #69ba20; font-size: 5.8rem; } .mainvisual_rounded .image-side { width: 60%; top: 0; } .mainvisual_rounded .text-side::before { top: 0; right: 1.2vw; } #section_377618 .mainvisual_rounded .text-side::before, #section_377618 .mainvisual_rounded .text-side::after, #section_377618 .mainvisual_rounded .image-side::before, #section_377618 .mainvisual_rounded .image-side::after { background-color: #69ba20; opacity: .2; } .mainvisual_rounded .text-side { width: 40%; } #section_377619 .mainvisual_rounded .text-side h1 { margin: -12% 0 0 8%; color: #f29c46; font-size: 5.8rem; } #section_377619 .mainvisual_rounded .text-side::before, #section_377619 .mainvisual_rounded .text-side::after, #section_377619 .mainvisual_rounded .image-side::before, #section_377619 .mainvisual_rounded .image-side::after { background-color: #f29c46; opacity: .2; } #section_377560 .accordion_01 .accordion_btn .accordion_open_btn { background-color: #69ba20; } #section_377564 .accordion_01 .accordion_btn .accordion_open_btn { background-color: #f29c46; } @media only screen and (min-width: 1025px) { #section-wrapper #section_378187 .title_section .section_h3 { font-size: 3.2rem !important; } } @media only screen and (max-width: 1024px) { .mainvisual_rounded .text-side { padding-top: 0; } .mainvisual_rounded .image-side::before { width: 20vw; height: 20vw; } .mainvisual_rounded .text-side { width: 50%; height: 100%; padding: 0; } .mainvisual_rounded .image-side { position: absolute; width: 50%; } .mainvisual_rounded .text-side h1 { margin-left: 0; font-size: 4.8rem; text-align: center; } #section-wrapper #section_378187 .title_section .section_h3 { font-size: 2.8rem !important; } #section_377618 .mainvisual_rounded .text-side::before, #section_377619 .mainvisual_rounded .text-side::before { top: 12%; } #section_377619 .mainvisual_rounded .text-side h1 { font-size: 4.8rem !important; } #section_377618 .mainvisual_rounded .text-side, #section_377619 .mainvisual_rounded .text-side { width: 40%; } #section_377618 .mainvisual_rounded .image-side, #section_377619 .mainvisual_rounded .image-side { width: 58%; margin-right: 2%; } #section_377618 .mainvisual_rounded, #section_377619 .mainvisual_rounded, #section_377618 .mainvisual_rounded .section_inner, #section_377619 .mainvisual_rounded .section_inner { height: 30.5rem; } #section_377618 .mainvisual_rounded .image-side .frame-image, #section_377619 .mainvisual_rounded .image-side .frame-image { border-radius: .7rem; } } @media only screen and (max-width: 767px) { .mainvisual_rounded .section_inner { margin-top: 0; } .mainvisual_rounded .section_inner { height: 32rem; } .mainvisual_rounded { height: 32rem; } .mainvisual_rounded .text-side { width: 100%; padding: 0; text-align: center; text-shadow: 0 0 4px rgba(255,255,255,.7); letter-spacing: 0; } .mainvisual_rounded .image-side { width: 100%; height: 32rem; } .mainvisual_rounded .section_inner .text-side::before { width: 18rem; height: 18rem; left: -8.75vw; } .mainvisual_rounded .text-side::before { top: inherit; bottom: -24vw; } .mainvisual_rounded .image-side .image-frame-bg { height: 88%; position: relative; } .mainvisual_rounded .image-side .image-frame-bg::before { content: ""; width: calc(100% - 2rem); height: calc(100% - 2rem); background-color: rgba(255,255,255,.7); border: solid 1px #fff; position: absolute; left: 1rem; top: 1rem; } .mainvisual_rounded .image-side .frame-image { border-radius: 0; } .accordion_01 .duplicatable-content .dl_title { width: 25%; } .accordion_01 .duplicatable-content .dl_text { width: 74%; } .accordion_01 .accordion_btn { height: 42px; } .accordion_01 .accordion_btn .accordion_open_btn { font-size: 1.8rem; } #section-wrapper #section_378187 .title_section .section_h3 { font-size: 2.2rem !important; } #section_377618 .mainvisual_rounded .text-side, #section_377619 .mainvisual_rounded .text-side { width: 100%; padding: 0; } #section_377618 .mainvisual_rounded .image-side, #section_377619 .mainvisual_rounded .image-side { width: 96%; margin-right: 3%; margin-left: 3%; } #section_377619 .mainvisual_rounded .text-side h1 { margin-left: 0; } } @media only screen and (max-width: 480px) { #section_377619 .mainvisual_rounded .text-side h1 { font-size: 3.2rem !important; } } /* ----- company ----- */ #section_377855 .table_title_light { padding: 0; background-color: transparent !important; } #section_377855 .table_title_light .image-side.text_in_image { right: 1vw; left: auto; } #section_377855 .table_title_light .image-side { left: 1vw; } #section_377855 .table_title_light .image-side .title_wrap { padding: 2rem 2rem 2rem 1rem; display: inline-block; background: linear-gradient(-45deg, #72cc23 0, #fdc339 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transform: rotate(-12deg) skewX(-10deg); text-align: center; } /* 文字で背景のグラデを切り抜く */ #section_377855 .table_title_light .image-side .title_wrap div span { text-transform: uppercase; font-weight: 900 !important; } #section_377855 .table_title_light .image-side { opacity: .5; } #section_377855 .table_title_light .image-side .image-frame-bg { background: linear-gradient(135deg, #69ba20 0, #fdc339 100%) !important; position: relative; opacity: .6 !important; } #section_377855 .table_title_light .image-side .image-frame-bg::before { content: ""; width: calc(100% - 1rem); height: calc(100% - 1rem); background-color: #fff; position: absolute; left: .5rem; top: .5rem; border-radius: 50%; } #section_377855 .table_title_light .image-side .spacer-item_wrap > .spacer-item > .spaceable-top { padding-bottom: 0 !important; } #section-wrapper #section_377858 .subtitle span { font-weight: 900 !important; text-transform: uppercase; } .table_title_light .table_wrap .duplicatable-content:nth-child(n+2) { padding: 1rem 0 0 ; } .table_title_light .table_wrap .tr .th { font-weight: 700 !important; } .table_title_light .table_wrap .tr .th, .table_title_light .table_wrap .tr .td { padding: 1rem; } #section-wrapper #section_378181 .title_section .section_h3 { font-size: 3.2rem !important; } @media only screen and (min-width: 768px) { .table_title_light .image-side.text_in_image { width: 32vw; height: 32vw; min-width: 32vw; min-height: 32vw; } } @media only screen and (max-width: 1024px) { #section_377855 .table_title_light .image-side .title_wrap { font-size: 3.6rem; } .table_title_light .image-side { min-width: 15vw; min-height: 15vw; } #section_377855 .table_title_light .image-side.text_in_image { right: 3vw; } #section_377855 .table_title_light .image-side { left: 3vw; } #section_377855 .table_title_light .image-side { } #section-wrapper #section_378181 .title_section .section_h3 { font-size: 2.8rem !important; } } @media only screen and (max-width: 767px) { .table_title_light .image-side.text_in_image { width: 46vw; height: 46vw; min-width: 46vw; min-height: 46vw; } .table_title_light .image-side { min-width: 12vw; min-height: 12vw; } #section_377855 .table_title_light .image-side .title_wrap { font-size: 2.4rem; } .table_title_light .table_wrap .tr .th { margin-bottom: -.5rem; padding-bottom: 0 !important; } #section-wrapper #section_378181 .title_section .section_h3 { font-size: 2.4rem !important; } .formapps_border_light .form_area .form-item:not(.send_btn) div { padding-bottom: 3px; } .formapps .form_area .form-item_title { margin-bottom: 0; padding-top: 0 !important; padding-bottom: 0 !important; } } /* ----- sitemap ----- */ @media only screen and (max-width: 480px) { #section_377475 .section_name { background-position: right -20vw center; } } /*20230118修正*/ .page-jobs .half .letter_wrap_basic .letter span:first-child, .page-jobs .half .letter_wrap_basic .letter div:first-child { font-size: 2.5rem; color: #72ba00; } @media only screen and (min-width: 768px) { .page-jobs .half .image-side { max-height: none; height: 100%; float: right; margin: 2rem; z-index: 2; } .page-jobs .half .duplicatable-content_inner { flex-direction: unset; display: block; } .page-jobs .half .text-side { padding: 0 3rem 0 3rem; z-index: 1; } .page-jobs .half .text-side, .page-jobs .half .duplicatable-content:nth-child(even) .text-side { width: 100%; } .page-jobs .half .text-side { display: block; } .page-jobs .half .text-side_inner { max-width: none; } .page-jobs .half .image-side { max-height: none; height: 100%; float: right; margin: 2rem; z-index: 2; } .page-jobs .half .duplicatable-content_inner { flex-direction: unset; display: block; } .page-jobs .half .subtitle::after { width: 50%; } .page-jobs .half .image-side .image-frame-bg .frame-image { height: 100%; } } @media (max-width:767.9px) { .page-jobs #section-wrapper .half .subtitle::after { width: 100%; } .page-jobs .half .letter_wrap_basic .letter span:first-child, .page-jobs .half .letter_wrap_basic .letter div:first-child { font-size: 2rem; } } /*20230201修正*/ #section_377781 .mainvisual_right_slider .catch { background-color: transparent; transform: rotate(-10deg); top: auto; bottom: 0; transform: translateY(-5%)rotate(-10deg); } #section_377781 .mainvisual_right_slider .catch h1 { font-family: YakuHanJP, "游ゴシック", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", YuGothic, "メイリオ", Meiryo, "Droid Sans", "ＭＳ Ｐゴシック", eatYuG, sans-serif; } #section_377781 .mainvisual_right_slider .catch_text div { font-size: clamp(2.6rem,6vw,7rem)!important; } .gnav_standard_icon .gnav_pc .gnav_items li:hover .dropdownSubMenu { border-top: none; } .gnav-editable-contents .gnav-btn { background-color: #69ba20; font-size: 15px; } .new_title_vertical_rl .text-side { text-orientation: upright; } .vertical_icon_dup .duplicatable-content_inner > a::before, .section_btn:not(.mail_btn) .linker a::before { content: "→"; font-size: 2.5rem; position: absolute; right: 0; display: flex; width: 5.4rem; height: 5.4rem; background-color: #fff; justify-content: center; align-items: center; border-radius: 50%; color: #eb9b3c; font-weight: bold; z-index: 1; transition: .2s; } .vertical_icon_dup .duplicatable-content_inner > a::after, .section_btn:not(.mail_btn) .linker a::after { content: ""; position: absolute; right: -0.2em; display: block; width: 6rem; height: 6rem; background: linear-gradient(0deg, #69ba20 0, #fdc339 100%); border-radius: 50%; z-index: 0; } .vertical_icon_dup .duplicatable-content_inner > a::before { right: 1em; bottom: 1em; } .vertical_icon_dup .duplicatable-content_inner > a::after { right: 1.4em; bottom: 1.4em; } .vertical_icon_dup .duplicatable-content_inner > a:hover::before, .section_btn:not(.mail_btn) .linker a:hover::before { background-color: transparent; color: #000; } .section_btn:not(.mail_btn) .linker a:hover { color: #69ba20!important; } .half .section_btn .linker a:hover { color: #000!important; } .infomation_background_image .text-area .section_btn .linker a::before { right: 0.8em; } .infomation_background_image .text-area .section_btn .linker a::after { right: 0.7em; } .btn .section_btn, .btn_text .section_btn { text-align: center; } .btn .section_btn a { width: inherit; } #section_378026 .vertical_icon_dup .duplicatable-content_inner > a::before { right: 3em; bottom: auto; top: 50%; transform: translateY(-50%); } #section_378026 .vertical_icon_dup .duplicatable-content_inner > a::after { right: 4.5em; bottom: auto; top: 50%; transform: translateY(-50%); } .fiexd_btn_two .section_btn a { padding-right: unset; } #section_377781 .mainvisual_right_slider .catch .headding span { font-size: 3rem; position: relative; display: block; } #section_377781 .mainvisual_right_slider .catch_text div:nth-child(3) { line-height: .5; } #section_377781 .mainvisual_right_slider .catch .headding span:before { content: ""; width: calc(100% - 380px); height: 2px; background-color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .new_title_vertical_rl .text-side .letter.editable { font-family: "Zen Kaku Gothic Antique", sans-serif, cursive!important; } @media (min-width:1025px) { .gnav_standard_icon .gnav_pc .gnav-editable-contents { position: unset; margin: 0 1rem; } .gnav_standard_icon .gnav_pc .gnav_items { margin-left: auto; } } @media (max-width:1300px) { .gnav_standard_icon .gnav_pc { display: none; } .gnav_standard_icon .gnav_sp { display: block; } } @media (max-width:900px) { #section_377781 .mainvisual_right_slider .catch { bottom: 10em; } } @media (max-width:767.9px) { #section_377805 .section_btn, #section_377804 .section_btn { margin-bottom: 4rem; } #section_377805 .spaceable.spaceable-bottom.spacer-section, #section_377804 .spaceable.spaceable-bottom.spacer-section { padding-bottom: 0!important; } #section_377805 .two_big_images_with_text .section-content, #section_377804 .two_big_images_with_text .section-content { margin-bottom: 0; } .btn .section_btn a { font-size: 1.5rem; } .infomation_background_image .text-area .section_btn a { font-size: 17px; } .infomation_background_image .text-area .section_btn .linker a::after { right: 0.9em; } #section_378026 .vertical_icon_dup .duplicatable-content_inner > a::before { right: 1em; } #section_378026 .vertical_icon_dup .duplicatable-content_inner > a::after { right: 1.4em; } #section_377781 .mainvisual_right_slider .catch .headding span { font-size: 1.6rem!important; } #section_377781 .mainvisual_right_slider .catch .headding span:before { width: calc(100% - 210px); } }