/*!********************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/sass/style.scss ***!
\********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/***
  The new CSS reset - version 1.5.1 (last updated 1.3.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(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
    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;
}

/* 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 */
::-moz-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. */
:where([contenteditable]) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable=true]) {
    -webkit-user-drag: element;
}

:root {
    /*===============================================
    竭�liquid design
    ===============================================*/
    --liquid-lgDesignRatio: calc(1440 / 10);
    --liquid-mdDesignRatio: calc(750 / 10);
    --liquid-smDesignRatio: calc(375 / 10);
    --liquid-htmlroot: calc(calc(var(--vw, 1vw) * 100) / var(--liquid-lgDesignRatio));
    --liquid-bodyroot: 1.6rem;
    /*===============================================
    竭｡solid design
    ===============================================*/
    --solid-root: 16px;
    /*===============================================
    ç«­ï½¢mobilefirst design
    ===============================================*/
    --mobile-DesignWidth: 750;
    --mobile-ContentsWidth: 750;
    --mobile-ContentsRatio: var(--mobile-ContentsWidth) / var(--mobile-DesignWidth);
    --mobile-root: min(16px * var(--mobile-ContentsRatio), 16 * 100 / var(--mobile-DesignWidth) * 1vw);
    /*===============================================
    headerHeight
    ===============================================*/
    --headerHeight: 8.8rem;
}

@media screen and (max-width: 960px) {
    :root {
        --liquid-htmlroot: calc(calc(var(--vw, 1vw) * 100) / var(--liquid-mdDesignRatio));
    }
}

@media screen and (max-width: 560px) {
    :root {
        --liquid-htmlroot: calc(calc(var(--vw, 1vw) * 100) / var(--liquid-smDesignRatio));
    }
}

@media screen and (max-width: 560px) {
    :root {
        --headerHeight: 7.2rem;
    }
}

body {
    /* background-color: #F4F4F4; */
    color: #111111;
    /* font-family: "Zen Kaku Gothic New", 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; */
    /* font-family: "zen-kaku-gothic-new", sans-serif; */
    /* font-family: "zen-kaku-gothic-antique", sans-serif; */
    /* font-weight: 400; */
    /* font-style: normal; */
    /* font-style: normal; */
    /* font-weight: normal; */
    letter-spacing: 0.07em;
    line-height: 1;
    font-smoothing: antialiased;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-font-smoothing: antialiased;
    -moz-text-size-adjust: 100%;
    -ms-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -o-font-smoothing: antialiased;
    -o-text-size-adjust: 100%;
}

body.is_bgfff {
    background-color: #fff;
}

body.is_windows {
    font-family: "Zen Kaku Gothic New", 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
    font-family: "tot-shizukamin-stdn", sans-serif;
    font-weight: 400;
    font-style: normal;
}

html {
    font-size: var(--liquid-htmlroot);
}

html body {
    font-size: var(--liquid-bodyroot);
}

html.is_openingReady {
    overflow: hidden;
    height: calc(var(--fixvh, 1vh) * 100);
}

html.is_openingReady body {
    overflow: hidden;
    height: calc(var(--fixvh, 1vh) * 100);
}

/*===============================================
繝懊ち繝ｳ蜻ｨ繧�
===============================================*/
a,
button {
    border: none;
    color: #111111;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    pointer-events: auto;
    z-index: 100;
    transition: 0s;
    display: block;

}

a:link,
a:visited,
a:hover,
a:active,
button:link,
button:visited,
button:hover,
button:active {
    /* color: inherit; */
}

a:focus-visible,
button:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}

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

    a:focus-visible,
    button:focus-visible {
        outline: none;
    }
}

a:focus:not(:fous-visible),
button:focus:not(:fous-visible) {
    outline: none;
}

