@charset "UTF-8";

*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

:where([hidden]:not([hidden=until-found])) {
    display: none !important
}

:where(html) {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

@supports not (min-block-size: 100dvb) {
    :where(html) {
        block-size: 100%
    }
}

:where(body) {
    block-size: 100%;
    block-size: 100dvb;
    line-height: 1.15;
    font-family: system-ui, sans-serif;
    -webkit-font-smoothing: antialiased
}

:where(input, button, textarea, select) {
    font: inherit;
    color: inherit;
    border-radius: 0;
    text-align: inherit;
    text-transform: inherit;
    background: transparent;
    appearance: none;
    vertical-align: middle
}

:where([type=checkbox]) {
    appearance: checkbox
}

:where([type=radio]) {
    appearance: radio
}

:where([type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button) {
    height: auto
}

:where([type=search]::-webkit-search-decoration) {
    -webkit-appearance: none
}

:where(::-webkit-file-upload-button) {
    -webkit-appearance: button;
    font: inherit
}

:where(textarea) {
    resize: vertical
}

:where(button, label, select, summary, [role=button], [role=option]) {
    cursor: pointer
}

:where(:disabled) {
    cursor: not-allowed
}

:where(label:has(>input:disabled), label:has(+input:disabled)) {
    cursor: not-allowed
}

:where(button) {
    border: none
}

:where(a) {
    text-underline-offset: .2ex
}

:where(ul, ol) {
    list-style: none
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
    display: block
}

:where(img, picture, svg) {
    block-size: auto
}

:where(p, h1, h2, h3, h4, h5, h6) {
    font-size: inherit;
    font-weight: inherit;
    overflow-wrap: break-word
}

:where(hr) {
    border: none;
    border-block-start: 1px solid;
    color: inherit;
    block-size: 0;
    overflow: visible
}

:where(pre, code, kbd, samp) {
    font-family: monospace, monospace;
    font-size: inherit
}

:where(address) {
    font-style: inherit
}

:where(abbr[title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

:where(.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) {
    clip-path: inset(50%) !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
    white-space: nowrap !important;
    border: 0 !important
}

:root {
    --color-black: #333;
    --color-back: #f7f4ef;
    --color-back2: #f6f4ee;
    --color-white: #fff;
    --font-sans: "Noto Sans JP", sans-serif;
    --font-serif: "Noto Serif JP", serif;
    --font-en: "Overpass", serif;
    --font-klee: "Klee One", cursive;
    --easing-01: cubic-bezier(.43, .05, .17, 1)
}

* {
    min-inline-size: 0
}

body {
    font-family: var(--font-sans);
    font-size: .9375rem;
    color: var(--color-black);
    background-color: var(--color-back)
}

p,
li,
address,
h2,
h3,
h4,
h5 {
    line-height: 1.5
}

p {
    margin-top: 0
}

a {
    color: inherit;
    text-decoration: none
}

ul {
    padding: 0
}

li {
    list-style: none
}

picture {
    display: block
}

img {
    display: block;
    width: 100%;
    height: auto
}

address {
    font-style: normal
}

button {
    cursor: pointer
}

.ly_container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--color-white);
    overflow-x: clip
}

.ly_container main {
    flex-grow: 1
}

.ly_header {
    position: sticky;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--color-white)
}

.ly_header_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px
}

.ly_footer {
    padding: 83px 8px 20px
}

.ly_footer_inner {
    display: grid;
    row-gap: 43px;
    align-content: flex-start
}

.ly_contentL {
    --l_pd: 20px;
    max-width: calc(1200px + var(--l_pd) * 2);
    width: 100%;
    padding-inline: var(--l_pd);
    margin-inline: auto
}

.ly_content {
    --l_pd: 20px;
    max-width: calc(1080px + var(--l_pd) * 2);
    width: 100%;
    padding-inline: var(--l_pd);
    margin-inline: auto
}

.ly_contentS {
    --l_pd: 20px;
    max-width: calc(800px + var(--l_pd) * 2);
    width: 100%;
    padding-inline: var(--l_pd);
    margin-inline: auto
}

.ly_contact {
    padding-block: 70px;
    background-color: var(--color-back2);
    margin-top: 50px
}

.bl_header {
    display: none
}

.bl_header_nav_list {
    display: flex;
    column-gap: 30px;
    font-size: 16px
}

.bl_header_nav_link {
    display: block;
    position: relative
}

.bl_header_nav_link:before {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%);
    display: block;
    content: "";
    width: 5px;
    aspect-ratio: 1/1;
    background-color: var(--color-black);
    border-radius: 50%;
    opacity: 0
}

.bl_header_translate {
    margin-left: 60px
}

.bl_header_translate .gtranslate_wrapper {
    display: flex;
    align-items: center;
    font-size: 16px;
    column-gap: 11px
}

.bl_header_translate .gtranslate_wrapper:before {
    display: block;
    content: "";
    width: 1px;
    height: 16px;
    background-color: var(--color-black);
    order: 2;
    transform: rotate(32deg)
}

.bl_header_translate .gtranslate_wrapper a[data-gt-lang=en] {
    order: 3
}

.bl_header_translate .gtranslate_wrapper a[data-gt-lang=ja] {
    order: 1
}

.bl_header_translate .gtranslate_wrapper a.gt-current-lang {
    position: relative;
    font-weight: 400
}

.bl_header_translate .gtranslate_wrapper a.gt-current-lang:before {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%);
    display: block;
    content: "";
    width: 5px;
    aspect-ratio: 1/1;
    background-color: var(--color-black);
    border-radius: 50%
}

.bl_header_mail {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    aspect-ratio: 1/1;
    border: 1px solid var(--color-black);
    background-color: var(--color-black);
    border-radius: 50%;
    margin-left: 60px;
    transition: transform .3s
}

.bl_header_mail svg {
    width: 42%;
    height: auto
}

.bl_headerSp {
    position: fixed;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    top: 70px;
    right: 0;
    max-width: 400px;
    width: 100%;
    height: calc(100% - 70px);
    overscroll-behavior: none;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    transition-property: opacity, visibility;
    transition-duration: .3s
}

.bl_headerSp::-webkit-scrollbar {
    display: none
}

.ly_header.is_active .bl_headerSp {
    opacity: 1;
    visibility: visible
}

.bl_headerSp_inner {
    position: relative;
    color: var(--color-white);
    min-height: calc(100% + 1px);
    padding: 67px 62px
}

.bl_headerSp_inner:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #343434;
    mix-blend-mode: multiply
}

.bl_headerSp_list {
    display: grid;
    row-gap: 40px
}

