@charset "utf-8"; /* Theme Name: GENESIS child Theme URI:https://tcd-theme.com/tcd103/ Description:WordPressテーマ「GENESIS」の子テーマ Template:genesis_tcd103 Author:TCD Author URI:https://tcd-theme.com/ Version:1.0 */ /* ここから下にCSSを追記してください。 */ @charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP&family=Noto+Sans+JP:wght@100..900&display=swap"); /*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-StyleSheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ :where( :not(html, iframe, canvas, img, svg, video, audio, input, textarea, script, style, title):not(svg *, symbol *):not( [class*="wp"] ) ) { all: unset; /* その要素のすべてのプロパティ(unicode-bidi, direction, CSSカスタムプロパティを除いて)を、既定値が inherit のものは継承値に、そうでなければ初期値に変更 */ display: revert; /* 宣言が所属するスタイルシートの出所に応じて動作を指定する */ } /* Preferred box-sizing value */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::-webkit-input-placeholder { color: unset; } ::-moz-placeholder { color: unset; } :-ms-input-placeholder { color: unset; } ::-ms-input-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } :where(:focus-visible) { outline-style: solid; outline-width: 2px; } html { scroll-behavior: smooth; scroll-padding-top: 100px; scrollbar-width: none; -webkit-overflow-scrolling: touch; } * { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0; padding: 0; word-break: break-word; -webkit-font-smoothing: antialiased; } body { margin: 0; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /* Safari */ position: relative; line-height: 1.5; font-weight: 500; font-size: 16px; width: 100%; overflow-y: scroll; font-family: "Zen Kaku Gothic New", sans-serif !important; color: #252925; } /* kokokara */ @media screen and (width <= 800px) { .l-wrap { margin-inline: auto; width: 92%; } } .l-wrap .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; row-gap: 20px; } .l-wrap .title_area h1 { line-height: 1.2 !important; font-family: "Zen Kaku Gothic New", sans-serif !important; } .l-wrap .title_area .sub_title { font-size: 30px !important; } @media screen and (width <= 800px) { .l-wrap .title_area .sub_title { font-size: 22px !important; } } .l-view { margin-block: 140px; } @media screen and (width <= 768px) { .l-view { margin-block: 70px; } } .l-view__wrap { display: grid; grid-template-columns: repeat(3, 1fr); -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; row-gap: clamp(30px, 5vw, 70px); max-width: 1700px; margin-inline: auto; } @media screen and (width <= 768px) { .l-view__wrap { grid-template-columns: repeat(1, 1fr); gap: 30px; } } .l-view__card { display: grid; grid-template-columns: subgrid; grid-template-rows: auto auto 1fr auto auto; } .l-view__card:hover .l-view__image > .image { scale: 1.1; -webkit-transition: scale 0.3s; transition: scale 0.3s; } .l-view__image { overflow: hidden; border-radius: 20px; position: relative; } .l-view__image > .image { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; aspect-ratio: 341/231; height: 100%; border-radius: 20px !important; display: block; border:1px solid #EEEEEE; } .l-view__namearea { margin-top: 20px; padding-inline: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px 10px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .l-view__namearea > .year { font-size: 16px; font-weight: 700; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; row-gap: 10px; line-height: 1.5; margin: unset !important; color: #c8d9d6 !important; } .l-view__namearea > .category { font-size: 16px; font-weight: 700; color: #3d9f2e; border: 1px solid #3d9f2e; border-radius: 100vw; padding: 2px 20px 3px; line-height: 1.5; } .l-view__content { padding-inline: 10px; padding-inline: 10px; margin-block: 15px; } .l-view__title { font-size: 18px; font-weight: 700; color: #252925; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } @media screen and (width <= 768px) { .l-view__title { font-size: 16px; } } .l-view h2 { text-align: unset !important; line-height: 150% !important; font-size: unset !important; } .l-view .name { line-height: 1.5; padding-inline: 10px; font-size: 16px; margin: unset !important; } .l-view .btn { -webkit-margin-start: auto; margin-inline-start: auto; margin-top: 10px; } .l-view .date { padding-inline: 10px; margin-bottom: unset !important; color: #c8d9d6 !important; } .l-view .date::before { font-family: "design_plus"; content: "\e903"; font-size: 17px; margin: 0 5px 0 0; position: relative; top: 1px; } .p-construction { margin-block: 80px; } @media screen and (width <= 768px) { .p-construction { margin-block: 40px; } } .l-header__content { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; padding-bottom: 70px !important; } .l-header__content > h2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-top: 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (width <= 768px) { .l-header__content > h2 { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media screen and (width <= 650px) { .l-header__content > h2 .second { width: 57%; } } .l-header__content-sub-title { font-size: clamp(18px, 1.5vw, 24px); font-weight: 500; color: #3d9f2e; margin-bottom: 25px; } .l-header-fv__wrap { position: relative; } #header_slider_content { position: relative; height: 40%; min-height: 380px; } @media screen and (width <= 768px) { #header_slider_content { height: 50%; min-height: unset; } } #header_slider_content::after { content: ""; position: absolute; bottom: 0px; right: -38px; z-index: -1; max-width: clamp(280px, 35.125vw, 562px); width: 100%; background-repeat: no-repeat; background-size: contain; aspect-ratio: 562/272; background-image: url(./assets/image/fv-logo.svg); } @media screen and (width <= 768px) { #header_slider_content::after { bottom: 0px; } } #header_slider { min-height: 520px; } @media screen and (width <= 768px) { #header_slider { min-height: unset; } } #header_slider_wrap { min-height: 900px; } @media screen and (width <= 768px) { #header_slider_wrap { min-height: 740px; } } .l-list-only p { display: none; } .l-page-header .sub_title { font-size: 30px !important; } .menu-item-55 { margin-right: 30px; } .menu-item-55 > a { display: inline-block; } .menu-item-55 > a::after { content: "＋"; margin-left: 5px; color: #c8d9d6 !important; } .menu-item-55:hover ul { background: none; } #global_menu { right: 40px; } .menu-item-186 { height: 40px !important; translate: 0 -35px; } .menu-item-186 > a { border: 1px solid #3d9f2e; border-radius: 100vw; height: 40px !important; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #ffffff !important; background-color: #3d9f2e !important; -webkit-transition: 0.3s; transition: 0.3s; gap: 33px; } .menu-item-186 > a::after { content: ""; background-image: url(./assets/image/yamaoka-arrow.svg); width: 12px; height: 10px; -webkit-transition: 0.3s; transition: 0.3s; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .menu-item-186 > a:hover { background-color: #ffffff !important; color: #3d9f2e !important; } .menu-item-186 > a:hover::after { content: ""; background-image: url(./assets/image/yamaoka-arrow-hover.svg); width: 12px; height: 10px; } .only-sp { display: none; } @media screen and (width <= 768px) { .only-sp { display: block; } } #header_logo img { max-width: 251px; -o-object-fit: contain; object-fit: contain; } .l-form { max-width: 1200px; margin-inline: auto; row-gap: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .l-form__name { line-height: 1.5 !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .l-form__name::before { border-radius: 4px; padding-top: 1.5px; } .l-form__name.optional::before { color: #3d9f2e; } .l-form__select-box option:first-of-type { opacity: 0; } .l-form__submit { margin-top: 30px; } .l-form__submit > button { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: auto; line-height: 60px; border-radius: 100vw; font-size: 20px; font-weight: 500; line-height: 1.5; padding: 0.5em 2em; border: 1px solid; border-color: #3d9f2e; margin-inline: auto; background-color: #3d9f2e; color: #ffffff !important; } @media screen and (width <= 768px) { .l-form__submit > button { font-size: 18px; padding: 0.3em 1.5em; } } .l-form__submit > button:hover { color: #3d9f2e !important; background-color: #ffffff; text-decoration: unset !important; } .l-form__submit > a { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: auto; line-height: 60px; border-radius: 100vw; font-size: 20px; font-weight: 500; line-height: 1.5; padding: 0.5em 2em; border: 1px solid; border-color: #3d9f2e; margin-inline: auto; color: #3d9f2e !important; background-color: #ffffff; } @media screen and (width <= 768px) { .l-form__submit > a { font-size: 18px; padding: 0.3em 1.5em; } } .l-form__submit > a:hover { background-color: #3d9f2e; color: #ffffff !important; text-decoration: unset !important; } .l-form__wrap > button { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: auto; line-height: 60px; border-radius: 100vw; font-size: 20px; font-weight: 500; line-height: 1.5; padding: 0.5em 2em; border: 1px solid; border-color: #3d9f2e; margin-inline: auto; background-color: #3d9f2e; color: #ffffff !important; } @media screen and (width <= 768px) { .l-form__wrap > button { font-size: 18px; padding: 0.3em 1.5em; } } .l-form__wrap > button:hover { color: #3d9f2e !important; background-color: #ffffff; text-decoration: unset !important; } .l-form__wrap > a { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: auto; line-height: 60px; border-radius: 100vw; font-size: 20px; font-weight: 500; line-height: 1.5; padding: 0.5em 2em; border: 1px solid; border-color: #3d9f2e; margin-inline: auto; color: #3d9f2e !important; background-color: #ffffff; } @media screen and (width <= 768px) { .l-form__wrap > a { font-size: 18px; padding: 0.3em 1.5em; } } .l-form__wrap > a:hover { background-color: #3d9f2e; color: #ffffff !important; text-decoration: unset !important; } .c-all-key { color: #3d9f2e !important; font-size: clamp(18px, 2.5vw, 24px) !important; } .c-all-black { color: #252925 !important; } .c-all-han { font-family: "Archivo Narrow", sans-serif !important; font-weight: 600 !important; } .c-all-ratio { aspect-ratio: 16/9; -o-object-fit: cover !important; object-fit: cover !important; -o-object-position: center !important; object-position: center !important; } .c-all-area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; row-gap: 0px; margin-bottom: 60px; } @media screen and (width <= 800px) { .c-all-area { margin-bottom: 20px; } } .c-all-area h3 { margin-bottom: 10px; } .c-all-no__margin { margin: unset !important; } .c-all-main { color: #252925 !important; font-size: clamp(30px, 4.375vw, 70px) !important; margin-bottom: 0 !important; } .c-all-main-little { color: #252925 !important; font-size: clamp(25px, 3.125vw, 60px) !important; margin-bottom: 0 !important; } .c-all-main-color { color: #3d9f2e !important; font-size: 16px !important; font-weight: 700 !important; } .c-all-title-area { margin-bottom: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .c-all-title-area--center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .c-all-title-area > h3 { margin-bottom: 0 !important; } .c-all-line { line-height: 1.5 !important; } .c-all-table { margin-bottom: unset !important; margin-right: unset !important; margin-left: unset !important; margin-inline: auto; padding: unset !important; } .c-all-table .this-td { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); } .c-all-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .c-all-change { margin-right: unset; margin-left: 100px; } @media screen and (width <= 1100px) { .c-all-change { margin-left: 0; } } .c-all-line175 { line-height: 175% !important; } .c-all-line200 { line-height: 200% !important; } .c-all-bottom-btn { margin-top: 30px; } .c-all-bottom-btn > a { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: auto; line-height: 60px; border-radius: 100vw; font-size: 20px; font-weight: 500; line-height: 1.5; padding: 0.5em 2em; border: 1px solid; border-color: #3d9f2e; margin-inline: auto; background-color: #3d9f2e; color: #ffffff !important; } @media screen and (width <= 768px) { .c-all-bottom-btn > a { font-size: 18px; padding: 0.3em 1.5em; } } .c-all-bottom-btn > a:hover { color: #3d9f2e !important; background-color: #ffffff; text-decoration: unset !important; } .c-all-bottom-btn .white { background-color: #ffffff !important; } .p-front-make { max-width: clamp(400px, 46.875vw, 750px); } @media screen and (width <= 768px) { .p-front-make { max-width: 100%; } } .p-front-make__title { width: 100% !important; } .p-front-make__image { min-width: 300px; margin-left: clamp(40px, 3.5294117647vw, 60px); } @media screen and (width <= 768px) { .p-front-make__image { margin-left: unset; } } .p-front-safety { max-width: clamp(400px, 46.875vw, 750px); } @media screen and (width <= 768px) { .p-front-safety { max-width: 100%; } } .p-front-safety__title { width: 100% !important; } .p-front-safety__image { margin-left: clamp(20px, 5.5vw, 88px); min-width: 300px; } @media screen and (width <= 768px) { .p-front-safety__image { margin-left: unset; } } .p-front-safety__image img { max-height: 500px; } .p-front-recruit { max-width: clamp(400px, 36.875vw, 590px); } @media screen and (width <= 768px) { .p-front-recruit { max-width: 100%; } } .p-front-recruit__title { width: 100% !important; } .p-front-recruit__image { margin-left: clamp(20px, 5.9375vw, 95px); min-width: 300px; } @media screen and (width <= 768px) { .p-front-recruit__image { margin-left: unset; } } .p-front-recruit__image img { border-radius: 10px; max-height: 415px; } .p-front-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-wrap: unset !important; -ms-flex-wrap: unset !important; flex-wrap: unset !important; } .p-front-flex--safety { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .p-front-flex h3 { width: 101%; } @media screen and (width <= 768px) { .p-front-flex h3 { width: 100%; } } @media screen and (width <= 768px) { .p-front-flex { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } } .l-footer-image { max-width: 200px; -o-object-fit: contain; object-fit: contain; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-height: 200px; } .l-footer-a { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .p-recruit-text { font-size: 18px; font-weight: 700; color: #252925; margin-bottom: 20px; } .p-recruit .s_table { margin-top: unset !important; } .p-recruit .lp_content { margin-bottom: 70px !important; } a { text-decoration: unset !important; } @media screen and (width <= 800px) { .c-sub-title-this { font-size: 20px !important; } } @media screen and (width <= 800px) { :is(.design_header, .tcdce-body .design_header) .sub_title { font-size: 22px !important; margin-bottom: 0px !important; } } .p-front-recruit { padding-inline: unset !important; } .p-front-recruit__block { display: block !important; } .p-front-recruit__item { max-height: 350px !important; aspect-ratio: 293/108 !important; width: 100% !important; } body { line-height: 1.5 !important; } .cb_free_space:nth-child(even) { background: #f4fbf7 !important; } .cb_service_category_list { padding-inline: unset !important; } .p-top-service { padding-inline: unset !important; } .p-top-service-text { padding-inline: unset !important; } .cb_free_space .cb_design_arrow_button { padding-inline: unset !important; } #header { position: fixed !important; } h3 { line-height: 1.5 !important; } #footer a { color: #252925; } #footer_banner .label { color: #252925; } #footer_banner .animate_background:hover .label { color: #ffffff !important; } #news_category_button span { color: #252925; } body.header_type2.header_fixed #global_menu > ul > li > a { color: #252925; } .colored_bg { padding-block: 70px; position: relative; } .colored_bg::after { background: #f4fbf7 !important; content: ""; display: block; width: 200vw; height: 100%; position: absolute; top: 0; left: -50%; z-index: -1; } @media screen and (width <= 768px) { .colored_bg { padding-block: 40px; } } .my_name { margin-top: 40px !important; } @media screen and (width <= 768px) { .my_name { margin-top: 30px !important; } } #company_data_list th { padding: 0 0 30px 0; } #company_data_list td { padding: 0 0 30px 0 !important; } @media screen and (max-width: 800px) { .large_headline { font-size: 40px !important; } } .p-top-service { padding: unset !important; } .l-form__select-option { opacity: 0; } .this_p > p { display: none; } .post_content p { line-height: 175% !important; } .sub_title.colored { margin-top: 0 !important; } .p-front-service-area { display: grid; grid-template-columns: repeat(3, 1fr); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media screen and (width <= 950px) { .p-front-service-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-template-columns: repeat(1, 1fr); } } .p-front-service-area .shutter_image { width: 100%; height: 100%; margin-block: 0 !important; position: relative; } @media screen and (width <= 950px) { .p-front-service-area .shutter_image { max-height: 400px; margin-inline: auto; } } .p-front-service-area .shutter_image .title_area { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; padding: 40px; color: #fff; } .p-front-service-area .shutter_image .overlay { position: absolute; top: 0; left: 0; height: 50%; width: 100%; z-index: 2; } .p-front-service-area .shutter_image .item { height: 100%; } .p-front-service-area .shutter_image .item img { height: 100% !important; } .p-front-service-area .shutter_image img { max-width: unset !important; -o-object-fit: cover !important; object-fit: cover !important; -o-object-position: center; object-position: center; } @media screen and (width <= 950px) { .p-front-service-area .shutter_image img { max-height: 400px !important; border-radius: 0px !important; } } #content_builder .title_area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .c-btn--center { text-align: center !important; } .c-btn--right { text-align: right !important; } .c-btn--left { text-align: left !important; } .c-btn--top { margin-top: 80px; } @media screen and (width <= 768px) { .c-btn--top { margin-top: 50px; } } .c-btn--reverse > a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; padding: 11px 24px 10px 11px !important; } .c-btn--reverse > a > span { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .c-btn > a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 18px; text-decoration: none !important; min-width: 209px; border-radius: 100vw; padding: 11px 11px 10px 24px; background-color: #f2f6f1; -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; gap: 30px; color: #3d9f2e !important; } .c-btn > a:hover { color: #bcddb8 !important; } @media screen and (width <= 768px) { .c-btn > a { font-size: 16px; } } .c-btn .white { background-color: #ffffff !important; } .cb_free_space h3 { font-family: "Zen Kaku Gothic New", sans-serif !important; } @media screen and (width <= 768px) { .cb_free_space img { -o-object-fit: cover !important; object-fit: cover !important; border-radius: 10px !important; } } .cb_free_space.num2 { padding-top: 0 !important; background-color: unset !important; } .cb_free_space.num3 { background-color: #f4fbf7 !important; } .cb_free_space.num4 { background-color: unset !important; position: relative; } .cb_free_space.num4::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffffff; opacity: 0.12; z-index: -3; } .cb_free_space.num4::after { content: ""; position: absolute; background-image: url(./assets/image/recruit-back.png) !important; background-size: cover !important; background-repeat: no-repeat !important; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2; z-index: -2; } .large_headline { font-family: "Zen Kaku Gothic New", sans-serif !important; } .shutter_image.col1 .item img { -o-object-fit: cover !important; object-fit: cover !important; } #company_message .post_col img { border-radius: 10px; } #company_message .post_col .img-pc { border-radius: 10px; max-width: 100% !important; } .img-pc { display: block !important; } @media screen and (width <= 768px) { .img-pc { display: none !important; } } .img-sp { display: none !important; } @media screen and (width <= 768px) { .img-sp { display: block !important; } } #mobile_menu a { color: #3d9f2e !important; } #drawer_menu { background: #f4fbf7 !important; } .p-single-interview { display: block !important; } .p-single-interview__header { width: 100% !important; } .p-single-interview__main { width: 100% !important; } .p-single-interview__image { width: 90% !important; max-width: 1200px !important; margin-inline: auto !important; } .p-single-interview__contents { margin-block: 80px; } @media screen and (width <= 768px) { .p-single-interview__contents { margin-block: 40px; } } .p-single-interview__title { font-size: 20px; } @media screen and (width <= 768px) { .p-single-interview__title { font-size: 18px; } } .p-single-interview__text { font-size: 18px; line-height: 1.5; margin-top: 10px; } @media screen and (width <= 768px) { .p-single-interview__text { font-size: 16px; } } .p-information-math { margin-block: 140px; } @media screen and (width <= 768px) { .p-information-math { margin-block: 70px; } } .p-information-math-area { margin-top: 40px; display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1500px; margin-inline: auto; } @media screen and (width <= 1280px) { .p-information-math-area { grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); } } @media screen and (width <= 768px) { .p-information-math-area { grid-template-columns: repeat(1, 1fr); } } .p-information-math-area__contents { border: 1px solid #d9d9d9; margin-left: -1px; padding-top: 17px; padding-bottom: 23px; text-align: center; padding-inline: 25px; gap: 20px; } @media screen and (width <= 768px) { .p-information-math-area__contents { margin-top: -1px; } } .p-information-math-area__image { width: 84px; height: 84px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; aspect-ratio: 1; } .p-information-math-area__text { font-size: 20px; font-weight: 700; color: #3d9f2e; line-height: 1.5 !important; } .p-information-math-area__text > span { font-size: 46px; display: inline-block; translate: 0px 2px; } .p-information-recruit { /* ===== コンテンツ部分 ===== */ } .p-information-recruit__top-title { text-align: center; margin-bottom: 60px; } .p-information-recruit__top-title > h2 { margin-bottom: 0 !important; } .p-information-recruit__top-title > h3 { margin-top: 0 !important; } .p-information-recruit__category { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; margin-bottom: 50px; max-width: 900px; margin-inline: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-information-recruit__category button { border: 1px solid #ddd; border-radius: 50px; background: #fff; color: #252925; padding: 10px 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-align: center; font-size: 20px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .p-information-recruit__category button:hover { border-color: #3d9f2e; color: #3d9f2e; } .p-information-recruit__category button.active { background-color: #3d9f2e; color: #ffffff; border-color: #3d9f2e; } .p-information-recruit .lp_content { display: none; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .p-information-recruit .lp_content.show { display: block; opacity: 1; } @media screen and (width <= 1100px) { .p-about-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; row-gap: 40px; } } .p-about-flex-under { -webkit-column-gap: clamp(30px, 4vw, 60px); -moz-column-gap: clamp(30px, 4vw, 60px); column-gap: clamp(30px, 4vw, 60px); } @media screen and (width <= 1100px) { .p-about-flex-under { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; row-gap: 40px; } } .p-about-wrap { width: 50%; } @media screen and (width <= 1100px) { .p-about-wrap { width: 100%; } } .p-about-text { width: 100% !important; font-size: 18px; } @media screen and (width <= 768px) { .p-about-text { font-size: 16px; } } @media screen and (width <= 1100px) { .p-about-width { width: 100% !important; } } @media screen and (width <= 1100px) { .p-about-image { max-width: 650px !important; margin-inline: auto; display: block; } } .p-company-table { display: grid; grid-template-columns: repeat(2, 1fr); margin-inline: auto; } @media screen and (width <= 768px) { .p-company-table { grid-template-columns: repeat(1, 1fr); } } .p-company-table .item { border: 1px solid #cdcdcd; padding: 20px 30px; margin-bottom: -1px; margin-left: -1px; } .p-company-table .content h3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; color: #3d9f2e; margin-bottom: 20px !important; font-size: 20px !important; line-height: 1.5 !important; margin-top: unset !important; text-align: center; } @media screen and (width <= 768px) { .p-company-table .content h3 { font-size: 18px !important; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } } .p-company-table .content h3 img { max-width: 93px; width: 100%; aspect-ratio: 1/1; } @media screen and (width <= 768px) { .p-company-table .content h3 img { max-width: 73px; } } .p-company-table .content .desc { font-size: 16px !important; line-height: 1.75 !important; } @media screen and (width <= 800px) { #company_data_list table.right th { width: 160px; } } @media screen and (width <= 800px) { #company_data_list table.right td { padding-left: 0; } } .p-company-table { display: grid; grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } @media screen and (width <= 963px) { .p-company-table { grid-template-columns: repeat(1, 1fr); } } .p-company-table th { font-weight: 500; } .p-company-table td { font-weight: 400; } /*# sourceMappingURL=style.css.map */ #single_post_header_image img { border: 1px solid #eeeeee; border-radius: 10px; }