@media (hover: none) {

    a,
    button {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

a img,
button img {
    border: none;
}

.is_DOMloaded a,
.is_DOMloaded button {
    /* transition: all 0.4s; */
    /* transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95); */
    /* transition-property: background-color, opacity, fill, color, box-shadow, transform, border-color; */
}

/*===============================================
reset
===============================================*/
html {
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
}

html.is_hasSticky {
    overflow: visible;
}

body {
    padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px);
}

img {
    /* border: 0; */
    height: auto;
    pointer-events: none;
    vertical-align: middle;
    width: 100%;
}

svg {
    overflow: visible;
}

iframe {
    width: 100%;
}

ul,
ol,
li {
    font-size: 1.1rem;
    /* list-style: none; */
    /* font-family: "zen-kaku-gothic-antique", sans-serif; */
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.12rem;
}

@media (hover: none) {

    form label,
    form span,
    form input {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}


.topics__lists {
    padding: 2em
}

.topics__lists {
    padding: 2em
}



.topics__lists ul {
    display: flex;
    gap: 2em
}


.topics__lists li {
    padding: 30px;
    display: flex;
    background: #f5f4f3;
    margin-bottom: 10px;
    border-radius: 0.8em;
}


.topics__lists li:hover {
    background: #444444;
    cursor: pointer;
    color: #fff;
}

.topics__lists li:hover h3 {
    color: #fff;
}

.topics__lists li h3 {
    font-size: 1.6rem;
}



@media screen and (max-width: 600px) {
    .topics__lists li {
        padding: 20px;
    }

    .topics__lists li h3 {
        font-size: 1.3rem;
    }
}

.img_arrow:after {
    font-family: 'Font Awesome 6 pro';
    content: "\f061";
    padding-left: 10px;
    position: absolute;
    right: 50px;
    transition: .3s;
    font-size: 2rem;
}

.topics_box {
    display: flex;
    gap: 2em
}




@media screen and (max-width: 600px) {
    .img_arrow:after {
        font-size: 1.4rem;
    }
}

.p-topNews__item {}






/*===============================================
reCAPTCHA縺ｮ繝舌ャ繧ｸ繧帝撼陦ｨ遉ｺ縺ｫ縺吶ｋ
===============================================*/
.grecaptcha-badge {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

/*===============================================
common
===============================================*/
.ly_wrapper {
    flex-direction: column;
    display: flex;
    min-height: calc(var(--vh, 1vh) * 100);
    overflow: hidden;
}

.ly_wrapper .ly_main {
    flex: 1;
    position: relative;
}

.ly_wrapper.is_hasSticky {
    overflow: visible;
}

.ly_inner {
    margin: 0 auto;
    position: relative;
    z-index: 100;
    /* width: min(100% - 18.2rem, 135rem); */
    /* margin-right: 60px; */
    max-width: 1180px;
    padding: 10px
}

.ly_inner_wider {
    margin: 0 auto;
    position: relative;
    z-index: 100;
    width: min(100% - 3.2rem, 128rem);
}

.ly_inner_wider2 {
    margin: 0 auto;
    position: relative;
    z-index: 100;
    width: min(100% - 3.2rem, 120rem);
}

.ly_inner_form_wrapper {
    margin: 0 auto;
    position: relative;
    z-index: 100;
    width: min(100% - 3.2rem, 128rem);
}

.ly_inner_form_cont {
    margin: 0 auto;
    position: relative;
    z-index: 100;
    width: min(100% - 3.2rem, 88rem);
}

.ly_inner_article {
    margin: 0 auto;
    position: relative;
    z-index: 100;
    width: min(100% - 3.2rem, 72rem);
}

/*===============================================
footer
===============================================*/
.ly_footer {
    margin-top: 8rem;
    margin-top: 1em;
    background: #fff;
    padding-top: 2em;
}

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

    .ly_footer {
        padding-top: 0em;
    }
}

.is_hasSticky .ly_footer {
    overflow: hidden;
}

.pg_archiveTeam+.ly_footer,
.pg_archiveNews+.ly_footer,
.pg_company+.ly_footer {
    margin-top: 12rem;
}

.pg_top+.ly_footer,
.pg_service+.ly_footer,
.pg_hrSolution+.ly_footer,
.pg_bonus+.ly_footer {
    margin-top: 0;
}

/*===============================================
header
==============================================*/
.ly_header {
    position: fixed;
    width: 100%;
    z-index: 9998;
    /* mix-blend-mode: difference; */
    /* 色を変動させる */
    background: #fff;
    height: 80px;
}

.ly_header_inner {
    align-items: center;
    height: var(--headerHeight);
    display: flex;
    justify-content: flex-start;
    padding: 0 8rem;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 2em;
    height: 80px;
}

@media screen and (max-width: 960px) {
    .ly_header_inner {
        padding: 0 1.6rem;
    }
}

.ly_headerNav_wrapper {
    display: flex;
    /* width: 800px; */
    /* justify-content: space-evenly; */
    align-items: center;
}

/*===============================================
section
===============================================*/
.ly_sect_lv0 {
    margin-top: 11.2rem;
    margin-top: 5.2rem;
}

@media screen and (max-width: 560px) {
    .ly_sect_lv0 {
        margin-top: 8rem;
    }

    .ly_headerNav_wrapper {
        align-items: center;
        display: flex;
        width: 20%;
    }

}

.ly_sect_lv1 {
    margin-top: 12rem;
    padding-bottom: 12rem;
}

@media screen and (max-width: 560px) {
    .ly_sect_lv1 {
        margin-top: 8rem;
    }
}

.ly_sect_lv2 {
    margin-top: 4rem;
}

@media screen and (max-width: 560px) {
    .ly_sect_lv2 {
        margin-top: 6.4rem;
        margin-top: 0;
    }
}

/*===============================================
twoclumn
===============================================*/
.ly_twoColumn {
    display: flex;
    align-items: flex-start;
}

@media screen and (max-width: 960px) {
    .ly_twoColumn {
        display: block;
        padding: 0 1.6rem;
    }

    .ly_twoColumn>*:last-child {
        margin-top: 8rem !important;
    }
}

.ly_twoColumn_sideArea {
    width: 40rem;
    flex-shrink: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 100vh;
}

@media screen and (max-width: 960px) {
    .ly_twoColumn_sideArea {
        width: 100%;
        position: static;
        height: auto;
    }
}

.ly_twoColumn_mainArea {
    width: 100%;
    padding-left: 8rem;
    padding-right: 20rem;
}

@media screen and (max-width: 960px) {
    .ly_twoColumn_mainArea {
        padding-left: 0;
        padding-right: 0;
    }
}

.ly_twoColumn.__reverse .ly_twoColumn_mainArea {
    padding-right: 8rem;
    padding-left: 20rem;
}

@media screen and (max-width: 960px) {
    .ly_twoColumn.__reverse .ly_twoColumn_mainArea {
        padding-right: 0;
        padding-left: 0;
    }
}

.ly_twoColumn.__rowReverse {
    flex-direction: row-reverse;
}

/*===============================================
header logo
===============================================*/
.bl_headerLogo {
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    width: 300px;
    font-size: 0;
    transition-property: opacity;
}

@media (hover: none) {
    .bl_headerLogo {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_headerLogo:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 560px) {
    .bl_headerLogo {
        width: 80%;
    }

    .bl_headerLogo img {
        width: 100%;
    }

}

/*===============================================
繝上Φ繝舌�繧ｬ繝ｼ繝｡繝九Η繝ｼ
===============================================*/
.bl_headerNav_sm {
    position: fixed;
    right: 0;
    z-index: 1;
    height: calc(var(--vh, 1vh) * 100);
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: all;
    visibility: hidden;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: min(100%, 88rem);
}

.bl_headerNav_sm::-webkit-scrollbar {
    display: none;
}

.bl_headerNav_sm_inner {
    width: 100%;
    max-height: 100vh;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 960px) {
    .bl_headerNav_sm_inner {
        display: block;
        padding: 0 4rem;
    }
}

.bl_headerNav_sm_logo {
    width: 20rem;
    flex-shrink: 0;
    margin: 0 16rem;
}

@media screen and (max-width: 960px) {
    .bl_headerNav_sm_logo {
        width: 13.7rem;
        margin: 0 0 4.8rem;
    }
}

@media screen and (max-width: 560px) {
    .bl_headerNav_sm_logo {
        margin-bottom: 1.6rem;
        width: 8.8rem;
    }
}

.bl_headerNav_sm_logo img {
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
}

@media (hover: none) {
    .bl_headerNav_sm_logo {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_headerNav_sm_logo:hover img {
        opacity: 0.7;
    }
}

.bl_headerNav_sm_listWrapper {
    width: 100%;
    margin: auto;
    text-align: left;
}

.bl_headerNav_sm_listWrapper .bl_headerNav_sm_list {
    display: block;
    line-height: 1;
}

.bl_headerNav_sm_listWrapper .bl_headerNav_sm_list:not(:first-child) {
    margin-top: 2.4rem;
}

@media screen and (max-width: 560px) {
    .bl_headerNav_sm_listWrapper .bl_headerNav_sm_list:not(:first-child) {
        margin-top: 1.6rem;
    }
}

.bl_headerNav_sm_listWrapper .bl_headerNav_sm_list .bl_headerNav_sm_btn {
    display: inline-block;
    font-size: 2.3rem;
    color: #fff;
}

@media screen and (max-width: 960px) {
    .bl_headerNav_sm_listWrapper .bl_headerNav_sm_list .bl_headerNav_sm_btn {
        font-size: 2.6rem;
    }
}

@media screen and (max-width: 560px) {
    .bl_headerNav_sm_listWrapper .bl_headerNav_sm_list .bl_headerNav_sm_btn {
        font-size: 2.4rem;
    }
}

@media (hover: none) {
    .bl_headerNav_sm_listWrapper .bl_headerNav_sm_list .bl_headerNav_sm_btn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_headerNav_sm_listWrapper .bl_headerNav_sm_list .bl_headerNav_sm_btn:hover {
        opacity: 0.7;
    }
}

.bl_headerNav_sm_listWrapper .bl_headerNav_sm_list .bl_headerNav_sm_btn_child {
    margin-top: 2rem;
    font-size: 1.8rem;
    color: #bcbcbc;
    position: relative;
}

@media screen and (max-width: 960px) {
    .bl_headerNav_sm_listWrapper .bl_headerNav_sm_list .bl_headerNav_sm_btn_child {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 560px) {
    .bl_headerNav_sm_listWrapper .bl_headerNav_sm_list .bl_headerNav_sm_btn_child {
        margin-top: 1.6rem;
    }
}

.bl_headerNav_sm_listWrapper .bl_headerNav_sm_list .bl_headerNav_sm_btn_child span .jp {
    font-size: 1.4rem;
    display: block;
    margin-top: 0.8rem;
}

@media screen and (max-width: 560px) {
    .bl_headerNav_sm_listWrapper .bl_headerNav_sm_list .bl_headerNav_sm_btn_child span .jp {
        font-size: 1.2rem;
    }
}

@media (hover: none) {
    .bl_headerNav_sm_listWrapper .bl_headerNav_sm_list .bl_headerNav_sm_btn_child {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_headerNav_sm_listWrapper .bl_headerNav_sm_list .bl_headerNav_sm_btn_child:hover {
        opacity: 0.7;
    }
}

.bl_headerNav_sm_listWrapper .el_btn_header {
    background-color: #fff;
    border-color: #fff;
    color: #111111;
    margin-top: 4rem;
}

@media screen and (max-width: 560px) {
    .bl_headerNav_sm_listWrapper .el_btn_header {
        margin-top: 2.4rem;
        font-size: 1.4rem;
        line-height: 2.8rem;
        height: 3.2rem;
    }
}

.bl_headerNav_sm_listWrapper .el_btn_header:link,
.bl_headerNav_sm_listWrapper .el_btn_header:visited,
.bl_headerNav_sm_listWrapper .el_btn_header:active {
    color: #111111;
}

@media (hover: none) {
    .bl_headerNav_sm_listWrapper .el_btn_header {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_headerNav_sm_listWrapper .el_btn_header:hover {
        color: #fff;
        background-color: transparent;
    }
}

.bl_headerNav_sm_bg {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 0;
    width: min(100%, 88rem);
    height: calc(100vh + 8px);
    min-height: calc(100vh + 8px);
    pointer-events: none;
    /* box-shadow: -2rem 0 4rem rgba(0, 0, 0, 0.12); */
    /* will-change: transform; */
}

/*===============================================
===============================================*/
.bl_headerNav_sm {
    right: -100%;
}

.bl_headerNav_sm_listWrapper {
    opacity: 0;
}

.bl_headerNav_sm_listWrapper .bl_headerNav_sm_btn {
    color: #fff;
}

.bl_headerNav_sm .bl_headerNav_sm_logo {
    opacity: 0;
}

.bl_headerNav_sm_bg {
    opacity: 1;
    transform: translateX(100%);
    background-color: #111111;
}

/*===============================================
header hamburger
===============================================*/
.bl_hamburgerBtn {
    position: relative;
    width: 4rem;
    height: 4rem;
    margin: auto;
    cursor: pointer;
    border-radius: 50%;
    border: 0.1rem solid #F4F4F4;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    transition-property: transform, background-color;
    pointer-events: auto;
    display: none;
}

.bl_hamburgerBtn .bl_hamburgerBtn_trigger {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1.6rem;
    height: 0.5rem;
    pointer-events: auto;
}

.bl_hamburgerBtn .bl_hamburgerBtn_trigger span {
    --duration: 0.4s;
    transition: background-color var(--duration), transform var(--duration), opacity var(--duration);
    transform: translate3d(0, 0, 0);
    position: absolute;
    right: 0;
    height: 0.1rem;
    margin: auto;
    background-color: #222;
    width: 100%;
}

.bl_hamburgerBtn .bl_hamburgerBtn_trigger span:nth-of-type(1) {
    top: 0;
}

.bl_hamburgerBtn .bl_hamburgerBtn_trigger span:nth-of-type(2) {
    bottom: 0;
}

.bl_hamburgerBtn.is_smMenu_open span {
    background-color: #222;
}

.bl_hamburgerBtn.is_smMenu_open span:nth-of-type(1) {
    transform: translate3d(0, 0.2rem, 0) rotate(-45deg);
}

.bl_hamburgerBtn.is_smMenu_open span:nth-of-type(2) {
    transform: translate3d(0, -0.2rem, 0) rotate(45deg);
}

@media (hover: none) {
    .bl_hamburgerBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_hamburgerBtn:hover {
        background-color: #F4F4F4;
        transform: scale(0.95);
    }

    .bl_hamburgerBtn:hover .bl_hamburgerBtn_trigger span {
        background-color: #111111;
    }
}

/*===============================================
localeswitch
===============================================*/
.bl_header_localeSwich {
    display: block;
    margin-right: 2.4rem;
}

@media screen and (max-width: 560px) {
    .bl_hamburgerBtn {
        position: relative;
        width: 4rem;
        height: 4rem;
        margin: auto;
        cursor: pointer;
        border-radius: 50%;
        border: 0.1rem solid #F4F4F4;
        transition: all 0.4s;
        transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
        transition-property: transform, background-color;
        pointer-events: auto;
        display: block;
        /* margin-left: 90%; */
        right: -5px;
        width: 50px;
        height: 50px;
    }




    .bl_header_localeSwich {
        display: none;
    }
}

.bl_header_localeSwich ul {
    display: flex;
    align-items: center;
    gap: 40px;
}

.bl_header_localeSwich ul li a {
    display: block;
    /* font-weight: bold; */
    font-size: 1.4rem;
    transition: all 0.3s;
    font-weight: 500 !important;
}

.bl_header_localeSwich ul span {
    display: block;
    font-weight: bold;
    font-size: 1.6rem;
    color: #F4F4F4;
    padding: 0 0.4rem;
}

@media screen and (max-width: 1260px) {
    .bl_header_localeSwich ul li a {
        display: block;
        /* font-weight: bold; */
        font-size: 1.5rem;
        transition: all 0.3s;
        font-weight: 500 !important;
    }
}



.bl_header_localeSwich.is_jp ul li.__jp a {
    color: #111111;
    /* font-family: "zen-kaku-gothic-antique", sans-serif; */
    font-weight: 400;
    font-style: normal;
}

.bl_header_localeSwich.is_jp ul li.__en a {
    color: #595855;
}

@media (hover: none) {
    .bl_header_localeSwich.is_jp ul li.__en a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_header_localeSwich.is_jp ul li.__en a:hover {
        color: #F4F4F4;
    }
}

.bl_header_localeSwich.is_en ul li.__jp a {
    color: #595855;
}

@media (hover: none) {
    .bl_header_localeSwich.is_en ul li.__jp a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_header_localeSwich.is_en ul li.__jp a:hover {
        color: #F4F4F4;
    }
}

.bl_header_localeSwich.is_en ul li.__en a {
    color: #F4F4F4;
}

.h_contact {
    display: block;
    margin-right: 2.4rem;
    background: #414141;
    padding: 20px;
    border-radius: 0 0 0 1em;
    color: #fff;
    margin: 0 auto;
    position: absolute;
    top: 0;
    right: 0;
}



/*===============================================
localeswitch繝上Φ繝舌�繧ｬ繝ｼ繝｡繝九Η繝ｼ
===============================================*/
.bl_headerNav_sm_localeSwich {
    display: block;
    margin-top: 4rem;
}

@media screen and (max-width: 560px) {
    .h_contact {
        display: block;
        margin-right: 2.4rem;
        background: #414141;
        padding: 20px;
        border-radius: 0 0 0 1em;
        color: #fff;
        margin: 0 auto;
        position: absolute;
        top: 0;
        right: 0;
        display: none;
    }

    .bl_headerNav_sm_localeSwich {
        margin-top: 2.4rem;
    }
}

.bl_headerNav_sm_localeSwich ul {
    display: flex;
    align-items: center;
}

.bl_headerNav_sm_localeSwich ul li a {
    display: block;
    font-weight: bold;
    font-size: 2.4rem;
    transition: all 0.3s;
}

@media screen and (max-width: 560px) {
    .bl_headerNav_sm_localeSwich ul li a {
        font-size: 2rem;
    }
}

.bl_headerNav_sm_localeSwich ul span {
    display: block;
    font-weight: bold;
    font-size: 2.4rem;
    color: #fff;
    padding: 0 0.4rem;
}

@media screen and (max-width: 560px) {
    .bl_headerNav_sm_localeSwich ul span {
        font-size: 2rem;
    }
}

.bl_headerNav_sm_localeSwich.is_jp ul li.__jp a {
    color: #fff;
}

.bl_headerNav_sm_localeSwich.is_jp ul li.__en a {
    color: #bcbcbc;
}

@media (hover: none) {
    .bl_headerNav_sm_localeSwich.is_jp ul li.__en a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_headerNav_sm_localeSwich.is_jp ul li.__en a:hover {
        color: #fff;
    }
}

.bl_headerNav_sm_localeSwich.is_en ul li.__jp a {
    color: #bcbcbc;
}

@media (hover: none) {
    .bl_headerNav_sm_localeSwich.is_en ul li.__jp a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_headerNav_sm_localeSwich.is_en ul li.__jp a:hover {
        color: #fff;
    }
}

.bl_headerNav_sm_localeSwich.is_en ul li.__en a {
    color: #fff;
}

/*===============================================
                                                                                        footer
                                                                                        ===============================================*/
.bl_footer_contact {
    padding: 10.4rem 0 7.2rem;
    padding: 1.4rem 0 7.2rem;
    /* background-color: #111111; */
    position: relative;
}

@media screen and (max-width: 560px) {
    .bl_footer_contact {
        padding: 9.6rem 0 4.8rem;
    }
}

.bl_footer_contact_links {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 960px) {
    .bl_footer_contact_links {
        display: block;
    }
}

.bl_footer_contact_links a {
    border-radius: 0.8rem;
    width: min(32%, 32rem);
    height: 17.6rem;
    background-color: #333333;
    /* border: 0.1rem solid #888888; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    padding: 0 1.6rem 0 3.2rem;
    position: relative;
}

@media screen and (max-width: 960px) {
    .bl_footer_contact_links a {
        width: 100%;
    }
}

.bl_footer_contact_links a h3 {
    font-size: 2.8rem;
    margin-bottom: 2.4rem;
}

.bl_footer_contact_links a h3.__enPg {
    margin-bottom: 0;
}

.bl_footer_contact_links a p {
    font-size: 1.4rem;
    color: #C9C9C9;
}

.bl_footer_contact_links a .obj {
    position: absolute;
    top: 0;
    right: 3rem;
    bottom: 0;
    left: auto;
    margin: auto;
    z-index: -1;
    opacity: 0.4;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
}

.bl_footer_contact_links a:nth-child(1) .obj {
    width: 8rem;
}

.bl_footer_contact_links a:nth-child(2) .obj {
    width: 8rem;
}

.bl_footer_contact_links a:nth-child(3) .obj {
    width: 8rem;
    /* margin-top: 20px; */
}

@media screen and (max-width: 960px) {
    .bl_footer_contact_links a:not(:first-child) {
        margin-top: 1.6rem;
    }
}

@media (hover: none) {
    .bl_footer_contact_links a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_footer_contact_links a:hover .obj {
        opacity: 1;
    }
}

.bl_footer_contact_cta {
    text-align: center;
}

.bl_footer_contact_cta a {
    display: inline-block;
    color: #fff;
    font-size: 1.6rem;
    margin-top: 4rem;
}

.bl_footer_contact_cta a span {
    padding-left: 2.4rem;
    position: relative;
    padding-bottom: 0.4rem;
}

.bl_footer_contact_cta a span:after {
    content: "";
    width: calc(100% - 2.4rem);
    height: 0.1rem;
    background-color: #fff;
    bottom: 0;
    right: 0;
    position: absolute;
}

.bl_footer_contact_cta a span svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1rem;
}

.bl_footer_bottom {
    background-color: #222222;
    background: #f5f4f3;
    /* position: relative; */
    padding: 3em 5em 1em;
    margin: 2em 2em 0;
    border-radius: 1em 1em 0 0;
}

@media screen and (max-width: 560px) {
    .bl_footer_bottom {
        padding: 6.4rem 0 3.2rem;
        margin: 0 1em;
    }
}

.bl_footer_bottom .ly_inner_wider {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2em;
    gap: 3em;
}



.f_txt {
    padding: 1em;
    width: 35%;
}

.f_txt p {
    font-size: 1.3rem;
    line-height: 1.5
}


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

    .f_txt {
        padding: 0em;
        width: 100%;
        text-align: center;
    }
}

.bl_footer_bottom .ly_inner_wider h2.logo {
    width: 250px;
    margin-top: 40px;
}

@media (hover: none) {
    .bl_footer_bottom .ly_inner_wider h2.logo {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_footer_bottom .ly_inner_wider h2.logo:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 960px) {
    .bl_footer_bottom .ly_inner_wider {
        display: block;
        margin-bottom: 0;
    }

    .bl_footer_bottom .ly_inner_wider h2.logo {
        width: min(100%, 56rem);
        margin: 0 auto 6.4rem;
    }
}




.sitemap {}

.f_nav {
    padding: 10px 0
}

.f_nav ul {
    display: flex;
    flex-direction: row;
    gap: 1em;
    line-height: 2.5;
    justify-content: flex-start;
}

.f_nav ul li {
    /* width: 13.285%; */
    text-align: center;
    font-size: 1.3rem
}

.f_nav ul li {
    /* width: 13.285%; */
    text-align: center;
    padding: 0 1em;
}

.f_nav ul li.btn_login {
    background: #508693;
    border-radius: 0.2em;

}

.f_nav ul li.btn_login a {
    color: #ffffff;
}


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

    .f_nav {
        padding: 30px 0 20px
    }

    .f_nav ul {
        display: flex;
        flex-direction: row;
        gap: 1em;
        line-height: 2.5;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }


    .f_nav ul li {
        width: 45%;
        background: #555;
        border-radius: 0.2em;
    }

    .f_nav ul li a {
        color: #fff;
    }
}







.bl_footer_bottom_menu {
    /* display: flex; */
    justify-content: space-between;
    background: #414141;
    padding: 2em;
    border-radius: 0.5em;
    /* width: calc(100% - 400px); */
}

@media screen and (max-width: 560px) {
    .bl_footer_bottom .ly_inner_wider h2.logo {
        width: 250px;
        margin: 0 auto 6.4rem;
    }

    .bl_footer_bottom_menu {
        flex-wrap: wrap;
        padding: 1em;
        border-radius: 0.2em;
        margin-top: 20px;
    }

    .bl_footer_bottom_menu h3 {
        font-size: 0.8em;
    }


}

.bl_footer_bottom_menu .block_wrapper {
    /* width: 24rem; */
    display: flex;
    gap: 2em;
    flex-direction: row;
    flex-wrap: wrap;
}

@media screen and (max-width: 560px) {
    .bl_footer_bottom_menu .block_wrapper {
        width: calc(100% - 0rem);
        gap: 1em 1.5em;
        display: flex;
        justify-content: space-between;
    }
}

.bl_footer_bottom_menu .block:not(:last-child) {
    margin-bottom: 3.2rem;
    margin-bottom: 0;
}

@media screen and (max-width: 560px) {
    .bl_footer_bottom_menu .block {
        /* margin-bottom: 2.4rem; */
        width: 26.333%;
        text-align: center;
        padding-bottom: 5px;
        border-bottom: 1px solid #eee;
    }
}

@media (hover: none) {
    .bl_footer_bottom_menu .block a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_footer_bottom_menu .block a:hover {
        opacity: 0.7;
    }
}

.bl_footer_bottom_menu .block .linkHeading {
    color: #fff;
    font-size: 1.2rem;
}

.bl_footer_bottom_menu .block .linkHeading a {
    color: #fff;
}

@media screen and (max-width: 560px) {
    .bl_footer_bottom_menu .block .linkHeading {
        font-size: 1.3rem;
        line-height: 1.2;
    }
}

.bl_footer_bottom_menu .block .child_links {
    margin-top: 2.4rem;
}

@media screen and (max-width: 960px) {
    .bl_footer_bottom_menu .block .child_links {
        margin-top: 1.6rem;
    }
}

.bl_footer_bottom_menu .block .child_links p:not(:first-child) {
    margin-top: 1.6rem;
}

@media screen and (max-width: 560px) {
    .bl_footer_bottom_menu .block .child_links p:not(:first-child) {
        margin-top: 1.2rem;
    }
}

.bl_footer_bottom_menu .block .child_links p a {
    font-size: 1.4rem;
    color: #BCBCBC;
}

@media screen and (max-width: 560px) {
    .bl_footer_bottom_menu .block .child_links p a {
        font-size: 1.3rem;
        line-height: 1.2;
    }
}

.bl_footer_last {
    background-color: #414141;
}

.bl_footer_last .ly_inner_wider {
    padding: 2.4rem 0 4rem;
    border-top: 0.1rem solid #707070;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 960px) {
    .bl_footer_last .ly_inner_wider {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .bl_footer_last .ly_inner_wider {
        /* padding:10px; */
        padding: 1.4rem 0 1.4rem;
    }



}





.bl_footer_last_list {
    display: flex;
}

@media screen and (max-width: 960px) {
    .bl_footer_last_list {
        flex-wrap: wrap;
    }
}

.bl_footer_last_list li:not(:last-child) {
    margin-right: 3.2rem;
}

@media screen and (max-width: 960px) {
    .bl_footer_last_list li:not(:last-child) {
        margin-right: 1.6rem;
    }
}

@media screen and (max-width: 960px) {
    .bl_footer_last_list li {
        margin-top: 1.6rem;
    }
}

@media screen and (max-width: 600px) {
    .bl_footer_last_list {
        flex-wrap: wrap;
        display: flex;
        justify-content: space-evenly;
    }
}





.bl_footer_last_list li a {
    color: #fff;
    font-size: 1.3rem;
}

@media (hover: none) {
    .bl_footer_last_list li a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_footer_last_list li a:hover {
        opacity: 0.7;
    }
}

.bl_footer_last .bl_footerCopyright {
    color: rgba(255, 255, 255, 0.32);
    display: block;
    font-size: 1.4rem;
    text-align: left;
    color: #fff;
}

@media screen and (max-width: 960px) {
    .bl_footer_last .bl_footerCopyright {
        margin-top: 3.2rem;
    }
}

@media screen and (max-width: 560px) {
    .bl_footer_last .bl_footerCopyright {
        font-size: 1.2rem;
        text-align: center;
        margin-top: 2.2rem;
        margin: 2em;
    }
}

/*===============================================
                                                                                        localeswitch
                                                                                        ===============================================*/
.bl_footer_localeSwich {
    display: block;
    margin-top: 3.2rem;
}

@media screen and (max-width: 560px) {
    .bl_footer_localeSwich {
        margin-top: 2.4rem;
    }
}

.bl_footer_localeSwich ul {
    display: flex;
    align-items: center;
}

.bl_footer_localeSwich ul li a {
    display: block;
    font-weight: bold;
    font-size: 2.2rem;
    transition: all 0.3s;
}

@media screen and (max-width: 560px) {
    .bl_footer_localeSwich ul li a {
        font-size: 2rem;
    }
}

.bl_footer_localeSwich ul span {
    display: block;
    font-weight: bold;
    font-size: 2.2rem;
    color: #fff;
    padding: 0 0.4rem;
}

@media screen and (max-width: 560px) {
    .bl_footer_localeSwich ul span {
        font-size: 2rem;
    }
}

.bl_footer_localeSwich.is_jp ul li.__jp a {
    color: #fff;
    opacity: 1;
}

.bl_footer_localeSwich.is_jp ul li.__en a {
    color: #fff;
    opacity: 0.4;
}

@media (hover: none) {
    .bl_footer_localeSwich.is_jp ul li.__en a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_footer_localeSwich.is_jp ul li.__en a:hover {
        color: #fff;
        opacity: 1;
    }
}

.bl_footer_localeSwich.is_en ul li.__jp a {
    color: #fff;
    opacity: 0.4;
}

@media (hover: none) {
    .bl_footer_localeSwich.is_en ul li.__jp a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_footer_localeSwich.is_en ul li.__jp a:hover {
        color: #fff;
        opacity: 1;
    }
}

.bl_footer_localeSwich.is_en ul li.__en a {
    color: #fff;
    opacity: 1;
}

/*===============================================
                                                                                        serviceLineUp
                                                                                        ===============================================*/
/*===============================================
                                                                                        serviceLineUp
                                                                                        ===============================================*/
.bl_serviceLineUp {
    --negativeMargin: 2.4rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: calc(var(--negativeMargin) * -1);
}

.bl_serviceLineUp_block {
    width: calc(33.33333% - 1.2rem);
    height: 40rem;
    background-color: #222222;
    border-radius: 0.8rem;
    padding: 2.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: var(--negativeMargin);
    overflow: hidden;
    position: relative;
}

.bl_serviceLineUp_block.__enBlock {
    height: auto;
}

@media screen and (max-width: 960px) {
    .bl_serviceLineUp_block {
        width: 100%;
        height: auto;
    }
}

@media (hover: none) {
    .bl_serviceLineUp_block {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_serviceLineUp_block:hover .el_btn_main {
        background-color: #fff;
        color: #111111;
    }

    .bl_serviceLineUp_block:hover .el_btn_main span::before {
        transform: scale(0.6666);
        border-color: #111111;
        background-color: #111111;
    }

    .bl_serviceLineUp_block:hover .el_btn_main.grey {
        border-color: #fff;
    }
}

.bl_serviceLineUp_block_title {
    font-size: 2.2rem;
    color: #fff;
    position: relative;
    z-index: 10;
}

.bl_serviceLineUp_block .el_textBlock {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 0rem;
    height: 100%;
}

.bl_serviceLineUp_block .img_wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.bl_serviceLineUp_block img {
    position: absolute;
    opacity: 0;
    max-width: initial;
}




.bl_serviceLineUp_block img.icon_01 {
    width: 60px;
    opacity: 1;
    top: 0px;
    right: 10px;
}

.bl_serviceLineUp_block img.icon_02 {
    width: 60px;
    opacity: 1;
    top: 0px;
    right: 10px;
}

.bl_serviceLineUp_block img.icon_03 {
    width: 60px;
    opacity: 1;
    top: 0px;
    right: 10px;
}

.bl_serviceLineUp_block img.icon_04 {
    width: 60px;
    opacity: 1;
    top: 0px;
    right: 10px;
}

.bl_serviceLineUp_block img.icon_05 {
    width: 60px;
    opacity: 1;
    top: 0px;
    right: 10px;
}

.bl_serviceLineUp_block img.icon_06 {
    width: 60px;
    opacity: 1;
    top: 0px;
    right: 10px;
}


.bl_serviceLineUp_block:nth-child(1) img {
    /* top: 0; */
    /* right: -40%; */
}

@media (hover: none) {
    .bl_serviceLineUp_block:nth-child(1) {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_serviceLineUp_block:nth-child(1):hover {
        background-color: #09976c;
    }
}

.bl_serviceLineUp_block:nth-child(2) img:nth-child(1) {
    width: 34%;
    top: -8%;
    right: 24%;
}

.bl_serviceLineUp_block:nth-child(2) img:nth-child(2) {
    width: 45%;
    top: -16%;
    right: -9%;
}

.bl_serviceLineUp_block:nth-child(2) img:nth-child(3) {
    /* width: 50%; */
    /* bottom: -31%; */
    /* right: 16%; */
}

.bl_serviceLineUp_block:nth-child(2) img:nth-child(4) {
    width: 39%;
    bottom: 13%;
    right: -5%;
}

@media (hover: none) {
    .bl_serviceLineUp_block:nth-child(2) {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_serviceLineUp_block:nth-child(2):hover {
        background-color: #1a87b9;
    }
}

.bl_serviceLineUp_block:nth-child(3) img:nth-child(1) {
    width: 155%;
    top: 21%;
    max-width: initial;
    left: -13%;
}

.bl_serviceLineUp_block:nth-child(3) img:nth-child(2) {
    transform: rotate(90deg);
    width: 155%;
    max-width: initial;
    left: 4%;
    top: 36%;
}

@media (hover: none) {
    .bl_serviceLineUp_block:nth-child(3) {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_serviceLineUp_block:nth-child(3):hover {
        background-color: #456e8b;
    }
}

.bl_serviceLineUp_block:nth-child(4) img:nth-child(1) {
    width: 100%;
    bottom: -19%;
    right: -12%;
}

.bl_serviceLineUp_block:nth-child(4) img:nth-child(2) {
    width: 100%;
    bottom: -17%;
    right: -9%;
}

.bl_serviceLineUp_block:nth-child(4) img:nth-child(3) {
    /* width: 100%; */
    /* bottom: -13%; */
    /* right: -16%; */
}

@media (hover: none) {
    .bl_serviceLineUp_block:nth-child(4) {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_serviceLineUp_block:nth-child(4):hover {
        background-color: #cc3340;
    }
}


@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_serviceLineUp_block:nth-child(5):hover {
        background-color: #d86a00;
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_serviceLineUp_block:nth-child(6):hover {
        background-color: #eca728;
    }
}




/*===============================================
                                                                                        _supporters
                                                                                        ===============================================*/
.bl_supporters_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.2rem;
}

@media screen and (max-width: 560px) {
    .bl_supporters_title {
        margin-bottom: 2.4rem;
    }
}

.bl_supporters_title .title {
    text-align: center;
    flex-shrink: 0;
    margin: 0 4.8rem;
}

.bl_supporters_title .title h3 {
    font-size: 2.4rem;
    margin-bottom: 1.2rem;
}

.bl_supporters_title .title p {
    font-size: 1.4rem;
}

.bl_supporters_title .line {
    width: 100%;
    height: 0.1rem;
}

.bl_supporters ul {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 2rem);
    margin-left: -1rem;
    margin-bottom: -2rem;
}

.bl_supporters ul li {
    margin: 0 1rem 2rem;
    width: calc(16.6666666667% - 2rem);
    border-radius: 0.6rem;
    height: 6.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 960px) {
    .bl_supporters ul li {
        width: calc(25% - 2rem);
    }
}

@media screen and (max-width: 560px) {
    .bl_supporters ul li {
        width: calc(50% - 2rem);
    }
}

.bl_supporters ul li picture {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bl_supporters ul li .company_logo {
    display: block;
    max-width: 79.0064102564%;
    max-height: 80%;
    width: auto;
    height: auto;
    margin: 0 auto;
}

.bl_supporters.cl_fff {
    color: #fff;
}

.bl_supporters.cl_fff .line {
    background-color: #fff;
}

.bl_supporters.cl_fff ul li {
    background-color: #F4F4F4;
}

.bl_supporters.cl_black {
    color: #111111;
}

.bl_supporters.cl_black .line {
    background-color: #111111;
}

.bl_supporters.cl_black ul li {
    background-color: #F4F4F4;
}

.bl_supporters.cl_black2 {
    color: #111111;
}

.bl_supporters.cl_black2 .line {
    background-color: #111111;
}

.bl_supporters.cl_black2 ul li {
    background-color: #fff;
}

/*===============================================
                                                                                        card
                                                                                        ===============================================*/
.bl_card_column_slider .category {
    display: inline-block;
    font-size: 1.3rem;
    height: auto;
    padding: 0.8rem 1.6rem;
    border-radius: 4rem;
    background-color: #6E6E6E;
    color: #fff;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    max-width: 18rem;
    display: inline-block;
    margin-bottom: 1.6rem;
}

.bl_card_column_slider .category span {
    line-height: 1.2;
}

@media screen and (max-width: 560px) {
    .bl_card_column_slider .category {
        font-size: 1.2rem;
        padding: 0.8rem 1.2rem;
    }
}

@media screen and (max-width: 560px) {
    .bl_card_column_slider .category {
        line-height: 2.2rem;
        margin-bottom: 0.8rem;
    }
}

.bl_card_column_slider .category.cl_purple {
    background-color: #47319B;
}

.bl_card_column_slider .title {
    margin-bottom: 1.6rem;
    font-weight: bold;
}

.bl_card_column_slider .thumbnail_wrap {
    position: relative;
    padding-left: 2.4rem;
}

.bl_card_column_slider .thumbnail_wrap .el_thumb {
    border-radius: 0.4rem;
}

.bl_card_column_slider .thumbnail_wrap .date {
    position: absolute;
    left: 0;
    font-size: 1.4rem;
    font-weight: 600;
}

.bl_card_column_slider .thumbnail_wrap .date span {
    writing-mode: vertical-lr;
}

.bl_card_adviser {
    width: 100%;
}

.bl_card_adviser .el_thumb {
    border-radius: 0.4rem;
}

.bl_card_adviser .el_thumb .vmIcon {
    position: absolute;
    top: auto;
    right: 1.2rem;
    bottom: 1.2rem;
    left: auto;
    width: 3.2rem;
    height: auto;
}

.bl_card_adviser .el_thumb .el_thumb_bg {
    padding-top: 133%;
}

.bl_card_adviser .name {
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 1.6rem;
}

.bl_card_adviser .position {
    font-size: 1.8rem;
    margin-top: 0.8rem;
}

.bl_card_news .el_thumb {
    border-radius: 0.4rem;
}

.bl_card_news .info_wrapper {
    display: flex;
    align-items: center;
    margin: 1.2rem 0;
    letter-spacing: 0;
}

.bl_card_news .info_wrapper .category {
    font-size: 1.3rem;
    height: auto;
    padding: 0.8rem 1.6rem;
    border-radius: 4rem;
    background-color: #6E6E6E;
    color: #fff;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    max-width: 18rem;
    display: inline-block;
    background-color: #111111;
    margin-right: 0.8rem;
}

.bl_card_news .info_wrapper .category span {
    line-height: 1.2;
}

@media screen and (max-width: 560px) {
    .bl_card_news .info_wrapper .category {
        font-size: 1.2rem;
        padding: 0.8rem 1.2rem;
    }
}

.bl_card_news .info_wrapper .date {
    font-size: 1.4rem;
    color: rgba(17, 17, 17, 0.8);
    font-weight: 600;
}

.bl_card_news .title {
    font-weight: bold;
}

.bl_card_column .el_thumb {
    border-radius: 0.4rem;
}

.bl_card_column .title {
    margin: 1.6rem 0;
    font-weight: bold;
    line-height: 1.6;
}

.bl_card_column .title::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
}

.bl_card_column .title::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
}

.bl_card_column .info_wrapper {
    display: flex;
    align-items: center;
    letter-spacing: 0;
}

.bl_card_column .info_wrapper .category {
    margin-right: 0.8rem;
    pointer-events: none;
    font-size: 1.3rem;
    height: auto;
    padding: 0.8rem 1.6rem;
    border-radius: 4rem;
    background-color: #6E6E6E;
    color: #fff;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    max-width: 18rem;
    display: inline-block;
}

.bl_card_column .info_wrapper .category.cl_orange {
    background-color: #C77836;
}

.bl_card_column .info_wrapper .category.cl_blue {
    background-color: #1A87B9;
}

.bl_card_column .info_wrapper .category.cl_dblue {
    background-color: #3359AD;
}

.bl_card_column .info_wrapper .category.cl_purple {
    background-color: #47319B;
}

.bl_card_column .info_wrapper .category.cl_green {
    background-color: #458B4C;
}

.bl_card_column .info_wrapper .category.cl_grey {
    background-color: #6E6E6E;
}

@media (hover: none) {
    .bl_card_column .info_wrapper .category {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_card_column .info_wrapper .category:hover {
        opacity: 0.7;
    }
}

.bl_card_column .info_wrapper .category span {
    line-height: 1.2;
}

@media screen and (max-width: 560px) {
    .bl_card_column .info_wrapper .category {
        font-size: 1.2rem;
        padding: 0.8rem 1.2rem;
    }
}

.bl_card_column .info_wrapper .date {
    font-size: 1.4rem;
    color: rgba(17, 17, 17, 0.8);
    font-weight: 600;
}

/*===============================================
                                                                                        cardUnit
                                                                                        ===============================================*/
.bl_cardUnit {
    display: flex;
    flex-wrap: wrap;
}

.bl_cardUnit.__3col {
    --negativeMargin: 5.6rem;
    margin-bottom: calc(var(--negativeMargin) * -1);
    width: calc(100% + 4rem);
    margin-left: -2rem;
}

@media screen and (max-width: 960px) {
    .bl_cardUnit.__3col {
        --negativeMargin: 3.2rem;
    }
}

@media screen and (max-width: 960px) {
    .bl_cardUnit.__3col {
        width: calc(100% + 1.6rem);
        margin-left: -0.8rem;
    }
}

.bl_cardUnit.__3col .bl_cardUnit_list {
    display: inline-block;
    width: calc(33.33333% - 4rem);
    margin: 0 2rem var(--negativeMargin);
}

@media screen and (max-width: 960px) {
    .bl_cardUnit.__3col .bl_cardUnit_list {
        width: calc(50% - 1.6rem);
        margin: 0 0.8rem var(--negativeMargin);
    }
}

@media screen and (max-width: 560px) {
    .bl_cardUnit.__3col .bl_cardUnit_list {
        width: 100%;
    }
}

.bl_cardUnit.__2col {
    justify-content: space-between;
    --negativeMargin: 4rem;
    margin-bottom: calc(var(--negativeMargin) * -1);
}

@media screen and (max-width: 960px) {
    .bl_cardUnit.__2col {
        --negativeMargin: 3.2rem;
    }
}

.bl_cardUnit.__2col .bl_cardUnit_list {
    display: inline-block;
    width: calc(50% - 2rem);
    margin-bottom: var(--negativeMargin);
}

@media screen and (max-width: 960px) {
    .bl_cardUnit.__2col .bl_cardUnit_list {
        width: calc(50% - 1.6rem);
    }
}

@media screen and (max-width: 560px) {
    .bl_cardUnit.__2col .bl_cardUnit_list {
        width: 100%;
    }
}

.bl_cardUnit.__4col {
    --negativeMargin: 4rem;
    margin-bottom: calc(var(--negativeMargin) * -1);
    width: calc(100% + 4rem);
    margin-left: -2rem;
}

@media screen and (max-width: 960px) {
    .bl_cardUnit.__4col {
        --negativeMargin: 3.2rem;
    }
}

.bl_cardUnit.__4col .bl_cardUnit_list {
    display: inline-block;
    width: calc(25% - 4rem);
    margin: 0 2rem var(--negativeMargin);
}

@media screen and (max-width: 960px) {
    .bl_cardUnit.__4col .bl_cardUnit_list {
        width: calc(50% - 1.6rem);
    }
}

@media screen and (max-width: 560px) {
    .bl_cardUnit.__4col .bl_cardUnit_list {
        width: 100%;
    }
}

/*===============================================
                                                                                        subFv
                                                                                        ===============================================*/
.bl_subFv01 {
    padding: 20rem 0 12rem;
    position: relative;
}

@media screen and (max-width: 960px) {
    .bl_subFv01 {
        padding: 12rem 0 8.8rem;
    }
}

.bl_subFv01_description {
    display: flex;
}

@media screen and (max-width: 560px) {
    .bl_subFv01_description {
        display: block;
    }
}

.bl_subFv01_description_title {
    flex-shrink: 0;
    margin-right: 8rem;
    padding-left: 4rem;
}

@media screen and (max-width: 560px) {
    .bl_subFv01_description_title {
        margin-right: 0;
        padding-left: 0;
        margin-bottom: 4rem;
    }
}

.bl_subFv01_description_title .title {
    font-size: 2.4rem;
    margin-bottom: 1.2rem;
}

.bl_subFv01_description_title .title.__enPg {
    margin-bottom: 0;
}

.bl_subFv01_description_title .subtitle {
    font-size: 1.4rem;
    font-weight: 500;
}

.bl_subFv01_description_title .ring_wrapper {
    position: relative;
}

.bl_subFv01_description_title .ring_wrapper .text_wrapper {
    padding-left: 5.2rem;
    display: inline-block;
}

.bl_subFv01_description_title .ring01,
.bl_subFv01_description_title .ring02 {
    position: absolute;
    width: 3.9rem;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.bl_subFv01_description_title .ring01 {
    z-index: 1;
}

.bl_subFv01_description_title .ring_wrapper span,
.bl_subFv01_description_title .ring_wrapper .ring01,
.bl_subFv01_description_title .ring_wrapper .ring02 {
    opacity: 0;
}

.bl_subFv01_title {
    margin: 10.4rem auto 0;
    width: min(100% - 3.2rem, 128rem);
}

.bl_subFv01_title .lg_only {
    display: block;
}

@media screen and (max-width: 560px) {
    .bl_subFv01_title .lg_only {
        display: none;
    }
}

.bl_subFv01_title .sm_only {
    display: none;
}

@media screen and (max-width: 560px) {
    .bl_subFv01_title .sm_only {
        display: block;
    }
}

.pg_whoweare .bl_subFv01_title .img_wrapper {
    display: block;
    color: #fff;
    font-size: 30px;
}

.pg_whoweare .bl_subFv01_title .img_wrapper:nth-child(1) img {
    width: min(100%, 105rem);
}

.pg_whoweare .bl_subFv01_title .img_wrapper:nth-child(2) {
    display: flex;
    justify-content: flex-end;
    margin-top: 4.8rem;
}

@media screen and (max-width: 560px) {
    .pg_whoweare .bl_subFv01_title .img_wrapper:nth-child(2) {
        margin-top: 1.6rem;
    }
}

.pg_whoweare .bl_subFv01_title .img_wrapper:nth-child(2) img {
    width: min(100%, 110rem);
}

.pg_service .bl_subFv01_title .img_wrapper {
    display: block;
}

.pg_service .bl_subFv01_title .img_wrapper:nth-child(1) img {
    width: min(100%, 105.6rem);
}

.pg_service .bl_subFv01_title .img_wrapper:nth-child(2) {
    display: flex;
    justify-content: flex-end;
    margin-top: 4.8rem;
}

@media screen and (max-width: 560px) {
    .pg_service .bl_subFv01_title .img_wrapper:nth-child(2) {
        margin-top: 1.6rem;
    }
}

.pg_service .bl_subFv01_title .img_wrapper:nth-child(2) img {
    width: min(100%, 124.8rem);
}

.pg_career .bl_subFv01_title .img_wrapper {
    display: block;
}

.pg_career .bl_subFv01_title .img_wrapper:nth-child(1) img {
    width: min(100%, 109.4rem);
}

.pg_career .bl_subFv01_title .img_wrapper:nth-child(2) {
    display: flex;
    justify-content: flex-end;
    margin-top: 4.8rem;
}

@media screen and (max-width: 560px) {
    .pg_career .bl_subFv01_title .img_wrapper:nth-child(2) {
        margin-top: 1.6rem;
    }
}

.pg_career .bl_subFv01_title .img_wrapper:nth-child(2) img {
    width: min(72%, 76.5rem);
}

@media screen and (max-width: 560px) {
    .pg_career .bl_subFv01_title .img_wrapper:nth-child(2) img {
        width: 100%;
    }
}

.bl_subFv01.cl_black {
    background-color: #131314;
}

.bl_subFv01.cl_black .bl_subFv01_description {
    color: #fff;
}

.bl_subFv01.cl_fff {
    background-color: #fff;
}

.bl_subFv01.cl_fff .bl_subFv01_description {
    color: #111111;
}

.bl_subFv01 .js_waveBgWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 0;
    top: 0;
}

@media screen and (max-width: 560px) {
    .bl_subFv01 .js_waveBgWrapper {
        width: 120%;
        left: -10%;
        height: 80%;
    }
}

/*===============================================
                                                                                        subFv2
                                                                                        ===============================================*/
.bl_subFv02 {
    padding: 18.5rem 0 12rem;
    position: relative;
}

@media screen and (max-width: 960px) {
    .bl_subFv02 {
        padding: 12rem 0 8.8rem;
    }
}

.bl_subFv02_title {
    display: flex;
    align-items: center;
    margin-bottom: 7.2rem;
}

@media screen and (max-width: 960px) {
    .bl_subFv02_title {
        display: block;
    }
}

@media screen and (max-width: 560px) {
    .bl_subFv02_title {
        margin-bottom: 4rem;
    }
}

.bl_subFv02_title .subjectBlock {
    margin-right: 4rem;
    margin-top: 0.9rem;
    flex-shrink: 0;
}

@media screen and (max-width: 960px) {
    .bl_subFv02_title .subjectBlock {
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 1.6rem;
    }
}

.bl_subFv02_title .subjectBlock .title {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.3;
}

.bl_subFv02_title .subjectBlock .title::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
    content: "";
}

.bl_subFv02_title .subjectBlock .title::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3) * 0.5em);
    content: "";
}

@media screen and (max-width: 960px) {
    .bl_subFv02_title .subjectBlock .title {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 560px) {
    .bl_subFv02_title .subjectBlock .title {
        font-size: 1.5rem;
    }
}

.bl_subFv02_title .subjectBlock img {
    width: 43.4rem;
    margin-top: 1.6rem;
}

@media screen and (max-width: 960px) {
    .bl_subFv02_title .subjectBlock img {
        width: 40rem;
    }
}

@media screen and (max-width: 560px) {
    .bl_subFv02_title .subjectBlock img {
        width: 32rem;
    }
}

.bl_subFv02_title .titleBlock .title {
    font-size: 9.6rem;
}

@media screen and (max-width: 960px) {
    .bl_subFv02_title .titleBlock .title {
        font-size: 10rem;
    }
}

@media screen and (max-width: 560px) {
    .bl_subFv02_title .titleBlock .title {
        font-size: 6.4rem;
    }
}

.bl_subFv02_thumbnail {
    display: flex;
}

@media screen and (max-width: 560px) {
    .bl_subFv02_thumbnail {
        display: block;
    }
}

.bl_subFv02_thumbnail_text,
.bl_subFv02_thumbnail_thumb {
    width: 50%;
}

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

    .bl_subFv02_thumbnail_text,
    .bl_subFv02_thumbnail_thumb {
        width: calc(100% - 3.2rem);
        margin: 0 auto;
    }
}

.bl_subFv02_thumbnail_thumb {
    padding-right: 8rem;
}

@media screen and (max-width: 960px) {
    .bl_subFv02_thumbnail_thumb {
        padding-right: 4rem;
    }
}

@media screen and (max-width: 560px) {
    .bl_subFv02_thumbnail_thumb {
        padding-right: 0;
    }
}

.bl_subFv02_thumbnail_thumb .el_thumb {
    border-radius: 0 0.8rem 0.8rem 0;
}

@media screen and (max-width: 560px) {
    .bl_subFv02_thumbnail_thumb .el_thumb {
        border-radius: 0.8rem;
    }
}

.bl_subFv02_thumbnail_text {
    margin-top: 19rem;
}

@media screen and (max-width: 560px) {
    .bl_subFv02_thumbnail_text {
        margin-top: 3.2rem;
    }
}

.bl_subFv02_thumbnail_text .el_textBlock p.el_textBlock_text {
    width: min(100%, 32rem);
}

@media screen and (max-width: 560px) {
    .bl_subFv02_thumbnail_text .el_textBlock p.el_textBlock_text {
        width: 100%;
    }
}

.bl_subFv02 .bl_objBg .forward,
.bl_subFv02 .bl_objBg .back {
    top: 10%;
}

/*===============================================
                                                                                        subFv03
                                                                                        ===============================================*/
.bl_subFv03 {
    padding: 10rem 0 1.4rem;
    text-align: center;
    position: relative;
}

@media screen and (max-width: 960px) {
    .bl_subFv03 {
        padding: 12rem 0 0.4rem;
    }
}

.bl_subFv03_title {
    font-size: 4rem;
}

@media screen and (max-width: 960px) {
    .bl_subFv03_title {
        /* font-size: 6.4rem; */
    }
}

@media screen and (max-width: 560px) {
    .bl_subFv03 {
        padding: 8rem 0 1.4rem;
    }

    .bl_subFv03_title {
        font-size: 2.8rem;
    }
}

.bl_subFv03_subTitle {
    font-size: 2.2rem;
    margin-top: 1.2rem;
}

@media screen and (max-width: 960px) {
    .bl_subFv03_subTitle {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 560px) {
    .bl_subFv03_subTitle {
        font-size: 1.6rem;
    }
}

.pg_contact .bl_subFv03 {
    width: min(100% - 3.2rem, 120rem);
    margin: 0 auto;
    padding: 0 0 4.8rem 0;
    border-bottom: 0.1rem solid rgba(51, 51, 51, 0.8);
}

/*===============================================
===============================================*/
.bl_subFv_WaveBg {
    position: absolute;
    top: 0;
    height: 56.16rem;
    z-index: -1;
    transform: rotate(-5deg);
    width: 110%;
    left: -5%;
    right: auto;
    display: none;
}

.bl_subFv_WaveBg .js_waveBgWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 0;
    top: 0;
}

/*===============================================
dataBlock
===============================================*/
.bl_dataBlock {
    position: relative;
    padding: 12rem 0 10.4rem 0;
    margin-top: 70px;
    margin-top: 0;
    margin-bottom: 80px;
}

@media screen and (max-width: 560px) {
    .bl_dataBlock {
        padding: 3.4rem 0;
        margin-top: 0;
        margin-bottom: 40px;
    }
}

.bl_dataBlock_bg {
    position: absolute;
    top: 0;
    right: 100px;
    bottom: 0;
    left: 100px;
    width: calc(100% - 200px);
    background-color: #fff;
    height: 100%;
    z-index: 1;
    border-radius: 2rem 0 0 2rem;
    border-radius: 2rem;
    /* margin-bottom: 100px; */
}

@media screen and (max-width: 960px) {
    .bl_dataBlock_bg {
        width: calc(100% - 4rem);
        left: auto;
        border-radius: 2rem 0 0 2rem;
        right: 0;
    }
}

.bl_dataBlock_bglayer {
    position: absolute;
    top: auto;
    right: 0;
    bottom: -8.4rem;
    left: 0;
    width: 100%;
    height: 70%;
    background-color: #d9e8ed;
    z-index: 0;
}

.bl_dataBlock .ly_inner {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 960px) {
    .bl_dataBlock .ly_inner {
        display: block;
    }
}

.bl_dataBlock .ly_inner .el_headingBlock {
    flex-shrink: 0;
    margin: 0 4.6rem 0 10.4rem;
    margin-left: 4.6rem;
    padding-top: 10px;
}

@media screen and (max-width: 960px) {
    .bl_dataBlock .ly_inner .el_headingBlock {
        margin: 0 0 4.8rem 6.4rem;
    }
}

@media screen and (max-width: 560px) {
    .bl_dataBlock .ly_inner .el_headingBlock {
        margin-bottom: 3.2rem;
    }
}

.bl_dataBlock .ly_inner .el_headingBlock .service_img {
    width: 200px;
    display: block;
    margin: 10px auto 0;
}


.bl_dataBlock .ly_inner {
    margin: 0 auto;
    position: relative;
    z-index: 100;
    width: min(100% - 3.2rem, 104rem);
    /* margin-right: 60px; */
}




.bl_dataBlock .ly_inner_top {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 960px) {
    .bl_dataBlock .ly_inner_top {
        display: block;
    }
}

.bl_dataBlock .ly_inner_top .el_headingBlock {
    flex-shrink: 0;
    margin: 0 4.6rem 0 10.4rem;
    margin-left: 4.6rem;
    padding-top: 10px;
    width: calc(100% - 4.6rem);
    text-align: center;
}

.bl_dataBlock .ly_inner_top .el_headingBlock h3 {
    font-size: 3.5rem;
    margin-bottom: 1em
}

.bl_dataBlock .ly_inner_top .el_headingBlock p {
    font-size: 2.1rem;
    margin-bottom: 1em
}



@media screen and (max-width: 960px) {
    .bl_dataBlock .ly_inner_top .el_headingBlock {
        margin: 0 0 4.8rem 6.4rem;
    }
}

@media screen and (max-width: 560px) {
    .bl_dataBlock .ly_inner_top .el_headingBlock {
        margin-bottom: 3.2rem;
        width: calc(100% - 80px);
        margin-right: 0;
        margin-left: 80px;
    }

    .bl_dataBlock .ly_inner_top .el_headingBlock h3 {
        font-size: 1.5rem;
        margin-bottom: 1em;
        text-align: left;
    }

    .bl_dataBlock .ly_inner_top .el_headingBlock p {
        font-size: 1.3rem;
        text-align: left;
    }
}

.bl_dataBlock .ly_inner_top .el_headingBlock .service_img {
    width: 200px;
    display: block;
    margin: 10px auto 0;
}


.bl_dataBlock .ly_inner_top {
    margin: 0 auto;
    position: relative;
    z-index: 100;
    /* width: min(100% - 3.2rem, 104rem); */
    /* margin-right: 100px; */
}

@media screen and (max-width: 560px) {
    .bl_dataBlock .ly_inner_top {
        width: min(100% - 3.2rem, 104rem);
        margin-right: 100px;
        margin-right: 5px;
        width: 100%;
    }
}




.bl_dataBlockCont {
    width: 100%;
    display: none;
}

.bl_dataBlockCont .block {
    padding-bottom: 1.6rem;
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.32);
}

.bl_dataBlockCont .block:not(:last-child) {
    margin-bottom: 3.2rem;
}

.bl_dataBlockCont .block>*:last-child {
    margin-bottom: 0 !important;
}

.bl_dataBlockCont .block .title {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1.6rem;
    line-height: 1.6;
}

.bl_dataBlockCont .block .title::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
}

.bl_dataBlockCont .block .title::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
}

@media screen and (max-width: 560px) {
    .bl_dataBlockCont .block .title {
        font-size: 1.8rem;
    }
}

.bl_dataBlockCont .block .num_wrapper {
    display: flex;
    align-items: flex-end;
    margin-bottom: 0.8rem;
}

@media screen and (max-width: 960px) {
    .bl_dataBlockCont .block .num_wrapper {
        margin-bottom: 0;
    }
}

.bl_dataBlockCont .block .num_wrapper .num {
    font-size: 8rem;
    margin-right: 1.2rem;
}

.bl_dataBlockCont .block .num_wrapper .subject {
    font-weight: bold;
    font-size: 3.2rem;
    margin-bottom: 1.6rem;
}

@media screen and (max-width: 560px) {
    .bl_dataBlockCont .block .num_wrapper .subject {
        font-size: 2.2rem;
        margin-bottom: 1.6rem;
    }
}

.bl_dataBlockCont .block .num_wrapper .subject.__enBlock {
    font-size: 1.8rem;
    margin-right: 1.2rem;
}

@media screen and (max-width: 560px) {
    .bl_dataBlockCont .block .num_wrapper .subject.__enBlock {
        font-size: 2rem;
    }
}

.bl_dataBlockCont .block .year {
    font-weight: 500;
}

.bl_dataBlockCont_topArea .block {
    border-bottom: none;
    padding: 4.6rem 3.2rem 4.6rem 3.2rem;
    position: relative;
}


.bl_dataBlockCont_topArea .block ul {
    margin-top: 30px;
    margin-bottom: 30px;
}

.bl_dataBlockCont_topArea .block ul li {
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 600;
}




@media screen and (max-width: 960px) {
    .bl_dataBlockCont_topArea .block {
        padding: 0 0 3.2rem 5.6rem;
    }
}

.bl_dataBlockCont_topArea .block .title {
    font-size: 2.2rem;
}

@media screen and (max-width: 560px) {
    .bl_dataBlockCont_topArea .block .title {
        font-size: 1.8rem;
    }
}

.bl_dataBlockCont_topArea .block .title.__enBlock {
    margin-bottom: 6.4rem;
}

@media screen and (max-width: 960px) {
    .bl_dataBlockCont_topArea .block .title.__enBlock {
        margin-bottom: 3.6rem;
    }
}

@media screen and (max-width: 560px) {
    .bl_dataBlockCont_topArea .block .title.__enBlock {
        margin-bottom: 2.2rem;
    }
}

.bl_dataBlockCont_topArea .block .num_wrapper {
    margin-bottom: 0;
    position: absolute;
    top: auto;
    right: 3.2rem;
    bottom: 1.6rem;
    left: auto;
}

@media screen and (max-width: 960px) {
    .bl_dataBlockCont_topArea .block .num_wrapper {
        position: static;
    }
}

.bl_dataBlockCont_topArea .block .num_wrapper .num {
    font-size: 12rem;
}

@media screen and (max-width: 560px) {
    .bl_dataBlockCont_topArea .block .num_wrapper .num {
        font-size: 8rem;
    }
}

.bl_dataBlockCont_topArea .block .num_wrapper .subject {
    font-size: 4rem;
    margin-bottom: 2.2rem;
}

@media screen and (max-width: 560px) {
    .bl_dataBlockCont_topArea .block .num_wrapper .subject {
        font-size: 2.2rem;
        margin-bottom: 1.6rem;
    }
}

.bl_dataBlockCont_topArea .block .num_wrapper .subject.__enBlock {
    font-size: 2.4rem;
}

@media screen and (max-width: 560px) {
    .bl_dataBlockCont_topArea .block .num_wrapper .subject.__enBlock {
        font-size: 2rem;
    }
}

.bl_dataBlockCont_bottomArea {
    display: flex;
}

@media screen and (max-width: 960px) {
    .bl_dataBlockCont_bottomArea {
        display: block;
    }
}

.bl_dataBlockCont_bottomArea .block {
    border-top: 0.1rem solid rgba(0, 0, 0, 0.32);
    width: 50%;
    padding: 3.2rem 3.2rem 1.6rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

@media screen and (max-width: 960px) {
    .bl_dataBlockCont_bottomArea .block {
        width: calc(100% - 5.6rem);
        margin-left: 5.6rem;
        padding: 3.2rem 0 3.2rem 0;
    }
}

.bl_dataBlockCont_bottomArea .block:not(:last-child) {
    margin-bottom: 0;
    border-right: 0.1rem solid rgba(0, 0, 0, 0.32);
}

@media screen and (max-width: 960px) {
    .bl_dataBlockCont_bottomArea .block:not(:last-child) {
        border-right: none;
    }
}

.pg_acceleration_data .bl_dataBlock_bg {
    background-color: #222222;
}

.pg_acceleration_data .bl_dataBlock_bglayer {
    background-color: #fff;
}

.pg_acceleration_data .bl_dataBlockCont>* {
    color: #fff !important;
}

.pg_acceleration_data .bl_dataBlockCont .block {
    border-color: rgba(255, 255, 255, 0.32);
}

/*===============================================
                                                                                        strength
                                                                                        ===============================================*/
.bl_strength .el_thumb {
    border-radius: 1.2rem;
}

.bl_strength .el_thumb .el_thumb_bg {
    padding-top: 42%;
}

.bl_strength .bl_strength_cont {
    display: flex;
    justify-content: center;
    margin-top: 4.8rem;
    width: calc(100% + 8rem);
    margin-left: -4rem;
}

@media screen and (max-width: 960px) {
    .bl_strength .bl_strength_cont {
        display: block;
        width: 100%;
        margin-left: 0;
    }
}

.bl_strength .bl_strength_cont li {
    width: 33.33333%;
    padding: 0 4rem;
}

@media screen and (max-width: 960px) {
    .bl_strength .bl_strength_cont li {
        width: 100%;
        padding: 0;
    }
}

.bl_strength .bl_strength_cont li:not(:last-child) {
    border-right: 0.1rem solid rgba(0, 0, 0, 0.16);
}

@media screen and (max-width: 960px) {
    .bl_strength .bl_strength_cont li:not(:last-child) {
        border-right: none;
        padding-bottom: 3.2rem;
        border-bottom: 0.1rem solid rgba(0, 0, 0, 0.16);
        margin-bottom: 3.2rem;
    }
}

/*===============================================
                                                                                        _adviserSlider
                                                                                        ===============================================*/
.bl_adviserSlider {
    position: relative;
}

.bl_adviserSlider .splide__track {
    overflow: visible;
}

.bl_adviserSlider ul.splide__list li.splide__slide {
    width: min(100vw - 6.4rem, 23rem);
    margin-right: 4rem;
}

.bl_adviserSlider .splide__arrows {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bl_adviserSlider .splide__arrows .splide__arrow .el_arrowBtn {
    width: 5.6rem;
    height: 5.6rem;
}

.bl_adviserSlider .splide__arrows .splide__arrow .el_arrowBtn .bg {
    fill: #111111;
}

.bl_adviserSlider .splide__arrows .splide__arrow .el_arrowBtn .border {
    fill: #111111;
}

.bl_adviserSlider .splide__arrows .splide__arrow .el_arrowBtn .arrow {
    fill: #fff;
}

.bl_adviserSlider .splide__arrows .splide__arrow .el_arrowBtn .bg,
.bl_adviserSlider .splide__arrows .splide__arrow .el_arrowBtn .arrow,
.bl_adviserSlider .splide__arrows .splide__arrow .el_arrowBtn .border {
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
}

@media (hover: none) {
    .bl_adviserSlider .splide__arrows .splide__arrow .el_arrowBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_adviserSlider .splide__arrows .splide__arrow .el_arrowBtn:hover .bg {
        fill: #fff;
    }

    .bl_adviserSlider .splide__arrows .splide__arrow .el_arrowBtn:hover .border {
        fill: #111111;
    }

    .bl_adviserSlider .splide__arrows .splide__arrow .el_arrowBtn:hover .arrow {
        fill: #111111;
    }
}

/*===============================================
                                                                                        columnSlider
                                                                                        ===============================================*/
.bl_columnSlider {
    padding-top: 3.2rem;
    border-top: 0.1rem solid rgba(0, 0, 0, 0.6);
}

.bl_columnSlider .splide__track {
    overflow: visible;
}

.bl_columnSlider_heading {
    padding-bottom: 3.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 960px) {
    .bl_columnSlider_heading {
        padding-bottom: 2.4rem;
    }
}

.bl_columnSlider ul.splide__list li.splide__slide {
    width: 32rem;
    margin-right: 4rem;
}

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

.bl_columnSlider_btns_wrapper .splide__arrows {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 3.2rem;
}

@media screen and (max-width: 560px) {
    .bl_columnSlider_btns_wrapper .splide__arrows {
        margin-right: 1.6rem;
    }
}

.bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn {
    width: 5.6rem;
    height: 5.6rem;
}

.bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn .bg {
    fill: #111111;
}

.bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn .border {
    fill: #111111;
}

.bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn .arrow {
    fill: #fff;
}

.bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn .bg,
.bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn .arrow,
.bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn .border {
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
}

@media (hover: none) {
    .bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn:hover .bg {
        fill: #fff;
    }

    .bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn:hover .border {
        fill: #111111;
    }

    .bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn:hover .arrow {
        fill: #111111;
    }
}

@media screen and (max-width: 560px) {
    .bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn {
        width: 4.8rem;
        height: 4.8rem;
    }

    .bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn .bg {
        fill: #111111;
    }

    .bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn .border {
        fill: #111111;
    }

    .bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn .arrow {
        fill: #fff;
    }

    .bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn .bg,
    .bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn .arrow,
    .bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn .border {
        transition: all 0.4s;
        transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    }
}

@media screen and (max-width: 560px) and (hover: none) {
    .bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media screen and (max-width: 560px) and (-ms-high-contrast: none),
screen and (max-width: 560px) and (-ms-high-contrast: active),
screen and (max-width: 560px) and (-moz-touch-enabled: 0),
screen and (max-width: 560px) and (hover: hover) {
    .bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn:hover .bg {
        fill: #fff;
    }

    .bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn:hover .border {
        fill: #111111;
    }

    .bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow .el_arrowBtn:hover .arrow {
        fill: #111111;
    }
}

.bl_columnSlider_btns_wrapper .splide__arrows .splide__arrow--next {
    margin-left: 1.2rem;
}

@media screen and (max-width: 560px) {
    .bl_columnSlider_wrapper .ly_inner {
        padding-bottom: 7.2rem;
    }

    .bl_columnSlider_wrapper .bl_columnSlider_btns_wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
    }
}

/*===============================================
                                                                                        contactCTA
                                                                                        ===============================================*/
.bl_contactCTA {
    position: relative;
    text-align: center;
    padding: 12rem 0 8rem;
    background-color: #131314;
}

.bl_contactCTA .js_waveBgWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 0;
    top: 0;
}

.bl_contactCTA .titleLogo {
    width: min(100%, 86rem);
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 40%;
    z-index: -1;
}

.bl_contactCTA .btn {
    width: 14rem;
    display: block;
    margin: 2.4rem auto 0;
    transform-style: preserve-3d;
}

.bl_contactCTA .btn img {
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    transition-property: transform;
}

@media (hover: none) {
    .bl_contactCTA {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_contactCTA:hover .btn img {
        transform: rotateZ(10deg) scale(0.9);
    }
}

/*===============================================
variables
===============================================*/
/*===============================================
formItem_group
===============================================*/
.bl_form_wrapper {
    background-color: #fff;
    padding: 11.2rem 0 8rem;
    border-radius: 1.2rem;
}

@media screen and (max-width: 560px) {
    .bl_form_wrapper {
        padding: 6.4rem 0;
    }
}

.bl_form_wrapper form {
    margin-top: 5.6rem;
}

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

@media screen and (max-width: 960px) {
    .bl_formItem_group__flex {
        display: block;
    }
}

.bl_formItem_group__flex .bl_formItem_title {
    flex-shrink: 0;
    width: 26rem;
}

@media screen and (max-width: 960px) {
    .bl_formItem_group__flex .bl_formItem_title {
        width: 100%;
        margin-bottom: 0.8rem;
    }
}

.bl_formItem_group__block {
    display: block;
}

.bl_formItem_group__block .bl_formItem_title {
    margin-bottom: 1.6rem;
}

@media screen and (max-width: 960px) {
    .bl_formItem_group__block .bl_formItem_title {
        margin-bottom: 0.8rem;
    }
}

.bl_formItem_group_wrapper:not(:first-of-type) {
    margin-top: 3.2rem;
}

.bl_formItem_group_wrapper.__flex {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 560px) {
    .bl_formItem_group_wrapper.__flex {
        display: block;
    }
}

.bl_formItem_group_wrapper.__flex .bl_formItem_group {
    width: calc(50% - 2rem);
}

@media screen and (max-width: 560px) {
    .bl_formItem_group_wrapper.__flex .bl_formItem_group {
        width: 100%;
    }

    .bl_formItem_group_wrapper.__flex .bl_formItem_group:not(:first-of-type) {
        margin-top: 3.2rem;
    }
}

/*===============================================
                                                                                        formItem_title
                                                                                        ===============================================*/
.bl_formItem_title {
    display: block;
    position: relative;
}

@media (hover: none) {
    .bl_formItem_title {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_formItem_title:hover+.bl_formItem_wrapper .bl_formInput {
        border: 0.2rem solid #111111;
    }
}

.bl_formItem_title span {
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.5;
}

.bl_formItem_title span.require {
    padding-right: 1.2rem;
    position: relative;
}

.bl_formItem_title span.require:after {
    content: "*";
    position: absolute;
    top: 0.7rem;
    right: 0;
    bottom: auto;
    left: auto;
    line-height: 0;
}

/*===============================================
                                                                                        formItem_wrapper
                                                                                        ===============================================*/
.bl_formItem_wrapper {
    display: block;
    width: 100%;
}

.bl_formItem_wrapper__flex {
    display: flex;
    align-items: flex-start;
}

@media screen and (max-width: 560px) {
    .bl_formItem_wrapper__flex {
        justify-content: space-between;
    }
}

.bl_formItem_name {
    width: min(100%, 32rem);
}

.bl_formItem_name:not(:last-child) {
    margin-right: 1.6rem;
}

/*===============================================
                                                                                        formInput
                                                                                        ===============================================*/
.bl_formInput {
    width: 100%;
    height: 5.6rem;
    padding: 0 2.4rem;
    overflow: hidden;
    border: 0.2rem solid transparent;
    border-radius: 0.4rem;
    background-color: #f7f7f7;
    font-size: 1.6rem;
    line-height: 5.6rem;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    transition-property: border-color;
}

.bl_formInput::-moz-placeholder {
    color: rgba(17, 17, 17, 0.4);
}

.bl_formInput::placeholder {
    color: rgba(17, 17, 17, 0.4);
}

.bl_formInput:-ms-input-placeholder {
    color: rgba(17, 17, 17, 0.4);
}

.bl_formInput::-ms-input-placeholder {
    color: rgba(17, 17, 17, 0.4);
}

@media (hover: none) {
    .bl_formInput {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_formInput:hover {
        border: 0.2rem solid #111111;
    }
}

@media screen and (max-width: 560px) {
    .bl_formInput {
        padding: 0 0.8rem;
    }
}

.bl_formInput:focus {
    border: 0.2rem solid #111111;
    outline: 0;
}

.bl_formInput__select {
    background-image: url(../images/element/icon/select.svg);
    background-position: calc(100% - 2.4rem) center;
    background-size: 1.4rem;
    background-repeat: no-repeat;
    background-color: #fff;
    border: 0.1rem solid #111111;
}

@media screen and (max-width: 560px) {
    .bl_formInput__select {
        background-position: calc(100% - 0.8rem) center;
        background-size: 1rem;
    }
}

.bl_formInput__textarea {
    height: 24rem;
    padding: 1.6rem 2.4rem;
    line-height: 1.6;
}

/*===============================================
                                                                                        radio,
                                                                                        checkbox
                                                                                        ===============================================*/
.bl_formInput_radio_wrapper,
.bl_formInput_check_wrapper {
    display: flex;
}

.bl_formInput_radio_wrapper input[type=radio],
.bl_formInput_radio_wrapper input[type=checkbox],
.bl_formInput_check_wrapper input[type=radio],
.bl_formInput_check_wrapper input[type=checkbox] {
    opacity: 0;
    position: absolute;
    left: 100vw;
    z-index: -9999;
}

.bl_formInput_radio_wrapper input[type=radio]:focus-visible+.wpcf7-list-item-label:after,
.bl_formInput_radio_wrapper input[type=checkbox]:focus-visible+.wpcf7-list-item-label:after,
.bl_formInput_check_wrapper input[type=radio]:focus-visible+.wpcf7-list-item-label:after,
.bl_formInput_check_wrapper input[type=checkbox]:focus-visible+.wpcf7-list-item-label:after {
    background-color: rgba(17, 17, 17, 0.2);
}

@media (hover: none) {

    .bl_formInput_radio_wrapper input[type=radio],
    .bl_formInput_radio_wrapper input[type=checkbox],
    .bl_formInput_check_wrapper input[type=radio],
    .bl_formInput_check_wrapper input[type=checkbox] {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {

    .bl_formInput_radio_wrapper input[type=radio]:hover+.wpcf7-list-item-label:after,
    .bl_formInput_radio_wrapper input[type=checkbox]:hover+.wpcf7-list-item-label:after,
    .bl_formInput_check_wrapper input[type=radio]:hover+.wpcf7-list-item-label:after,
    .bl_formInput_check_wrapper input[type=checkbox]:hover+.wpcf7-list-item-label:after {
        background-color: rgba(17, 17, 17, 0.2);
    }
}

.bl_formInput_radio_wrapper .wpcf7-list-item,
.bl_formInput_check_wrapper .wpcf7-list-item {
    cursor: pointer;
}

.bl_formInput_radio_wrapper .wpcf7-list-item:not(:last-of-type),
.bl_formInput_check_wrapper .wpcf7-list-item:not(:last-of-type) {
    margin-right: 0.8rem;
}

.bl_formInput_radio_wrapper label,
.bl_formInput_check_wrapper label {
    width: auto;
    margin-right: 0;
    margin-bottom: 0;
    line-height: 1;
}

.bl_formInput_radio_wrapper label input[type=radio]:checked+.wpcf7-list-item-label:before,
.bl_formInput_radio_wrapper label input[type=checkbox]:checked+.wpcf7-list-item-label:before,
.bl_formInput_check_wrapper label input[type=radio]:checked+.wpcf7-list-item-label:before,
.bl_formInput_check_wrapper label input[type=checkbox]:checked+.wpcf7-list-item-label:before {
    opacity: 1;
}

.bl_formInput_radio_wrapper label .wpcf7-list-item-label,
.bl_formInput_check_wrapper label .wpcf7-list-item-label {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0 1.6rem 0 4rem;
    border: 0.1rem solid transparent;
    font-weight: bold;
    font-size: 1.6rem;
}

.bl_formInput_radio_wrapper label .wpcf7-list-item-label:before,
.bl_formInput_radio_wrapper label .wpcf7-list-item-label:after,
.bl_formInput_check_wrapper label .wpcf7-list-item-label:before,
.bl_formInput_check_wrapper label .wpcf7-list-item-label:after {
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    transition-property: background-color;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}

@media (hover: none) {

    .bl_formInput_radio_wrapper label,
    .bl_formInput_check_wrapper label {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {

    .bl_formInput_radio_wrapper label:hover,
    .bl_formInput_check_wrapper label:hover {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

.bl_formInput_radio_wrapper label .wpcf7-list-item-label {
    line-height: 3.2rem;
}

.bl_formInput_radio_wrapper label .wpcf7-list-item-label:before {
    opacity: 0;
    left: 1rem;
    z-index: 1;
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0;
    border-radius: 50%;
    background-color: #111111;
}

.bl_formInput_radio_wrapper label .wpcf7-list-item-label:after {
    left: 0;
    z-index: 0;
    width: 3.2rem;
    height: 3.2rem;
    margin-top: 0;
    border: 0.1rem solid #111111;
    border-radius: 50%;
    background-color: #f7f7f7;
}

.bl_formInput_check_wrapper label .wpcf7-list-item-label {
    line-height: 2.4rem;
}

.bl_formInput_check_wrapper label .wpcf7-list-item-label::before {
    opacity: 0;
    left: 0.6rem;
    z-index: 1;
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0;
    border-radius: 0.2rem;
    background-color: #111111;
}

.bl_formInput_check_wrapper label .wpcf7-list-item-label:after {
    left: 0;
    z-index: 0;
    width: 2.4rem;
    height: 2.4rem;
    margin-top: 0;
    border: 0.1rem solid #111111;
    border-radius: 0.2rem;
    background-color: #f7f7f7;
}

/*===============================================
                                                                                        birthday
                                                                                        ===============================================*/
.bl_formInput_birthday_block {
    width: 33.3333%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bl_formInput_birthday_block .wpcf7-form-control-wrap {
    width: 100%;
}

.bl_formInput_birthday_block:not(:last-of-type) {
    padding-right: 2.4rem;
}

@media screen and (max-width: 560px) {
    .bl_formInput_birthday_block:not(:last-of-type) {
        padding-right: 1.6rem;
    }
}

.bl_formInput_birthday_txt {
    flex-shrink: 0;
    margin-left: 1rem;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 5.6rem;
}

@media screen and (max-width: 560px) {
    .bl_formInput_birthday_txt {
        margin-left: 0.4rem;
        font-size: 1.2rem;
    }
}

/*===============================================
                                                                                        file
                                                                                        ===============================================*/
.bl_formInput_file_wrapper {
    display: flex;
    align-items: center;
    position: relative;
}

.bl_formInput_file_wrapper p {
    display: block;
}

.bl_formInput_file_wrapper input[type=file] {
    display: none;
}

.bl_formInput_file_wrapper button {
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    transition-property: background-color, color, border-color;
    display: inline-block;
    flex-shrink: 0;
    width: 17.3rem;
    background-color: #fff;
    color: #111111;
    font-size: 1.5rem;
    border-radius: 0.4rem;
    line-height: 5.6rem;
    text-align: center;
    border: 0.1rem solid #111111;
    cursor: pointer;
}

@media screen and (max-width: 560px) {
    .bl_formInput_file_wrapper button {
        width: 14rem;
        font-size: 1.3rem;
    }
}

.bl_formInput_file_wrapper button:focus-visible {
    background-color: #fff;
    color: #111111;
    border: 0.1rem solid #111111;
}

@media (hover: none) {
    .bl_formInput_file_wrapper button {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_formInput_file_wrapper button:hover {
        background-color: #fff;
        color: #111111;
        border: 0.1rem solid #111111;
    }
}

.bl_formInput_fileName {
    display: block;
    width: 100%;
    padding-left: 1.6rem;
    color: #111111;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.3;
    pointer-events: none;
}

.bl_formInput_fileName::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
    content: "";
}

.bl_formInput_fileName::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3) * 0.5em);
    content: "";
}

@media screen and (max-width: 560px) {
    .bl_formInput_fileName {
        font-size: 1.1rem;
    }
}

.bl_formInput_fileName.is_fileset {
    color: #111111;
}

/*===============================================
                                                                                        submit
                                                                                        ===============================================*/
.bl_submit {
    width: 100%;
}

@media screen and (max-width: 560px) {
    .bl_submit {
        width: 100%;
        margin-left: 0;
    }
}

.bl_submit_privacypolicy {
    margin-top: 4rem;
}

.bl_submit_privacypolicy_title {
    margin-bottom: 2.4rem;
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 1.3;
    text-align: center;
}

.bl_submit_privacypolicy_cont {
    height: 24rem;
    padding: 2.4rem;
    overflow-y: auto;
    border: 0.1rem solid #111111;
    border-radius: 0.8rem;
}

.bl_submit_privacypolicy_cont_textBlock:not(:first-of-type) {
    margin-top: 3.2rem;
}

.bl_submit_privacypolicy_cont_title {
    margin-bottom: 0.8rem;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.3;
}

.bl_submit_privacypolicy_cont_text {
    font-size: 1.6rem;
    line-height: 1.5;
}

.bl_submit #is_privacyCheckBool {
    display: none;
}

.bl_submit .bl_privacyCheck_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2.4rem 0 3.2rem;
    font-weight: bold;
    font-size: 1.6rem;
    text-align: left;
}

@media screen and (max-width: 560px) {
    .bl_submit .bl_privacyCheck_wrapper {
        font-size: 1.3rem;
    }
}

.bl_submit .bl_privacyCheck_wrapper #js_privacyCheckBtn {
    cursor: pointer;
}

.bl_submit .bl_privacyCheck_wrapper #js_privacyCheckBtn .bl_privacyCheck {
    pointer-events: none;
}

@media (hover: none) {
    .bl_submit .bl_privacyCheck_wrapper #js_privacyCheckBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_submit .bl_privacyCheck_wrapper #js_privacyCheckBtn:hover .bl_privacyCheck span {
        transform: scale(1.1);
    }
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck {
    display: inline-block;
    position: relative;
    width: 3.2rem;
    height: 3.2rem;
    margin-right: 1.6rem;
    text-align: center;
    cursor: pointer;
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck span {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    border: 0.1rem solid #111111;
    border-radius: 50%;
    background-color: #f7f7f7;
    vertical-align: middle;
    transition: background-color 0.15s 0.2s transform 0.35s cubic-bezier(0.78, -1.22, 0.17, 1.89);
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    transition-property: transform;
    transform-origin: center;
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck span:before {
    position: absolute;
    top: 1.5rem;
    left: 0.8rem;
    transform: rotate(45deg);
    width: 0;
    height: 0.2rem;
    background: #111111;
    content: "";
    transform-origin: 0 0;
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck span:after {
    position: absolute;
    top: 2.2rem;
    left: 1.2rem;
    transform: rotate(305deg);
    width: 0;
    height: 0.2rem;
    background: #111111;
    content: "";
    transform-origin: 0 0;
}

@media (hover: none) {
    .bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck:hover span {
        transform: scale(1.1);
    }
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck.is_checked span {
    transform: scale(1.1);
    background-color: #111111;
    border: 0.1rem solid #111111;
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck.is_checked span:after {
    width: 1.5rem;
    background: #fff;
    transition: width 0.15s ease 0.1s;
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck.is_checked span:before {
    width: 0.8rem;
    background: #fff;
    transition: width 0.15s ease;
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck_txt {
    display: inline-block;
    line-height: 1.6;
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck_txt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck_txt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
}

.bl_submit .bl_privacyCheck_wrapper .bl_privacyCheck_txt .bl_privacyCheck_link {
    display: inline;
    text-decoration: underline;
}

.bl_submit .bl_submitBtn_wrapper {
    position: relative;
}

.bl_submit .bl_submitBtn_wrapper .ajax-loader {
    position: absolute;
}

.bl_submit .bl_submitBtn_wrapper .bl_submitBtn {
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    display: block;
    width: min(100%, 48rem);
    margin: 0 auto;
    border: 0.2rem solid #111111;
    background-color: #111111;
    color: #fff;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 6.4rem;
    border-radius: 6.4rem;
    text-align: center;
    outline: 0;
    cursor: pointer;
    transition-property: background-color, border, color;
}

.bl_submit .bl_submitBtn_wrapper .bl_submitBtn:focus {
    outline: 0;
}

.bl_submit .bl_submitBtn_wrapper .bl_submitBtn:focus-visible {
    background-color: #fff;
    color: #111111;
}

@media (hover: none) {
    .bl_submit .bl_submitBtn_wrapper .bl_submitBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_submit .bl_submitBtn_wrapper .bl_submitBtn:hover {
        background-color: #fff;
        color: #111111;
    }
}

.bl_submit .bl_submitBtn_wrapper .bl_submitBtn[disabled] {
    border: 0.2rem solid #f7f7f7;
    background: none;
    background-color: #f7f7f7;
    color: rgba(17, 17, 17, 0.4);
    pointer-events: none;
}

/*===============================================
                                                                                        cf7 validation 
                                                                                        ===============================================*/
.wpcf7-not-valid-tip {
    display: block;
    width: 100%;
    margin-top: 0.8rem !important;
    padding: 0.5rem;
    border: 0.1rem solid #e35b66 !important;
    border-radius: 0.4rem;
    background-color: #fff0f1;
    color: #cc3340;
    font-size: 1.2rem !important;
    line-height: 1.3;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    display: block;
    width: 56rem;
    max-width: 100%;
    margin: 1.6rem auto 0;
    padding: 0.5rem;
    border: 0.1rem solid #e35b66 !important;
    border-radius: 0.4rem;
    background-color: #fff0f1;
    color: #cc3340;
    font-size: 1.2rem !important;
    text-align: center;
}

div.wpcf7-mail-sent-ok {
    background: #d5edda;
    color: #185626;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: 0.1rem solid #cc3340;
    background: #f7d7da;
    color: #cc3340;
}

div.wpcf7-mail-sent-ng {
    border: 0.1rem solid #cc3340;
    background: #fff0f1;
    color: #cc3340;
}

div.wpcf7-spam-blocked {
    border: 0.1rem solid #feedbd;
    background: #fff2cf;
    color: #846314;
}

.wpcf7-form-control-wrap.period {
    width: 100%;
}

.bl_submitBtn_wrapper .ajax-loader {
    position: absolute;
}

.bl_submitBtn_wrapper .wpcf7-spinner {
    position: absolute;
    right: 0;
    bottom: -3.2rem;
    left: 0;
    margin: auto;
}

/*===============================================
                                                                                                                                                                      CTA block
                                                                                                                                                                      ===============================================*/
.bl_CTAblock {
    padding: 8rem 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.bl_CTAblock .el_thumb {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.bl_CTAblock .el_thumb .el_thumb_bg {
    width: 100%;
    height: 100%;
}

.bl_CTAblock .icon_svg {
    width: 12rem;
    height: auto;
    margin: 4rem auto 0;
    display: block;
}

.bl_CTAblock .icon_svg .bg,
.bl_CTAblock .icon_svg .icon {
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
}

@media (hover: none) {
    .bl_CTAblock {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_CTAblock:hover .icon_svg .bg {
        fill: #fff;
    }

    .bl_CTAblock:hover .icon_svg .icon {
        fill: #111111;
    }
}

/*===============================================
                                                                                                                                                                      .bl_achievement
                                                                                                                                                                      ===============================================*/
.bl_achievement li {
    border-top: 0.1rem solid #111111;
    display: flex;
}

@media screen and (max-width: 960px) {
    .bl_achievement li {
        display: block;
    }
}

.bl_achievement li:not(:first-child) {
    margin-top: 4rem;
}

.bl_achievement_comInfo {
    padding-top: 4rem;
}

.bl_achievement_background {
    margin-top: 4rem;
}

.bl_achievement_comInfo {
    width: calc(50% + 4rem);
    flex-shrink: 0;
    border-right: 0.1rem solid #111111;
}

@media screen and (max-width: 960px) {
    .bl_achievement_comInfo {
        width: 100%;
        border-right: 0;
    }
}

.bl_achievement_comInfo .companyName {
    margin-bottom: 2.4rem;
}

.bl_achievement_comInfo_thumb {
    display: flex;
}

@media screen and (max-width: 560px) {
    .bl_achievement_comInfo_thumb {
        display: block;
    }
}

.bl_achievement_comInfo_thumb .thumbnail_wrapper {
    width: 20rem;
    height: 20rem;
    background-color: #F4F4F4;
    border-radius: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.bl_achievement_comInfo_thumb .thumbnail_wrapper .company_logo {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.bl_achievement_comInfo_thumb .cont {
    width: 100%;
    margin-left: 4rem;
    padding-right: 6.4rem;
}

@media screen and (max-width: 560px) {
    .bl_achievement_comInfo_thumb .cont {
        padding-right: 0;
        margin-left: 0;
        border-top: none;
    }
}

.bl_achievement_comInfo_thumb .cont .tl {
    font-size: 1.4rem;
    display: flex;
    margin-top: 2rem;
    line-height: 1.3;
}

.bl_achievement_comInfo_thumb .cont .tl .th {
    width: 7.2rem;
    flex-shrink: 0;
}

.bl_achievement_comInfo_thumb .cont .tl .td {
    padding-left: 0.8rem;
    font-weight: bold;
}

.bl_achievement_background {
    padding-left: 3.2rem;
}

@media screen and (max-width: 960px) {
    .bl_achievement_background {
        padding-left: 0;
    }
}

@media screen and (max-width: 560px) {
    .bl_achievement_background {
        position: relative;
        height: 12rem;
        overflow: hidden;
    }
}

.bl_achievement .js_viewmore_btn {
    display: none;
}

@media screen and (max-width: 560px) {
    .bl_achievement .js_viewmore_btn {
        display: block;
        font-size: 1.6rem;
        width: 100%;
        line-height: 4rem;
        text-align: center;
        background: #111;
        color: #fff;
        border-radius: 4rem;
    }
}

.bl_ourServiceGraph {
    position: relative;
}

.bl_ourServiceGraph .star {
    position: absolute;
    width: 10rem;
}

@media screen and (max-width: 560px) {
    .bl_ourServiceGraph .star {
        width: 8rem;
    }
}

.bl_ourServiceGraph .star:nth-child(1) {
    top: 4%;
    left: 50%;
}

@media screen and (max-width: 560px) {
    .bl_ourServiceGraph .star:nth-child(1) {
        top: 3%;
        left: 12%;
    }
}

.bl_ourServiceGraph .star:nth-child(2) {
    bottom: 32%;
    right: 8%;
}

@media screen and (max-width: 560px) {
    .bl_ourServiceGraph .star:nth-child(2) {
        bottom: 28%;
        right: 3%;
    }
}

.bl_ourServiceGraph .star:nth-child(3) {
    bottom: 5%;
    left: 40%;
}

@media screen and (max-width: 560px) {
    .bl_ourServiceGraph .star:nth-child(3) {
        bottom: 2%;
        left: 50%;
    }
}

.bl_ourServiceGraph .sm {
    display: none;
}

@media screen and (max-width: 560px) {
    .bl_ourServiceGraph .sm {
        display: block;
    }
}

.bl_ourServiceGraph .lg {
    display: block;
}

@media screen and (max-width: 560px) {
    .bl_ourServiceGraph .lg {
        display: none;
    }
}

.bl_ourServiceGraph_arrow {
    position: absolute;
    height: 7.2rem;
    width: 10.4rem;
}

@media screen and (max-width: 560px) {
    .bl_ourServiceGraph_arrow {
        height: 4.8rem;
        width: 6.4rem;
    }
}

.bl_ourServiceGraph_arrow:nth-child(1) {
    top: 52%;
    left: 26%;
}

@media screen and (max-width: 560px) {
    .bl_ourServiceGraph_arrow:nth-child(1) {
        top: 56%;
        left: 18%;
    }
}

.bl_ourServiceGraph_arrow:nth-child(2) {
    top: 25%;
    right: 28%;
}

@media screen and (max-width: 560px) {
    .bl_ourServiceGraph_arrow:nth-child(2) {
        top: 25%;
        right: 25%;
    }
}

.bl_ourServiceGraph_arrow img {
    width: 5.6rem;
    position: absolute;
}

@media screen and (max-width: 560px) {
    .bl_ourServiceGraph_arrow img {
        width: 4rem;
    }
}

.bl_ourServiceGraph_arrow img:nth-child(1) {
    top: 0;
    left: 0;
}

.bl_ourServiceGraph_arrow img:nth-child(2) {
    bottom: 0;
    right: 0;
}

/*===============================================
                                                                                                                                                                      serviceFlowSlider
                                                                                                                                                                      ===============================================*/
.bl_serviceFlowSlider_wrapper {
    padding: 12rem 0;
    background-color: #222222;
}

.bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn {
    width: 5.6rem;
    height: 5.6rem;
}

.bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn .bg {
    fill: rgba(255, 255, 255, 0);
}

.bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn .border {
    fill: #fff;
}

.bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn .arrow {
    fill: #fff;
}

.bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn .bg,
.bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn .arrow,
.bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn .border {
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
}

@media (hover: none) {
    .bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn:hover .bg {
        fill: #fff;
    }

    .bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn:hover .border {
        fill: #fff;
    }

    .bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn:hover .arrow {
        fill: #111111;
    }
}

@media screen and (max-width: 560px) {
    .bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn {
        width: 4.8rem;
        height: 4.8rem;
    }

    .bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn .bg {
        fill: rgba(255, 255, 255, 0);
    }

    .bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn .border {
        fill: #fff;
    }

    .bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn .arrow {
        fill: #fff;
    }

    .bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn .bg,
    .bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn .arrow,
    .bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn .border {
        transition: all 0.4s;
        transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    }
}

@media screen and (max-width: 560px) and (hover: none) {
    .bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media screen and (max-width: 560px) and (-ms-high-contrast: none),
screen and (max-width: 560px) and (-ms-high-contrast: active),
screen and (max-width: 560px) and (-moz-touch-enabled: 0),
screen and (max-width: 560px) and (hover: hover) {
    .bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn:hover .bg {
        fill: #fff;
    }

    .bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn:hover .border {
        fill: #fff;
    }

    .bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .el_arrowBtn:hover .arrow {
        fill: #111111;
    }
}

.bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .splide__arrows {
    display: flex;
}

.bl_serviceFlowSlider_wrapper .el_headingBlock_wrapper .splide__arrows button:first-child {
    margin-right: 0.8rem;
}

.bl_serviceFlowSlider .splide__track {
    overflow: visible;
}

.bl_serviceFlowSlider li {
    width: 23rem;
    margin-right: 4rem;
    position: relative;
}

.bl_serviceFlowSlider li:not(:last-child):after {
    content: "";
    width: 1rem;
    height: 1.7rem;
    position: absolute;
    right: -2.4rem;
    top: 6.4rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/element/icon/arrow-right-fff.svg);
}

.bl_serviceFlowSlider li .el_textBlock {
    margin-top: 1.6rem;
}

.bl_serviceFlowSlider li .el_textBlock h3.el_textBlock_title6 {
    color: #fff;
    margin-bottom: 1.2rem;
}

.bl_serviceFlowSlider li .el_textBlock p {
    color: #C9C9C9;
}

/*===============================================
                                                                                                                                                                      accordionbox
                                                                                                                                                                      ===============================================*/
.bl_accordion {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.bl_accordion_list {
    overflow: hidden;
}

.bl_accordion_list:not(:first-child) {
    margin-top: 0.8rem;
}

.bl_accordion_list .bl_accordion_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-radius: 0.4rem;
    background-color: #232323;
    padding: 2.4rem 4rem;
    cursor: pointer;
}

@media screen and (max-width: 560px) {
    .bl_accordion_list .bl_accordion_title {
        padding: 2.4rem 1.6rem;
    }
}

.bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper {
    display: flex;
    align-items: center;
    margin-right: 2.4rem;
}

@media screen and (max-width: 960px) {
    .bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper {
        display: block;
        margin-right: 1.6rem;
    }
}

.bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper p {
    color: rgba(255, 255, 255, 0.32);
    font-size: 1.8rem;
    flex-shrink: 0;
    width: 30rem;
}

@media screen and (max-width: 960px) {
    .bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper p {
        font-size: 1.8rem;
        margin-right: 0;
        margin-bottom: 0.8rem;
        width: 100%;
    }
}

@media screen and (max-width: 560px) {
    .bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper p {
        font-size: 1.5rem;
    }
}

.bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper h3 {
    color: #fff;
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 1.5;
    width: calc(100% - 30rem);
    text-align: left;
}

.bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper h3::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
}

.bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper h3::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
}

@media screen and (max-width: 960px) {
    .bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper h3 {
        width: 100%;
        text-align: left;
    }
}

@media screen and (max-width: 560px) {
    .bl_accordion_list .bl_accordion_title .bl_accordion_titleWrapper h3 {
        font-size: 1.8rem;
    }
}

.bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    position: relative;
    background-color: rgba(255, 255, 255, 0.4);
    flex-shrink: 0;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    transition-property: transform, background-color;
}

.bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper .bl_accordion_icon {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    margin: auto;
}

.bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper .bl_accordion_icon span {
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    transition-property: transform, background-color;
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.2rem;
    background-color: #fff;
}

.bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper .bl_accordion_icon span:nth-of-type(1) {
    top: 0.7rem;
    transform: rotate(0deg);
}

.bl_accordion_list .bl_accordion_title .bl_accordion_iconWrapper .bl_accordion_icon span:nth-of-type(2) {
    top: 0.7rem;
    transform: rotate(90deg);
}

@media (hover: none) {
    .bl_accordion_list .bl_accordion_title {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_accordion_list .bl_accordion_title:hover .bl_accordion_iconWrapper {
        background-color: #fff;
    }

    .bl_accordion_list .bl_accordion_title:hover .bl_accordion_iconWrapper .bl_accordion_icon span {
        background-color: #111111;
    }
}

.bl_accordion_list .bl_accordion_title[aria-expanded=true] .bl_accordion_icon span:nth-of-type(1) {
    display: none;
}

.bl_accordion_list .bl_accordion_title[aria-expanded=true] .bl_accordion_icon span:nth-of-type(2) {
    top: 0.7rem;
    transform: rotate(180deg);
}

.bl_accordion_list .bl_accordion_content {
    position: relative;
}

.bl_accordion_list .bl_accordion_content_inner {
    padding: 3.2rem 1.6rem;
}

@media screen and (max-width: 560px) {
    .bl_accordion_list .bl_accordion_content_inner {
        padding: 2.4rem 1.6rem;
    }
}

.bl_accordion_list:not(:first-of-type) .bl_accordion_content {
    height: 0;
}

.bl_accordion.is_sideBar .bl_accordion_title {
    background-color: transparent;
    border-radius: 0;
    border-top: 0.1rem solid rgba(112, 112, 112, 0.4);
    border-bottom: 0.1rem solid rgba(112, 112, 112, 0.4);
    padding: 2rem 0;
}

@media (hover: none) {
    .bl_accordion.is_sideBar .bl_accordion_title {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_accordion.is_sideBar .bl_accordion_title:hover .bl_accordion_iconWrapper {
        background-color: rgba(112, 112, 112, 0.2);
    }
}

.bl_accordion.is_sideBar .bl_accordion_titleWrapper h3 {
    color: #111111;
    font-size: 2.4rem;
    font-weight: 400;
    width: 100%;
    text-align: left;
}

.bl_accordion.is_sideBar .bl_accordion_iconWrapper {
    background-color: #333333;
}

.bl_accordion.is_sideBar .bl_accordion_content .bl_accordion_content_inner button,
.bl_accordion.is_sideBar .bl_accordion_content .bl_accordion_content_inner a {
    font-size: 2.4rem;
    padding-left: 2.4rem;
    position: relative;
}

.bl_accordion.is_sideBar .bl_accordion_content .bl_accordion_content_inner button:not(:first-child),
.bl_accordion.is_sideBar .bl_accordion_content .bl_accordion_content_inner a:not(:first-child) {
    margin-top: 1.6rem;
}

.bl_accordion.is_sideBar .bl_accordion_content .bl_accordion_content_inner button span,
.bl_accordion.is_sideBar .bl_accordion_content .bl_accordion_content_inner a span {
    position: absolute;
    top: 0.4rem;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    border: 0.1rem solid #111111;
}

.bl_accordion.is_sideBar .bl_accordion_content .bl_accordion_content_inner button span::after,
.bl_accordion.is_sideBar .bl_accordion_content .bl_accordion_content_inner a span::after {
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #111111;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    transition-property: opacity;
}

@media (hover: none) {

    .bl_accordion.is_sideBar .bl_accordion_content .bl_accordion_content_inner button,
    .bl_accordion.is_sideBar .bl_accordion_content .bl_accordion_content_inner a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {

    .bl_accordion.is_sideBar .bl_accordion_content .bl_accordion_content_inner button:hover span::after,
    .bl_accordion.is_sideBar .bl_accordion_content .bl_accordion_content_inner a:hover span::after {
        opacity: 1;
    }
}

.bl_accordion.is_sideBar .bl_accordion_content .bl_accordion_content_inner form:not(:first-child) {
    margin-top: 1.6rem;
}

/*===============================================
                                                                                                                                                                      table
                                                                                                                                                                      ===============================================*/
.bl_table_tr {
    display: flex;
}

@media screen and (max-width: 960px) {
    .bl_table_tr {
        display: block;
    }
}

.bl_table_th,
.bl_table_td {
    padding: 2.4rem 0 2rem;
    border-bottom: 0.1rem solid #111111;
}

.bl_table_th {
    width: 23rem;
    flex-shrink: 0;
    margin-right: 0.8rem;
    border-bottom: 0.1rem solid #111111;
    font-weight: bold;
}

@media screen and (max-width: 960px) {
    .bl_table_th {
        width: 100%;
        border-bottom: none;
        margin-right: 0;
        padding-bottom: 0;
    }
}

.bl_table_td {
    width: 100%;
    /* border-bottom: 0.1rem solid rgba(17, 17, 17, 0.24); */
}

@media screen and (max-width: 960px) {
    .bl_table_td {
        padding-top: 0.8rem;
    }
}

.bl_table_td span {
    font-weight: bold;
    font-size: 1.8rem;
}

.bl_table_td span.mbtop {
    margin-top: 0.8rem;
    display: inline-block;
}

/*===============================================
                                                                                                                                                                      wp-pagenavi
                                                                                                                                                                      ===============================================*/
.wp-pagenavi {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 7.2rem;
    text-align: center;
}

@media screen and (max-width: 560px) {
    .wp-pagenavi {
        margin-top: 4.8rem;
    }
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
    background: none;
    font-weight: bold;
    height: auto;
    width: 1.12rem;
    height: 1.741rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-top: 0.4rem;
}

.wp-pagenavi .nextpostslink {
    background-image: url(../images/element/icon/arrow-right.svg);
    margin-left: 1.6rem;
}

.wp-pagenavi .previouspostslink {
    background-image: url(../images/element/icon/arrow-left.svg);
    margin-right: 1.6rem;
}

.wp-pagenavi .page,
.wp-pagenavi .current {
    color: #111111;
    display: block;
    font-family: classico-urw, sans-serif;
    font-size: 2rem;
    border-radius: 50%;
    font-weight: 500;
    line-height: 5.6rem;
    width: 5.6rem;
    height: 5.6rem;
    margin: 0 0.4rem;
    text-align: center;
}

.wp-pagenavi .page {
    cursor: pointer;
}

@media (hover: none) {
    .wp-pagenavi .page {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .wp-pagenavi .page:hover {
        background-color: #232323;
        color: #fff;
    }
}

.wp-pagenavi .current {
    background-color: #232323;
    color: #fff;
}

/*===============================================
                                                                                                                                                                      modal
                                                                                                                                                                      ===============================================*/
.modal_wrapper {
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 9999;
}

.bl_modal_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    width: 100%;
    height: 100%;
}

.bl_modal_container {
    background-color: #fff;
    padding: 5.6rem 8rem;
    width: min(100% - 3.2rem, 104rem);
    height: min(var(--vh, 1vh) * 100 - 3.2rem, 56rem);
    overflow-y: auto;
    box-sizing: border-box;
    border-radius: 1.2rem;
}

@media screen and (max-width: 960px) {
    .bl_modal_container {
        padding: 5.6rem 1.6rem;
    }
}

@media screen and (max-width: 560px) {
    .bl_modal_container {
        padding: 3.2rem 1.6rem;
    }
}

.bl_modal_close {
    border: 0;
    width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    top: 1.6rem;
    right: 1.6rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #F4F4F4;
    border-radius: 50%;
}

.bl_modal_close svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

@media (hover: none) {
    .bl_modal_close {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_modal_close:hover {
        transform: scale(0.9);
    }
}

@media screen and (max-width: 960px) {
    .bl_modal_close:focus {
        outline: none;
    }
}

.bl_modal_cont {
    margin: 0 auto;
}

.bl_modal_cont .profile_wrapper {
    display: flex;
}

@media screen and (max-width: 560px) {
    .bl_modal_cont .profile_wrapper {
        display: block;
    }
}

.bl_modal_cont .thumbnailBlock {
    width: min(100%, 33.5rem);
    flex-shrink: 0;
    margin: 0 auto;
}

.bl_modal_cont .thumbnailBlock .el_thumb {
    border-radius: 0.4rem;
}

.bl_modal_cont .thumbnailBlock .el_thumb_bg {
    padding-top: 133%;
}

.bl_modal_cont .textBlock {
    width: 100%;
    padding-left: 8rem;
}

@media screen and (max-width: 960px) {
    .bl_modal_cont .textBlock {
        padding-left: 3.2rem;
    }
}

@media screen and (max-width: 560px) {
    .bl_modal_cont .textBlock {
        padding-left: 0;
        margin-top: 4rem;
    }
}

.bl_modal_cont .textBlock .name_wrapper {
    padding-bottom: 4rem;
    position: relative;
}

.bl_modal_cont .textBlock .name_wrapper::after {
    width: 12rem;
    height: 0.1rem;
    background-color: #111111;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
}

.bl_modal_cont .textBlock .name_wrapper .position {
    font-size: 2.2rem;
    margin-bottom: 1.6rem;
}

.bl_modal_cont .textBlock .name_wrapper .name {
    font-size: 4.8rem;
    margin-bottom: 1.6rem;
}

.bl_modal_cont .textBlock .name_wrapper .furigana {
    font-size: 1.8rem;
    font-weight: bold;
}

.bl_modal_cont .textBlock .profileBlock {
    background-color: rgba(244, 244, 244, 0.64);
    border-radius: 0.8rem;
    padding: 2.4rem;
}

.bl_modal_cont .textBlock .profileBlock h4 {
    font-size: 1.8rem;
    margin-bottom: 1.6rem;
}

/**************************\
                                                                                                                                                                      Demo Animation Style
                                                                                                                                                                      \**************************/
@-webkit-keyframes mmfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mmfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes mmfadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes mmfadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes mmslideIn {
    from {
        transform: translateY(15%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes mmslideIn {
    from {
        transform: translateY(15%);
    }

    to {
        transform: translateY(0);
    }
}

@-webkit-keyframes mmslideOut {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-10%);
    }
}

@keyframes mmslideOut {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-10%);
    }
}

.micromodal-slide {
    display: none;
}

.micromodal-slide.is-open {
    display: block;
}

.micromodal-slide[aria-hidden=false] .bl_modal_overlay {
    -webkit-animation: mmfadeIn 0.4s cubic-bezier(0, 0, 0.2, 1);
    animation: mmfadeIn 0.4s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .bl_modal_container {
    -webkit-animation: mmslideIn 0.4s cubic-bezier(0, 0, 0.2, 1);
    animation: mmslideIn 0.4s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .bl_modal_overlay {
    -webkit-animation: mmfadeOut 0.4s cubic-bezier(0, 0, 0.2, 1);
    animation: mmfadeOut 0.4s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .bl_modal_container {
    -webkit-animation: mmslideOut 0.4s cubic-bezier(0, 0, 0.2, 1);
    animation: mmslideOut 0.4s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .bl_modal_container,
.micromodal-slide .bl_modal_overlay {
    will-change: transform;
}

/*===============================================
                                                                                                                                                                      sideBar
                                                                                                                                                                      ===============================================*/
.bl_sideBar {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bl_sideBar.archive {
    padding: 0 4rem 0 20rem;
    background-color: #fff;
}

@media screen and (max-width: 960px) {
    .bl_sideBar.archive {
        padding: 4rem 1.6rem;
    }
}

.bl_sideBar.single {
    padding: 0 12rem 0 4rem;
    background-color: #F4F4F4;
}

@media screen and (max-width: 960px) {
    .bl_sideBar.single {
        padding: 4rem 1.6rem;
    }
}

.bl_sideBar_block_title {
    font-size: 2.4rem;
    margin-bottom: 2.4rem;
}

.bl_sideBar_block:not(:first-child) {
    margin-top: 3.2rem;
}

.bl_sideBar_block .cateList li:not(:first-child) {
    margin-top: 0.8rem;
}

.bl_sideBar_block .cateList a {
    font-size: 1.3rem;
    height: auto;
    padding: 0.8rem 1.6rem;
    border-radius: 4rem;
    background-color: #6E6E6E;
    color: #fff;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    max-width: 18rem;
    display: inline-block;
    background-color: #333333;
}

.bl_sideBar_block .cateList a span {
    line-height: 1.2;
}

@media screen and (max-width: 560px) {
    .bl_sideBar_block .cateList a {
        font-size: 1.2rem;
        padding: 0.8rem 1.2rem;
    }
}

.bl_sideBar_block .cateList a.cl_orange {
    background-color: #C77836;
}

.bl_sideBar_block .cateList a.cl_blue {
    background-color: #1A87B9;
}

.bl_sideBar_block .cateList a.cl_dblue {
    background-color: #3359AD;
}

.bl_sideBar_block .cateList a.cl_purple {
    background-color: #47319B;
}

.bl_sideBar_block .cateList a.cl_green {
    background-color: #458B4C;
}

.bl_sideBar_block .cateList a.cl_grey {
    background-color: #6E6E6E;
}

@media (hover: none) {
    .bl_sideBar_block .cateList a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_sideBar_block .cateList a:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 960px) {
    .bl_sideBar_block .cateList {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: -0.8rem;
    }

    .bl_sideBar_block .cateList li {
        margin: 0 0.4rem 0.8rem;
    }

    .bl_sideBar_block .cateList li:not(:first-child) {
        margin-top: 0;
    }
}

.bl_sideBar_block .snsList {
    display: flex;
}

.bl_sideBar_block .snsList li {
    width: 4rem;
}

@media screen and (max-width: 560px) {
    .bl_sideBar_block .snsList li {
        width: 3.2rem;
    }
}

.bl_sideBar_block .snsList li:not(:last-child) {
    margin-right: 1.2rem;
}

@media screen and (max-width: 560px) {
    .bl_sideBar_block .snsList li:not(:last-child) {
        margin-right: 0.8rem;
    }
}

@media (hover: none) {

    .bl_sideBar_block .snsList li a,
    .bl_sideBar_block .snsList li button {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {

    .bl_sideBar_block .snsList li a:hover,
    .bl_sideBar_block .snsList li button:hover {
        transform: scale(0.95);
    }
}

/*===============================================
                                                                                                                                                                      single article
                                                                                                                                                                      ===============================================*/
.bl_article>*:first-child {
    margin-top: 0 !important;
}

.bl_article>*:last-child {
    margin-bottom: 0 !important;
}

.bl_article h1,
.bl_article h2 {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.6;
    margin: 6.4rem 0 2.4rem;
    position: relative;
    padding-bottom: 1.6rem;
}

.bl_article h1:before,
.bl_article h2:before {
    content: "";
    width: min(100%, 40rem);
    height: 0.2rem;
    background-color: #111111;
    position: absolute;
    left: 0;
    bottom: 0;
}

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

    .bl_article h1,
    .bl_article h2 {
        font-size: 2rem;
    }
}

.bl_article h3,
.bl_article h4,
.bl_article h5,
.bl_article h6 {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.6;
    margin: 4rem 0 2.4rem;
}

.bl_article h3::before,
.bl_article h4::before,
.bl_article h5::before,
.bl_article h6::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
}

.bl_article h3::after,
.bl_article h4::after,
.bl_article h5::after,
.bl_article h6::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
}

.bl_article p {
    font-size: 1.6rem;
    line-height: 2;
    margin: 2.4rem 0;
}

.bl_article p::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
}

.bl_article p::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
}

.bl_article p a {
    color: #111111;
    display: inline;
    text-decoration: underline;
}

@media (hover: none) {
    .bl_article p a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_article p a:hover {
        opacity: 0.7;
    }
}

.bl_article p strong {
    font-weight: bold;
}

.bl_article p mark {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 102) 50%);
}

.bl_article p.has-text-align-right {
    text-align: right;
}

.bl_article ul,
.bl_article ol {
    margin: 4rem 0;
}

.bl_article ul li,
.bl_article ol li {
    font-size: 1.6rem;
    line-height: 2;
    list-style: none;
    padding-left: 2.4rem;
    position: relative;
}

.bl_article ul li a,
.bl_article ol li a {
    color: #111111;
    display: inline;
    text-decoration: underline;
}

@media (hover: none) {

    .bl_article ul li a,
    .bl_article ol li a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {

    .bl_article ul li a:hover,
    .bl_article ol li a:hover {
        opacity: 0.7;
    }
}

.bl_article ul li:not(:first-child),
.bl_article ol li:not(:first-child) {
    margin-top: 2.4rem;
}

.bl_article ul li::after,
.bl_article ol li::after {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
}

.bl_article ul li::after {
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    background-color: #111111;
    border-radius: 50%;
    top: 1.4rem;
}

.bl_article ol li {
    counter-increment: listNum;
}

.bl_article ol li::after {
    content: "" counter(listNum) ".";
    color: #111111;
    font-weight: bold;
}

.bl_article table {
    border-collapse: collapse;
    font-size: 1.5rem;
    margin-top: 4rem;
    width: 100%;
}

.bl_article table td,
.bl_article table th {
    border: 0.1rem solid #111111;
    line-height: 1.7;
    padding: 1.6rem;
    text-align: left;
}

.bl_article table th {
    font-weight: bold;
    background-color: #F4F4F4;
}

.bl_article strong {
    font-weight: bold;
}

.bl_article blockquote {
    padding: 3.2rem 3.2rem 1.6rem 3.2rem;
    background-color: #F4F4F4;
    border-radius: 0.8rem;
    margin: 6.4rem 0 4rem;
    position: relative;
}

.bl_article blockquote:before {
    margin: auto;
    top: -0.6rem;
    left: 1.3rem;
    content: "";
    position: absolute;
    width: 2.1rem;
    height: 1.9rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/element/icon/quote.svg);
}

.bl_article blockquote p {
    margin: 0;
    font-weight: bold;
}

.bl_article blockquote a {
    display: inline;
}

.bl_article blockquote cite {
    font-size: 1.4rem;
    opacity: 0.48;
    width: 100%;
    text-align: right;
    display: inline-block;
    margin-top: 2.4rem;
    line-height: 1.8;
}

.bl_article blockquote cite a {
    display: inline;
}

@media (hover: none) {
    .bl_article blockquote cite a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_article blockquote cite a:hover {
        color: #111111;
    }
}

.bl_article p {
    font-size: 1.6rem;
    line-height: 2;
    margin: 4rem 0;
}

.bl_article p::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
}

.bl_article p::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
}

.bl_article p a {
    color: #111111;
    display: inline;
    text-decoration: underline;
}

.bl_article strong {
    font-weight: bold;
}

.bl_article img {
    display: block;
    margin: 4rem 0;
}

.bl_article figure {
    margin: 4rem 0;
}

.bl_article figure img {
    margin-bottom: 0;
}

.bl_article figure figcaption {
    font-size: 1.5rem;
    line-height: 2;
    text-align: center;
    margin-top: 1.6rem;
}

.bl_article figure figcaption::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
}

.bl_article figure figcaption::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
}

.bl_article .wp-block-columns {
    justify-content: space-between;
    display: flex;
}

.bl_article .wp-block-columns .wp-block-column {
    width: calc(50% - 2.4rem);
}

/*===============================================
                                                                                                                                                                      objBg
                                                                                                                                                                      ===============================================*/
.bl_objBg {
    overflow: hidden;
    pointer-events: none;
}

.bl_objBg .background {
    opacity: 0;
}

.bl_objBg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.bl_objBg .forward,
.bl_objBg .back {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

/*===============================================
                                                                                                                                                                      button
                                                                                                                                                                      ===============================================*/
.el_btn_main {
    --height: 5.6rem;
    width: 18.3rem;
    line-height: calc(var(--height) - 0.4rem);
    height: var(--height);
    font-size: 1.8rem;
    color: #fff;
    background-color: #111111;
    border-radius: var(--height);
    text-align: center;
    letter-spacing: 0;
    border: 0.2rem solid #111111;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    transition-property: background-color, opacity, fill, color, box-shadow, transform, border-color;
}

@media screen and (max-width: 960px) {
    .el_btn_main {
        --height: 4.8rem;
    }
}

.el_btn_main:link,
.el_btn_main:active,
.el_btn_main:visited {
    color: #fff;
}

.el_btn_main.grey {
    background-color: #333333;
    border-color: #333333;
}

@media (hover: none) {
    .el_btn_main {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .el_btn_main:hover {
        color: #111111;
    }
}

@media screen and (max-width: 960px) {
    .el_btn_main {
        width: 17.2rem;
        font-size: 1.6rem;
    }
}

.el_btn_main span {
    padding-left: 2.4rem;
    padding-left: 1rem;
    position: relative;
}

/* 
                                                                                      .el_btn_main span::before {
                                                                                          position: absolute;
                                                                                          left: 0;
                                                                                          top: 0;
                                                                                          bottom: 0;
                                                                                          margin: auto;
                                                                                          content: "";
                                                                                          width: 1.2rem;
                                                                                          height: 1.2rem;
                                                                                          border-radius: 50%;
                                                                                          border: 0.3rem solid #fff;
                                                                                          transition: all 0.4s;
                                                                                          transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
                                                                                          transform-origin: center center;
                                                                                      } */


.el_btn_main span::after {
    /* position: absolute; */
    /* left: 0; */
    top: 0;
    font-family: 'Font Awesome 6 pro';
    content: "\f061";
    padding-left: 10px;
}

.el_btn_main span::hover {
    top: 0;

    font-family: 'Font Awesome 6 pro';
    content: "\f061";
    padding-left: 20px;
    transition: all 0.4s;
}




.el_btn_main__mini {
    --height: 4.8rem;
    width: 14.5rem;
    font-size: 1.4rem;
}

.el_btn_main__mini span {
    padding-left: 2.4rem;
    padding-left: 1rem;
}

@media (hover: none) {
    .el_btn_main {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .el_btn_main:hover {
        background-color: #fff;
        color: #111111;
    }

    .el_btn_main:hover span::before {
        transform: scale(0.6666);
        border-color: #111111;
        background-color: #111111;
    }

    .el_btn_main:hover.grey {
        border-color: #fff;
    }
}

.el_btn_header {
    width: 12rem;
    line-height: 3.7rem;
    height: 4rem;
    border-radius: 4rem;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    border: 0.1rem solid #F4F4F4;
    color: #F4F4F4;
}

.el_btn_header:link,
.el_btn_header:visited {
    color: #F4F4F4;
}

.el_btn_header:hover,
.el_btn_header:active {
    color: #111111;
}

@media (hover: none) {
    .el_btn_header {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .el_btn_header:hover {
        background-color: #F4F4F4;
        color: #111111;
    }
}

.ly_headerNav_wrapper .el_btn_header {
    margin-left: 2.4rem;
    margin-right: 2.4rem;
    background: #fff;
    color: #000;
}

@media screen and (max-width: 560px) {
    .ly_headerNav_wrapper .el_btn_header {
        display: none;
    }
}

/*===============================================
                                                                                                                                                                      textBlock
                                                                                                                                                                      ===============================================*/
.el_textBlock_title {
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.6;
}

.el_textBlock_title::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
}

.el_textBlock_title::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
}

@media screen and (max-width: 960px) {
    .el_textBlock_title {
        font-size: 2.8rem;
        line-height: 1.5;
    }

    .el_textBlock_title::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.5) * 0.5em);
        content: "";
    }

    .el_textBlock_title::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.5) * 0.5em);
        content: "";
    }
}

.el_textBlock_title span {
    font-size: 2.2rem;
}

.el_textBlock_title2 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.6;
}

.el_textBlock_title2::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
}

.el_textBlock_title2::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
}

.el_textBlock_title3 {
    font-size: 1.6rem;
    /* font-weight: bold; */
    line-height: 1.3;
}

.el_textBlock_title3::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
    content: "";
}

.el_textBlock_title3::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3) * 0.5em);
    content: "";
}

@media screen and (max-width: 560px) {
    .el_textBlock_title3 {
        font-size: 1.8rem;
    }
}

.el_textBlock_title4 {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 1.3em;
}

.el_textBlock_title4::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
}

.el_textBlock_title4::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
}

@media screen and (max-width: 560px) {
    .el_textBlock_title4 {
        font-size: 2rem;
    }
}





.el_textBlock_txt4 {
    font-size: 1.5rem;
    /* font-weight: bold; */
    line-height: 1.68;
}









.el_textBlock_title5 {
    font-size: 3.2rem;
    line-height: 1.6;
}

.el_textBlock_title5::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
}