.bl_headerSp_list_link {
    display: flex;
    align-items: baseline;
    column-gap: 12px;
    font-size: 24px;
    font-weight: 500
}

.bl_headerSp_list_link:after {
    display: block;
    content: attr(data-en);
    font-family: var(--font-en);
    font-size: 12px;
    font-weight: 500
}

.bl_headerSp_child {
    margin-top: 6px
}

.bl_headerSp_child_link {
    display: block;
    font-size: 15px;
    border-bottom: 1px solid var(--color-white);
    padding-block: 15px
}

.bl_headerSp_button {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 11px;
    font-family: var(--font-en);
    font-size: 16px;
    font-weight: 500;
    border: 1px solid var(--color-white);
    background-color: #1d1d1d;
    min-height: 56px;
    padding: 10px;
    margin-top: 46px
}

.bl_headerSp_button span {
    display: block;
    margin-top: 6px
}

.bl_headerSp_button img {
    width: 21px
}

.bl_headerSp_policy {
    display: block;
    width: fit-content;
    margin: 42px auto 0
}

.bl_hamBtn {
    position: relative;
    z-index: 2;
    width: 40px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: #343434
}

.bl_hamBtn:after {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    display: block;
    content: "";
    width: 80px;
    height: 55px;
    background-image: url('https://saya-gr.com/wp-content/themes/saya-group/assets/img/common/back_hambtn.svg');
    opacity: 0;
    transition: opacity .3s
}

.is_active .bl_hamBtn:after {
    opacity: 1
}

.bl_hamBtn_line {
    position: absolute;
    display: block;
    content: "";
    width: 40%;
    height: 1px;
    background-color: var(--color-white);
    left: 50%;
    transform: translate(-50%, -50%);
    transition: top, bottom, transform;
    transition-duration: .3s
}

.bl_hamBtn_line:first-of-type {
    top: 16px
}

.is_active .bl_hamBtn_line:first-of-type {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg)
}

.bl_hamBtn_line:nth-of-type(2) {
    top: 50%
}

.is_active .bl_hamBtn_line:nth-of-type(2) {
    top: 50%;
    transform: translate(-50%, -50%) scaleX(0)
}

.bl_hamBtn_line:last-of-type {
    bottom: 16px;
    transform: translate(-50%, 50%)
}

.is_active .bl_hamBtn_line:last-of-type {
    bottom: 50%;
    transform: translate(-50%, 50%) rotate(-45deg)
}

.bl_footerTop {
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: space-between
}

.bl_footerTop_item.bl_footerTop_item--sub {
    display: none
}

.bl_footerTop_link {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    column-gap: 12px;
    font-size: 18px;
    font-weight: 500
}

.bl_footerTop_link:after {
    content: attr(data-en);
    font-family: var(--font-en);
    font-size: .6666666667em
}

.bl_footerTop_item_child {
    display: grid;
    justify-items: flex-start;
    row-gap: 14px;
    margin-top: 22px
}

.bl_footerBottom_button {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 11px;
    color: var(--color-white);
    font-family: var(--font-en);
    font-size: 16px;
    font-weight: 500;
    border: 1px solid var(--color-black);
    background-color: #1d1d1d;
    min-height: 56px;
    padding: 10px
}

.bl_footerBottom_button span {
    display: block;
    margin-top: 6px
}

.bl_footerBottom_button svg {
    width: 21px
}

.bl_footerBottom_policy {
    display: block;
    font-size: 14px;
    width: fit-content;
    margin: 43px auto 0
}

.bl_footerBottom_logo {
    display: block;
    width: 79.4029850746%;
    margin: 47px auto 0
}

.bl_footerBottom_copy {
    display: block;
    font-family: var(--font-en);
    font-size: 12px;
    text-align: center;
    margin-top: 17px
}

.bl_lowerMv {
    position: relative;
    z-index: 1;
    min-height: 400px;
    padding-block: 73px 50px
}

.bl_lowerMv_img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.bl_lowerMv_img img {
    height: 100%;
    object-fit: cover
}

.bl_lowerMv_content {
    color: var(--color-white)
}

.bl_lowerMv_title {
    font-size: 32px;
    font-weight: 500
}

.bl_lowerMv_en {
    display: block;
    font-family: var(--font-en);
    font-size: 12px;
    font-weight: 700;
    margin-top: 19px
}

.bl_lowerMvSecond {
    display: flex;
    align-items: center;
    background-image: url(../img/common/back_lower.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 200px
}

.bl_lowerMvSecond_heading.el_tHeading {
    justify-content: flex-start
}

.bl_breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    column-gap: 6px;
    font-size: 14px;
    margin-top: 16px
}

.bl_breadcrumb_item:not(:last-of-type) {
    display: flex;
    align-items: center;
    column-gap: 6px
}

.bl_breadcrumb_item:not(:last-of-type):after {
    display: block;
    content: "";
    width: 6px;
    height: 1px;
    background-color: var(--color-black)
}

.bl_formProgress {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px
}

.bl_formProgress li.-current {
    position: relative
}

.bl_formProgress li.-current:before {
    position: absolute;
    top: -12px;
    left: calc(50% - 37.5px);
    transform: translate(-50%);
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    aspect-ratio: 1/1;
    background-color: var(--color-black)
}

.bl_formProgress li:not(:last-of-type) {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px
}

.bl_formProgress li:not(:last-of-type):after {
    display: block;
    content: "";
    width: 60px;
    height: 1px;
    background-color: var(--color-black)
}

.bl_form {
    margin-top: 60px
}

.bl_form_itemUnit {
    display: grid;
    row-gap: 27px
}

.mw_wp_form_confirm .bl_form_itemUnit {
    row-gap: 20px
}

.bl_form_item {
    position: relative;
    display: grid;
    row-gap: 8px;
    font-size: 16px
}

.mw_wp_form_confirm .bl_form_item {
    border-top: 1px solid #ccc;
    padding-top: 20px
}

.bl_form_item .error {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    font-size: 12px
}

.mw_wp_form_confirm .bl_form_label {
    font-weight: 700
}

.bl_form_label.bl_form_label--req {
    display: flex;
    column-gap: .25em
}

.bl_form_label.bl_form_label--req:after {
    content: "\203b"
}

.mw_wp_form_confirm .bl_form_label.bl_form_label--req:after {
    display: none
}

.bl_form_wrap {
    display: grid;
    row-gap: 10px
}

.bl_form_wrap_item {
    position: relative;
    display: grid;
    grid-template-columns: 2em 1fr;
    column-gap: 6px;
    align-items: center
}