.el_textBlock_title5::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
}

@media screen and (max-width: 560px) {
    .el_textBlock_title5 {
        font-size: 2.8rem;
        line-height: 1.3;
    }

    .el_textBlock_title5::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.3) * 0.5em);
        content: "";
    }

    .el_textBlock_title5::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.3) * 0.5em);
        content: "";
    }
}

.el_textBlock_title6 {
    font-size: 1.8rem;
    line-height: 1.6;
    font-weight: bold;
}

.el_textBlock_title6::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
}

.el_textBlock_title6::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
}

.el_textBlock_question {
    font-size: 1.4rem;
    padding-left: 1.8rem;
    position: relative;
}

.el_textBlock_question:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0.8rem;
    height: 0.8rem;
    background-color: #111111;
    border-radius: 50%;
}

.el_textBlock_text {
    font-size: 1.6rem;
    line-height: 2;
}

.el_textBlock_text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
}

.el_textBlock_text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
}

.el_textBlock_text.tight {
    line-height: 1.6;
}

.el_textBlock_text.tight::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
}

.el_textBlock_text.tight::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
}

.el_textBlock_text ul li {
    font-size: 1.6rem;
    line-height: 2;
}





@media screen and (max-width: 960px) {
    .el_textBlock_text {
        line-height: 1.8;
    }

    .el_textBlock_text::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 1.8) * 0.5em);
        content: "";
    }

    .el_textBlock_text::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 1.8) * 0.5em);
        content: "";
    }
}

@media screen and (max-width: 560px) {
    .el_textBlock_text {
        font-size: 1.5rem;
    }
}

.el_textBlock_text2 {
    font-size: 1.4rem;
    line-height: 2;
}

.el_textBlock_text2::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
    content: "";
}

.el_textBlock_text2::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2) * 0.5em);
    content: "";
}

.el_textBlock_text2.loose {
    line-height: 2.2;
}

.el_textBlock_text2.loose::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2.2) * 0.5em);
    content: "";
}

.el_textBlock_text2.loose::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 2.2) * 0.5em);
    content: "";
}

.el_textBlock.cl_fff>* {
    color: #fff;
}

.el_textBlock.cl_fff .el_textBlock_question:before {
    background-color: #fff;
}

.el_textBlock.al_center {
    text-align: center;
}

.el_textBlock>*:last-child {
    margin-bottom: 0 !important;
}

.el_textBlock .el_textBlock_title {
    margin-bottom: 3.2rem;
}

@media screen and (max-width: 960px) {
    .el_textBlock .el_textBlock_title {
        margin-bottom: 2.4rem;
    }
}

.el_textBlock .el_textBlock_title2 {
    margin-bottom: 6.6rem;
    color: #fff;
}

.el_textBlock .el_textBlock_title4 {
    margin-bottom: 2.4rem;
}

@media screen and (max-width: 960px) {
    .el_textBlock .el_textBlock_title4 {
        margin-bottom: 1.6rem;
    }
}

.el_textBlock .el_textBlock_title5 {
    margin-bottom: 2.4rem;
}

.el_textBlock .el_textBlock_title6 {
    margin-bottom: 1.6rem;
}

.el_textBlock .el_textBlock_question {
    margin-bottom: 3.2rem;
}

.el_textBlock .el_textBlock_text {
    margin-bottom: 2.4rem;
}

.el_textBlock .el_textBlock_text2 {
    margin-bottom: 2.4rem;
}

.el_textBlock .el_btn_wrapper {
    margin-top: 4rem;
}

/*===============================================
                                                                                                                                                                      thumbnail
                                                                                                                                                                      ===============================================*/
.el_thumb {
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.el_thumb_bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    transition-property: transform;
}

.el_thumb_bg picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
    /* height: 300px; */
    230px: ;
}

.el_thumb_bg picture img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    max-width: initial;
    width: 100%;
    height: 100%;
}

.el_thumb_bg.js_fadeInThumb {
    transform: scale(1.1);
}

.el_thumb.ra_16-9 .el_thumb_bg {
    /* padding-top: 130.25px; */
    display: block;
    padding: 20px;
    color: #000;
    height: 150px;
}

.el_thumb.ra_16-9 .el_thumb_bg p {
    color: #000;
    font-size: 1.6rem;
    line-height: 1.5;
}



.el_thumb.ra_3-2 .el_thumb_bg {
    padding-top: 66.66%;
}

.el_thumb.ra_4-3 .el_thumb_bg {
    padding-top: 75%;
}

.el_thumb,
.el_thumb_bg {
    background-color: #c4c4c4;
    background: #dddd;
    background: #fff;
    /* border-radius: 0.5em; */
}

.lazyloaded {
    background-color: transparent;
}

/*===============================================
                                                                                                                                                                      heading
                                                                                                                                                                      ===============================================*/
.el_headingBlock_title {
    font-size: 3.4rem;
    display: inline-block;
    letter-spacing: 0;
}

@media screen and (max-width: 960px) {
    .el_headingBlock_title {
        font-size: 4.8rem;
    }
}

@media screen and (max-width: 560px) {
    .el_headingBlock_title {
        font-size: 2.5rem;
    }
}

.el_headingBlock_title .ring_wrapper {
    position: relative;
}

.el_headingBlock_title .ring_wrapper span.ff_classico {
    padding-left: 4.2rem;
    padding-left: 7.2rem;
    display: inline-block;
}

/* .el_headingBlock_title .ring_wrapper span.ff_classico:before {
    content: '●';
    font-family: 'Font Awesome 6 pro';
    content: "\f140";
    font-size: 4rem;
    line-height: 0rem;
    }
    */



.el_headingBlock_title .ring01,
.el_headingBlock_title .ring02 {
    position: absolute;
    width: 5.9rem;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

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

    .el_headingBlock_title .ring01,
    .el_headingBlock_title .ring02 {
        width: 1.4rem;
    }
}

.el_headingBlock_title .ring01 {
    z-index: 1;
}

.el_headingBlock_title .ring_wrapper span,
.el_headingBlock_title .ring_wrapper .ring01,
.el_headingBlock_title .ring_wrapper .ring02 {
    opacity: 0;
}

.el_headingBlock_title .lg {
    display: inline !important;
}

@media screen and (max-width: 560px) {
    .el_headingBlock_title .lg {
        display: none !important;
    }

    .el_headingBlock_title .ring_wrapper span.ff_classico {
        text-align: left;
    }

    .el_headingBlock_title .ring01 {
        width: 3.4rem;
    }

}

.el_headingBlock_title .sm {
    display: none !important;
}

@media screen and (max-width: 560px) {
    .el_headingBlock_title .sm {
        display: inline !important;
    }
}

.el_headingBlock_title2 {
    font-size: 8rem;
}

.el_headingBlock_subTitle {
    font-size: 3.2rem;
    text-align: center;
}

@media screen and (max-width: 960px) {
    .el_headingBlock_subTitle {
        font-size: 1.8rem;
    }
}

.el_headingBlock_subTitle2 {
    font-size: 2.4rem;
    font-weight: bold;
}

@media screen and (max-width: 560px) {
    .el_headingBlock_subTitle {
        text-align: center;
    }

    .el_headingBlock_subTitle2 {
        font-size: 2rem;
    }
}

.el_headingBlock_subTitle3 {
    font-size: 2rem;
    font-weight: 600;
}

.el_headingBlock_subTitle3.cl_blue {
    color: #1A87B9;
}

.el_headingBlock_subTitle3.cl_purple {
    color: #47319B;
}

.el_headingBlock_subTitle3.cl_orange {
    color: #C77836;
}

.el_headingBlock_subTitle4 {
    font-size: 1.6rem;
    font-weight: bold;
}

.el_headingBlock_text {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.6;
}

.el_headingBlock_text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
}

.el_headingBlock_text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
}

.el_headingBlock.al_center {
    text-align: center;
}

.el_headingBlock.al_left {
    text-align: left;
}

.el_headingBlock.cl_fff>* {
    color: #fff !important;
}

.el_headingBlock_wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.el_headingBlock>*:last-child {
    margin-bottom: 0 !important;
}

.el_headingBlock .el_headingBlock_title {
    margin-bottom: 3.2rem;
}

.el_headingBlock .el_headingBlock_subTitle4 {
    margin-top: -1.6rem;
}

.el_headingBlock .el_headingBlock_subTitle {
    margin-bottom: 2.4rem;
}

@media screen and (max-width: 960px) {
    .el_headingBlock .el_headingBlock_subTitle {
        margin-bottom: 1.6rem;
    }
}

.el_headingBlock .el_headingBlock_subTitle2 {
    margin-bottom: 2.4rem;
}

.el_headingBlock .el_btn_wrapper {
    margin-top: 4rem;
}

.el_headingBlock.mb_lv1,
.el_headingBlock_wrapper.mb_lv1 {
    margin-bottom: 4.8rem;
}

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

    .el_headingBlock.mb_lv1,
    .el_headingBlock_wrapper.mb_lv1 {
        margin-bottom: 3.2rem;
    }
}

.el_headingBlock.mb_lv2,
.el_headingBlock_wrapper.mb_lv2 {
    margin-bottom: 4rem;
}

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

    .el_headingBlock.mb_lv2,
    .el_headingBlock_wrapper.mb_lv2 {
        margin-bottom: 3.2rem;
    }
}

.el_headingBlock.mb_lv3,
.el_headingBlock_wrapper.mb_lv3 {
    margin-bottom: 3.2rem;
}

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

    .el_headingBlock.mb_lv3,
    .el_headingBlock_wrapper.mb_lv3 {
        margin-bottom: 2.4rem;
    }
}

.el_headingBlock.mb_lv4,
.el_headingBlock_wrapper.mb_lv4 {
    margin-bottom: 5.6rem;
}

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

    .el_headingBlock.mb_lv4,
    .el_headingBlock_wrapper.mb_lv4 {
        margin-bottom: 4rem;
    }
}

/*===============================================
                                                                                                                                                                      slider
                                                                                                                                                                      ===============================================*/
.splide__arrows {
    pointer-events: none;
}

.splide__arrows .el_arrowBtn {
    pointer-events: auto;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    border-radius: 50%;
}

@media (hover: none) {
    .splide__arrows .el_arrowBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .splide__arrows .el_arrowBtn:hover {
        transform: scale(1.1);
    }
}

.splide__arrow--next .el_arrowBtn {
    transform: rotate(180deg);
}