.bl_form_address,
.bl_form_address_wrap {
    display: grid;
    row-gap: 20px
}

.bl_form_postal {
    display: grid;
    row-gap: 10px;
    max-width: 718px;
    width: 100%
}

.bl_form_postal_head {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 15px;
    align-items: center
}

.mw_wp_form_confirm .bl_form_postal_head {
    display: flex;
    justify-content: flex-start
}

.bl_form_postal_wrap {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    column-gap: 11px;
    align-items: center
}

.bl_form_postal_wrap span {
    display: block;
    width: 10px;
    height: 1px;
    background-color: var(--color-black)
}

.bl_form_postal_button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    background-color: var(--color-black);
    border: 1px solid var(--color-black);
    min-height: 48px;
    width: 150px;
    border-radius: 100px
}

.mw_wp_form_confirm .bl_form_postal_button {
    display: none
}

.bl_form_input,
.bl_form_textarea {
    line-height: 1.5;
    background-color: var(--color-white);
    border-radius: 32px;
    border: none;
    width: 100%;
    padding: 12px 32px;
    transition: box-shadow .3s
}

.bl_form_input::placeholder,
.bl_form_textarea::placeholder {
    color: #ccc;
    font-size: 14px
}

.bl_form_input:focus,
.bl_form_textarea:focus {
    outline: none;
    box-shadow: 0 0 0 1px var(--color-black)
}

.bl_form_textarea {
    resize: vertical
}

.bl_form_policyText {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: 14px;
    margin-top: 40px
}

.mw_wp_form_confirm .bl_form_policyText {
    display: none
}

.bl_form_policyText:before {
    content: "\203b"
}

.bl_form_policyCheck {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 23px
}

.mw_wp_form_confirm .bl_form_policyCheck {
    display: none
}

.bl_form_policyCheck label {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px
}

.bl_form_policyCheck .error {
    position: absolute;
    top: calc(100% + 4px);
    left: 50%;
    transform: translate(-50%);
    font-size: 12px
}

.bl_form_checkbox {
    appearance: none;
    font-size: 14px;
    width: 24px;
    height: 24px;
    border: 1px solid #ccc;
    background-color: var(--color-white)
}

.bl_form_checkbox:checked {
    background-image: radial-gradient(circle, var(--color-black) calc(40% - 1px), transparent 40%)
}

.bl_form_buttonWrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 64px
}

.el_cover {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-back)
}

.el_headerLogo {
    max-width: 256px;
    width: 100%
}

.el_tHeading {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 28px
}

.el_tHeading.el_tHeading--white {
    color: var(--color-white)
}

.el_tHeading.el_tHeading--white:before {
    border-color: var(--color-white)
}

.el_tHeading:before {
    flex-shrink: 0;
    display: block;
    content: "";
    width: 93px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: 1px solid var(--color-black);
    clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
    margin-right: -50px;
    margin-top: 6px
}

.el_tHeading_text {
    font-size: 32px;
    line-height: 1.25
}

.el_tHeading_text:after {
    display: block;
    content: attr(data-en);
    font-family: var(--font-en);
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px
}

.el_tHeading_text span {
    display: inline-block
}

.el_heading {
    text-align: center;
    font-size: 32px
}

.el_heading:after {
    display: block;
    content: attr(data-en);
    font-family: var(--font-en);
    font-size: 14px;
    font-weight: 700;
    margin-top: 6px
}

.el_button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    font-size: 16px;
    font-weight: 500;
    max-width: 476px;
    width: 100%;
    border: 1px solid var(--color-black);
    background-color: var(--color-black);
    min-height: 56px;
    padding: 10px;
    margin-inline: auto
}

.un_fv {
    position: relative;
    z-index: 1;
    height: 90svh;
    max-height: 606px;
    padding-block: 24px
}

.un_fv_img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.un_fv_img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.un_fv_catch {
    color: #779f9a;
    font-family: var(--font-en);
    font-size: 56px;
    font-weight: 500;
    line-height: 1;
    text-shadow: 0px 3px 20px rgba(0, 0, 0, .16)
}

.un_fv_catch span {
    display: inline-block
}

.un_fv_text {
    color: #767676;
    font-size: 18px;
    font-weight: 500;
    margin-top: 3px
}

.un_intro {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-areas: "head head" "mark list";
    grid-template-columns: 50% 1fr;
    row-gap: 27px;
    margin-top: 82px
}

.un_intro_head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: head
}

.un_intro_heading {
    font-size: 32px;
    line-height: 1.3125;
    font-weight: 500
}

.un_intro_heading span {
    font-family: var(--font-en);
    font-size: 1.125em;
    line-height: 1
}

.un_intro_text {
    display: grid;
    row-gap: 1.6em;
    margin-top: 29px
}

.un_intro_text p {
    line-height: 1.6
}

.un_intro_text br {
    display: none
}

.un_intro_mark {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: mark;
    align-self: center;
    justify-self: center;
    width: 100%;
    max-width: 178px;
    padding-left: 3px
}

.un_intro_list {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    grid-area: list;
    display: grid;
    align-content: center;
    row-gap: 16px
}

.un_intro_list_item {
    display: grid;
    grid-template-columns: auto 1fr;
    line-height: 1.3333333333;
    padding-left: 10px;
    margin-right: -10px
}

.un_intro_list_item:nth-of-type(2):before {
    background-color: #c01
}

.un_intro_list_item:nth-of-type(3):before {
    background-color: #005ea3
}

.un_intro_list_item:before {
    display: inline-block;
    content: "";
    width: 26px;
    height: 14px;
    background-color: #278e2a;
    margin-right: 8px;
    transform: translateY(2px)
}

.un_tBusiness {
    background-image: url(../img/top/back_business.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 80px;
    padding-right: 20px;
    margin-top: 80px
}

.un_tBusiness_inner {
    position: relative;
    z-index: 1;
    max-width: 1320px;
    padding: 73px 40px 108px 0;
    margin-inline: auto
}

.un_tBusiness_inner:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    display: block;
    content: "";
    width: 100vw;
    height: 100%;
    background-color: var(--color-white);
    border-top-right-radius: 20px
}

.un_tBusiness_h2Heading {
    margin-left: 20px
}

.un_tBusiness_itemUnit {
    display: grid;
    row-gap: 57px;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-top: 40px
}

.un_tBusiness_item {
    display: grid;
    row-gap: 16px
}

.un_tBusiness_imgWrap {
    aspect-ratio: 315/179;
    overflow: hidden
}