@media (hover: none) {
    .splide__arrow--next .el_arrowBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .splide__arrow--next .el_arrowBtn:hover {
        transform: rotate(180deg) scale(1.1);
    }
}

/*===============================================
                                                                                                                                                                      splide core css
                                                                                                                                                                      ===============================================*/
@-webkit-keyframes splide-loading {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(1turn);
    }
}

@keyframes splide-loading {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(1turn);
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.splide__track--fade>.splide__list {
    display: block;
}

.splide__track--fade>.splide__list>.splide__slide {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 0;
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    position: relative;
    z-index: 1;
}

.splide--rtl {
    direction: rtl;
}

.splide__track--ttb>.splide__list {
    display: block;
}

.splide__container {
    box-sizing: border-box;
    position: relative;
}

.splide__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block;
}

.splide__pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    pointer-events: none;
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto;
}

.splide__progress__bar {
    width: 0;
}

.splide {
    position: relative;
    visibility: hidden;
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible;
}

.splide__slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative;
}

.splide__slide img {
    vertical-align: bottom;
}

.splide__spinner {
    -webkit-animation: splide-loading 1s linear infinite;
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline;
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

/*===============================================
                                                                                                                                                                      thumb_zoom
                                                                                                                                                                      ===============================================*/
@media (hover: none) {
    .an_thumb_zoom {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .an_thumb_zoom:hover .el_thumb .el_thumb_bg {
        transform: scale(1.1);
    }
}

/*===============================================
                                                                                                                                                                      scrollAnimation
                                                                                                                                                                      ===============================================*/
.is_fadeInUp,
.is_fadeInRight,
.is_fadeInLeft,
.is_fadeInUpBlock .line {
    /* opacity: 0; */
}

.is_fadeInUpBlock .line {
    display: inline-block;
}

/*===============================================
                                                                                                                                                                      page transition
                                                                                                                                                                      ===============================================*/
#js_pageTrans {
    height: 100vh;
    background-color: #EDEDED;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9990;
    transform: translateY(100vh);
    pointer-events: none;
    visibility: hidden;
    will-change: transform;
}

/*===============================================
                                                                                                                                                                      .js_scrollTxt
                                                                                                                                                                      ===============================================*/
.js_scrollTxt {
    pointer-events: none;
    max-width: initial;
}

/*===============================================
                                                                                                                                                                      .js_waveBgWrapper
                                                                                                                                                                      ===============================================*/
.js_waveBgWrapper {
    pointer-events: none;
}

/*===============================================
                                                                                                                                                                      device display
                                                                                                                                                                      ===============================================*/
.lg_only {
    display: block;
}

@media screen and (max-width: 960px) {
    .lg_only {
        display: none;
    }
}

.md_only {
    display: none;
}

@media screen and (max-width: 960px) {
    .md_only {
        display: block;
    }
}

.sm_only {
    display: none;
}

@media screen and (max-width: 560px) {
    .sm_only {
        display: block;
    }
}

/*===============================================
                                                                                                                                                                      asterisk
                                                                                                                                                                      ===============================================*/
.hp_asterisk {
    position: relative;
}

.hp_asterisk:after {
    color: red;
    content: "*";
    line-height: 1;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: -10px;
}

/*===============================================
                                                                                                                                                                      繝輔か繝ｳ繝�
                                                                                                                                                                      ===============================================*/
.ff_cinzel {
    font-family: "Cinzel", serif;
}

.ff_classico {
    /* font-family: classico-urw, sans-serif; */
}

.ff_worksans {
    font-family: "Work Sans", system-ui;
}

.ff_worksans.__regular {
    font-weight: 400 !important;
    letter-spacing: 0.03em !important;
}

.ff_worksans.__semibold {
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
}

.ff_worksans.__leading_m_tight {
    line-height: 1.1 !important;
}

.ff_worksans.__leading_x_tight {
    line-height: 1.3 !important;
}

.ff_worksans.__leading_tight {
    line-height: 1.5 !important;
}

.ff_worksans.__leading_snug {
    line-height: 1.6 !important;
}

.ff_worksans.__leading_normal {
    line-height: 1.7 !important;
}

.ff_worksans.__leading_relaxed {
    line-height: 1.8 !important;
}

.ff_worksans.__leading_loose {
    line-height: 2 !important;
}

.ff_worksans.__leading_tight {
    line-height: 1.5 !important;
}

.ff_worksans.__leading_x_loose {
    line-height: 2.2 !important;
}

.hp_colorKey {
    color: #111111;
}

/*===============================================
                                                                                                                                                                      iframe
                                                                                                                                                                      ===============================================*/
.hp_iframeWrapper {
    width: 100%;
    position: relative;
}

.hp_iframeWrapper iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hp_iframeWrapper.ra_16-9 {
    padding-top: 56.25%;
}

.hp_iframeWrapper.ra_square {
    padding-top: 100%;
}

/*===============================================
                                                                                                                                                                      繧ｯ繝ｪ繝��繝懊�繝峨↓繧ｳ繝斐�
                                                                                                                                                                      ===============================================*/
.js_copyBtn {
    position: relative;
}

.js_copyBtn p {
    position: absolute;
    visibility: hidden;
    color: #111111;
    font-size: 1.2rem;
    white-space: nowrap;
    top: auto;
    letter-spacing: 0;
    bottom: -1.6rem;
    left: 50%;
    transform: translate(-50%, -0.8rem);
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
}

.js_copyBtn.is_copied p {
    visibility: visible;
    transform: translate(-50%, 0);
}

/*===============================================
                                                                                                                                                                      loading
                                                                                                                                                                      ===============================================*/
#js_loading {
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    position: fixed;
    z-index: 9999;
    pointer-events: none;
    /*===============================================
                                                                                                                                                                        繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ蛻晄悄蛟､
                                                                                                                                                                        ===============================================*/
}

#js_loading .un_loadingBg {
    background-color: #111111;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#js_loading .un_loading_loader {
    position: absolute;
    top: 3.2rem;
    right: 3.2rem;
    bottom: auto;
    left: auto;
    margin: auto;
}

#js_loading .un_loading_loader .loader,
#js_loading .un_loading_loader .loader:after {
    border-radius: 50%;
    width: 3.2rem;
    height: 3.2rem;
}

#js_loading .un_loading_loader .loader {
    position: relative;
    text-indent: -9999em;
    border-top: 0.2rem solid rgba(244, 244, 244, 0.2);
    border-right: 0.2rem solid rgba(244, 244, 244, 0.2);
    border-bottom: 0.2rem solid rgba(244, 244, 244, 0.2);
    border-left: 0.2rem solid #EDEDED;
    transform: translateZ(0);
    -webkit-animation: load8 2s infinite linear;
    animation: load8 2s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#js_loading #js_openingTitle {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

#js_loading #js_openingTitle span {
    display: block;
    opacity: 0;
    font-size: 24rem;
    white-space: nowrap;
    color: #fff;
    will-change: opacity, transform;
}

@media screen and (max-width: 560px) {
    #js_loading #js_openingTitle span {
        font-size: 16rem;
    }
}

#js_loading #js_openingTitle .line01 {
    position: relative;
    left: -16rem;
}

@media screen and (max-width: 560px) {
    #js_loading #js_openingTitle .line01 {
        left: -8rem;
    }
}

#js_loading #js_openingTitle .line02 {
    position: relative;
    left: 16rem;
}

@media screen and (max-width: 560px) {
    #js_loading #js_openingTitle .line02 {
        left: 1.6rem;
    }
}

#js_loading #js_openingTitle .line03 {
    position: relative;
    left: 6.4rem;
}

@media screen and (max-width: 560px) {
    #js_loading #js_openingTitle .line03 {
        left: -3.2rem;
    }
}

#js_loading .un_loading_loader {
    opacity: 0;
    transform: translateY(1.6rem);
}

#js_loading #js_openingTitle .line01 {
    transform: translateX(100%) skewX(30deg);
}

#js_loading #js_openingTitle .line02 {
    transform: translateX(-100%) skewX(-30deg);
}

#js_loading #js_openingTitle .line03 {
    transform: translateX(100%) skewX(30deg);
}

/*===============================================
top
===============================================*/
.pg_top {
    /*===============================================
_teamPic
===============================================*/
    /*===============================================
_columnSlider
===============================================*/
    /*===============================================
_company
===============================================*/
}

.pg_top .bg_grey {
    background-color: #F4F4F4;
    /* background: #fff; */
}

.pg_top_mvScene {
    position: relative;
    height: calc(var(--fixvh, 1vh) * 100);
}

.pg_top_mvScene canvas {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pg_top_mvScene_gradation {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 8%;
    left: 38%;
    max-width: initial;
    width: auto;
    height: 60%;
    z-index: 0;
    /* opacity: 0; */
}

@media screen and (max-width: 560px) {
    .pg_top_mvScene_gradation {
        left: 0%;
        bottom: 30%;
        height: 42%;
    }
}

.pg_top_mvScene_title {
    position: absolute;
    bottom: 6.9rem;
    left: 7.6rem;
    z-index: 10;
    /* mix-blend-mode: exclusion; */
}

@media screen and (max-width: 960px) {
    .pg_top_mvScene_title {
        left: 3.2rem;
        bottom: 6.4rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_top_mvScene_title {
        left: 1.6rem;
    }
}

.pg_top_mvScene_title .line {
    max-width: initial;
    width: auto;
    display: block;
    opacity: 1;
}

.pg_top_mvScene_title .line img {
    height: 100%;
    width: auto;
    max-width: initial;
}

.pg_top_mvScene_title .line01,
.pg_top_mvScene_title .line02,
.pg_top_mvScene_title .line04 {
    height: 7.2rem;
}

.pg_top_mvScene_title .line01 {
    margin-bottom: 2.8rem;
    font-size: 40px;
}

.pg_top_mvScene_title .line03 {
    height: 2.1rem;
    margin: 2.1rem 0 1.6rem;
}

.pg_top_mvScene_title .line03.__enBlock {
    height: auto;
}

@media screen and (max-width: 960px) {
    .pg_top_mvScene_title .line03.__enBlock {
        height: auto;
        margin: 1rem 0 0.8rem;
    }
}

@media screen and (max-width: 960px) {
    .pg_top_mvScene_title .line01 {
        margin-bottom: 1.4rem;
    }

    .pg_top_mvScene_title .line01,
    .pg_top_mvScene_title .line02 {
        height: 3.7rem;
    }

    .pg_top_mvScene_title .line03 {
        height: 1.3rem;
    }

    .pg_top_mvScene_title .line04 {
        height: 8.8rem;
    }
}

.pg_top_mvScene_subTitle {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: 0;
    transform: translateY(-50%);
    margin: auto;
    color: #fff;
    text-align: center;
}

.pg_top_mvScene_subTitle span {
    display: block;
    opacity: 0;
}

.pg_top_mvScene_subTitle .line01,
.pg_top_mvScene_subTitle .line02,
.pg_top_mvScene_subTitle .line03 {
    font-size: 9rem;
}

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

    .pg_top_mvScene_subTitle .line01,
    .pg_top_mvScene_subTitle .line02,
    .pg_top_mvScene_subTitle .line03 {
        font-size: 5.2rem;
    }
}

.pg_top_mvScene_subTitle .line02,
.pg_top_mvScene_subTitle .line03 {
    margin-top: 0.4rem;
}

.pg_top_mvScene_subTitle .line04 {
    font-weight: bold;
    font-size: 2.2rem;
    margin-top: 2.4rem;
}

@media screen and (max-width: 960px) {
    .pg_top_mvScene_subTitle .line04 {
        font-size: 1.6rem;
        line-height: 1.6;
    }
}

.pg_top_mvScene_holeAnim {
    width: 8rem;
    height: 9.8rem;
    position: absolute;
    bottom: 2rem;
    right: 8rem;
    z-index: 10;
}

@media screen and (max-width: 560px) {
    .pg_top_mvScene_holeAnim {
        bottom: 22rem;
        right: 0.8rem;
        transition: all 0.4s;
        transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
        width: 7rem;
        height: 7rem;
    }
}

.pg_top_mvScene_holeAnim .hole {
    width: 100%;
    position: absolute;
    left: 0;
    opacity: 1;
}

.pg_top_mvScene_holeAnim .hole.hole1 {
    bottom: 0;
}

.pg_top_mvScene_holeAnim .hole.hole2 {
    bottom: 40%;
}

.pg_top_mvScene_holeAnim .hole.hole3 {
    bottom: 50%;
}

.pg_top_mvScene_holeAnim .hole.hole4 {
    bottom: 60%;
}

.pg_top_mvScene_holeAnim .hole.hole5 {
    bottom: 70%;
}

.pg_top_mvScene_holeAnim .dot {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 1.2rem;
    opacity: 0;
}

.pg_top_news {
    padding: 6.4rem 0;
    background-color: #fff;
}

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

@media screen and (max-width: 960px) {
    .pg_top_news .ly_inner {
        display: block;
    }
}

.pg_top_news .el_headingBlock {
    flex-shrink: 0;
    margin-right: 9.6rem;
}

@media screen and (max-width: 960px) {
    .pg_top_news .el_headingBlock {
        margin-bottom: 4rem;
    }

    .pg_top_news .el_headingBlock .el_headingBlock_title {
        margin-bottom: 0;
    }
}

.pg_top_news ul {
    width: 100%;
}

.pg_top_news ul li a {
    border-top: 0.1rem solid rgba(0, 0, 0, 0.16);
    padding: 2.4rem 0;
    display: flex;
    align-items: center;
    color: #000;
    font-size: 12px;
    gap: 30px;
}

@media screen and (max-width: 960px) {
    .pg_top_news ul li a {
        display: block;
    }
}

@media (hover: none) {
    .pg_top_news ul li a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

.time-category {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}





@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .pg_top_news ul li a:hover {
        background-color: #F4F4F4;
    }
}

.pg_top_news ul li a p {
    font-weight: bold;
    color: #000;
}

.pg_top_news ul li a p.category {
    background: #ddd;
    padding: 10px 20px;
    border-radius: 5rem;
}

.pg_top_news ul li a span {
    font-size: 1.6rem;
    margin-right: 1rem;
    font-weight: 600;
    flex-shrink: 0;
}

@media screen and (max-width: 960px) {
    .pg_top_news ul li a span {
        margin-right: 0;
        margin-bottom: 1.6rem;
        display: block;
    }
}

@media screen and (max-width: 960px) {
    .pg_top_news ul li:last-child a {
        border-bottom: 0.1rem solid rgba(0, 0, 0, 0.16);
    }
}

.pg_top_news .el_btn_wrapper.md_only {
    margin-top: 3.2rem;
}

.pg_top_about {
    position: relative;
    padding-top: 14rem;
    padding-bottom: 11.2rem;
}

@media screen and (max-width: 560px) {
    .pg_top_about {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }
}

.pg_top_about .el_textBlock p.el_textBlock_text2 {
    width: min(100%, 48rem);
}

.pg_top_about_pipe {
    position: absolute;
    top: 50%;
    right: -8rem;
    bottom: auto;
    left: auto;
    margin: auto;
    width: 64.5rem;
    height: 36rem;
    transform: translateY(-50%);
}

@media screen and (max-width: 960px) {
    .pg_top_about_pipe {
        position: relative;
        transform: none;
        margin-bottom: 3.2rem;
        top: auto;
        right: auto;
    }
}

@media screen and (max-width: 560px) {
    .pg_top_about_pipe {
        width: 35.9rem;
        height: 21.7rem;
        margin-left: calc(100% - 35.9rem);
    }
}

.pg_top_about_pipe img {
    position: absolute;
    opacity: 0;
}

.pg_top_about_pipe .dot {
    width: 13.3rem;
    height: 13.3rem;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

@media screen and (max-width: 560px) {
    .pg_top_about_pipe .dot {
        width: 7.4rem;
        height: 7.4rem;
    }
}

.pg_top_about_pipe .pipe01,
.pg_top_about_pipe .pipe02,
.pg_top_about_pipe .pipe03,
.pg_top_about_pipe .pipe04,
.pg_top_about_pipe .pipe05,
.pg_top_about_pipe .pipe06,
.pg_top_about_pipe .pipe07,
.pg_top_about_pipe .pipe08 {
    width: auto;
    max-width: initial;
    height: 100%;
}

.pg_top_about_pipe .pipe06,
.pg_top_about_pipe .pipe04,
.pg_top_about_pipe .pipe02 {
    top: -3.2%;
    height: 106%;
}

.pg_top_about_pipe .pipe08 {
    right: 0;
}

.pg_top_about_pipe .pipe07 {
    right: 31%;
    z-index: 1;
}

.pg_top_about_pipe .pipe06 {
    right: 31%;
    z-index: 2;
}

.pg_top_about_pipe .pipe05 {
    right: 44%;
    z-index: 3;
}

.pg_top_about_pipe .pipe04 {
    right: 44%;
    z-index: 4;
}

.pg_top_about_pipe .pipe03 {
    right: 58%;
    z-index: 5;
}

.pg_top_about_pipe .pipe02 {
    right: 58%;
    z-index: 6;
}

.pg_top_about_pipe .pipe01 {
    right: 69%;
    z-index: 7;
}

.pg_top_data .ly_inner_top {
    position: relative;
    padding: 10px 0;
}

.pg_top_data .js_scrollTxt {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    z-index: -2;
    width: 124rem;
}

.pg_top .bg_keyBlack {
    background-color: #131314;
    padding-top: 14rem;
    position: relative;
}

@media screen and (max-width: 560px) {
    .pg_top .bg_keyBlack {
        padding-top: 7.2rem;
    }
}

.pg_top .bg_keyBlack .js_waveBgWrapper {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 0;
}

.pg_top .bg_keyBlack .js_waveBgWrapper.canvas01 {
    height: 100rem;
    top: 0;
    width: 140%;
    transform: rotate(24deg);
    left: -20%;
}

@media screen and (max-width: 960px) {
    .pg_top .bg_keyBlack .js_waveBgWrapper.canvas01 {
        transform: rotate(12deg);
    }
}

.pg_top .bg_keyBlack .js_waveBgWrapper.canvas02 {
    height: 100vh;
    bottom: 0;
}

@media screen and (max-width: 960px) {
    .pg_top .bg_keyBlack .js_waveBgWrapper.canvas02 {
        height: 80vh;
        left: -10%;
        width: 120%;
        bottom: 5%;
    }
}

.pg_top_business .el_headingBlock .verticalTitle {
    position: absolute;
    top: 22rem;
    left: -16rem;
    transform: rotate(90deg);
}

@media screen and (max-width: 960px) {
    .pg_top_business .el_headingBlock .verticalTitle {
        top: 20rem;
        left: -12rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_top_business .el_headingBlock .verticalTitle {
        position: static;
        transform: none;
    }
}

.pg_top_business .el_headingBlock .verticalTitle .el_headingBlock_title {
    margin-bottom: 0;
}

.pg_top_business .el_textBlock {
    padding-left: 8rem;
    padding-top: 2.4rem;
}

@media screen and (max-width: 560px) {
    .pg_top_business .el_textBlock {
        padding-top: 0;
        padding-left: 0;
    }
}

.pg_top_business .el_textBlock p.el_textBlock_text2 {
    width: min(100%, 64rem);
}

.pg_top_business .el_textBloc.lg_only {
    display: block;
}

@media screen and (max-width: 560px) {
    .pg_top_business .el_textBloc.lg_only {
        display: none;
    }
}

.pg_top_business .el_textBlock.sm_only {
    display: none;
}

@media screen and (max-width: 560px) {
    .pg_top_business .el_textBlock.sm_only {
        display: block;
    }
}

.pg_top_business .ly_inner {
    padding-bottom: 44rem;
    position: relative;
}

@media screen and (max-width: 560px) {
    .pg_top_business .ly_inner {
        padding-bottom: 0;
    }
}

.pg_top_business_stars {
    width: min(100%, 75.4rem);
    position: absolute;
    bottom: 0;
    right: 0;
}

@media screen and (max-width: 960px) {
    .pg_top_business_stars {
        width: min(80%, 75.4rem);
        margin: auto;
        left: 0;
        right: 0;
    }
}

@media screen and (max-width: 560px) {
    .pg_top_business_stars {
        width: 100%;
    }
}

.pg_top_business_stars .fixed {
    width: 69.6rem;
    margin: 0 auto;
    position: relative;
    right: -5%;
}

.pg_top_business_stars .star01,
.pg_top_business_stars .star02,
.pg_top_business_stars .star03,
.pg_top_business_stars .star04 {
    position: absolute;
}

.pg_top_business_stars .star01 {
    top: 12%;
    left: 9%;
    width: 8rem;
}

@media screen and (max-width: 560px) {
    .pg_top_business_stars .star01 {
        top: 16%;
        left: 12%;
        width: 3.4rem;
    }
}

.pg_top_business_stars .star02 {
    top: 54%;
    width: 14rem;
    left: 0;
}

@media screen and (max-width: 560px) {
    .pg_top_business_stars .star02 {
        top: 60%;
        width: 6.4rem;
    }
}

.pg_top_business_stars .star03 {
    width: 14rem;
    bottom: 5%;
    right: 6%;
}

@media screen and (max-width: 560px) {
    .pg_top_business_stars .star03 {
        width: 6.4rem;
    }
}

.pg_top_business_stars .star04 {
    width: 14rem;
    top: 5%;
    right: 0;
}

@media screen and (max-width: 960px) {
    .pg_top_business_stars .star04 {
        top: 0;
        right: -7%;
    }
}

@media screen and (max-width: 560px) {
    .pg_top_business_stars .star04 {
        top: 0;
        right: -1%;
        width: 6.4rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_top_business_stars {
        position: relative;
        transform: none;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        margin-bottom: 6.4rem;
    }
}

.pg_top_service {
    overflow: hidden;
    position: relative;
}

.pg_top_service .bl_supporters {
    margin-top: 5.6rem;
}

.pg_top_service .js_scrollTxt {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    z-index: -2;
    width: 170rem;
}

@media screen and (max-width: 960px) {
    .pg_top_service .js_scrollTxt {
        bottom: auto;
        top: 2%;
        width: 88rem;
    }
}

.pg_top_teamPic {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    position: relative;
    /*===============================================
                                                                                                                                                                        繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ蛻晄悄蛟､
                                                                                                                                                                        ===============================================*/
    /*===============================================
                                                                                                                                                                        scroll txt
                                                                                                                                                                        ===============================================*/
}

@media screen and (max-width: 960px) {
    .pg_top_teamPic {
        height: auto;
        padding: 8rem 0 10.4rem;
    }
}

.pg_top_teamPic .ly_inner {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
}

@media screen and (max-width: 960px) {
    .pg_top_teamPic .ly_inner {
        display: block;
        margin-top: 16rem;
    }

    .pg_top_teamPic .ly_inner .el_headingBlock {
        margin-bottom: 2.4rem;
    }
}

.pg_top_teamPic .ly_inner .description_wrapper .description {
    width: 32.6rem;
    font-size: 1.6rem;
    color: #C9C9C9;
    line-height: 1.7;
}

.pg_top_teamPic .ly_inner .description_wrapper .el_btn_wrapper {
    margin-top: 3.2rem;
}

@media (hover: none) {
    .pg_top_teamPic {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .pg_top_teamPic:hover .description_wrapper .el_btn_wrapper .el_btn_main {
        background-color: #fff;
        color: #111111;
    }

    .pg_top_teamPic:hover .description_wrapper .el_btn_wrapper .el_btn_main span::before {
        transform: scale(0.6666);
        border-color: #111111;
        background-color: #111111;
    }

    .pg_top_teamPic:hover .description_wrapper .el_btn_wrapper .el_btn_main.grey {
        border-color: #fff;
    }
}

.pg_top_teamPic .dotWrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 23rem;
    height: 23rem;
    pointer-events: none;
}

@media screen and (max-width: 960px) {
    .pg_top_teamPic .dotWrapper {
        position: relative;
        margin-top: 6.4rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_top_teamPic .dotWrapper {
        width: 20rem;
        height: 20rem;
    }
}

.pg_top_teamPic .dotWrapper .dot {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 2.4rem;
    height: 2.4rem;
    background-color: #fff;
    border-radius: 50%;
}

.pg_top_teamPic .dotWrapper .ripple {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.04);
    border-radius: 50%;
}

.pg_top_teamPic .dotWrapper .ripple01 {
    width: 58.2%;
    height: 58.2%;
    z-index: 10;
}

.pg_top_teamPic .dotWrapper .ripple02 {
    width: 100%;
    height: 100%;
    z-index: 1;
}

.pg_top_teamPic .circle {
    width: 16rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
}

@media screen and (max-width: 960px) {
    .pg_top_teamPic .circle {
        top: 18rem;
        bottom: auto;
    }
}

.pg_top_teamPic .earth {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}

.pg_top_teamPic #earthRing {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: auto;
    z-index: 20;
}

.pg_top_teamPic #earthRing .st0 {
    fill: url(#earthObj);
}

.pg_top_teamPic #imageTrail_wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

.pg_top_teamPic #imageTrail_wrapper .imageTrail {
    width: 17.6rem;
    height: 23.6rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    opacity: 0;
    border-radius: 0.8rem;
}

@media screen and (max-width: 960px) {
    .pg_top_teamPic #imageTrail_wrapper .imageTrail {
        width: 11rem;
        height: 14.5rem;
        transform: scale(0.7);
        border-radius: 3.2rem;
    }

    .pg_top_teamPic #imageTrail_wrapper .imageTrail:nth-child(1),
    .pg_top_teamPic #imageTrail_wrapper .imageTrail:nth-child(7) {
        top: 6%;
        left: 18%;
        z-index: 3;
    }

    .pg_top_teamPic #imageTrail_wrapper .imageTrail:nth-child(2),
    .pg_top_teamPic #imageTrail_wrapper .imageTrail:nth-child(8) {
        top: 12%;
        left: 3%;
        z-index: 2;
    }

    .pg_top_teamPic #imageTrail_wrapper .imageTrail:nth-child(3),
    .pg_top_teamPic #imageTrail_wrapper .imageTrail:nth-child(9) {
        top: 19%;
        left: 15%;
        z-index: 1;
    }

    .pg_top_teamPic #imageTrail_wrapper .imageTrail:nth-child(4),
    .pg_top_teamPic #imageTrail_wrapper .imageTrail:nth-child(10) {
        bottom: 55%;
        right: 3%;
        z-index: 3;
    }

    .pg_top_teamPic #imageTrail_wrapper .imageTrail:nth-child(5),
    .pg_top_teamPic #imageTrail_wrapper .imageTrail:nth-child(11) {
        bottom: 49%;
        right: 18%;
        z-index: 2;
    }

    .pg_top_teamPic #imageTrail_wrapper .imageTrail:nth-child(6),
    .pg_top_teamPic #imageTrail_wrapper .imageTrail:nth-child(12) {
        bottom: 43%;
        right: 5%;
        z-index: 1;
    }
}

.pg_top_teamPic .dotWrapper .dot {
    opacity: 0;
    transform: translateY(-33rem);
}

@media screen and (max-width: 960px) {
    .pg_top_teamPic .dotWrapper .dot {
        transform: translateY(-22rem);
    }
}

.pg_top_teamPic .dotWrapper .ripple {
    opacity: 0;
    transform: scale(0.8);
}

.pg_top_teamPic .dotWrapper .earth {
    opacity: 0;
    transform: scale(1.2);
}

.pg_top_teamPic .dotWrapper #earthRing {
    opacity: 0;
    transform: scale(1.4);
}

.pg_top_teamPic .description_wrapper {
    opacity: 0;
    transform: translateY(1.6rem);
}

.pg_top_teamPic .js_scrollTxt {
    position: absolute;
    top: auto;
    bottom: -3%;
    margin: auto;
    left: 0;
    z-index: 0;
    width: 140rem;
}

@media screen and (max-width: 960px) {
    .pg_top_teamPic .js_scrollTxt {
        width: 88rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_top_teamPic .js_scrollTxt {
        bottom: 0;
        width: 59rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_top_column {
        margin-top: 6.4rem;
        padding-bottom: 0;
    }
}

.pg_top_column .el_btn_wrapper {
    margin-top: 4.8rem;
    text-align: center;
}

@media screen and (max-width: 960px) {
    .pg_top_column .el_btn_wrapper {
        margin-top: 3.2rem;
    }
}

.pg_top_column .el_btn_wrapper a {
    display: inline-block;
}

.pg_top_columnSlider {
    padding-top: 4rem;
    border-top: 0.1rem solid #111111;
    position: relative;
}

@media screen and (max-width: 560px) {
    .pg_top_columnSlider .splide__track {
        overflow: visible;
    }
}

@media screen and (max-width: 560px) {
    .pg_top_columnSlider ul.splide__list li.splide__slide {
        width: calc(100vw - 8rem);
        margin: 0 2.4rem;
    }
}

.pg_top_columnSlider .splide__arrows {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: calc(100% + 11.2rem + 4.8rem);
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: -8rem;
}

@media screen and (max-width: 960px) {
    .pg_top_columnSlider .splide__arrows {
        top: auto;
        margin: 0 auto;
        left: 0;
        right: 0;
        width: 29.5rem;
        bottom: -8rem;
    }
}

.pg_top_columnSlider .splide__arrows .el_arrowBtn {
    width: 5.6rem;
    height: 5.6rem;
}

.pg_top_columnSlider .splide__arrows .el_arrowBtn .bg {
    fill: #111111;
}

.pg_top_columnSlider .splide__arrows .el_arrowBtn .border {
    fill: #111111;
}

.pg_top_columnSlider .splide__arrows .el_arrowBtn .arrow {
    fill: #fff;
}

.pg_top_columnSlider .splide__arrows .el_arrowBtn .bg,
.pg_top_columnSlider .splide__arrows .el_arrowBtn .arrow,
.pg_top_columnSlider .splide__arrows .el_arrowBtn .border {
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
}

@media (hover: none) {
    .pg_top_columnSlider .splide__arrows .el_arrowBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .pg_top_columnSlider .splide__arrows .el_arrowBtn:hover .bg {
        fill: #fff;
    }

    .pg_top_columnSlider .splide__arrows .el_arrowBtn:hover .border {
        fill: #111111;
    }

    .pg_top_columnSlider .splide__arrows .el_arrowBtn:hover .arrow {
        fill: #111111;
    }
}

@media screen and (max-width: 960px) {
    .pg_top_columnSlider .splide__arrows .el_arrowBtn {
        width: 4.8rem;
        height: 4.8rem;
    }

    .pg_top_columnSlider .splide__arrows .el_arrowBtn .bg {
        fill: #111111;
    }

    .pg_top_columnSlider .splide__arrows .el_arrowBtn .border {
        fill: #111111;
    }

    .pg_top_columnSlider .splide__arrows .el_arrowBtn .arrow {
        fill: #fff;
    }

    .pg_top_columnSlider .splide__arrows .el_arrowBtn .bg,
    .pg_top_columnSlider .splide__arrows .el_arrowBtn .arrow,
    .pg_top_columnSlider .splide__arrows .el_arrowBtn .border {
        transition: all 0.4s;
        transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    }
}

@media screen and (max-width: 960px) and (hover: none) {
    .pg_top_columnSlider .splide__arrows .el_arrowBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media screen and (max-width: 960px) and (-ms-high-contrast: none),
screen and (max-width: 960px) and (-ms-high-contrast: active),
screen and (max-width: 960px) and (-moz-touch-enabled: 0),
screen and (max-width: 960px) and (hover: hover) {
    .pg_top_columnSlider .splide__arrows .el_arrowBtn:hover .bg {
        fill: #fff;
    }

    .pg_top_columnSlider .splide__arrows .el_arrowBtn:hover .border {
        fill: #111111;
    }

    .pg_top_columnSlider .splide__arrows .el_arrowBtn:hover .arrow {
        fill: #111111;
    }
}

.pg_top_company {
    background-color: #fff;
    padding: 7.2rem 0 8rem;
}

@media screen and (max-width: 560px) {
    .pg_top_company {
        padding: 3.4rem 0;
        margin-top: 0;
    }
}

.pg_top_companyInfo {
    display: flex;
}

@media screen and (max-width: 960px) {
    .pg_top_companyInfo {
        display: block;
    }
}

.pg_top_companyInfo a {
    width: 50%;
    height: 37.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 960px) {
    .pg_top_companyInfo a {
        width: 100%;
    }
}

@media screen and (max-width: 560px) {
    .pg_top_companyInfo a {
        height: 24.6rem;
    }
}

.pg_top_companyInfo a:nth-child(1) {
    border-radius: 1.2rem 0 0 1.2rem;
}

@media screen and (max-width: 960px) {
    .pg_top_companyInfo a:nth-child(1) {
        border-radius: 0.6rem;
    }
}

.pg_top_companyInfo a:nth-child(2) {
    border-radius: 0 1.2rem 1.2rem 0;
}

@media screen and (max-width: 960px) {
    .pg_top_companyInfo a:nth-child(2) {
        margin-top: 1.6rem;
        border-radius: 0.6rem;
    }
}

.pg_top_companyInfo a .el_thumb {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.pg_top_companyInfo a .el_thumb .el_thumb_bg {
    width: 100%;
    height: 100%;
}

.pg_top_companyInfo a .el_headingBlock_title {
    width: 100%;
    color: #fff;
    text-align: center;
}

/*===============================================
                                                                                                                                                                      _whoweare
                                                                                                                                                                      ===============================================*/
.pg_whoweare_vision {
    position: relative;
}

.pg_whoweare_vision .js_scrollTxt {
    position: absolute;
    top: 5%;
    right: 0;
    width: 194.4rem;
    max-width: initial;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_vision .js_scrollTxt {
        width: 97.2rem;
        top: 22%;
    }
}

.pg_whoweare_vision .vision_title {
    margin-left: 20rem;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_vision .vision_title {
        margin-left: 0;
    }
}

.pg_whoweare_vision_mission {
    margin-top: 17.3rem;
    background-color: #fff;
    padding: 6.4rem 3.6rem;
    border-radius: 0.8rem;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_vision_mission {
        margin-top: 6rem;
        display: block;
        padding: 3.4rem 2.6rem;
    }
}

.pg_whoweare_vision_mission .img {
    width: 32rem;
    height: 32rem;
    background-color: #F4F4F4;
    /* border-radius: 50%; */
    border-radius: 1em;
    position: relative;
    flex-shrink: 0;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_vision_mission .img {
        width: 26rem;
        height: 26rem;
        display: block;
        margin: 4rem auto 0;
    }
}

.pg_whoweare_vision_mission .img svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 70%;
    margin: auto;
}

.pg_whoweare_vision_mission .img .earth {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 16rem;
    height: 16rem;
    z-index: 100;
}

.pg_whoweare_vision_mission .cont {
    padding-left: 6.2rem;
}

@media screen and (max-width: 960px) {
    .pg_whoweare_vision_mission .cont {
        padding-left: 4rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_whoweare_vision_mission .cont {
        padding-left: 0;
    }
}

.pg_whoweare_vision_anim {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.pg_whoweare_vision_anim img {
    position: absolute;
    opacity: 0;
}

.pg_whoweare_vision_anim .circle {
    width: min(100%, 40rem);
    top: 25%;
    right: 21%;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_vision_anim .circle {
        width: 33.7rem;
        left: 0;
        right: 0;
        margin: auto;
        top: 35%;
    }
}

.pg_whoweare_vision_anim .black {
    width: 7.4rem;
    top: 25%;
    right: 32.5%;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_vision_anim .black {
        width: 6.2rem;
        left: 0;
        right: 0;
        margin: auto;
        top: 36%;
    }
}

.pg_whoweare_vision_anim .blue {
    width: 33rem;
    right: -4%;
    top: 26%;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_vision_anim .blue {
        width: 17.2rem;
        top: 47%;
        right: -11%;
    }
}

.pg_whoweare_vision_anim .blue2 {
    width: 6.3rem;
    top: 19%;
    right: 46%;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_vision_anim .blue2 {
        top: 20%;
        left: 60%;
    }
}

.pg_whoweare_vision_anim .purple {
    width: 13rem;
    top: 38%;
    left: 29%;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_vision_anim .purple {
        width: 10rem;
        top: 49%;
        left: 14%;
    }
}

.pg_whoweare_vision_anim .purple2 {
    width: 4.3rem;
    top: 41%;
    right: 26%;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_vision_anim .purple2 {
        top: 27%;
        right: 54%;
    }
}

.pg_whoweare_vision_anim .green {
    width: 4.9rem;
    top: -6%;
    left: 9%;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_vision_anim .green {
        top: 23%;
        left: 3%;
    }
}

.pg_whoweare_vision_anim .green2 {
    width: 14.9rem;
    top: -6%;
    right: 20%;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_vision_anim .green2 {
        width: 8.9rem;
        top: 26%;
        right: -3%;
    }
}

.pg_whoweare_vision_anim .orange {
    width: 19.4rem;
    left: 5%;
    top: 22%;
    left: 3%;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_vision_anim .orange {
        width: 12.4rem;
        left: 5%;
        top: 28%;
        left: -11%;
    }
}

.pg_whoweare_vision_anim .orange2 {
    width: 6.5rem;
    top: 18%;
    right: 18%;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_vision_anim .orange2 {
        width: 6.5rem;
        top: 1%;
        right: 8%;
    }
}

.pg_whoweare_identity {
    background-color: #131314;
    padding: 11.2rem 0;
    position: relative;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_identity {
        padding: 8rem 0;
    }
}

.pg_whoweare_identity_block {
    display: flex;
    align-items: center;
    padding-left: 12rem;
    padding-right: 12rem;
}

@media screen and (max-width: 960px) {
    .pg_whoweare_identity_block {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 560px) {
    .pg_whoweare_identity_block {
        display: block;
    }
}

.pg_whoweare_identity_block_title {
    font-size: 2.4rem;
    color: #fff;
    width: 18rem;
    flex-shrink: 0;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_identity_block_title {
        width: auto;
        font-size: 2rem;
        margin-bottom: 3.2rem;
    }
}

.pg_whoweare_identity_block:nth-child(1) {
    padding-bottom: 6.4rem;
    margin-bottom: 6.4rem;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.6);
}

@media screen and (max-width: 560px) {
    .pg_whoweare_identity_block:nth-child(1) {
        padding-bottom: 5.6rem;
        margin-bottom: 5.6rem;
    }
}

.pg_whoweare_member {
    margin-bottom: 11.2rem;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_member {
        margin-bottom: 8rem;
    }
}

.pg_whoweare_memberSlider {
    margin-left: 4rem;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_memberSlider {
        margin-left: 0;
    }
}

.pg_whoweare_memberSlider .splide__track {
    overflow: visible;
}

.pg_whoweare_memberSlider ul li {
    width: 40rem;
    margin: 0 4rem;
}

@media screen and (max-width: 560px) {
    .pg_whoweare_memberSlider ul li {
        width: calc(100vw - 8rem);
        margin: 0 4rem 0 0;
    }
}

.pg_whoweare_memberSlider .thumbnail_block {
    position: relative;
    margin-bottom: 2.4rem;
    padding-left: 10.4rem;
}

.pg_whoweare_memberSlider .thumbnail_block .name_wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.pg_whoweare_memberSlider .thumbnail_block .name_wrapper .position {
    font-size: 1.4rem;
    padding-top: 1.6rem;
    position: relative;
}

.pg_whoweare_memberSlider .thumbnail_block .name_wrapper .position:before {
    content: "";
    width: 2rem;
    height: 0.1rem;
    background-color: #111111;
    position: absolute;
    top: 0;
    left: 0;
}

.pg_whoweare_memberSlider .thumbnail_block .name_wrapper .name {
    font-size: 2.6rem;
    font-weight: bold;
    margin: 1.6rem 0;
    line-height: 1.1;
}

.pg_whoweare_memberSlider .thumbnail_block .name_wrapper .name_eng {
    font-size: 1.4rem;
    color: #1A87B9;
    font-weight: 600;
}

.pg_whoweare_memberSlider .thumbnail_block .el_thumb {
    border-radius: 0.8rem;
}

.pg_whoweare_memberSlider .thumbnail_block .el_thumb_bg {
    padding-top: 133%;
}

/*===============================================
                                                                                                                                                                      service
                                                                                                                                                                      ===============================================*/
.pg_service_business {
    position: relative;
    padding-bottom: 44.5rem;
    padding-top: 12rem;
}

@media screen and (max-width: 560px) {
    .pg_service_business {
        padding-top: 8rem;
    }
}

.pg_service_business .el_textBlock {
    padding-left: 4rem;
}

@media screen and (max-width: 560px) {
    .pg_service_business .el_textBlock {
        padding-left: 0;
    }
}

.pg_service_business .el_textBlock p.el_textBlock_text2 {
    width: min(100%, 32rem);
}

.pg_service_business .js_scrollTxt {
    position: absolute;
}

.pg_service_business .js_scrollTxt:nth-child(1) {
    width: 139.8rem;
    bottom: 20rem;
    left: 0;
}

@media screen and (max-width: 560px) {
    .pg_service_business .js_scrollTxt:nth-child(1) {
        width: 119.8rem;
    }
}

.pg_service_business .js_scrollTxt:nth-child(2) {
    width: 116.8rem;
    bottom: 1.6rem;
    right: 0;
}

@media screen and (max-width: 560px) {
    .pg_service_business .js_scrollTxt:nth-child(2) {
        width: 95.8rem;
    }
}

.pg_service_business_sphere .sphere {
    position: absolute;
    top: auto;
    right: 11%;
    bottom: 6%;
    left: auto;
    width: 52rem;
}

@media screen and (max-width: 960px) {
    .pg_service_business_sphere .sphere {
        top: auto;
        right: 15%;
        bottom: 9%;
        left: auto;
        width: 38rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_service_business_sphere .sphere {
        left: 0;
        right: 0;
        margin: auto;
        width: 26rem;
    }
}

.pg_service_business_sphere .seekers {
    position: absolute;
    top: 28%;
    right: 16%;
    bottom: auto;
    left: auto;
    width: 10.4rem;
}

@media screen and (max-width: 960px) {
    .pg_service_business_sphere .seekers {
        top: 44%;
        right: 12%;
        bottom: auto;
        left: auto;
        width: 8rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_service_business_sphere .seekers {
        top: 56%;
    }
}

.pg_service_business_sphere .investors {
    position: absolute;
    top: auto;
    right: 4%;
    bottom: 26%;
    left: auto;
    width: 9.3rem;
}

@media screen and (max-width: 960px) {
    .pg_service_business_sphere .investors {
        top: auto;
        right: 5%;
        bottom: 26%;
        left: auto;
        width: 7rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_service_business_sphere .investors {
        bottom: 23%;
        right: 2%;
    }
}

.pg_service_business_sphere .enterprener {
    position: absolute;
    top: auto;
    right: 45%;
    bottom: 16%;
    left: auto;
    width: 13.7rem;
}

@media screen and (max-width: 960px) {
    .pg_service_business_sphere .enterprener {
        top: auto;
        right: 61%;
        bottom: 16%;
        left: auto;
        width: 11rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_service_business_sphere .enterprener {
        top: auto;
        right: 67%;
        bottom: 5%;
        left: auto;
        width: 11rem;
    }
}

.pg_service_business_sphere .logo {
    position: absolute;
    top: auto;
    right: 17%;
    bottom: 5%;
    left: auto;
    width: 37.5rem;
}

@media screen and (max-width: 960px) {
    .pg_service_business_sphere .logo {
        right: 23%;
        bottom: 7%;
        width: 32rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_service_business_sphere .logo {
        right: 3%;
        left: auto;
        margin: auto;
        width: 19rem;
        bottom: 6%;
    }
}

.pg_service_lineup {
    padding: 12rem 0;
    background-color: #131314;
    position: relative;
}

.pg_service_lineup .js_scrollTxt {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
}

.pg_service_lineup .bl_supporters {
    margin-top: 5.6rem;
}

.pg_service_growing {
    height: 64rem;
    position: relative;
    overflow: hidden;
    background-color: #131314;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pg_service_growing_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.webp .pg_service_growing_bg {
    background-image: url("../images/layout/service/growing.webp");
}

.no-webp .pg_service_growing_bg {
    background-image: url("../images/layout/service/growing.jpg");
}

.pg_service_growing .growing,
.pg_service_growing .startup,
.pg_service_growing .company {
    display: inline-block;
}

.pg_service_growing .growing img,
.pg_service_growing .startup img,
.pg_service_growing .company img {
    max-width: initial;
}

.pg_service_growing .growing {
    margin-left: 8rem;
}

.pg_service_growing .growing img {
    width: 48rem;
}

.pg_service_growing .startup {
    margin: 7.2rem 0;
    display: flex;
    justify-content: center;
}

.pg_service_growing .startup img {
    width: 104rem;
}

.pg_service_growing .company {
    margin-right: 12rem;
    display: flex;
    justify-content: flex-end;
}

.pg_service_growing .company img {
    width: 54.7rem;
}

.pg_service_lineup_illust {
    margin-bottom: 12rem;
}

@media screen and (max-width: 560px) {
    .pg_service_lineup_illust {
        margin-bottom: 8rem;
    }
}

/*===============================================
                                                                                                                                                                      hrSolution
                                                                                                                                                                      ===============================================*/
.pg_hrSolution_data .ly_inner {
    position: relative;
}

.pg_hrSolution_data .js_scrollTxt {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    z-index: -2;
    width: 132rem;
}

.pg_hrSolution_service {
    background-color: #131314;
    padding: 12rem 0;
    position: relative;
}

@media screen and (max-width: 560px) {
    .pg_hrSolution_service {
        padding: 8rem 0;
    }
}

.pg_hrSolution_service_list {
    padding: 3.2rem 4rem;
    border-radius: 100vh;
    background-color: #333333;
    color: #fff;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 960px) {
    .pg_hrSolution_service_list {
        display: block;
        border-radius: 0.4rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_hrSolution_service_list {
        padding: 2.4rem 1.6rem;
    }
}

.pg_hrSolution_service_list:not(:first-child) {
    margin-top: 2.4rem;
}

.pg_hrSolution_service_list_wrapper {
    margin-top: 4.8rem;
}

.pg_hrSolution_service_list .title {
    width: 28.7rem;
    padding-right: 1.6rem;
    font-size: 2rem;
    flex-shrink: 0;
    position: relative;
}

@media screen and (max-width: 960px) {
    .pg_hrSolution_service_list .title {
        width: 100%;
        padding-right: 0;
        font-size: 1.8rem;
    }
}

.pg_hrSolution_service_list .title:after {
    content: "";
    width: 0.1rem;
    height: 2.4rem;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
}

@media screen and (max-width: 960px) {
    .pg_hrSolution_service_list .title:after {
        display: none;
    }
}

.pg_hrSolution_service_list .tagList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -1.2rem;
    padding-left: 4.8rem;
}

@media screen and (max-width: 960px) {
    .pg_hrSolution_service_list .tagList {
        padding-left: 0;
        margin-top: 1.6rem;
    }
}

.pg_hrSolution_service_list .tagList p {
    margin: 0 1.2rem 1.2rem 0;
}

.pg_hrSolution_service_list .tagList p .el_tagTxt {
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.24);
    color: #fff;
    display: inline-block;
}

.pg_hrSolution_service_list .tagList p .el_tagTxt.lg {
    padding: 0 2.4rem;
    border-radius: 3.2rem;
    line-height: 3.2rem;
    font-size: 1.5rem;
}

.pg_hrSolution_service .js_waveBgWrapper {
    position: absolute;
    width: 120%;
    transform: rotate(-12deg);
    height: 100%;
    left: -10%;
    z-index: 0;
    top: 0;
    margin: auto;
}

@media screen and (max-width: 960px) {
    .pg_hrSolution_service .js_waveBgWrapper {
        transform: rotate(-5deg);
    }
}

@media screen and (max-width: 560px) {
    .pg_hrSolution_service .js_waveBgWrapper {
        height: 50%;
    }
}

.pg_hrSolution_strength {
    padding: 12rem 0 11.2rem;
    background-color: #fff;
    position: relative;
}

@media screen and (max-width: 560px) {
    .pg_hrSolution_strength {
        padding: 8rem 0;
    }
}

.pg_hrSolution_strength .bl_supporters {
    margin-top: 7.2rem;
}

.pg_hrSolution_strength .js_scrollTxt {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    width: 218rem;
}

@media screen and (max-width: 560px) {
    .pg_hrSolution_strength .js_scrollTxt {
        width: 160rem;
    }
}

.pg_hrSolution_adviser {
    position: relative;
}

.pg_hrSolution_adviser .el_btn_wrapper {
    margin-top: 4rem;
    text-align: center;
}

.pg_hrSolution_adviser .el_btn_wrapper a {
    display: inline-block;
}

.pg_hrSolution_adviser .js_scrollTxt {
    position: absolute;
    top: 0;
    bottom: auto;
    margin: auto;
    right: 0;
    width: 116rem;
}

@media screen and (max-width: 560px) {
    .pg_hrSolution_adviser .js_scrollTxt {
        width: 80rem;
    }
}

.pg_hrSolution_columnSlider {
    padding: 14rem 0 8rem;
    background-color: #fff;
}

@media screen and (max-width: 560px) {
    .pg_hrSolution_columnSlider {
        padding: 8rem 0;
    }
}

.pg_hrSolution_columnSlider .bl_columnSlider_wrapper:not(:first-child) {
    margin-top: 12rem;
}

@media screen and (max-width: 560px) {
    .pg_hrSolution_columnSlider .bl_columnSlider_wrapper:not(:first-child) {
        margin-top: 6.4rem;
    }
}

.pg_hrSolution .bl_CTAblock {
    margin-top: 8rem;
}

/*===============================================
                                                                                                                                                                      acceleration
                                                                                                                                                                      ===============================================*/
.pg_acceleration_structure {
    padding: 15rem 0 0 0;
    background-color: #131314;
    position: relative;
}

@media screen and (max-width: 560px) {
    .pg_acceleration_structure {
        padding: 8rem 0;
    }
}

.pg_acceleration_structure .ly_inner {
    padding-bottom: 67rem;
}

@media screen and (max-width: 560px) {
    .pg_acceleration_structure .ly_inner {
        padding-bottom: 30rem;
    }
}

.pg_acceleration_structure .el_textBlock .el_textBlock_text {
    width: min(100%, 52rem);
    color: #C9C9C9;
}

.pg_acceleration_structure .js_waveBgWrapper {
    position: absolute;
    width: 120%;
    height: 100%;
    left: -10%;
    z-index: 0;
    top: 0;
    transform: rotate(15deg);
    margin: auto;
}

@media screen and (max-width: 960px) {
    .pg_acceleration_structure .js_waveBgWrapper {
        transform: rotate(10deg);
    }
}

.pg_acceleration_structure_anim {
    width: 88rem;
    height: 62rem;
    position: absolute;
    top: 41%;
    right: 12%;
}

@media screen and (max-width: 960px) {
    .pg_acceleration_structure_anim {
        width: 65rem;
        height: 59rem;
        top: auto;
        bottom: 4%;
        left: 0;
        right: 0;
        margin: auto;
    }
}

@media screen and (max-width: 560px) {
    .pg_acceleration_structure_anim {
        width: calc(100% - 1.6rem);
        height: 32rem;
    }
}

.pg_acceleration_structure_anim img {
    position: absolute;
}

.pg_acceleration_structure_anim .sphere {
    width: min(100%, 34rem);
    top: 27%;
    right: 30%;
}

@media screen and (max-width: 560px) {
    .pg_acceleration_structure_anim .sphere {
        width: min(100%, 17rem);
    }
}

.pg_acceleration_structure_anim .circle {
    width: min(100%, 16rem);
    opacity: 0;
}

@media screen and (max-width: 560px) {
    .pg_acceleration_structure_anim .circle {
        width: min(100%, 8rem);
    }
}

.pg_acceleration_structure_anim .circle01 {
    top: 59%;
    transform: translate(-3.2rem, 3.2rem);
}

.pg_acceleration_structure_anim .circle02 {
    right: 13%;
    transform: translate(3.2rem, -3.2rem);
}

.pg_acceleration_structure_anim .circle03 {
    top: 32%;
    right: 0;
    transform: translate(3.2rem, 3.2rem);
}

.pg_acceleration_structure_anim .circle04 {
    right: 15%;
    bottom: 0;
    transform: translate(3.2rem, 3.2rem);
}

.pg_acceleration_structure_anim .arrow {
    width: 7rem;
    opacity: 0;
}

@media screen and (max-width: 560px) {
    .pg_acceleration_structure_anim .arrow {
        width: 4rem;
    }
}

.pg_acceleration_structure_anim .arrow01 {
    top: 51%;
    right: 20%;
    transform: translate(1.6rem, 1.6rem);
}

@media screen and (max-width: 560px) {
    .pg_acceleration_structure_anim .arrow01 {
        right: 22%;
    }
}

.pg_acceleration_structure_anim .arrow02 {
    top: 78%;
    right: 37%;
    transform: translate(1.6rem, 1.6rem);
}

@media screen and (max-width: 560px) {
    .pg_acceleration_structure_anim .arrow02 {
        top: 71%;
    }
}

.pg_acceleration_structure_anim .arrow03 {
    top: 12%;
    right: 34%;
    transform: translate(1.6rem, -1.6rem);
}

@media screen and (max-width: 560px) {
    .pg_acceleration_structure_anim .arrow03 {
        top: 17%;
    }
}

.pg_acceleration_structure_anim .arrow04 {
    top: 48%;
    left: 17%;
    transform: translate(-1.6rem, 1.6rem);
}

@media screen and (max-width: 560px) {
    .pg_acceleration_structure_anim .arrow04 {
        top: 51%;
        left: 15%;
    }
}

.pg_acceleration_achievement {
    background-color: #fff;
    padding: 12rem 0;
}

@media screen and (max-width: 560px) {
    .pg_acceleration_achievement {
        padding: 8rem 0;
    }
}

.pg_acceleration_strength {
    position: relative;
}

.pg_acceleration_strength .js_scrollTxt {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 218rem;
}

@media screen and (max-width: 560px) {
    .pg_acceleration_strength .js_scrollTxt {
        width: 160rem;
    }
}

.pg_acceleration_data .ly_inner {
    position: relative;
}

.pg_acceleration_data .js_scrollTxt {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -20%;
    z-index: -2;
    width: 104rem;
}

@media screen and (max-width: 560px) {
    .pg_acceleration_data .js_scrollTxt {
        width: 80rem;
    }
}

/*===============================================
                                                                                                                                                                      forfunders 
                                                                                                                                                                      ===============================================*/
.pg_forfunders_necessity {
    padding: 11.2rem 0 12rem;
    background-color: #fff;
}

@media screen and (max-width: 560px) {
    .pg_forfunders_necessity {
        padding: 8rem 0;
    }
}

.pg_forfunders_necessity_slider .splide__track {
    overflow: visible;
}

.pg_forfunders_necessity_slider .splide__list .splide__slide {
    background-color: #F4F4F4;
    border-radius: 0.8rem;
    padding: 3.2rem;
    margin-right: 2rem;
    width: min(100vw - 3.2rem, 50rem);
}

.pg_forfunders_necessity_slider_wrapper .heading_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.2rem;
}

@media screen and (max-width: 560px) {
    .pg_forfunders_necessity_slider_wrapper .heading_wrapper {
        margin-bottom: 2.4rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_textBlock_title {
        font-size: 2.2rem;
        margin-right: 1.6rem;
    }
}

.pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn {
    width: 5.6rem;
    height: 5.6rem;
}

.pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn .bg {
    fill: #111111;
}

.pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn .border {
    fill: #111111;
}

.pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn .arrow {
    fill: #fff;
}

.pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn .bg,
.pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn .arrow,
.pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn .border {
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
}

@media (hover: none) {
    .pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn:hover .bg {
        fill: #fff;
    }

    .pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn:hover .border {
        fill: #111111;
    }

    .pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn:hover .arrow {
        fill: #111111;
    }
}

@media screen and (max-width: 560px) {
    .pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn {
        width: 4rem;
        height: 4rem;
    }

    .pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn .bg {
        fill: #111111;
    }

    .pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn .border {
        fill: #111111;
    }

    .pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn .arrow {
        fill: #fff;
    }

    .pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn .bg,
    .pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn .arrow,
    .pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn .border {
        transition: all 0.4s;
        transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    }
}

@media screen and (max-width: 560px) and (hover: none) {
    .pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media screen and (max-width: 560px) and (-ms-high-contrast: none),
screen and (max-width: 560px) and (-ms-high-contrast: active),
screen and (max-width: 560px) and (-moz-touch-enabled: 0),
screen and (max-width: 560px) and (hover: hover) {
    .pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn:hover .bg {
        fill: #fff;
    }

    .pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn:hover .border {
        fill: #111111;
    }

    .pg_forfunders_necessity_slider_wrapper .heading_wrapper .el_arrowBtn:hover .arrow {
        fill: #111111;
    }
}

.pg_forfunders_necessity_slider_wrapper .heading_wrapper .splide__arrows {
    display: flex;
}

.pg_forfunders_necessity_slider_wrapper .heading_wrapper .splide__arrows button:first-child {
    margin-right: 0.8rem;
}

.pg_forfunders_startupdata {
    background-color: #232323;
    padding: 10.4rem 0 12rem;
    position: relative;
}

@media screen and (max-width: 560px) {
    .pg_forfunders_startupdata {
        padding: 8rem 0;
    }
}

.pg_forfunders_startupdata_cont {
    display: flex;
    align-items: center;
    border-top: 0.1rem solid #707070;
}

@media screen and (max-width: 560px) {
    .pg_forfunders_startupdata_cont {
        display: block;
    }
}

.pg_forfunders_startupdata_cont:last-child {
    border-bottom: 0.1rem solid #707070;
}

@media screen and (max-width: 560px) {
    .pg_forfunders_startupdata_cont:last-child {
        border-bottom: none;
        margin-top: 3.2rem;
    }
}

.pg_forfunders_startupdata_cont .image,
.pg_forfunders_startupdata_cont .text {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

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

    .pg_forfunders_startupdata_cont .image,
    .pg_forfunders_startupdata_cont .text {
        width: 100%;
    }
}

.pg_forfunders_startupdata_cont .image {
    background-color: rgba(255, 255, 255, 0.1);
}

.pg_forfunders_startupdata_cont .text {
    padding: 1.6rem 4rem;
}

@media screen and (max-width: 560px) {
    .pg_forfunders_startupdata_cont .text {
        padding: 2.4rem 0 0 0;
    }
}

.pg_forfunders_startupdata_cont .text .el_textBlock {
    color: #fff;
}

.pg_forfunders_startupdata_cont .text .el_textBlock p.el_textBlock_text2 {
    color: #C9C9C9;
}

.pg_forfunders_startupdata .js_waveBgWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media screen and (max-width: 560px) {
    .pg_forfunders_startupdata .js_waveBgWrapper {
        width: 120%;
        left: -10%;
    }
}

.pg_forfunders_achievement {
    background-color: #fff;
    padding: 14rem 0 15rem;
}

@media screen and (max-width: 560px) {
    .pg_forfunders_achievement {
        padding: 8rem 0;
    }
}

.pg_forfunders_structure {
    padding-bottom: 8rem;
}

@media screen and (max-width: 560px) {
    .pg_forfunders_structure {
        padding-bottom: 2.4rem;
    }
}

.pg_forfunders_structure .block {
    display: flex;
    align-items: center;
    padding: 6.4rem 0;
}

@media screen and (max-width: 560px) {
    .pg_forfunders_structure .block {
        display: block;
    }
}

.pg_forfunders_structure .block .textArea {
    width: 50%;
    flex-shrink: 0;
    position: relative;
}

@media screen and (max-width: 560px) {
    .pg_forfunders_structure .block .textArea {
        width: 100%;
    }
}

.pg_forfunders_structure .block .textArea .pointNum {
    position: absolute;
    font-size: 12rem;
    color: #fff;
    white-space: nowrap;
    z-index: -1;
    pointer-events: none;
}

.pg_forfunders_structure .block .imgArea {
    width: 100%;
}

@media screen and (max-width: 560px) {
    .pg_forfunders_structure .block .imgArea {
        margin-top: 3.2rem;
    }
}

.pg_forfunders_structure .block .imgArea .el_thumb {
    border-radius: 0.8rem;
}

.pg_forfunders_structure .block:nth-child(odd) .textArea {
    padding-right: 9.6rem;
}

@media screen and (max-width: 960px) {
    .pg_forfunders_structure .block:nth-child(odd) .textArea {
        padding-right: 4rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_forfunders_structure .block:nth-child(odd) .textArea {
        padding-right: 0;
    }
}

.pg_forfunders_structure .block:nth-child(odd) .textArea .pointNum {
    top: -8rem;
    left: -4rem;
}

.pg_forfunders_structure .block:nth-child(even) {
    flex-direction: row-reverse;
}

.pg_forfunders_structure .block:nth-child(even) .textArea {
    padding-left: 9.6rem;
}

@media screen and (max-width: 960px) {
    .pg_forfunders_structure .block:nth-child(even) .textArea {
        padding-left: 4rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_forfunders_structure .block:nth-child(even) .textArea {
        padding-left: 0;
    }
}

.pg_forfunders_structure .block:nth-child(even) .textArea .pointNum {
    top: -8rem;
    right: -4rem;
}

.pg_forfunders_structure .block:nth-child(1) {
    border-top: 0.1rem solid #232323;
}

.pg_forfunders_structure .block:nth-child(2) {
    position: relative;
}

.pg_forfunders_structure .block:nth-child(2):before,
.pg_forfunders_structure .block:nth-child(2):after {
    content: "";
    width: min(100%, 72rem);
    background-color: #232323;
    height: 0.1rem;
    position: absolute;
}

.pg_forfunders_structure .block:nth-child(2):before {
    top: 0;
    left: -12rem;
}

.pg_forfunders_structure .block:nth-child(2):after {
    bottom: 0;
    right: -12rem;
}

.pg_forfunders_structure .block:nth-child(3) {
    border-bottom: 0.1rem solid #232323;
}

/*===============================================
                                                                                                                                                                      company
                                                                                                                                                                      ===============================================*/
.pg_company_nav {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 560px) {
    .pg_company_nav {
        display: block;
    }
}

.pg_company_nav li {
    width: min(32%, 32rem);
}

@media screen and (max-width: 560px) {
    .pg_company_nav li {
        width: 100%;
    }

    .pg_company_nav li:not(:first-child) {
        margin-top: 0.8rem;
    }
}

.pg_company_nav li a {
    height: 8.8rem;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding-left: 4rem;
}

@media screen and (max-width: 960px) {
    .pg_company_nav li a {
        padding-left: 1.6rem;
    }
}

.pg_company_nav li a.cl_green {
    background-color: #333333;
}

.pg_company_nav li a:after {
    content: "〇"
        color:#fff;
}

.pg_company_nav li a.cl_orange {
    background-color: #3c2b1e;
}

.pg_company_nav li a.cl_blue {
    background-color: #574a3e;
}

.pg_company_nav li a .title {
    font-size: 3.2rem;
    color: rgba(255, 255, 255, 0.32);
}

@media screen and (max-width: 960px) {
    .pg_company_nav li a .title {
        font-size: 2.4rem;
    }
}

.pg_company_nav li a .subtitle {
    font-size: 1.8rem;
    color: #fff;
    font-weight: bold;
    margin-top: 0.2rem;
    padding-bottom: 0.4rem;
}

@media screen and (max-width: 960px) {
    .pg_company_nav li a .subtitle {
        font-size: 1.6rem;
    }
}

.pg_company_nav li a .subtitle span {
    position: relative;
    display: inline-block;
}

.pg_company_nav li a .subtitle span:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -9.6rem;
    margin: auto;
    content: "";
    width: 8.8rem;
    height: 0.1rem;
    background-color: rgba(255, 255, 255, 0.32);
}

@media screen and (max-width: 960px) {
    .pg_company_nav li a .subtitle span:after {
        width: 4rem;
        right: -4.8rem;
    }
}

.pg_company_nav li a svg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4rem;
    margin: auto;
}

@media screen and (max-width: 960px) {
    .pg_company_nav li a svg {
        right: 1.6rem;
    }
}

.pg_company_outline {
    background-color: #fff;
    padding: 4.8rem 0 10.4rem;
    border-radius: 0.8rem;
}

@media screen and (max-width: 960px) {
    .pg_company_outline {
        padding: 0rem 0 6.4rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_company_outline {
        padding: 6.4rem 0;
    }
}

.pg_company_outline_inner {
    width: min(100% - 3.2rem, 120rem);
    margin: 0 auto;
    /* max-width: 1100px; */
    /* margin: 0 auto; */
}

.pg_company_history {
    background-color: #333333;
    padding: 14rem 0;
    position: relative;
}

@media screen and (max-width: 960px) {
    .pg_company_history {
        padding: 8rem 0;
    }
}

.pg_company_history .js_waveBgWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 0;
    top: 0;
}

@media screen and (max-width: 560px) {
    .pg_company_history .el_headingBlock_wrapper {
        display: block;
    }
}

.pg_company_history .el_headingBlock_wrapper .btns_wrapper {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 560px) {
    .pg_company_history .el_headingBlock_wrapper .btns_wrapper {
        margin-top: 2.4rem;
    }
}

.pg_company_history .el_headingBlock_wrapper .btns_wrapper .history_year {
    margin-right: 4rem;
    font-size: 1.8rem;
    color: #fff;
    border-bottom: 0.1rem solid #fff;
    position: relative;
    display: inline-block;
    padding-bottom: 0.8rem;
}

.pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn {
    width: 5.6rem;
    height: 5.6rem;
}

.pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn .bg {
    fill: transparent;
}

.pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn .border {
    fill: #fff;
}

.pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn .arrow {
    fill: #fff;
}

.pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn .bg,
.pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn .arrow,
.pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn .border {
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
}

@media (hover: none) {
    .pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn:hover .bg {
        fill: #fff;
    }

    .pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn:hover .border {
        fill: #fff;
    }

    .pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn:hover .arrow {
        fill: #111111;
    }
}

@media screen and (max-width: 560px) {
    .pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn {
        width: 4.8rem;
        height: 4.8rem;
    }

    .pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn .bg {
        fill: transparent;
    }

    .pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn .border {
        fill: #fff;
    }

    .pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn .arrow {
        fill: #fff;
    }

    .pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn .bg,
    .pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn .arrow,
    .pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn .border {
        transition: all 0.4s;
        transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    }
}

@media screen and (max-width: 560px) and (hover: none) {
    .pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media screen and (max-width: 560px) and (-ms-high-contrast: none),
screen and (max-width: 560px) and (-ms-high-contrast: active),
screen and (max-width: 560px) and (-moz-touch-enabled: 0),
screen and (max-width: 560px) and (hover: hover) {
    .pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn:hover .bg {
        fill: #fff;
    }

    .pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn:hover .border {
        fill: #fff;
    }

    .pg_company_history .el_headingBlock_wrapper .btns_wrapper .el_arrowBtn:hover .arrow {
        fill: #111111;
    }
}

.pg_company_history .el_headingBlock_wrapper .btns_wrapper .splide__arrows {
    display: flex;
}

.pg_company_history .el_headingBlock_wrapper .btns_wrapper .splide__arrows button:first-child {
    margin-right: 0.8rem;
}

.pg_company_history .splide__track {
    overflow: visible;
}

.pg_company_history_slider_wrapper {
    position: relative;
}

.pg_company_history_slider_wrapper .history_border {
    width: 100%;
    height: 0.2rem;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 13rem;
    margin: auto;
}

.pg_company_history_slider li.splide__slide {
    color: #fff;
    width: 32% !important;
    margin: 1%;
}

.pg_company_history_slider li.splide__slide .year {
    font-size: 2.8rem;
    font-weight: 600;
    margin-bottom: 1em;
}

.pg_company_history_slider li.splide__slide .el_thumb {
    margin: 0 0.4rem 2.4rem;
}

.pg_company_history_slider li.splide__slide .el_textBlock p.el_textBlock_text2 {
    color: #C9C9C9;
}

.pg_company_access .ly_inner {
    padding: 0 2rem;
    max-width: 1200px;
    width: 100%;
}

@media screen and (max-width: 960px) {
    .pg_company_access .ly_inner {
        padding: 0;
    }
}

.pg_company_access_cont:not(:first-child) {
    margin-top: 9.6rem;
}

@media screen and (max-width: 960px) {
    .pg_company_access_cont:not(:first-child) {
        margin-top: 8rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_company_access_cont:not(:first-child) {
        margin-top: 6.4rem;
    }
}

.pg_company_access_cont_map {
    margin-top: 2.4rem;
    height: 40rem;
}

.pg_company_access_cont_title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 1.6rem;
    position: relative;
}

@media screen and (max-width: 960px) {
    .pg_company_access_cont_title {
        display: block;
    }
}

.pg_company_access_cont_title:after {
    content: "";
    width: calc(100% + 16rem);
    left: -8rem;
    height: 0.1rem;
    background-color: #111111;
    bottom: 0;
    position: absolute;
}

@media screen and (max-width: 960px) {
    .pg_company_access_cont_title:after {
        width: 100%;
        left: 0;
    }
}

.pg_company_access_cont_title .address_wrapper {
    display: flex;
    align-items: flex-end;
}

@media screen and (max-width: 960px) {
    .pg_company_access_cont_title .address_wrapper {
        display: block;
    }
}

.pg_company_access_cont_title .title {
    font-size: 3.2rem;
    font-weight: bold;
    margin-right: 7.2rem;
}

@media screen and (max-width: 960px) {
    .pg_company_access_cont_title .title {
        font-size: 2rem;
        margin-bottom: 0.8rem;
        margin-right: 0;
    }
}

.pg_company_access_cont_title .address {
    font-size: 1.4rem;
    line-height: 1.5;
}

.pg_company_access_cont_title .mapLink {
    font-size: 1.4rem;
    padding-bottom: 0.4rem;
    border-bottom: 0.1rem solid #111111;
    position: relative;
}

@media screen and (max-width: 960px) {
    .pg_company_access_cont_title .mapLink {
        display: inline-block;
        margin-top: 2.4rem;
    }
}

.pg_company_access_cont_title .mapLink svg {
    width: 0.5rem;
    margin-right: 0.8rem;
    margin-bottom: 0.1rem;
}

/*===============================================
                                                                                                                                                                      career
                                                                                                                                                                      ===============================================*/
.pg_career .bl_subFv01.cl_fff {
    background-color: transparent;
}

.pg_career_mv {
    width: min(100% - 3.2rem, 128rem);
    margin: 0 auto;
}

.pg_career_mv .el_thumb {
    border-radius: 0.8rem;
    will-change: transform;
}

.pg_career_mv .el_thumb_bg {
    padding-top: 62%;
}

.pg_career_message {
    position: relative;
    padding: 3.2rem 0 8rem;
}

@media screen and (max-width: 960px) {
    .pg_career_message {
        padding-top: 5.6rem;
    }
}

.pg_career_message:before {
    content: "";
    position: absolute;
    content: "";
    background-color: #fff;
    z-index: -3;
    width: 100%;
    height: calc(100% + 44rem);
    bottom: 0;
    left: 0;
}

@media screen and (max-width: 960px) {
    .pg_career_message:before {
        height: calc(100% + 24rem);
    }
}

@media screen and (max-width: 560px) {
    .pg_career_message:before {
        height: calc(100% + 8rem);
    }
}

.pg_career_message .ly_inner {
    display: flex;
}

@media screen and (max-width: 560px) {
    .pg_career_message .ly_inner {
        display: block;
    }
}

.pg_career_message .ly_inner .txtBlock,
.pg_career_message .ly_inner .titleBlock {
    width: 50%;
}

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

    .pg_career_message .ly_inner .txtBlock,
    .pg_career_message .ly_inner .titleBlock {
        width: 100%;
    }
}

.pg_career_message .ly_inner .titleBlock h2 {
    font-size: 4rem;
    font-weight: bold;
    padding-bottom: 4.8rem;
    position: relative;
}

@media screen and (max-width: 960px) {
    .pg_career_message .ly_inner .titleBlock h2 {
        padding-bottom: 3.2rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_career_message .ly_inner .titleBlock h2 {
        padding-bottom: 1.6rem;
    }
}

.pg_career_message .ly_inner .titleBlock h2:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 16rem;
    height: 0.1rem;
    background-color: #111111;
}

.pg_career_message .ly_inner .txtBlock {
    font-size: 1.6rem;
    line-height: 3.2;
}

.pg_career_message .ly_inner .txtBlock::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 3.2) * 0.5em);
    content: "";
}

.pg_career_message .ly_inner .txtBlock::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 3.2) * 0.5em);
    content: "";
}

@media screen and (max-width: 960px) {
    .pg_career_message .ly_inner .txtBlock {
        line-height: 3;
        margin-top: 4rem;
    }

    .pg_career_message .ly_inner .txtBlock::before {
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((1 - 3) * 0.5em);
        content: "";
    }

    .pg_career_message .ly_inner .txtBlock::after {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((1 - 3) * 0.5em);
        content: "";
    }
}

.pg_career_message .ly_inner .txtBlock p:not(:first-child) {
    margin-top: 6.4rem;
}

@media screen and (max-width: 960px) {
    .pg_career_message .ly_inner .txtBlock p:not(:first-child) {
        margin-top: 4rem;
    }
}

.pg_career_message .js_scrollTxt {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    z-index: -2;
    width: 58rem;
}

.pg_career_value {
    padding: 15rem 0;
    background-color: #131314;
    position: relative;
}

@media screen and (max-width: 960px) {
    .pg_career_value {
        padding: 8rem 0;
    }
}

.pg_career_value .js_waveBgWrapper {
    position: absolute;
    width: 200%;
    height: 100%;
    left: -34%;
    z-index: 0;
    top: 0;
    transform: rotate(35deg);
}

@media screen and (max-width: 960px) {
    .pg_career_value .js_waveBgWrapper {
        transform: rotate(20deg);
    }
}

.pg_career_value_cont li {
    color: #fff;
    width: min(50vw - 2.4rem, 48rem);
    will-change: transform;
    position: relative;
}

@media screen and (max-width: 560px) {
    .pg_career_value_cont li {
        width: 100%;
    }
}

.pg_career_value_cont li .js_scrollTxt {
    position: absolute;
    margin: auto;
    z-index: -2;
}

.pg_career_value_cont li .num {
    font-size: 3.2rem;
    margin-bottom: 2.4rem;
}

.pg_career_value_cont li .title {
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 2.4rem;
}

.pg_career_value_cont li .el_thumb {
    border-radius: 0.4rem;
    margin-bottom: 2.4rem;
}

.pg_career_value_cont li .desc {
    color: #C9C9C9;
}

.pg_career_value_cont.topArea {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 560px) {
    .pg_career_value_cont.topArea {
        display: block;
    }
}

.pg_career_value_cont.topArea li:nth-child(1) .js_scrollTxt {
    width: 78rem;
    top: 8rem;
    left: 0;
}

@media screen and (max-width: 960px) {
    .pg_career_value_cont.topArea li:nth-child(1) .js_scrollTxt {
        top: 6.4rem;
        width: 58rem;
    }
}

.pg_career_value_cont.topArea li:nth-child(2) {
    margin-top: 21rem;
}

@media screen and (max-width: 560px) {
    .pg_career_value_cont.topArea li:nth-child(2) {
        margin-top: 6.4rem;
    }
}

.pg_career_value_cont.topArea li:nth-child(2) .js_scrollTxt {
    width: 86.8rem;
    bottom: -1.6rem;
    right: 0;
}

@media screen and (max-width: 960px) {
    .pg_career_value_cont.topArea li:nth-child(2) .js_scrollTxt {
        width: 68.8rem;
    }
}

.pg_career_value_cont.bottomArea {
    margin-left: 16rem;
}

@media screen and (max-width: 960px) {
    .pg_career_value_cont.bottomArea {
        margin-left: 8rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_career_value_cont.bottomArea {
        margin-left: 0;
        margin-top: 6.4rem;
    }
}

.pg_career_value_cont.bottomArea li .js_scrollTxt {
    width: 47.9rem;
    bottom: 0;
    right: -100%;
    transform: rotate(90deg);
}

@media screen and (max-width: 960px) {
    .pg_career_value_cont.bottomArea li .js_scrollTxt {
        width: 40rem;
        transform: none;
        right: 0;
    }
}

.pg_career_interview {
    padding: 15rem 0 12rem;
    background-color: #fff;
}

@media screen and (max-width: 560px) {
    .pg_career_interview {
        padding: 8rem 0;
    }
}

.pg_career_interview .el_btn_wrapper {
    margin-top: 4.8rem;
    text-align: center;
}

.pg_career_interview .el_btn_wrapper a {
    display: inline-block;
}

.pg_career_reason {
    padding: 12rem 0 10.4rem;
    position: relative;
}

@media screen and (max-width: 560px) {
    .pg_career_reason {
        padding: 8rem 0 6.4rem;
    }
}

.pg_career_future {
    background-color: #131314;
    padding: 15rem 0 38rem;
    position: relative;
}

@media screen and (max-width: 560px) {
    .pg_career_future {
        padding: 8rem 0 28rem;
    }
}

.pg_career_future .el_textBlock p.el_textBlock_text2 {
    color: #C9C9C9;
    width: min(100%, 36rem);
}

.pg_career_future_stars {
    width: min(100%, 75.4rem);
    position: absolute;
    bottom: 0;
    right: 0;
    bottom: 10rem;
    right: 8rem;
    max-width: calc(100% - 3.2rem);
}

@media screen and (max-width: 960px) {
    .pg_career_future_stars {
        width: min(80%, 75.4rem);
        margin: auto;
        left: 0;
        right: 0;
    }
}

@media screen and (max-width: 560px) {
    .pg_career_future_stars {
        width: 100%;
    }
}

.pg_career_future_stars .fixed {
    width: 69.6rem;
    margin: 0 auto;
    position: relative;
    right: -5%;
}

.pg_career_future_stars .star01,
.pg_career_future_stars .star02,
.pg_career_future_stars .star03,
.pg_career_future_stars .star04 {
    position: absolute;
}

.pg_career_future_stars .star01 {
    top: 12%;
    left: 9%;
    width: 8rem;
}

@media screen and (max-width: 560px) {
    .pg_career_future_stars .star01 {
        top: 16%;
        left: 12%;
        width: 3.4rem;
    }
}

.pg_career_future_stars .star02 {
    top: 54%;
    width: 14rem;
    left: 0;
}

@media screen and (max-width: 560px) {
    .pg_career_future_stars .star02 {
        top: 60%;
        width: 6.4rem;
    }
}

.pg_career_future_stars .star03 {
    width: 14rem;
    bottom: 5%;
    right: 6%;
}

@media screen and (max-width: 560px) {
    .pg_career_future_stars .star03 {
        width: 6.4rem;
    }
}

.pg_career_future_stars .star04 {
    width: 14rem;
    top: 5%;
    right: 0;
}

@media screen and (max-width: 960px) {
    .pg_career_future_stars .star04 {
        top: 0;
        right: -7%;
    }
}

@media screen and (max-width: 560px) {
    .pg_career_future_stars .star04 {
        top: 0;
        right: -1%;
        width: 6.4rem;
    }
}

@media screen and (max-width: 960px) {
    .pg_career_future_stars {
        bottom: 4rem;
    }
}

.pg_career_future .js_waveBgWrapper {
    position: absolute;
    width: 120%;
    height: 100%;
    left: -10%;
    z-index: 0;
    top: 0;
    transform: rotate(-12deg);
}

@media screen and (max-width: 960px) {
    .pg_career_future .js_waveBgWrapper {
        transform: rotate(-5deg);
    }
}

.pg_career_faq .ly_inner {
    display: flex;
}

@media screen and (max-width: 560px) {
    .pg_career_faq .ly_inner {
        display: block;
    }
}

.pg_career_faq .ly_inner .el_headingBlock {
    flex-shrink: 0;
    margin-right: 12rem;
}

@media screen and (max-width: 960px) {
    .pg_career_faq .ly_inner .el_headingBlock {
        margin-right: 4rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_career_faq .ly_inner .el_headingBlock {
        margin-right: 0;
        margin-bottom: 3.2rem;
    }
}

.pg_career_faq_cont_wrapper {
    width: 100%;
}

.pg_career_faq_cont_wrapper ul li {
    padding: 2.4rem 0;
    border-top: 0.1rem solid #999999;
}

.pg_career_faq_cont_wrapper ul li:last-child {
    border-bottom: 0.1rem solid #999999;
}

.pg_career_faq_cont_wrapper ul li .question {
    padding-left: 4rem;
    position: relative;
    margin-bottom: 1.6rem;
}

.pg_career_faq_cont_wrapper ul li .question:before {
    content: "";
    width: 1.778rem;
    height: 2.153rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/element/icon/question.svg);
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
}

.pg_career_jobList {
    background-color: #fff;
    padding: 8.8rem 0 9.6rem;
}

.pg_career_vachanavi {
    margin-top: 6.4rem;
    aspect-ratio: 16/9;
}

/*===============================================
                                                                                                                                                                      news
                                                                                                                                                                      ===============================================*/
.pg_archiveNews_nav {
    margin-bottom: 4rem;
    --negativeMargin: 0.8rem;
}

.pg_archiveNews_nav .categoriySort,
.pg_archiveNews_nav .yearSort {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: calc(var(--negativeMargin) * -1);
}

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

    .pg_archiveNews_nav .categoriySort,
    .pg_archiveNews_nav .yearSort {
        justify-content: flex-start;
    }
}

.pg_archiveNews_nav .categoriySort a {
    margin: 0 0.4rem var(--negativeMargin);
    font-size: 1.3rem;
    height: auto;
    padding: 0.8rem 1.6rem;
    border-radius: 4rem;
    background-color: #6E6E6E;
    color: #fff;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    max-width: 18rem;
    display: inline-block;
    background-color: #999999;
}

.pg_archiveNews_nav .categoriySort a span {
    line-height: 1.2;
}

@media screen and (max-width: 560px) {
    .pg_archiveNews_nav .categoriySort a {
        font-size: 1.2rem;
        padding: 0.8rem 1.2rem;
    }
}

.pg_archiveNews_nav .categoriySort a.is_here {
    background-color: #333333;
}

@media (hover: none) {
    .pg_archiveNews_nav .categoriySort a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .pg_archiveNews_nav .categoriySort a:hover {
        background-color: #333333;
    }
}

.pg_archiveNews_nav .yearSort {
    margin-top: 2.4rem;
}

.pg_archiveNews_nav .yearSort a,
.pg_archiveNews_nav .yearSort button {
    margin: 0 1.6rem var(--negativeMargin);
    font-size: 2.4rem;
    padding-left: 2.4rem;
    position: relative;
}

.pg_archiveNews_nav .yearSort a span,
.pg_archiveNews_nav .yearSort button span {
    position: absolute;
    top: 0.4rem;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    border: 0.1rem solid #111111;
}

.pg_archiveNews_nav .yearSort a span::after,
.pg_archiveNews_nav .yearSort button span::after {
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #111111;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    transition-property: opacity;
}

@media (hover: none) {

    .pg_archiveNews_nav .yearSort a,
    .pg_archiveNews_nav .yearSort button {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {

    .pg_archiveNews_nav .yearSort a:hover span::after,
    .pg_archiveNews_nav .yearSort button:hover span::after {
        opacity: 1;
    }
}

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

    .pg_archiveNews_nav .yearSort a,
    .pg_archiveNews_nav .yearSort button {
        margin: 0 0.8rem var(--negativeMargin);
    }
}

.pg_archiveNews_nav .yearSort a.is_here span::after,
.pg_archiveNews_nav .yearSort button.is_here span::after {
    opacity: 1;
}

/*===============================================
                                                                                                                                                                      繧ｷ繝ｳ繧ｰ繝ｫ
                                                                                                                                                                      ===============================================*/
.pg_singleNews .ly_twoColumn_mainArea {
    margin-top: 12rem;
}

.pg_singleNews_article .titleArea {
    margin-bottom: 4rem;
}

@media screen and (max-width: 560px) {
    .pg_singleNews_article .titleArea .el_textBlock_title {
        font-size: 2.4rem;
    }
}

.pg_singleNews_article .titleArea .info_wrapper {
    display: flex;
    align-items: center;
    letter-spacing: 0;
    margin-bottom: 2.4rem;
}

.pg_singleNews_article .titleArea .info_wrapper .category {
    font-size: 1.3rem;
    line-height: 2.4rem;
    color: #fff;
    padding: 0.1rem 1.2rem 0;
    border-radius: 2.4rem;
    margin-right: 1.6rem;
    background-color: #333333;
}

.pg_singleNews_article .titleArea .info_wrapper .date {
    font-size: 1.4rem;
    color: rgba(17, 17, 17, 0.8);
    font-weight: 600;
}

.pg_singleNews_article .thumbArea {
    border-radius: 0.4rem;
    margin-bottom: 4rem;
}

/*===============================================
                                                                                                                                                                      contact
                                                                                                                                                                      ===============================================*/
.pg_contact .bl_form_wrapper {
    margin-top: 8.8rem;
}

.pg_contact_nav_wrapper {
    margin-top: 5.6rem;
}

.pg_contact_nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.2rem;
    flex-wrap: wrap;
}

.pg_contact_nav li {
    width: calc(50% - 2rem);
    border-top: 0.1rem solid #111111;
}

@media screen and (max-width: 560px) {
    .pg_contact_nav li {
        width: 100%;
    }
}

.pg_contact_nav li:nth-child(3),
.pg_contact_nav li:nth-child(4) {
    border-bottom: 0.1rem solid #111111;
}

@media screen and (max-width: 560px) {
    .pg_contact_nav li:nth-child(3) {
        border-bottom: none;
    }
}

.pg_contact_nav a {
    padding: 2.4rem 5.6rem 2.4rem 1.6rem;
    font-weight: bold;
    position: relative;
}

.pg_contact_nav a span {
    font-size: 1.5rem;
    line-height: 1.5;
}

.pg_contact_nav a span::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
    content: "";
}

.pg_contact_nav a span::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5) * 0.5em);
    content: "";
}