.un_tBusiness_img {
    height: 100%;
    object-fit: cover
}

.un_tBusiness_content {
    padding-left: 20px
}

.un_tBusiness_heading {
    font-size: 24px;
    font-weight: 500
}

.un_tBusiness_heading span {
    font-family: var(--font-en);
    font-size: 1.0833333333em
}

.un_tBusiness_button {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 16px;
    font-family: var(--font-en);
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px
}

.un_tBusiness_arrow {
    position: relative;
    z-index: 2;
    display: block;
    width: 60px
}

.un_tBusiness_arrow:before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--color-black)
}

.un_tBusiness_arrow:after {
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 4px;
    aspect-ratio: 1/1;
    background-color: var(--color-black);
    border-radius: 50%
}

.un_tBusiness_circle {
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    width: 4px;
    aspect-ratio: 1/1
}

.un_tBusiness_circle:before,
.un_tBusiness_circle:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    border-radius: 50%;
    content: "";
    aspect-ratio: 1/1
}

.un_tBusiness_circle:before {
    z-index: -1;
    width: 24px;
    background-color: #ccc
}

.un_tBusiness_circle:after {
    z-index: -2;
    width: 50px;
    background-color: #efefef
}

.un_service {
    background-color: #e7b054;
    padding-block: 80px 78px;
    margin-top: 80px
}

.un_service_wrap {
    display: grid;
    row-gap: 39px;
    margin-top: 42px
}

.un_service_img {
    max-width: 600px;
    width: 100%;
    margin-inline: auto
}

.un_service_item {
    position: relative;
    z-index: 1;
    padding-left: 68px
}

.un_service_item:first-of-type {
    margin-top: -8px
}

.un_service_item:before {
    position: absolute;
    z-index: -1;
    top: -10px;
    left: -48px;
    display: block;
    content: attr(data-en);
    color: var(--color-white);
    font-family: var(--font-en);
    font-weight: 700;
    font-size: 168px
}

.un_service_item_heading {
    font-size: 24px;
    font-weight: 500
}

.un_service_item_heading span {
    font-size: .6666666667em
}

.un_service_item_text {
    line-height: 1.6;
    margin-top: 14px
}

.un_message {
    margin-top: 36px
}

.un_message_body {
    margin-top: 32px
}

.un_message_body_textWrap {
    display: grid;
    row-gap: 1.6em
}

.un_message_body_textWrap p {
    line-height: 1.6
}

.un_message_body_bottom {
    display: grid;
    grid-template-columns: 50% 1fr;
    column-gap: 35px;
    margin-top: 1.6em
}

.un_message_body_bottom_text {
    line-height: 1.6
}

.un_message_badge {
    display: grid;
    align-content: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1.45;
    width: 180px;
    aspect-ratio: 1/1;
    background-color: var(--color-back);
    border-radius: 50%;
    margin-top: -10px
}

.un_message_badge span.-en {
    font-family: var(--font-en);
    font-size: 16px
}

.un_message_badge span.-small {
    font-size: 16px
}

.un_philosophy {
    position: relative;
    z-index: 1;
    padding-block: 80px 77px;
    margin-top: 60px
}