.pg_contact_nav a:after {
    position: absolute;
    top: 0;
    right: 2.4rem;
    bottom: 0;
    left: auto;
    margin: auto;
    content: "";
    width: 1.12rem;
    height: 1.741rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/element/icon/arrow-right.svg);
}

@media (hover: none) {
    .pg_contact_nav a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .pg_contact_nav a:hover {
        background-color: #F4F4F4;
    }
}

/*===============================================
                                                                                                                                                                      bonus
                                                                                                                                                                      ===============================================*/
.pg_bonus {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.pg_bonus_cont {
    padding: 21rem 0 22rem;
}

@media screen and (max-width: 960px) {
    .pg_bonus_cont {
        padding-bottom: 6.4rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_bonus_cont {
        padding-top: 14rem;
    }
}

.pg_bonus a.mailAddress {
    font-size: 3.2rem;
    margin-bottom: 3.2rem;
}

@media (hover: none) {
    .pg_bonus a.mailAddress {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .pg_bonus a.mailAddress:hover {
        opacity: 0.7;
    }
}

.pg_bonus_pipe {
    position: absolute;
    top: 50%;
    right: -8rem;
    bottom: auto;
    left: auto;
    margin: auto;
    width: 64.5rem;
    height: 36rem;
    transform: translateY(-50%);
}

@media screen and (max-width: 960px) {
    .pg_bonus_pipe {
        position: relative;
        transform: none;
        margin-bottom: 3.2rem;
        top: auto;
        right: auto;
    }
}

@media screen and (max-width: 560px) {
    .pg_bonus_pipe {
        width: 35.9rem;
        height: 21.7rem;
        margin-left: calc(100% - 35.9rem);
    }
}

.pg_bonus_pipe img {
    position: absolute;
    opacity: 0;
}

.pg_bonus_pipe .dot {
    width: 13.3rem;
    height: 13.3rem;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

@media screen and (max-width: 560px) {
    .pg_bonus_pipe .dot {
        width: 7.4rem;
        height: 7.4rem;
    }
}

.pg_bonus_pipe .pipe01,
.pg_bonus_pipe .pipe02,
.pg_bonus_pipe .pipe03,
.pg_bonus_pipe .pipe04,
.pg_bonus_pipe .pipe05,
.pg_bonus_pipe .pipe06,
.pg_bonus_pipe .pipe07,
.pg_bonus_pipe .pipe08 {
    width: auto;
    max-width: initial;
    height: 100%;
}

.pg_bonus_pipe .pipe06,
.pg_bonus_pipe .pipe04,
.pg_bonus_pipe .pipe02 {
    top: -3.2%;
    height: 106%;
}

.pg_bonus_pipe .pipe08 {
    right: 0;
}

.pg_bonus_pipe .pipe07 {
    right: 31%;
    z-index: 1;
}

.pg_bonus_pipe .pipe06 {
    right: 31%;
    z-index: 2;
}

.pg_bonus_pipe .pipe05 {
    right: 44%;
    z-index: 3;
}

.pg_bonus_pipe .pipe04 {
    right: 44%;
    z-index: 4;
}

.pg_bonus_pipe .pipe03 {
    right: 58%;
    z-index: 5;
}

.pg_bonus_pipe .pipe02 {
    right: 58%;
    z-index: 6;
}

.pg_bonus_pipe .pipe01 {
    right: 69%;
    z-index: 7;
}

@media screen and (max-width: 960px) {
    .pg_bonus_pipe {
        margin-bottom: 0;
        margin-top: 8rem;
    }
}

.pg_bonus .bl_objBg {
    z-index: -2;
}

/*===============================================
                                                                                                                                                                      column
                                                                                                                                                                      ===============================================*/
.pg_archiveColumn_topArea {
    margin-top: 9.6rem;
    overflow: hidden;
    padding-bottom: 8rem;
    position: relative;
}

@media screen and (max-width: 960px) {
    .pg_archiveColumn_topArea {
        padding-bottom: 10.4rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_archiveColumn_topArea {
        padding-bottom: 6.4rem;
    }
}

.pg_archiveColumn_topArea_title {
    display: block;
    margin: 0 auto;
    width: min(100% - 3.2rem, 92.8rem);
    position: relative;
    top: 2.4rem;
}

@media screen and (max-width: 960px) {
    .pg_archiveColumn_topArea_title {
        top: 1.6rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_archiveColumn_topArea_title {
        top: 0.4rem;
    }
}

.pg_archiveColumn_topArea .splide__track {
    overflow: visible;
}

.pg_archiveColumn_topArea #js_columnTopSlider {
    position: static;
}

.pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 14.4rem;
    position: absolute;
    bottom: 4rem;
    right: 12rem;
}

.pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn {
    width: 6.4rem;
    height: 6.4rem;
}

.pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn .bg {
    fill: transparent;
}

.pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn .border {
    fill: #111111;
}

.pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn .arrow {
    fill: #111111;
}

.pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn .bg,
.pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn .arrow,
.pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn .border {
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
}

@media (hover: none) {
    .pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn:hover .bg {
        fill: #111111;
    }

    .pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn:hover .border {
        fill: #111111;
    }

    .pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn:hover .arrow {
        fill: #fff;
    }
}

@media screen and (max-width: 960px) {
    .pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn {
        width: 4.8rem;
        height: 4.8rem;
    }

    .pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn .bg {
        fill: transparent;
    }

    .pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn .border {
        fill: #111111;
    }

    .pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn .arrow {
        fill: #111111;
    }

    .pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn .bg,
    .pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn .arrow,
    .pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn .border {
        transition: all 0.4s;
        transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    }
}

@media screen and (max-width: 960px) and (hover: none) {
    .pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media screen and (max-width: 960px) and (-ms-high-contrast: none),
screen and (max-width: 960px) and (-ms-high-contrast: active),
screen and (max-width: 960px) and (-moz-touch-enabled: 0),
screen and (max-width: 960px) and (hover: hover) {
    .pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn:hover .bg {
        fill: #111111;
    }

    .pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn:hover .border {
        fill: #111111;
    }

    .pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows .splide__arrow .el_arrowBtn:hover .arrow {
        fill: #fff;
    }
}

@media screen and (max-width: 960px) {
    .pg_archiveColumn_topArea #js_columnTopSlider .splide__arrows {
        bottom: 1.6rem;
        right: 1.6rem;
        width: 11.2rem;
    }
}

.pg_archiveColumn_topArea #js_columnTopSlider .num_count {
    position: absolute;
    font-size: 8rem;
    bottom: 6.4rem;
    left: 8rem;
    display: flex;
}

@media screen and (max-width: 960px) {
    .pg_archiveColumn_topArea #js_columnTopSlider .num_count {
        font-size: 4rem;
        bottom: 4rem;
        left: 1.6rem;
    }
}

.pg_archiveColumn_topArea #js_columnTopSlider .num_count .amount {
    padding-left: 4rem;
    position: relative;
    top: 3.2rem;
}

@media screen and (max-width: 960px) {
    .pg_archiveColumn_topArea #js_columnTopSlider .num_count .amount {
        padding-left: 2rem;
        top: 2.4rem;
    }
}

.pg_archiveColumn_topArea #js_columnTopSlider .num_count .amount::before {
    position: absolute;
    left: 0.6rem;
    bottom: 2rem;
    content: "";
    width: 3.4rem;
    height: 6.5rem;
    background-image: url(../images/element/icon/slash.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

@media screen and (max-width: 960px) {
    .pg_archiveColumn_topArea #js_columnTopSlider .num_count .amount::before {
        left: 0;
        bottom: 1.6rem;
        width: 1.6rem;
        height: 3rem;
    }
}

.pg_archiveColumn_topArea_slider li {
    width: min(100vw - 3.2rem, 62rem);
    margin: 0;
}

.pg_archiveColumn_topArea_slider li .bl_card_column .title {
    font-size: 1.8rem;
    text-decoration: underline;
}

@media screen and (max-width: 560px) {
    .pg_archiveColumn_topArea_slider li .bl_card_column .title {
        font-size: 1.5rem;
    }
}

.pg_archiveColumn_topArea_slider li .bl_card_column .info_wrapper .category {
    font-size: 1.5rem;
    margin-right: 1.6rem;
}

@media screen and (max-width: 560px) {
    .pg_archiveColumn_topArea_slider li .bl_card_column .info_wrapper .category {
        font-size: 1.3rem;
        margin-right: 0.8rem;
    }
}

.pg_archiveColumn_topArea_slider li .bl_card_column .info_wrapper .date {
    font-size: 1.6rem;
}

@media screen and (max-width: 560px) {
    .pg_archiveColumn_topArea_slider li .bl_card_column .info_wrapper .date {
        font-size: 1.4rem;
    }
}

.pg_archiveColumn_topArea_slider li {
    margin-top: 9.6rem;
}

.pg_archiveColumn_topArea_slider li .cont_wrapper {
    opacity: 0;
    transform: translateY(1.6rem);
}

.pg_archiveColumn_topArea_slider li .el_thumb {
    margin: 0 auto;
    width: 76%;
    opacity: 0.5;
}

@media screen and (max-width: 560px) {
    .pg_archiveColumn_topArea_slider li .el_thumb {
        width: 88%;
    }
}

.pg_archiveColumn_rankArea {
    padding: 10.4rem 0 9.6rem;
    background-color: #131314;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 560px) {
    .pg_archiveColumn_rankArea {
        padding: 8rem 0;
    }
}

.pg_archiveColumn_rankArea .js_waveBgWrapper {
    position: absolute;
    width: 120%;
    height: 100%;
    left: -10%;
    z-index: 0;
    top: 0;
    transform: rotate(-15deg);
    margin: auto;
}

@media screen and (max-width: 960px) {
    .pg_archiveColumn_rankArea .js_waveBgWrapper {
        width: 110%;
        left: -5%;
        transform: rotate(0);
    }
}

.pg_archiveColumn_rankArea_tabArea {
    margin-top: 3.2rem;
}

.pg_archiveColumn_rankArea_tabArea .nav_list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 2.4rem;
}

@media screen and (max-width: 960px) {
    .pg_archiveColumn_rankArea_tabArea .nav_list {
        justify-content: flex-start;
    }
}

.pg_archiveColumn_rankArea_tabArea .nav_list li {
    margin: 0 0.4rem 0.8rem;
}

.pg_archiveColumn_rankArea_tabArea .nav_list li button {
    filter: grayscale(1);
    font-size: 1.3rem;
    height: auto;
    padding: 0.8rem 1.6rem;
    border-radius: 4rem;
    background-color: #6E6E6E;
    color: #fff;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    max-width: 18rem;
    display: inline-block;
    font-size: 1.4rem;
}

.pg_archiveColumn_rankArea_tabArea .nav_list li button span {
    line-height: 1.2;
}

@media screen and (max-width: 560px) {
    .pg_archiveColumn_rankArea_tabArea .nav_list li button {
        font-size: 1.2rem;
        padding: 0.8rem 1.2rem;
    }
}

.pg_archiveColumn_rankArea_tabArea .nav_list li button span {
    line-height: 1.2;
}

.pg_archiveColumn_rankArea_tabArea .nav_list li button[aria-expanded=true] {
    font-weight: bold;
    filter: grayscale(0);
}

.pg_archiveColumn_rankArea_tabArea .nav_list li button[aria-expanded=true].cl_orange {
    background-color: #C77836;
}

.pg_archiveColumn_rankArea_tabArea .nav_list li button[aria-expanded=true].cl_blue {
    background-color: #1A87B9;
}

.pg_archiveColumn_rankArea_tabArea .nav_list li button[aria-expanded=true].cl_dblue {
    background-color: #3359AD;
}

.pg_archiveColumn_rankArea_tabArea .nav_list li button[aria-expanded=true].cl_purple {
    background-color: #47319B;
}

.pg_archiveColumn_rankArea_tabArea .nav_list li button[aria-expanded=true].cl_green {
    background-color: #458B4C;
}

.pg_archiveColumn_rankArea_tabArea .nav_list li button[aria-expanded=true].cl_grey {
    background-color: #6E6E6E;
}

@media (hover: none) {
    .pg_archiveColumn_rankArea_tabArea .nav_list li button[aria-expanded=true] {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .pg_archiveColumn_rankArea_tabArea .nav_list li button[aria-expanded=true]:hover {
        opacity: 0.7;
    }
}

@media (hover: none) {
    .pg_archiveColumn_rankArea_tabArea .nav_list li button {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .pg_archiveColumn_rankArea_tabArea .nav_list li button:hover {
        filter: grayscale(0);
    }

    .pg_archiveColumn_rankArea_tabArea .nav_list li button:hover.cl_orange {
        background-color: #C77836;
    }

    .pg_archiveColumn_rankArea_tabArea .nav_list li button:hover.cl_blue {
        background-color: #1A87B9;
    }

    .pg_archiveColumn_rankArea_tabArea .nav_list li button:hover.cl_dblue {
        background-color: #3359AD;
    }

    .pg_archiveColumn_rankArea_tabArea .nav_list li button:hover.cl_purple {
        background-color: #47319B;
    }

    .pg_archiveColumn_rankArea_tabArea .nav_list li button:hover.cl_green {
        background-color: #458B4C;
    }

    .pg_archiveColumn_rankArea_tabArea .nav_list li button:hover.cl_grey {
        background-color: #6E6E6E;
    }
}

@media (-ms-high-contrast: none) and (hover: none),
(-ms-high-contrast: active) and (hover: none),
(-moz-touch-enabled: 0) and (hover: none),
(hover: hover) and (hover: none) {
    .pg_archiveColumn_rankArea_tabArea .nav_list li button:hover {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none) and (-ms-high-contrast: none),
(-ms-high-contrast: none) and (-ms-high-contrast: active),
(-ms-high-contrast: none) and (-moz-touch-enabled: 0),
(-ms-high-contrast: none) and (hover: hover),
(-ms-high-contrast: active) and (-ms-high-contrast: none),
(-ms-high-contrast: active) and (-ms-high-contrast: active),
(-ms-high-contrast: active) and (-moz-touch-enabled: 0),
(-ms-high-contrast: active) and (hover: hover),
(-moz-touch-enabled: 0) and (-ms-high-contrast: none),
(-moz-touch-enabled: 0) and (-ms-high-contrast: active),
(-moz-touch-enabled: 0) and (-moz-touch-enabled: 0),
(-moz-touch-enabled: 0) and (hover: hover),
(hover: hover) and (-ms-high-contrast: none),
(hover: hover) and (-ms-high-contrast: active),
(hover: hover) and (-moz-touch-enabled: 0),
(hover: hover) and (hover: hover) {
    .pg_archiveColumn_rankArea_tabArea .nav_list li button:hover:hover {
        opacity: 0.7;
    }
}

.pg_archiveColumn_rankArea_tabArea .article_listBlock {
    position: relative;
}

.pg_archiveColumn_rankArea_tabArea .article_listBlock .article_list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    pointer-events: none;
}

.pg_archiveColumn_rankArea_tabArea .article_listBlock .article_list li .rank {
    display: flex;
    align-items: center;
    margin-bottom: 0.8rem;
}

.pg_archiveColumn_rankArea_tabArea .article_listBlock .article_list li .rank p {
    font-size: 4rem;
    color: #fff;
    flex-shrink: 0;
    margin-right: 1.6rem;
}

.pg_archiveColumn_rankArea_tabArea .article_listBlock .article_list li .rank .line {
    width: 100%;
    height: 0.1rem;
    background-color: rgba(255, 255, 255, 0.6);
    margin-top: 0.6rem;
}

.pg_archiveColumn_rankArea_tabArea .article_listBlock .article_list[aria-hidden=false] {
    visibility: visible;
    position: relative;
}

.pg_archiveColumn_rankArea_tabArea .article_listBlock .bl_card_column,
.pg_archiveColumn_rankArea_tabArea .article_listBlock .date {
    color: #fff;
}

.pg_archiveColumn_listArea .ly_twoColumn_mainArea {
    margin-top: 8rem;
}

/*===============================================
                                                                                                                                                                      繧ｿ繧ｯ繧ｽ繝弱Α繝ｼ繧｢繝ｼ繧ｫ繧､繝�
                                                                                                                                                                      ===============================================*/
.pg_taxoColumn .ly_twoColumn_mainArea {
    margin-top: 12rem;
}

/*===============================================
                                                                                                                                                                      繧ｷ繝ｳ繧ｰ繝ｫ
                                                                                                                                                                      ===============================================*/
.pg_singleColumn_bgWrapper {
    position: relative;
}

.pg_singleColumn_bgWrapper .pg_singleColumn_bg {
    background-color: #fff;
    position: absolute;
    width: calc(100% - 20rem);
    height: calc(100% - 12rem);
    top: auto;
    bottom: 0;
    right: 0;
    z-index: -1;
}

@media screen and (max-width: 960px) {
    .pg_singleColumn_bgWrapper .pg_singleColumn_bg {
        width: 100%;
        height: 100%;
    }
}

.pg_singleColumn_titleArea {
    margin-top: 8.8rem;
    display: flex;
    align-items: flex-end;
}

@media screen and (max-width: 960px) {
    .pg_singleColumn_titleArea {
        display: block;
    }
}

.pg_singleColumn_titleArea .thumbnailBlcok {
    width: 60%;
}

@media screen and (max-width: 960px) {
    .pg_singleColumn_titleArea .thumbnailBlcok {
        width: 100%;
    }
}

.pg_singleColumn_titleArea .thumbnailBlcok .el_thumb {
    border-radius: 0 0.4rem 0.4rem 0;
}

.pg_singleColumn_titleArea .thumbnailBlcok .el_thumb_bg {
    padding-top: 75%;
}

.pg_singleColumn_titleArea .contBlock {
    width: 40%;
    padding: 0 4rem 4rem 8rem;
}

@media screen and (max-width: 960px) {
    .pg_singleColumn_titleArea .contBlock {
        width: 100%;
        padding: 0 1.6rem;
        margin-top: 4rem;
    }
}

.pg_singleColumn_titleArea .contBlock .title_wrapper {
    margin-bottom: 5.6rem;
}

.pg_singleColumn_titleArea .contBlock .title_wrapper .title {
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.6;
}

.pg_singleColumn_titleArea .contBlock .title_wrapper .title::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
    content: "";
}

.pg_singleColumn_titleArea .contBlock .title_wrapper .title::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.6) * 0.5em);
    content: "";
}

@media screen and (max-width: 560px) {
    .pg_singleColumn_titleArea .contBlock .title_wrapper .title {
        font-size: 2.4rem;
    }
}

.pg_singleColumn_titleArea .contBlock .info_wrapper {
    margin-bottom: 3.2rem;
}

.pg_singleColumn_titleArea .contBlock .info_wrapper>*:last-child {
    margin-bottom: 0 !important;
}

.pg_singleColumn_titleArea .contBlock .info_wrapper .date {
    font-size: 1.4rem;
    margin-bottom: 1.6rem;
    font-weight: 600;
}

.pg_singleColumn_titleArea .contBlock .info_wrapper .category {
    font-size: 1.3rem;
    height: auto;
    padding: 0.8rem 1.6rem;
    border-radius: 4rem;
    background-color: #6E6E6E;
    color: #fff;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
    max-width: 18rem;
    display: inline-block;
    margin-bottom: 1.6rem;
}

.pg_singleColumn_titleArea .contBlock .info_wrapper .category span {
    line-height: 1.2;
}

@media screen and (max-width: 560px) {
    .pg_singleColumn_titleArea .contBlock .info_wrapper .category {
        font-size: 1.2rem;
        padding: 0.8rem 1.2rem;
    }
}

.pg_singleColumn_titleArea .contBlock .info_wrapper .tag {
    font-size: 1.4rem;
    font-weight: bold;
    color: rgba(17, 17, 17, 0.32);
}

.pg_singleColumn_titleArea .contBlock .snsList_wrapper {
    display: flex;
    align-items: center;
}

.pg_singleColumn_titleArea .contBlock .snsList_wrapper .title {
    font-size: 2.4rem;
    margin-right: 1.6rem;
}

.pg_singleColumn_titleArea .contBlock .snsList_wrapper ul {
    display: flex;
}

.pg_singleColumn_titleArea .contBlock .snsList_wrapper ul li {
    width: 4rem;
}

@media screen and (max-width: 560px) {
    .pg_singleColumn_titleArea .contBlock .snsList_wrapper ul li {
        width: 3.2rem;
    }
}

.pg_singleColumn_titleArea .contBlock .snsList_wrapper ul li:not(:last-child) {
    margin-right: 1.2rem;
}

@media screen and (max-width: 560px) {
    .pg_singleColumn_titleArea .contBlock .snsList_wrapper ul li:not(:last-child) {
        margin-right: 0.8rem;
    }
}

@media (hover: none) {

    .pg_singleColumn_titleArea .contBlock .snsList_wrapper ul li a,
    .pg_singleColumn_titleArea .contBlock .snsList_wrapper ul li button {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {

    .pg_singleColumn_titleArea .contBlock .snsList_wrapper ul li a:hover,
    .pg_singleColumn_titleArea .contBlock .snsList_wrapper ul li button:hover {
        transform: scale(0.95);
    }
}

.pg_singleColumn_contArea {
    margin-top: 9.6rem;
    padding-bottom: 12rem;
}

.pg_singleColumn_recomendSlider #js_recomendSlider {
    position: relative;
}

.pg_singleColumn_recomendSlider #js_recomendSlider .splide__arrows {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pg_singleColumn_recomendSlider #js_recomendSlider .splide__arrows .splide__arrow .el_arrowBtn {
    width: 6.4rem;
    height: 6.4rem;
}

.pg_singleColumn_recomendSlider #js_recomendSlider .splide__arrows .splide__arrow .el_arrowBtn .bg {
    fill: #111111;
}

.pg_singleColumn_recomendSlider #js_recomendSlider .splide__arrows .splide__arrow .el_arrowBtn .border {
    fill: #111111;
}

.pg_singleColumn_recomendSlider #js_recomendSlider .splide__arrows .splide__arrow .el_arrowBtn .arrow {
    fill: #fff;
}

.pg_singleColumn_recomendSlider #js_recomendSlider .splide__arrows .splide__arrow .el_arrowBtn .bg,
.pg_singleColumn_recomendSlider #js_recomendSlider .splide__arrows .splide__arrow .el_arrowBtn .arrow,
.pg_singleColumn_recomendSlider #js_recomendSlider .splide__arrows .splide__arrow .el_arrowBtn .border {
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
}

@media (hover: none) {
    .pg_singleColumn_recomendSlider #js_recomendSlider .splide__arrows .splide__arrow .el_arrowBtn {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .pg_singleColumn_recomendSlider #js_recomendSlider .splide__arrows .splide__arrow .el_arrowBtn:hover .bg {
        fill: #fff;
    }

    .pg_singleColumn_recomendSlider #js_recomendSlider .splide__arrows .splide__arrow .el_arrowBtn:hover .border {
        fill: #111111;
    }

    .pg_singleColumn_recomendSlider #js_recomendSlider .splide__arrows .splide__arrow .el_arrowBtn:hover .arrow {
        fill: #111111;
    }
}

.pg_singleColumn_recomendSlider .splide__track {
    overflow: visible;
}

.pg_singleColumn_recomendSlider .el_btn_wrapper {
    text-align: center;
    margin-top: 4.8rem;
}

.pg_singleColumn_recomendSlider .el_btn_wrapper a {
    display: inline-block;
}

/*===============================================
                                                                                                                                                                      interview
                                                                                                                                                                      ===============================================*/
.pg_interview_titleArea {
    margin-top: 8rem;
    position: relative;
}

@media screen and (max-width: 960px) {
    .pg_interview_titleArea {
        margin-top: 12rem;
    }
}

.pg_interview_titleArea::after {
    content: "";
    width: 112rem;
    height: 44rem;
    background-color: #fff;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}

.pg_interview_titleArea .ly_inner {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 560px) {
    .pg_interview_titleArea .ly_inner {
        display: block;
    }
}

.pg_interview_titleArea .ly_inner .contBlock {
    width: 44%;
    padding-right: 5.6rem;
}

@media screen and (max-width: 960px) {
    .pg_interview_titleArea .ly_inner .contBlock {
        padding-right: 3.2rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_interview_titleArea .ly_inner .contBlock {
        width: 100%;
    }
}

.pg_interview_titleArea .ly_inner .contBlock .position {
    font-size: 2.2rem;
    margin-bottom: 3.2rem;
}

.pg_interview_titleArea .ly_inner .contBlock .name {
    font-size: 5.6rem;
    margin-bottom: 1.6rem;
}

.pg_interview_titleArea .ly_inner .contBlock .furigana {
    font-weight: bold;
    font-size: 1.8rem;
}

.pg_interview_titleArea .ly_inner .contBlock .category {
    display: inline-block;
    margin-top: 6.4rem;
    font-size: 1.5rem;
    color: #fff;
    line-height: 3rem;
    display: inline-block;
    padding: 0 2.4rem 0;
    border-radius: 3rem;
    background-color: #333333;
}

.pg_interview_titleArea .ly_inner .contBlock .category.cl_orange {
    background-color: #C77836;
}

.pg_interview_titleArea .ly_inner .contBlock .category.cl_blue {
    background-color: #1A87B9;
}

.pg_interview_titleArea .ly_inner .contBlock .category.cl_dblue {
    background-color: #3359AD;
}

.pg_interview_titleArea .ly_inner .contBlock .category.cl_purple {
    background-color: #47319B;
}

.pg_interview_titleArea .ly_inner .contBlock .category.cl_green {
    background-color: #458B4C;
}

.pg_interview_titleArea .ly_inner .contBlock .category.cl_grey {
    background-color: #6E6E6E;
}

@media (hover: none) {
    .pg_interview_titleArea .ly_inner .contBlock .category {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .pg_interview_titleArea .ly_inner .contBlock .category:hover {
        opacity: 0.7;
    }
}

.pg_interview_titleArea .ly_inner .thumbnailBlock {
    width: 56%;
}

@media screen and (max-width: 560px) {
    .pg_interview_titleArea .ly_inner .thumbnailBlock {
        width: 100%;
        margin-top: 4rem;
    }
}

.pg_interview_titleArea .ly_inner .thumbnailBlock .el_thumb {
    border-radius: 1.2rem;
}

.pg_interview_titleArea .ly_inner .thumbnailBlock .el_thumb_bg {
    padding-top: 133.7907375643%;
}

.pg_interview_contArea .contblock {
    margin-top: 8rem;
    padding-bottom: 8rem;
    position: relative;
}

.pg_interview_contArea .contblock:after {
    content: "";
    background-color: #fff;
    height: 39.2rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.pg_interview_contArea .el_thumb {
    margin-top: 6.4rem;
    border-radius: 1.2rem;
}

.pg_interview_contArea .el_thumb_bg {
    padding-top: 44.2307692308%;
}

.pg_interview_scheduleArea {
    background-color: #fff;
    padding: 8rem 0 6.4rem;
}

.pg_interview_scheduleArea .scheduleList li {
    display: flex;
    padding: 3.2rem 0;
    border-top: 0.1rem solid rgba(17, 17, 17, 0.24);
}

@media screen and (max-width: 560px) {
    .pg_interview_scheduleArea .scheduleList li {
        display: block;
    }
}

.pg_interview_scheduleArea .scheduleList li:last-child {
    border-bottom: 0.1rem solid rgba(17, 17, 17, 0.24);
}

.pg_interview_scheduleArea .scheduleList .time {
    font-size: 4rem;
    width: 24rem;
    flex-shrink: 0;
}

@media screen and (max-width: 960px) {
    .pg_interview_scheduleArea .scheduleList .time {
        width: 16rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_interview_scheduleArea .scheduleList .time {
        width: 100%;
        margin-bottom: 1.6rem;
    }
}

.pg_interview_scheduleArea .scheduleList .cont {
    width: 100%;
}

.pg_interview_futureArea .contBlock {
    background-color: #333333;
    border-radius: 1.5rem;
    padding: 8rem 0;
    position: relative;
}

@media screen and (max-width: 560px) {
    .pg_interview_futureArea .contBlock {
        padding: 6.4rem 0 4rem;
    }
}

.pg_interview_futureArea .contBlock .js_waveBgWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 0;
    top: 0;
}

.pg_interview_futureArea .contBlock .ly_inner_article {
    display: flex;
    align-items: flex-start;
}

@media screen and (max-width: 560px) {
    .pg_interview_futureArea .contBlock .ly_inner_article {
        display: block;
    }
}

.pg_interview_futureArea .contBlock .ly_inner_article .el_textBlock {
    width: 50%;
    margin-right: 4rem;
    flex-shrink: 0;
}

@media screen and (max-width: 560px) {
    .pg_interview_futureArea .contBlock .ly_inner_article .el_textBlock {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4rem;
    }
}

.pg_interview_futureArea .contBlock .ly_inner_article .el_thumb {
    width: 100%;
    border-radius: 0.4rem;
}

.pg_interview_futureArea .contBlock .ly_inner_article .el_thumb_bg {
    padding-top: 133.7907375643%;
}

.pg_interview_otherArea {
    position: relative;
}

.pg_interview_otherArea .js_scrollTxt {
    position: absolute;
    top: 4rem;
    margin: auto;
    left: 0;
    z-index: -2;
    width: 163rem;
}

.pg_interview_otherArea .el_btn_wrapper {
    text-align: center;
    margin-top: 4.8rem;
}

.pg_interview_otherArea .el_btn_wrapper a {
    display: inline-block;
}

/*===============================================
service
===============================================*/
.pg_simple_cont {
    padding: 10.4rem 8rem;
    background-color: #fff;
    border-radius: 0.8rem;
}

@media screen and (max-width: 960px) {
    .pg_simple_cont {
        padding: 4rem 1.6rem;
    }
}

.pg_simple_sitemap {
    background-color: #222222;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 560px) {
    .pg_simple_sitemap {
        flex-wrap: wrap;
    }
}

.pg_simple_sitemap .block_wrapper {
    width: 24rem;
}

@media screen and (max-width: 560px) {
    .pg_simple_sitemap .block_wrapper {
        width: calc(50% - 1.6rem);
    }
}

.pg_simple_sitemap .block:not(:last-child) {
    margin-bottom: 3.2rem;
}

@media screen and (max-width: 560px) {
    .pg_simple_sitemap .block {
        margin-bottom: 2.4rem;
    }
}

@media (hover: none) {
    .pg_simple_sitemap .block a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .pg_simple_sitemap .block a:hover {
        opacity: 0.7;
    }
}

.pg_simple_sitemap .block .linkHeading {
    color: #fff;
    font-size: 2.2rem;
}

.pg_simple_sitemap .block .linkHeading a {
    color: #fff;
}

@media screen and (max-width: 560px) {
    .pg_simple_sitemap .block .linkHeading {
        font-size: 1.9rem;
        line-height: 1.2;
    }
}

.pg_simple_sitemap .block .child_links {
    margin-top: 2.4rem;
}

@media screen and (max-width: 960px) {
    .pg_simple_sitemap .block .child_links {
        margin-top: 1.6rem;
    }
}

.pg_simple_sitemap .block .child_links p:not(:first-child) {
    margin-top: 1.6rem;
}

@media screen and (max-width: 560px) {
    .pg_simple_sitemap .block .child_links p:not(:first-child) {
        margin-top: 1.2rem;
    }
}

.pg_simple_sitemap .block .child_links p a {
    font-size: 1.4rem;
    color: #BCBCBC;
}

@media screen and (max-width: 560px) {
    .pg_simple_sitemap .block .child_links p a {
        font-size: 1.3rem;
        line-height: 1.2;
    }
}


.l-content {
    padding-top: 6em !important;
    padding: 1em;
}

.l-mainContent {
    padding: 50px 0px 50px 100px !important;
    max-width: 1100px !important;
}


.c-postTitle__date {
    border-right: 1px solid var(--color_border);
    font-weight: 400;
    line-height: 1;
    margin-right: .75em;
    padding: .5em .75em .5em 0;
    text-align: center;
    width: 150px;
}

.c-postTitle__date .__y {
    font-size: 14px;
    display: inline !important;
}

.c-postTitle__date .__md {
    font-size: 24px;
    display: inline !important;
}

@media screen and (max-width: 560px) {
    .l-mainContent {
        padding: 50px 0px 50px 0px !important;
        max-width: 1100px !important;
    }
}



#sidebar {
    position: relative;
    padding: 0 80px 0 0px !important;
    max-width: 500px;
}

.-type-card .p-postList__thumb {
    width: 100%;
    border-radius: 0.5em;
}

.c-categoryList__link {
    background-color: var(--color_main);
    /* background-color: #fff !important; */
    /* color: #fff!important; */
}


.-sidebar-on .l-content {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: flex-end !important; */
}


.wp-block-heading {
    font-size: 1.3em;
}

.wp-block-latest-posts:not(.is-grid) li {
    border-bottom: 1px solid var(--color_border);
    padding: 1em 0;
    font-size: 1.1em;
}



.c-listMenu.c-listMenu li {
    margin: 0;
    position: relative;
    margin-bottom: 10px !important;
}

.c-listMenu a {
    font-size: 1.3em;
}

.widget_categories>ul>.cat-item>a:before,
.wp-block-categories-list>li>a:before {
    left: 1.0em;
    font-size: 1.6rem
}

.wp-block-categories-list>li>a {
    padding-left: 2.95em !important;
    /* background: #c9c9c9 !important; */
    /* border-radius: 50px !important; */
    font-size: 1.2em !important;
}


.bm_01 {
    margin-bottom: 15px;
}


.work_set {
    display: flex;
    gap: 2em;
    margin: 1em 0;
}

.set_pc img {
    border-radius: 0.5em;
}

.set_sp img {
    border-radius: 0.5em;
}

.work_list {
    /* background: #eee; */
    padding: 2em 0;
    border-radius: 0.5em;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1em;
    justify-content: space-around;
}

.work_list img {
    border-radius: 0.5em;
}

.work_list .wklist_left {
    width: 45%;
}

.work_list .wklist_right {
    width: 52%;
}



.work_list p {
    line-height: 2.8;
    border-bottom: 10px solid #eee;
    font-size: 2rem;
    font-weight: 600;
}

.work_list p span {
    font-size: 0.7em;
    font-weight: 500;
}


.work_list .comment {
    background: #fff;
    line-height: 1.8;
    margin-bottom: 1em;
}


.staff_area {
    padding: 1em;
    display: flex;
    gap: 1em;
    border: 1px solid #ddd;
    margin-top: 60px;
    position: relative;
    padding-top: 40px;
}

.staff_lbl {
    background: #fff;
    position: absolute;
    top: -15px;
    padding: 5px 20px
}



.staff_img {
    width: 10%
}

.staff_comment {
    width: 190%
}


.btn>a,
.btn>button {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    color: #fff;
}

.btn:hover>a,
.btn:hover>button {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
}


.button {
    display: inline-block;
}

.button a {
    box-sizing: border-box;
    display: inline-block;
    min-width: 180px;
    border: solid 1px #212121;
    padding: 13px 36px;

    text-align: center;
    line-height: 120%;

    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.button a span {
    background: url(../images/ic_arrow.png) no-repeat left center;
    background-size: 8px 8px;
    padding-left: 18px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.08em;
}

.button a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

/* .btnmenu */
.btnmenu {
    color: #ffffff !important;
    background: #373535;
}

.btnmenu:hover {
    color: #373535;
    background: none;
    border: #373535 1px solid;
}


/* .btnC  */
.btnC {
    display: inline-block;
    width: 250px;
    max-width: 100%;
    padding: 0;
    margin: 0 10px;
    color: #fff;
    background: #333;
    border: #3f3d3d 1px solid;
    /* border-bottom: #3f3d3d 1px solid; */
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: 1px;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 2px;
    margin: 3px;
}

.btnC a {
    color: #fff;
}

.btnC:hover {
    color: #282828;
}




.btnC:after {
    content: "\e921";
    font-size: 15px;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 1;
    line-height: 60px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


.btnC:hover {
    color: #442d2e;
    background: #4d4d4d;
    border: #442d2e 1px solid;
}

.btnC:hover:after {
    right: 10px;
}


.purpose {
    line-height: 2em;
}



.pg_contact {
    margin-top: 17.3rem;
    background-color: #fff;
    padding: 6.4rem 3.6rem;
    border-radius: 0.8rem;
    /* display: flex; */
    /* flex-direction: row-reverse; */
    /* align-items: center; */
    /* justify-content: center; */
}

@media screen and (max-width: 560px) {
    .pg_contact {
        margin-top: 6rem;
        display: block;
        padding: 3.4rem 2.6rem;
    }
}

.pg_contact .img {
    /* width: 32rem; */
    /* height: 32rem; */
    /* background-color: #F4F4F4; */
    /* border-radius: 50%; */
    border-radius: 1em;
    position: relative;
    flex-shrink: 0;
}

@media screen and (max-width: 560px) {
    .pg_contact .img {
        width: 26rem;
        height: 26rem;
        display: block;
        margin: 4rem auto 0;
    }
}

.pg_contact .img svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 70%;
    margin: auto;
}

.pg_contact .img .earth {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 16rem;
    height: 16rem;
    z-index: 100;
}

.pg_contact .cont {
    padding-left: 6.2rem;
}

@media screen and (max-width: 960px) {
    .pg_contact .cont {
        padding-left: 4rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_contact .cont {
        padding-left: 0;
    }
}





/* プライバシーポリシー */


.privacyArea {
    margin: 50px auto;
    background: #fefefe;
    overflow: hidden;
    border-radius: 10px;
    max-width: 1100px;
}

.wrapKOPIPE-OK {
    position: relative;
    margin: 20px 0 0;
    padding: 0px;
    /* background: #f2f2f2; */
    border-radius: 20px
}

@media only screen and (max-width: 600px) {
    .wrapKOPIPE-OK {
        padding: 10px;
    }
}



h1+.wrapKOPIPE-OK {
    margin-top: 80px
}

.wrapKOPIPE-OK:after {
    content: "";
    display: block;
    position: absolute;
    top: -50px;
    left: 25px;
    width: 70px;
    height: 50px;
    background: url("../imgs/pic_04.svg") no-repeat 50% 100%/70px auto
}

.wrapPrivacy h1 {
    margin: 30px 0 20px 0;
    font-size: 25px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.wrapPrivacy h2 {
    margin: 30px 0 20px 0;
    padding: 3px 0 3px 0;
    font-size: 20px;
    /* border-left: 3px solid #aaa; */
    counter-increment: x;
    counter-reset: y;

    &:before {
        content: "" counter(x)" . ";
    }
}



.wrapPrivacy .g-laySecTyp01 h2 {
    margin: 0 0 30px 0;
    padding: 0;
    border-left: none
}

.wrapPrivacy p {
    padding-left: 1em;

}



.wrapPrivacy p.tR {
    margin: 60px 0 0 0;
    text-align: right
}

.wrapPrivacy ol {
    margin: 20px 0 0 50px;
}

@media only screen and (max-width: 600px) {
    .wrapPrivacy ol {
        margin: 20px 0 0 10px;
    }

    .wrapPrivacy p {
        padding-right: 1em;

    }

}

.wrapPrivacy ul {
    margin: 20px 0 0 30px
}

.wrapPrivacy td ul {
    margin: 0
}

.wrapPrivacy ol li {
    Q position: relative;
    list-style: outside decimal;
    /* padding: 0 0 0 5px; */
    /* list-style: disc; */
    margin-left: 2.4em;
    /* list-style-type: lower-latin; */
}

.wrapPrivacy ol li::marker {
    font-size: 130%;
    font-weight: 700;
    color: #4d4d4d;
}

.wrapPrivacy ol li ol {
    padding: 20px 0 0 20px
}

.wrapPrivacy ol.kakkoNum {
    counter-reset: listNum
}

.wrapPrivacy ol.kakkoNum li {
    list-style: none;
    margin-left: 1.5rem
}

.wrapPrivacy ol.kakkoNum li+li {
    margin-top: 2rem
}

.wrapPrivacy li ol.kakkoNum li+li {
    margin-top: 1rem
}

.wrapPrivacy ol.kakkoNum>li:before {
    display: block;
    position: absolute;
    top: -0.2rem;
    left: -3.5rem;
    width: 3.5rem;
    counter-increment: listNum;
    content: "（" counter(listNum) "）";
    font-size: 130%;
    font-weight: 700;
    color: #5db5bd
}

.wrapPrivacy ol.kakkoNum li dt {
    margin-bottom: 0.3rem;
    font-size: 1.2rem
}

.wrapPrivacy ol.kakkoNum li dl+p {
    margin-top: 1.5rem
}

.wrapPrivacy ol.reStart2 {
    counter-reset: listNum 1
}

.wrapPrivacy ol.reStart3 {
    counter-reset: listNum 2
}

.wrapPrivacy ol.reStart4 {
    counter-reset: listNum 3
}

.wrapPrivacy ol.reStart5 {
    counter-reset: listNum 4
}

.wrapPrivacy ol.layLiTypIroha>li {
    list-style: outside katakana-iroha
}

.wrapPrivacy li ol.layLiTypIroha li+li {
    margin-top: 1rem
}




.container2 {
    margin: 0px auto 0;
    max-width: 100%;
    width: 100%;
    padding: 80px 0 0;
    /* background: #f7f5f0; */
    background: #fff;
}


@media only screen and (max-width: 600px) {
    .container2 {
        margin: 0px auto 0;
        max-width: 100%;
        width: 100%;
        padding: 2em 0;
        background: #f7f5f0;
    }
}

/* 中央以外のスライド */
.slick-img img {
    height: auto;
    /* opacity: .3; */
    transform: scale(.6);
    /* transition: opacity .5s, transform .5s; */
    width: 100%;
}

/* 中央のスライド */
.slider .slick-center img {
    opacity: 1;
    transform: scale(1);
}



.p-fixBtnWrap {
    z-index: 99999 !important;
}






.mediaTopMain .sec {
    padding-left: 40px
}

@media screen and (max-width: 768px) {
    .mediaTopMain .sec {
        padding-left: 5.3333333333vw
    }
}

@media screen and (max-width: 768px) {
    .mediaTopMain .ranking.sec {
        padding-right: 5.3333333333vw
    }
}

.mediaTopMain .sec__inner {
    position: relative;
    padding: 130px 10% 160px;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    . n .sec__inner {
        padding: 8vw 5.3333333333vw 13.3333333333vw 0
    }
}

.mediaTopMain .sec__inner .plusWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 0
}

.mediaTopMain .sec__inner .plusWrap .vertical {
    display: inline-block;
    width: 8px;
    height: 48px;
    margin-left: 20px;
    background-color: #88DBDF
}

@media screen and (max-width: 768px) {
    . n .sec__inner .plusWrap .vertical {
        width: 1.0666666667vw;
        height: 7.7333333333vw;
        margin-left: 3.3333333333vw
    }
}

.mediaTopMain .sec__inner .plusWrap .beside {
    display: inline-block;
    width: 48px;
    height: 8px;
    background-color: #88DBDF;
    position: absolute;
    top: 50%;
    left: 0;
    transform-origin: top left;
    transform: translate(0, -50%);
    transition: 1s cubic-bezier(.65, .44, 0, 1.01)
}

@media screen and (max-width: 768px) {
    .mediaTopMain .sec__inner .plusWrap .beside {
        height: 1.0666666667vw;
        width: 7.7333333333vw;
        transition: 0.5s cubic-bezier(.65, .44, 0, 1.01)
    }
}




.pg_s-song_outline {
    background-color: #f5f4f3;
    padding: 4.8rem 3.8rem 10.4rem;
    border-radius: 0.8rem;
}

@media screen and (max-width: 960px) {
    .pg_s-song_outline {
        padding: 8rem 0 6.4rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_s-song_outline {
        padding: 6.4rem 0;
    }
}

.pg_s-song_outline_inner {
    width: min(100% - 3.2rem, 120rem);
    margin: 0 auto;
    /* max-width: 1100px; */
    /* margin: 0 auto; */
}

.song_title {
    font-size: 2.5rem;
    text-align: center;
    line-height: 2.8;
    border-bottom: 1px solid #ddd;
}

.song_title span {
    padding-left: 10px;
    font-size: 1.8rem;
}


/* school-song */
.s_song {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    padding-top: 50px;
}

.txt_song {
    width: 45%;
}

.img_song {
    width: 50%;
}


.img_song img {
    width: 80%;
    margin: 0 10%;
}



.txt_song ul {
    font-size: 1.5rem;
}

.txt_song ul li {
    font-size: 1.5rem;
    line-height: 2;
    margin-left: 1.4em;
    /* text-indent: -1.4em; */
    list-style-type: cjk-ideographic;
    padding-bottom: 10px;
}

.txt_img {
    width: 50%
}

.txt_song p.song_no {
    fon-size: 1.5rem;
}

.txt_song p.song_no span {
    font-size: 2rem;
    color: #0b727d
}


@media screen and (max-width: 560px) {
    .s_song {
        display: flex;
        flex-direction: column;
    }


    .txt_song {
        width: 90%;
        margin: 0 auto;
    }

    .img_song {
        width: 100%;
    }



}




/* PRIVACY-POLICY */




.pg_privacy_outline {
    background-color: #fff;
    padding: 4.8rem 3.8rem 10.4rem;
    border-radius: 0.8rem;
}

@media screen and (max-width: 960px) {
    .pg_privacy_outline {
        padding: 8rem 0 6.4rem;
    }
}

@media screen and (max-width: 560px) {
    .pg_privacy_outline {
        padding: 6.4rem 0;
    }
}

.pg_privacy_outline_inner {
    width: min(100% - 3.2rem, 120rem);
    margin: 0 auto;
    /* max-width: 1100px; */
    /* margin: 0 auto; */
}

.gb_title {
    font-size: 2.5rem;
    text-align: center;
    line-height: 2.8;
    border-bottom: 1px solid #ddd;
}

.gb_title span {
    padding-left: 10px;
    font-size: 1.8rem;
}


.privacy-privacyCnt {
    /* border: 1px solid #e5e5e5; */
    background: #fff;
    padding: 20px 40px;
    /* margin: 0px auto 80px; */
    /* max-width: 880px; */
    -webkit-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    -moz-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
    /* box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff; */
    /* padding: 80px 10%; */
    position: relative;
    z-index: 1;
    /* border-top: #a3d9e0 1px solid; */
    /* background: url(../images/noise.png) repeat; */
    /* background: #fafafa; */
}


.privacy-privacyCnt section {
    margin: 0 -10px;
    padding: 20px 10px;
    border-top: 1px solid #d9d9d9;
}

.privacy-privacyCnt section:first-child {
    border: none;
    padding-top: 0;
}

.privacy-privacyCnt h3 {
    font-size: 17px;
    line-height: 1.5;
    padding-bottom: 15px;
}

.privacy-privacyCnt p,
.privacy-privacyCnt li {
    font-size: 16px;
    line-height: 1.8;
}

.privacy-privacyCnt p {
    margin-left: 1.4em;
}

.privacy-privacyCnt p+ol {
    margin-top: 10px;
}

.privacy-privacyCnt ul li {
    list-style: disc;
    margin-left: 2.4em;
}

.privacy-privacyCnt ol li {
    list-style: decimal;
    margin-left: 3.2em;
}

.privacy-privacyCnt .establish {
    text-align: right;
    font-weight: bold;
    padding-top: 20px;
}


/* ---------------------------------------
	max-width: 719px
--------------------------------------- */

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

    .privacy-privacyCnt {
        padding: 20px;
        margin: 0 auto 40px;
    }

    .privacy-privacyCnt section {
        margin: 0 -10px;
        padding: 15px 10px;
    }

    .privacy-privacyCnt h3 {
        font-size: 1.1rem;
        padding-bottom: 10px;
    }

    .privacy-privacyCnt .establish {
        padding-top: 10px;
    }

}

/* ---------------------------------------
	max-width: 479px
--------------------------------------- */

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

    .privacy-privacyCnt p {
        margin-left: 0;
    }

    .privacy-privacyCnt ul li {
        margin-left: 1.4em;
    }

    .privacy-privacyCnt ol li {
        margin-left: 1.8em;
    }

}



.c-listMenu {
    background: #ebebeb;
    padding: 10px !important;
    border-radius: 0.5em;
}



.other-content {
    padding-top: 50px;
    display: block;
    clear: both;
}

.other-content .other-box {
    position: relative;
    /* border: 1px solid #D5D5D5; */
    border-radius: 0.5em;
    /* border-radius: 10px; */
    padding: 30px 30px;
    width: 95%;
    max-width: 1200px;
    margin: 0 auto 50px;
    background: #ffffff;
}

.other-content .other-box .tit {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -50px;
    padding: 0 20px;
    width: 200px;
    /* background: #fff; */
}

.other-content .other-box .tit:before {
    content: "";
    position: absolute;
    /* background: #F6F6F6; */
    height: 3px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 40%;
    z-index: -1;
}

.flex-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    flex-direction: row;
}

.flex-box_txt {
    width: 52%;
    padding: 0px 10px;
    /* font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Yu Mincho", YuMincho, "游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif; */
    position: relative;
}

.flex-box_txt h3 {
    font-size: 25px;
    margin-bottom: 20px;
    color: #016c6e;
    line-height: 1.8;
    font-weight: 600;
}

.flex-box_txt p {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.flex-box_img {
    width: 47%;
    padding: 0 10px;
    object-fit: contain;
    position: relative;
}


.flex-box img {
    width: 100% !important;
}

.plan_btn {
    position: relative;
    display: inline-block;
    min-width: 280px;
    background-color: #016c6e;
    padding: 12px 10px 12px 24px;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-size: 16px;
    color: #fff !important;
    text-align: left;
    margin: 0 10px;
    transition: all .5s;
    text-decoration: none;
}

.plan_btn a {
    color: #fff !important;

}



/*--- plan_btn ---*/
.plan_btn::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    width: 34px;
    height: 1px;
    background: #fff;
    transition: all .5s;
}

.plan_btn::after {
    content: '';
    position: absolute;
    top: 40%;
    right: 31px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    transition: all .5s;
}

.plan_btn:hover {
    opacity: .8;
    color: #fff !important;
}


@media only screen and (max-width: 767px) {
    .other-content {
        padding-top: 10px;
    }

    .other-content .other-box {
        position: relative;
        /* border: 1px solid #D5D5D5; */
        /* border-radius: 0; */
        padding: 10px 10px;
        width: 95%;
        max-width: 1100px;
        margin: 0 auto 110px;
    }

    .flex-box {
        flex-direction: column;
        margin-top: 0;
    }

    .flex-box_img {
        width: 100%;
        padding: 0 0;
    }


    .flex-box_txt {
        width: 100%;
        padding: 0px 10px;
        order: 1;
    }

    .flex-box_txt h3 {
        font-size: 20px;
        margin-top: 20px;
    }

    .flex-box_txt p {
        padding-top: 10px
    }

    .flex-box1_wrap {
        height: 1000px;
    }

    .flex-box1 {
        flex-direction: column;
        float: none;
        width: 100%;
    }

    .flex-box1_img {
        width: 100%;
        padding: 0 10px;
    }


    .flex-box1_txt {
        width: 100%;
        padding: 0px 10px;
        order: 1;
    }

    .flex-box1_txt h3 {
        font-size: 20px;
        margin-top: 20px;
    }

    .flex-box1_txt p {
        padding-top: 10px
    }

    .box_img {
        width: 100%;
        order: 0;
    }

    .box_img img {
        width: 100%;
    }

    .set_icon {
        position: absolute;
        top: -3px;
        width: 140px;
        right: 0px;
    }


}

@media only screen and (max-width: 600px) {
    .other-content .other-box {
        margin: 0 auto 50px;
        width: 90%;
        padding: 15px;
    }
}