.un_philosophy:before {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    display: block;
    content: "";
    width: 80px;
    height: 100%;
    background-image: url(../img/company/back_philosophy.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.un_philosophy:after {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    display: block;
    content: "";
    width: calc(100% - 20px);
    height: 100%;
    background-image: url(../img/company/accent_philosophy.webp);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover
}

.un_philosophy_content {
    padding-left: 68px
}

.un_philosophy_list {
    display: grid;
    row-gap: 37px;
    width: 100%;
    max-width: 1080px;
    margin-top: 35px
}

.un_philosophy_list_item:nth-of-type(2) .un_philosophy_list_heading h3 {
    color: #c01
}

.un_philosophy_list_item:nth-of-type(3) .un_philosophy_list_heading h3 {
    color: #005ea3
}

.un_philosophy_list_heading:after {
    display: block;
    content: "";
    width: 40px;
    height: 1px;
    background-color: var(--color-black);
    margin-top: 17px
}

.un_philosophy_list_heading h3 {
    color: #278e2a;
    font-family: var(--font-serif);
    font-size: 24px;
    font-weight: 500
}

.un_philosophy_list_heading span {
    display: block;
    font-weight: 500;
    line-height: 1.2
}

.un_philosophy_list_text {
    line-height: 1.6;
    letter-spacing: -.02em;
    margin-top: 14px
}

.un_companyItem {
    position: relative;
    z-index: 1;
    padding-block: 80px
}

.un_companyItem:nth-of-type(2n) {
    background-color: var(--color-back2)
}

.un_companyItem:nth-of-type(2n):after {
    top: 0;
    bottom: auto;
    right: 0;
    background-image: url(../img/company/accent2.webp)
}

.un_companyItem:after {
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    display: block;
    content: "";
    width: 280px;
    aspect-ratio: 1/1;
    background-image: url(../img/company/accent.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    mix-blend-mode: multiply;
    opacity: .2
}

.un_companyItem_wrap {
    display: grid;
    row-gap: 24px
}

.un_companyItem_img img {
    aspect-ratio: 1/1;
    object-fit: cover
}

.un_companyItem_heading {
    font-size: 24px;
    font-weight: 700
}

.un_companyItem_list {
    display: grid;
    row-gap: 36px;
    margin-top: 25px
}

.un_companyItem_list_item {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 28px;
    align-items: flex-start
}

.un_companyItem_list_item:before {
    display: block;
    content: "";
    width: 5px;
    height: calc(100% - 6px);
    border-right: 1px solid var(--color-black);
    border-left: 1px solid var(--color-black)
}

.un_companyItem_list_heading {
    font-family: var(--font-serif);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3333333333
}

.un_companyItem_list_heading span {
    display: inline-block
}

.un_companyItem_list_text {
    line-height: 1.4;
    margin-top: 17px
}

.un_group {
    margin-top: 80px
}

.un_group_head {
    position: relative;
    z-index: 1;
    color: var(--color-white);
    background-image: url(../img/company_1.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-block: 73px 79px
}

.un_group_head:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #004334;
    mix-blend-mode: multiply
}

.un_group_head_text {
    font-weight: 500;
    line-height: 1.6;
    margin-top: 39px
}

.un_group_body {
    margin-top: 41px
}

.un_group_body_itemUnit {
    margin-top: 42px
    
}



.un_group_body_item {
    position: relative;
    z-index: 1;
    display: grid;
    row-gap: 26px;
    padding-block: 40px;
    background-image: url(../img/company_1.png) !important;
}

.un_group_body_item1:nth-of-type(odd):before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 100vw;
    height: 100%;
    display: block;
    content: "";
    background-image: url(../img/company_1.png) !important;
    background: #e5e6e5 !important;
}

.un_group_body_item_heading {
    font-size: 24px;
    font-weight: 500
}

.un_group_body_data {
    display: grid;
    row-gap: 23px
}

.un_group_body_data_wrap {
    display: grid;
    grid-template-columns: 57px 1fr
}

.un_group_body_data_wrap:not(:last-of-type) {
    border-bottom: 1px solid #ccc;
    padding-bottom: 17px
}

.un_group_body_data_title {
    font-size: 16px;
    font-weight: 700
}

.un_group_body_data_content {
    line-height: 1.4;
    letter-spacing: -.03em;
    margin-top: -2px
}

.un_group_body_dataText {
    line-height: 1.4;
    letter-spacing: -.03em;
    padding-left: 57px;
    margin-top: -2px
}

.un_group_foot_inner {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-block: 27px
}

.un_group_foot_title {
    font-size: 16px;
    font-weight: 500
}

.un_group_foot_content {
    margin-top: 16px
}

.un_group_foot_content ul {
    display: flex;
    column-gap: 26px;
    font-size: 16px
}

.un_group_foot_content ul li {
    display: flex;
    align-items: center;
    column-gap: 26px
}

.un_group_foot_content ul li:not(:last-of-type):after {
    display: block;
    content: "";
    width: 1px;
    height: 28px;
    background-color: var(--color-black);
    transform: rotate(30deg)
}

.un_group_foot_content small {
    display: block;
    font-size: 14px;
    margin-top: 16px
}

.un_businessHead {
    display: grid;
    row-gap: 2px;
    width: 100%;
    max-width: 1440px;
    margin: 50px auto 0
}

.un_businessHead_item {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 30px;
    min-height: 120px;
    background-image: url(../img/business/head_01.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 10px 20px
}

.un_businessHead_item:after {
    flex-shrink: 0;
    display: block;
    content: "";
    width: 20px;
    aspect-ratio: 1/1;
    border-right: 1px solid var(--color-white);
    border-bottom: 1px solid var(--color-white);
    transform: rotate(45deg)
}

.un_businessHead_item:nth-of-type(2) {
    background-image: url(../img/business/head_02.webp)
}

.un_businessHead_item:nth-of-type(3) {
    background-image: url(../img/business/head_03.webp)
}

.un_businessHead_item:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #707070;
    mix-blend-mode: multiply
}

.un_businessHead_item_wrap {
    color: var(--color-white)
}

.un_businessHead_en {
    display: block;
    font-family: var(--font-en);
    font-size: 28px;
    font-weight: 500;
    line-height: 1
}

.un_businessHead_jp {
    display: block;
    font-size: 16px;
    font-weight: 700
}

.un_business {
    border-bottom: 1px solid #ccc
}

.un_business_item {
    padding-block: 70px
}

.un_business_item:nth-of-type(2n) {
    background-color: var(--color-back2)
}

.un_business_main {
    display: grid;
    row-gap: 50px;
    margin-top: 30px
}

.un_business_main_item {
    display: grid;
    row-gap: 30px
}

.un_business_main_img {
    aspect-ratio: 540/303;
    object-fit: cover
}

.un_business_content_heading {
    font-size: 24px;
    font-weight: 500
}

.un_business_content_text {
    line-height: 2;
    margin-top: 20px
}

.un_business_button {
    margin-top: 30px
}

.un_oem {
    margin-top: 50px
}

.un_oem_head {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px
}

.un_oem_head_button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: var(--color-white);
    border: 1px solid var(--color-black);
    background-color: var(--color-black);
    max-width: 240px;
    width: 100%;
    min-height: 40px
}

.un_oem_head_button:after {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%) rotate(45deg);
    display: block;
    content: "";
    width: 5px;
    aspect-ratio: 1/1;
    border-right: 1px solid var(--color-white);
    border-bottom: 1px solid var(--color-white)
}

.un_oem_body {
    margin-top: 80px
}

.un_oem_body:nth-of-type(2) .un_oem_item {
    padding-top: 0
}

.un_oem_body:nth-of-type(2) .un_oem_item:before {
    display: none
}

.un_oem_body:nth-of-type(2) .un_oem_data_wrap dt {
    background-color: var(--color-back2)
}

.un_oem_body:nth-of-type(3) {
    position: relative;
    z-index: 1;
    padding-block: 40px;
    margin-top: 19px
}

.un_oem_body:nth-of-type(3):before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    display: block;
    content: "";
    width: 100vw;
    height: 100%;
    background-color: var(--color-back2)
}

.un_oem_body:nth-of-type(3) .un_oem_item {
    padding-block: 0
}

.un_oem_body:nth-of-type(3) .un_oem_item:before {
    display: none
}

.un_oem_body:nth-of-type(3) .un_oem_data_wrap dt {
    background-color: var(--color-white)
}

.un_oem_itemUnit {
    margin-top: 30px
}

.un_oem_item {
    display: grid;
    row-gap: 25px;
    padding-block: 40px
}

.un_oem_item:nth-of-type(odd) {
    position: relative;
    z-index: 1
}

.un_oem_item:nth-of-type(odd):before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    display: block;
    content: "";
    width: 100vw;
    height: 100%;
    background-color: var(--color-back2)
}

.un_oem_item:nth-of-type(2n) .un_oem_data_wrap dt {
    background-color: var(--color-back2)
}

.un_oem_item_heading {
    font-size: 20px;
    font-weight: 500
}

.un_oem_data {
    display: grid;
    row-gap: 22px;
    font-size: 14px;
    margin-top: 23px
}

.un_oem_data_wrap dt {
    font-weight: 500;
    border-left: 2px solid var(--color-black);
    background-color: var(--color-white);
    padding: 5px 6px
}

.un_oem_data_wrap dd {
    margin-top: 12px
}

.un_oem_img {
    aspect-ratio: 540/303;
    object-fit: cover;
    background-color: var(--color-white)
}

.un_policy {
    border-bottom: 1px solid #ccc;
    padding-bottom: 100px;
    margin-top: 50px
}

.un_policy_itemUnit {
    display: grid;
    row-gap: 40px;
    margin-top: 40px
}

.un_policy_item h2 {
    font-size: 20px;
    font-weight: 500
}

.un_policy_content {
    display: grid;
    row-gap: 2em;
    margin-top: 9px
}

.un_policy_content ul li {
    position: relative;
    padding-left: 1em
}

.un_policy_content ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\25cf"
}

.un_policy_end {
    font-family: var(--font-en);
    margin-top: 50px
}

.un_thanks {
    border-bottom: 1px solid #ccc;
    padding-block: 70px
}

.un_thanks_heading {
    font-size: 24px;
    font-weight: 500;
    text-align: center
}

.un_thanks_heading span {
    display: inline-block
}

.un_thanks_text {
    text-align: center;
    line-height: 1.75;
    margin-top: 33px
}

.un_thanks_button {
    margin-top: 63px
}

.un_notFound {
    border-bottom: 1px solid #ccc;
    padding-block: 70px
}

.un_notFound_heading {
    font-family: var(--font-en);
    font-size: 36px;
    font-weight: 500;
    text-align: center
}

.un_notFound_heading span {
    display: inline-block
}

.un_notFound_text {
    text-align: center;
    line-height: 1.75;
    margin-top: 33px
}

.un_notFound_button {
    margin-top: 63px
}

@media screen and (min-width: 768px) {
    .ly_footer_inner {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        column-gap: 40px
    }

    .bl_footerTop {
        display: flex;
        align-items: flex-start;
        column-gap: 65px
    }

    .bl_footerTop_item {
        width: 180px;
        border-top: 2px solid var(--color-black);
        padding-top: 30px
    }

    .bl_footerBottom {
        display: flex;
        flex-direction: column
    }

    .bl_footerBottom_button {
        order: 2;
        margin-top: 30px
    }

    .bl_footerBottom_policy {
        order: 3;
        margin-top: 30px
    }

    .bl_footerBottom_logo {
        order: 1;
        max-width: 266px;
        width: 100%;
        margin: 0
    }

    .bl_footerBottom_copy {
        order: 4;
        margin-top: 50px
    }

    .bl_form_wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 22px
    }

    .bl_form_postal {
        grid-template-columns: 1fr auto;
        column-gap: 33px;
        align-items: center
    }

    .bl_form_textarea {
        min-height: 240px
    }

    .un_fv {
        padding-top: 100px
    }

    .un_fv_catch {
        font-size: 60px;
        line-height: 1.125
    }

    .un_fv_text {
        font-size: 22px;
        margin-top: 20px
    }

    .un_intro {
        grid-template-columns: 1fr 70.3703703704%;
        grid-template-areas: "mark head" "mark list"
    }

    .un_intro_mark {
        width: 80%
    }

    .un_intro_head {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .un_intro_mark {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .un_intro_list {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .un_intro_list {
        display: flex;
        align-items: flex-start;
        column-gap: 40px
    }

    .un_intro_list_item {
        padding-left: 0
    }

    .un_tBusiness,
    .un_tBusiness_inner {
        padding-right: 60px
    }

    .un_companyItem:after {
        width: 320px
    }

    .un_group_body_item {
        grid-template-columns: 140px 1fr
    }

    .un_group_body_data {
        row-gap: 34px;
        margin-top: 3px
    }

    .un_group_body_data_wrap {
        grid-template-columns: 65px 1fr
    }

    .un_group_body_dataText {
        padding-left: 65px
    }

    .un_group_foot_inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px 50px
    }

    .un_group_foot_content {
        margin-top: -5px
    }

    .un_businessHead {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 2px
    }

    .un_businessHead_item {
        min-height: 140px
    }

    .un_business_main {
        display: block
    }

    .un_business_main_item {
        display: flex;
        align-items: center
    }

    .un_business_main_item:nth-of-type(odd) {
        flex-direction: row-reverse
    }

    .un_business_main_item:nth-of-type(2n) .un_business_content {
        padding-inline: 30px 0
    }

    .un_business_main_img {
        aspect-ratio: 540/420;
        width: 50%
    }

    .un_business_content {
        width: 50%;
        padding-right: 30px
    }

    .un_business_button {
        margin-top: 50px
    }

    .un_oem_head {
        gap: 20px
    }

    .un_oem_body:nth-of-type(3) {
        padding-block: 60px
    }

    .un_oem_itemUnit {
        margin-top: 50px
    }

    .un_oem_item {
        grid-template-columns: 1fr 50%;
        column-gap: 30px;
        align-items: flex-start;
        padding-block: 60px
    }
}

@media screen and (min-width: 1024px) {
    body {
        font-size: .875rem
    }

    .ly_header_inner {
        padding: 16px 20px 14px
    }

    .ly_footer {
        padding: 101px 0 20px
    }

    .ly_contentL,
    .ly_content,
    .ly_contentS {
        --l_pd: 50px
    }

    .ly_contact {
        padding-block: 140px;
        margin-top: 69px
    }

    .bl_header {
        display: flex;
        align-items: center
    }

    .bl_headerSp,
    .bl_hamBtn {
        display: none
    }

    .bl_footerTop {
        margin-top: 12px
    }

    .bl_footerTop_item {
        padding-top: 63px
    }

    .bl_footerTop_item.bl_footerTop_item--sub {
        display: block
    }

    .bl_footerTop_link.bl_footerTop_link--small {
        font-size: 14px
    }

    .bl_footerTop_item_child {
        row-gap: 8px;
        margin-top: 27px
    }

    .bl_footerBottom_button {
        max-width: 253px;
        width: 100%;
        margin-top: 87px
    }

    .bl_footerBottom_policy {
        display: none
    }

    .bl_footerBottom_copy {
        margin-top: 103px
    }

    .bl_lowerMv {
        padding-top: 87px
    }

    .bl_breadcrumb {
        margin-top: 14px
    }

    .bl_formProgress {
        column-gap: 17px;
        font-size: 16px
    }

    .bl_formProgress li.-current:before {
        left: calc(50% - 73.5px)
    }

    .bl_formProgress li:not(:last-of-type) {
        column-gap: 17px
    }

    .bl_formProgress li:not(:last-of-type):after {
        width: 130px
    }

    .bl_form {
        margin-top: 103px
    }

    .bl_form_postal_head {
        column-gap: 22px
    }

    .bl_form_policyText {
        margin-top: 65px
    }

    .bl_form_buttonWrap {
        flex-direction: row-reverse;
        column-gap: 40px
    }

    .el_headerLogo {
        max-width: 289px
    }

    .un_fv {
        padding-top: 88px;
        max-height: 604px
    }

    .un_fv_catch {
        font-size: 64px
    }

    .un_fv_text {
        font-size: 24px;
        margin-top: 32px
    }

    .un_intro {
        row-gap: 40px;
        margin-top: 48px
    }

    .un_intro_head {
        position: relative;
        z-index: 1;
        width: 100%;
        display: grid;
        justify-content: flex-end;
        padding-left: 50px
    }

    .un_intro_head:before {
        position: absolute;
        z-index: -1;
        top: -122px;
        left: 0;
        display: block;
        content: "";
        width: 100vw;
        height: calc(100% + 122px);
        background-color: var(--color-white);
        border-top-left-radius: 20px
    }

    .un_intro_text {
        row-gap: 2em;
        margin-top: 33px
    }

    .un_intro_text p {
        line-height: 2
    }

    .un_intro_text br {
        display: block
    }

    .un_intro_mark {
        /* align-self: flex-end */
    }

    .un_intro_list {
        justify-self: flex-end;
        justify-content: flex-start;
        column-gap: 36px;
        width: 100%;
        max-width: 586px
    }

    .un_tBusiness {
        background-image: url(../img/trang_chu_2.jpg);
        padding-top: 280px;
        padding-right: 0;
        margin-top: 140px
    }

    .un_tBusiness_inner {
        width: 91.6666666667%;
        padding: 88px 0 0
    }

    .un_tBusiness_h2Heading {
        margin-left: 0
    }

    .un_tBusiness_itemUnit {
        row-gap: 84px;
        width: 100%;
        margin-left: 0;
        margin-top: 84px
    }

    .un_tBusiness_item {
        grid-template-columns: 47.3148148148% 1fr;
        align-items: center;
        column-gap: 21.6%
    }

    .un_tBusiness_imgWrap {
        aspect-ratio: 511/290
    }

    .un_tBusiness_content {
        align-self: center;
        padding: 0
    }

    .un_tBusiness_button {
        margin-top: 25px
    }

    .un_tBusiness_circle {
        opacity: 0
    }

    .un_service {
        padding-block: 110px 102px;
        margin-top: 140px
    }

    .un_service_heading {
        margin-left: -25px
    }

    .un_service_heading br {
        display: none
    }

    .un_service_wrap {
        grid-auto-flow: column;
        grid-template-rows: repeat(4, auto) 1fr;
        grid-template-columns: 47.4074074074% 1fr;
        align-content: flex-start;
        column-gap: 56px;
        margin-top: 93px
    }

    .un_service_img {
        grid-row: 1/3;
        padding-left: 4px
    }

    .un_service_item {
        padding-left: 117px
    }

    .un_service_item:before {
        left: 3px
    }

    .un_service_item_text {
        line-height: 1.7142857143;
        margin-top: 17px
    }

    .un_message {
        display: grid;
        grid-template-columns: 1fr 61.1111111111%;
        margin-top: 93px
    }

    .un_message_head {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .un_message_heading {
        justify-content: flex-start
    }

    .un_message_body {
        margin-top: 10px
    }

    .un_message_body_textWrap {
        row-gap: 28px
    }

    .un_message_body_textWrap p {
        font-size: 16px;
        line-height: 1.75
    }

    .un_philosophy {
        padding-block: 140px 146px;
        margin-top: 138px
    }

    .un_philosophy:before {
        width: 100%;
        background-image: url(../img/company/back_philosophy_l.webp)
    }

    .un_philosophy:after {
        width: 100%;
        background-image: url(../img/company/accent_philosophy_l.webp)
    }

    .un_philosophy_content {
        padding-left: 0
    }

    .un_philosophy_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 78px;
        margin-top: 54px;
        margin-left: auto
    }

    .un_philosophy_list_item {
        max-width: 308px;
        width: 100%
    }

    .un_philosophy_list_heading:after {
        height: 2px;
        margin-top: 13px
    }

    .un_philosophy_list_heading span {
        margin-top: 2px
    }

    .un_philosophy_list_text {
        letter-spacing: 0;
        line-height: 1.7142857143;
        margin-top: 34px
    }

    .un_companyItem {
        padding-block: 140px
    }

    .un_companyItem:after {
        width: 440px
    }

    .un_companyItem_wrap {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 11.1111111111%;
        align-items: flex-start
    }

    .un_companyItem_img img {
        aspect-ratio: 480/601
    }

    .un_companyItem_content {
        margin-top: -7px
    }

    .un_companyItem_heading {
        font-weight: 500
    }

    .un_companyItem_list {
        row-gap: 38px;
        margin-top: 35px
    }

    .un_companyItem_list_item:before {
        height: 100%
    }

    .un_companyItem_list_text {
        line-height: 1.4285714286;
        margin-top: 21px
    }

    .un_group {
        border-bottom: 1px solid #ccc;
        padding-bottom: 140px;
        margin-top: 140px
    }

    .un_group_head {
        background-image:url(../img/company_1.png) !important;
        padding-block: 135px 166px
    }

    .un_group_head_inner {
        display: flex;
        flex-wrap: wrap;
        gap: 39px 50px;
        justify-content: space-between;
        align-items: flex-start
    }

    .un_group_head_text {
        font-size: 16px;
        line-height: 1.75;
        max-width: 480px;
        width: 100%;
        margin-top: 4px
    }

    .un_group_body {
        margin-top: 100px
    }

    .un_group_body_itemUnit {
        margin-top: 101px
    }

    .un_group_body_item {
        grid-template-columns: 188px 1fr;
        padding-block: 100px
    }

    .un_group_body_data_wrap {
        grid-template-columns: 131px 1fr
    }

    .un_group_body_data_wrap:not(:last-of-type) {
        padding-bottom: 32px
    }

    .un_group_body_data_content {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: 0;
        margin-top: -3px
    }

    .un_group_body_dataText {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: 0;
        padding-left: 131px;
        margin-top: -3px
    }

    .un_group_foot_inner {
        column-gap: 64px;
        padding-bottom: 22px
    }

    .un_group_foot_content {
        display: flex;
        align-items: center;
        column-gap: 42px
    }

    .un_group_foot_content ul,
    .un_group_foot_content ul li {
        column-gap: 42px
    }

    .un_group_foot_content ul li:last-of-type:after {
        display: block;
        content: "";
        width: 1px;
        height: 28px;
        background-color: var(--color-black);
        transform: rotate(30deg)
    }

    .un_group_foot_content small {
        margin-top: 0
    }

    .un_businessHead {
        margin-top: 65px
    }

    .un_businessHead_item {
        column-gap: 40px;
        min-height: 174px
    }

    .un_businessHead_item:after {
        width: 24px
    }

    .un_businessHead_item_wrap {
        padding-top: 10px
    }

    .un_businessHead_en {
        font-size: 36px
    }

    .un_businessHead_jp {
        font-size: 18px
    }

    .un_business_item {
        padding-block: 140px
    }

    .un_business_item:first-of-type {
        padding-top: 100px
    }

    .un_business_item:nth-of-type(2n) {
        padding-top: 126px
    }

    .un_business_main {
        margin-top: 77px
    }

    .un_business_main_item:nth-of-type(2n) .un_business_content {
        padding-left: 64px
    }

    .un_business_main_img {
        aspect-ratio: 540/303
    }

    .un_business_content {
        padding-right: 64px
    }

    .un_business_button {
        margin-top: 83px
    }

    .un_oem {
        margin-top: 62px
    }

    .un_oem_head {
        column-gap: 48px
    }

    .un_oem_head_button {
        font-size: 16px;
        max-width: 296px
    }

    .un_oem_head_button:after {
        right: 20px
    }

    .un_oem_body {
        margin-top: 102px
    }

    .un_oem_body:nth-of-type(2) .un_oem_itemUnit {
        margin-top: 37px
    }

    .un_oem_body:nth-of-type(3) {
        padding-block: 99px 100px
    }

    .un_oem_body:nth-of-type(3) .un_oem_itemUnit {
        margin-top: 73px
    }

    .un_oem_itemUnit {
        margin-top: 73px
    }

    .un_oem_item {
        column-gap: 64px;
        padding-block: 82px
    }

    .un_oem_item_heading {
        font-size: 24px
    }

    .un_policy {
        padding-bottom: 190px;
        margin-top: 103px
    }

    .un_policy p,
    .un_policy li {
        font-size: 16px;
        line-height: 1.75
    }

    .un_policy_end {
        margin-top: 95px
    }

    .un_thanks {
        padding-block: 105px 140px
    }

    .un_thanks_text {
        font-size: 16px
    }

    .un_notFound {
        padding-block: 105px 140px
    }

    .un_notFound_heading {
        font-size: 54px
    }

    .un_notFound_text {
        font-size: 16px
    }

    .hp_sp {
        display: none
    }
}

@media screen and (min-width: 1440px) {
    .bl_header_nav_list {
        column-gap: 40px
    }

    .bl_header_translate {
        margin-left: 100px
    }

    .bl_header_mail {
        margin-left: 172px
    }

    .un_businessHead_en {
        font-size: 48px
    }

    .un_businessHead_jp {
        font-size: 20px;
        line-height: 1.4
    }
}

@media screen and (max-width: 1023px) {

    .bl_lowerMv_content,
    .un_companyItem_wrap {
        padding-inline: 32px
    }

    .hp_pc {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .bl_lowerMvSecond_heading .el_tHeading_text {
        font-size: 26px
    }

    .un_philosophy_heading {
        text-align: left
    }
}

@media (hover: hover) {
    .bl_header_nav_link:before {
        transition: opacity .3s
    }

    .bl_header_nav_link:hover:before {
        opacity: 1
    }

    .bl_header_mail {
        transition: background-color .3s
    }

    .bl_header_mail path {
        transition: fill .3s
    }

    .bl_header_mail:hover {
        background-color: var(--color-white)
    }

    .bl_header_mail:hover path {
        fill: var(--color-black)
    }

    .bl_footerTop_link:hover span,
    .bl_footerTop_item_child a:hover {
        text-decoration: underline
    }

    .bl_footerBottom_button {
        transition-property: color, background-color;
        transition-duration: .3s
    }

    .bl_footerBottom_button path {
        transition: fill .3s
    }

    .bl_footerBottom_button:hover {
        color: var(--color-black);
        background-color: var(--color-white)
    }

    .bl_footerBottom_button:hover path {
        fill: var(--color-black)
    }

    .bl_form_postal_button {
        transition-property: color, background-color;
        transition-duration: .3s
    }

    .bl_form_postal_button:hover {
        color: var(--color-black);
        background-color: var(--color-white)
    }

    .bl_form_policyText a:hover {
        text-decoration: underline
    }

    .bl_form_button:hover {
        background-color: var(--color-white) !important;
        border-color: var(--color-white)
    }

    .el_button {
        transition-property: color, background-color;
        transition-duration: .3s
    }

    .el_button:hover {
        color: var(--color-black);
        background-color: transparent
    }

    .un_tBusiness_item .un_tBusiness_img {
        transition: transform .3s
    }

    .un_tBusiness_item .un_tBusiness_circle {
        transition: opacity .3s
    }

    .un_tBusiness_item:hover .un_tBusiness_img {
        transform: scale(1.1)
    }

    .un_tBusiness_item:hover .un_tBusiness_circle {
        opacity: 1
    }

    .un_businessHead_item {
        transition: opacity .3s
    }

    .un_businessHead_item:hover {
        opacity: .7
    }

    .un_oem_head_button {
        transition-property: color, background-color;
        transition-duration: .3s
    }

    .un_oem_head_button:after {
        transition: border-color .3s
    }

    .un_oem_head_button:hover {
        color: var(--color-black);
        background-color: var(--color-white)
    }

    .un_oem_head_button:hover:after {
        border-color: var(--color-black)
    }
}
/* Header */
.main-header {
    background: #fff;
    padding: 15px 5%;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.header-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-links a {
    text-decoration: none;
    color: #333;
    margin-left: 25px;
    font-weight: 500;
    font-size: 14px;
    transition: 0.3s;
}

.nav-links a:hover {
    color: #006666; /* Màu thương hiệu PEASECOD */
}

/* Hero Section */
.hero-section {
    height: 100vh;
    background: url(https://saya-gr.com/wp-content/themes/saya-group/assets/img/top/fv.webp) no-repeat center center/cover; /* Thay link ảnh banner của bạn */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hiệu ứng Glassmorphism */
.glass-card {
    background: rgba(255, 255, 255, 0.1); /* Độ trong suốt */
    backdrop-filter: blur(15px); /* Hiệu ứng mờ */
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 30px 80px;
    border-radius: 15px;
    text-align: center;
    max-width: 87%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.hero-title {
    color: white;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 1.4;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.cta-button {
    display: inline-block;
    padding: 12px 30px;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    border: 2px solid white;
    border-radius: 5px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.cta-button:hover {
    background: white;
    color: #333;
}

/* Responsive cho Mobile */
@media (max-width: 768px) {
    .nav-links { display: none; }
    .glass-card { padding: 30px 20px; width: 90%; }
    .hero-title { font-size: 20px; }
}

@media (prefers-reduced-motion: no-preference) {
    :where(html:focus-within) {
        scroll-behavior: smooth
    }
}