@charset "UTF-8";
:root { --color-gray: #929292; --color-gray-second: #c4c4c4; --color-gray-third: #707070; --color-gray-fourth: #d8d5d5; --color-gray-fifth: #e3e3e3; --color-gray-sixth: #F6F6F6; --color-black: #000000; --color-black-second: #0d0d0d; --color-black-third: #262421; --color-white: #ffffff; --color-brown: #684117; --color-red: #ff0000; --font-noto-sans-jp: "Noto Sans JP", sans-serif; --font-noto-serif-jp: "Noto Serif JP", serif; --font-saira: "Saira Semi Condensed", sans-serif; --font-libre-baskerville: "Libre Baskerville", serif; }

:root { --color-gray: #929292; --color-gray-second: #c4c4c4; --color-gray-third: #707070; --color-gray-fourth: #d8d5d5; --color-gray-fifth: #e3e3e3; --color-gray-sixth: #F6F6F6; --color-black: #000000; --color-black-second: #0d0d0d; --color-black-third: #262421; --color-white: #ffffff; --color-brown: #684117; --color-red: #ff0000; --font-noto-sans-jp: "Noto Sans JP", sans-serif; --font-noto-serif-jp: "Noto Serif JP", serif; --font-saira: "Saira Semi Condensed", sans-serif; --font-libre-baskerville: "Libre Baskerville", serif; }

/*====================================================================================
START TABLE OF CONTENT

1. START COMMON ONLY CHILD PAGE.
1.1 START TEXT CHILD PAGE.
1.2 START TITLE CHILD PAGE.
1.3 START HEADING CHILD PAGE.
1.4 START ICON ARROW CHILD PAGE.
1.5 START BUTTON CHILD PAGE.
1.6 START LIST, ITEM CHILD PAGE.
1.7 START TABLE CHILD PAGE.
1.8 START MAP CHILD PAGE.
1.9 START TAG CHILD PAGE.
1.10 START BOX CHILD PAGE.
1.11 START CARD CHILD PAGE.
1.12 START STEP CHILD PAGE.
1.13 START POST CHILD PAGE.
1.14 START POINT CHILD PAGE.
1.15 START BLOCK CHILD PAGE.
1.16 START GROUP CHILD PAGE.
1.17 START SIDEBAR CHILD PAGE.
1.18 START SECTION CHILD PAGE.
1.19 START TOGGLE CHILD PAGE.
1.20 START LIBRARY CHILD PAGE.

2. START PAGE VISUAL SECTION.
3. START BREADCRUMB SECTION.

/*====================================================================================
1. START COMMON ONLY CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT PAGINATION ----------*/
.c-pagination__list { display: flex; flex-wrap: wrap; justify-content: center; margin: -0.5rem; }

.c-pagination__list .c-btn-square { margin: 0.5rem; }

/*====================================================================================
1.1 START TEXT CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.2 START TITLE CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT TITLE DOT ----------*/
.c-title-dot { position: relative; padding-left: 1.3rem; line-height: 1.6; font-weight: 500; }

.c-title-dot::before { position: absolute; content: ""; left: 0; border-radius: 50%; }

@media only screen and (max-width: 767px) { .c-title-dot { font-size: 1.6rem; }
  .c-title-dot:before { top: 1.1rem; width: 0.4rem; height: 0.4rem; } }

@media only screen and (min-width: 768px) { .c-title-dot { font-size: 2rem; }
  .c-title-dot::before { top: 1.5rem; width: 0.5rem; height: 0.5rem; } }

/*---------- START COMPONENT TITLE DOT TERTIARY ----------*/
.c-title-dot--tertiary { color: var(--theme-color-tertiary); }

.c-title-dot--tertiary::before { background-color: var(--theme-color-tertiary); }

/*---------- START COMPONENT TITLE TAG ----------*/
.c-title-tag { font-weight: 500; font-family: var(--theme-font-jp-tertiary); }

@media only screen and (max-width: 767px) { .c-title-tag { font-size: 2.2rem; } }

@media only screen and (min-width: 768px) { .c-title-tag { font-size: 3rem; } }

/*====================================================================================
1.3 START HEADING CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT HEADING MAIN ----------*/
.c-heading-main { position: relative; }

.c-heading-main::before, .c-heading-main::after { position: absolute; content: ""; left: 0; width: 4px; }

.c-heading-main::before { background-color: var(--theme-color-tertiary); }

.c-heading-main::after { background-color: var(--theme-color-quaternary); }

.c-heading-main__title { color: var(--theme-color-tertiary); line-height: 1.5; font-weight: 500; }

@media only screen and (max-width: 767px) { .c-heading-main { padding-left: 1.5rem; }
  .c-heading-main::before, .c-heading-main::after { height: calc(50% - 0.4rem); }
  .c-heading-main::before { top: 0.4rem; }
  .c-heading-main::after { bottom: 0.4rem; }
  .c-heading-main__title { font-size: 1.9rem; } }

@media only screen and (min-width: 768px) { .c-heading-main { padding-left: 1.7rem; }
  .c-heading-main::before, .c-heading-main::after { height: calc(50% - 0.6rem); }
  .c-heading-main::before { top: 0.6rem; }
  .c-heading-main::after { bottom: 0.6rem; }
  .c-heading-main__title { font-size: 2.7rem; } }

/*====================================================================================
1.4 START ICON ARROW CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT ICON PLUS ----------*/
.c-icon-plus { position: absolute; top: 50%; }

.c-icon-plus::before, .c-icon-plus::after { position: absolute; content: ""; top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px; background-color: var(--theme-color-tertiary); }

.c-icon-plus::before { transform: rotate(-90deg); transition: transform 0.35s cubic-bezier(0.65, 0.05, 0.36, 1); }

@media only screen and (max-width: 767px) { .c-icon-plus { width: 1.4rem; height: 1.4rem; margin-top: -0.7rem; } }

@media only screen and (min-width: 768px) { .c-icon-plus { width: 1.6rem; height: 1.6rem; margin-top: -0.8rem; } }

/*====================================================================================
1.5 START BUTTON CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT BTN SQUARE ----------*/
.c-btn-square { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--theme-color-tridenary); border-radius: 0.5rem; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease; }

.c-btn-square__num { line-height: 1; font-weight: 500; }

.c-btn-square__arrow { width: 0.74rem; height: 1.2rem; }

.c-btn-square.is-current { color: var(--theme-color-secondary); background-color: var(--theme-color-tridenary); }

.c-btn-square.is-current .c-btn-square__arrow { fill: var(--theme-color-secondary); }

@media only screen and (max-width: 767px) { .c-btn-square { width: 3.5rem; height: 3.5rem; }
  .c-btn-square__num { font-size: 1.6rem; } }

@media only screen and (min-width: 768px) { .c-btn-square { width: 4rem; height: 4rem; }
  .c-btn-square:hover { color: var(--theme-color-secondary); background-color: var(--theme-color-tridenary); }
  .c-btn-square:hover .c-btn-square__arrow { fill: var(--theme-color-secondary); }
  .c-btn-square__num { font-size: 1.8rem; } }

/*---------- START COMPONENT BTN SQUARE PREV ----------*/
.c-btn-square--prev .c-btn-square__arrow { transform: scaleX(-1); }

/*====================================================================================
1.6 START LIST, ITEM CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT ITEM MAIN ----------*/
.c-item-main { position: relative; padding-left: 1.3rem; }

.c-item-main::before { position: absolute; content: ""; left: 0; border-radius: 50%; background-color: currentColor; transition: background-color 0.3s ease; }

@media only screen and (max-width: 767px) { .c-item-main { font-size: 1.7rem; }
  .c-item-main::before { top: 1.2rem; width: 0.4rem; height: 0.4rem; } }

@media only screen and (min-width: 768px) { .c-item-main { font-size: 2rem; }
  .c-item-main::before { top: 1.7rem; width: 0.5rem; height: 0.5rem; } }

/*---------- START COMPONENT LIST ITEM MAIN ----------*/
.c-list-item-main .c-item-main { margin-top: 1rem; }

.c-list-item-main .c-item-main:first-child { margin-top: 0; }

/*====================================================================================
1.7 START TABLE CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT TABLE ----------*/
.c-tbl table { table-layout: fixed; width: 100%; }

/*---------- START COMPONENT TABLE FIVE COL ----------*/
.c-tbl--five-col { box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05); }

.c-tbl--five-col table th, .c-tbl--five-col table td { text-align: center; }

.c-tbl--five-col table thead th { color: var(--theme-color-secondary); font-weight: 500; }

.c-tbl--five-col table thead th:nth-child(odd) { background-color: var(--theme-color-quinary); }

.c-tbl--five-col table thead th:nth-child(even) { background-color: var(--theme-color-dodenary); }

.c-tbl--five-col table tbody td { font-weight: 400; background-color: var(--theme-color-secondary); border-bottom: 1px solid var(--theme-border-senary); }

@media only screen and (max-width: 767px) { .c-tbl--five-col table { width: 80rem; }
  .c-tbl--five-col table thead th { padding: 1.5rem 1rem; font-size: 1.6rem; }
  .c-tbl--five-col table thead th:nth-child(2), .c-tbl--five-col table thead th:nth-child(3) { width: 12.5rem; }
  .c-tbl--five-col table thead th:last-child { width: 16rem; }
  .c-tbl--five-col table tbody td { padding: 1.35rem 1rem; font-size: 1.4rem; } }

@media only screen and (min-width: 768px) { .c-tbl--five-col table thead th { padding: 1.7rem; font-size: 1.8rem; }
  .c-tbl--five-col table thead th:nth-child(2), .c-tbl--five-col table thead th:nth-child(3) { width: 16.5rem; }
  .c-tbl--five-col table thead th:last-child { width: 25rem; }
  .c-tbl--five-col table tbody td { padding: 1.4rem 2rem; font-size: 1.6rem; } }

/*---------- START COMPONENT TABLE MAIN ----------*/
.c-tbl-main table { width: 100%; }

.c-tbl-main table tr { position: relative; }

.c-tbl-main table tr::before { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 2px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/common_img/bd-dot-green.webp") repeat-x left center/auto 100%; }

.c-tbl-main table tr:first-child th { padding-top: 0; }

.c-tbl-main table th, .c-tbl-main table td { text-align: left; vertical-align: top; }

.c-tbl-main table th { font-weight: 700; }

@media only screen and (max-width: 767px) { .c-tbl-main table th, .c-tbl-main table td { display: block; font-size: 1.4rem; }
  .c-tbl-main table th { padding: 2rem 0 0 0; }
  .c-tbl-main table td { padding: 1rem 0 2rem 0; } }

@media only screen and (min-width: 768px) { .c-tbl-main table tr:first-child td { padding-top: 0; }
  .c-tbl-main table th, .c-tbl-main table td { font-size: 1.6rem; }
  .c-tbl-main table th { width: 19.5rem; padding: 3rem 0; }
  .c-tbl-main table td { padding: 3rem 0 3rem 2rem; } }

/*====================================================================================
1.8 START MAP CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.9 START TAG CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT TAG MAIN ----------*/
.c-tag-main__wrap { display: inline-block; border-radius: 3rem; color: var(--theme-color-secondary); line-height: 1.5; font-family: var(--theme-font-jp-tertiary); background-color: var(--theme-color-quinary); }

.c-tag-main__wrap.tag01 { background: #76abca; }

.c-tag-main__wrap.tag02 { background: #727171; }

.c-tag-main__wrap.tag03 { background: #72b2a3; }

.c-tag-main__wrap.tag04 { background: #628d53; }

.c-tag-main__wrap.tag05 { background: #7fae86; }

.c-tag-main__wrap.tag06 { background: #3d6844; }

/*---------- START COMPONENT TAG MAIN SM ----------*/
@media only screen and (max-width: 767px) { .c-tag-main--sm .c-tag-main__wrap { padding: 0.5rem 1.5rem; font-size: 1.3rem; } }

@media only screen and (min-width: 768px) { .c-tag-main--sm .c-tag-main__wrap { padding: 0.5rem 2rem; font-size: 1.4rem; } }

/*---------- START COMPONENT TAG MAIN MD ----------*/
@media only screen and (max-width: 767px) { .c-tag-main--md .c-tag-main__wrap { padding: 0.5rem 1.5rem; font-size: 1.5rem; } }

@media only screen and (min-width: 768px) { .c-tag-main--md .c-tag-main__wrap { padding: 0.7rem 3rem; font-size: 1.8rem; } }

/*====================================================================================
1.10 START BOX CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT BOX SIGN ----------*/
.c-box-sign__text, .c-box-sign__job { line-height: 1.3; font-weight: 700; font-family: var(--theme-font-jp-tertiary); }

.c-box-sign__text { text-align: right; }

.c-box-sign__row { display: flex; align-items: flex-end; justify-content: flex-end; margin-top: var(--spacing-sp-10-pc-20); }

.c-box-sign__left { margin-right: var(--spacing-sp-20-pc-30); }

@media only screen and (max-width: 767px) { .c-box-sign__text, .c-box-sign__job { font-size: 1.7rem; } }

@media only screen and (min-width: 768px) { .c-box-sign__text, .c-box-sign__job { font-size: 2rem; } }

/*====================================================================================
1.11 START CARD CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT CARD MAIN ----------*/
.c-card-main__img img { width: 100%; border-radius: 1rem; }

.c-card-main__body { margin-top: 2rem; font-family: var(--theme-font-jp-tertiary); }

.c-card-main__desc { margin-top: var(--spacing-sp-10-pc-20); }

.c-card-main__desc a { font-weight: 500; }

@media only screen and (min-width: 768px) { .c-card-main__desc { letter-spacing: 0.013em; } }

/*---------- START COMPONENT LIST CARD MAIN ----------*/
@media only screen and (max-width: 575px) { .c-list-card-main .c-card-main { margin-top: 3.5rem; }
  .c-list-card-main .c-card-main:first-child { margin-top: 0; } }

@media only screen and (min-width: 576px) { .c-list-card-main { display: grid; } }

@media only screen and (min-width: 576px) and (max-width: 767px) { .c-list-card-main { gap: 3.5rem 2rem; grid-template-columns: repeat(2, 1fr); } }

@media only screen and (min-width: 768px) { .c-list-card-main { gap: 6.5rem 7rem; grid-template-columns: repeat(3, 1fr); } }

/*====================================================================================
1.12 START STEP CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.13 START POST CHILD PAGE.
====================================================================================*/
/*---------- START COMPONENT POST MAIN ----------*/
.c-post-main .c-title { margin-bottom: var(--spacing-sp-20-pc-30); }

.c-post-main__img img { width: 100%; }

@media only screen and (max-width: 767px) { .c-post-main__img { margin-bottom: 2.5rem; }
  .c-post-main__img img { border-radius: 1.5rem; } }

@media only screen and (min-width: 768px) { .c-post-main { position: relative; min-height: 39.9rem; padding-right: calc(50% + 2.5rem); }
  .c-post-main__img { position: absolute; top: 1rem; right: 0; width: calc(50% - 4.4rem); }
  .c-post-main__img img { border-radius: 2rem; } }

/*====================================================================================
1.14 START POINT CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.15 START BLOCK CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.16 START GROUP CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.17 START SIDEBAR CHILD PAGE.
====================================================================================*/
/*---------- START PROJECT CHART MAIN ----------*/
@media only screen and (max-width: 767px) { .c-chart-main__wrap { width: 80rem; } }

/*====================================================================================
1.18 START SECTION CHILD PAGE.
====================================================================================*/
/*---------- START PROJECT MAIN ----------*/
.p-main__desc { margin-top: var(--spacing-sp-20-pc-35); }

.p-main .c-list-item-main { margin-top: var(--spacing-sp-20-pc-35); }

.p-main .c-list-card-main { margin-top: var(--spacing-sp-35-pc-70); }

.p-main .c-chart-main { margin-top: var(--spacing-sp-30-pc-60); }

/*====================================================================================
1.19 START TOGGLE CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.20 START LIBRARY CHILD PAGE.
====================================================================================*/
/*---------- START SECTION PINNED ----------*/
.p-pinned__row { display: flex; }

@media only screen and (max-width: 767px) { .p-pinned__row { flex-direction: column-reverse; }
  .p-pinned__scroll { margin-top: 3rem; } }

@media only screen and (min-width: 768px) { .p-pinned__row { align-items: flex-start; }
  .p-pinned__scroll { flex: 1; padding-right: 3rem; }
  .p-pinned__pin { width: 35rem; } }

/*====================================================================================
2. START PAGE VISUAL SECTION.
====================================================================================*/
/*---------- START COMPONENT TITLE PAGE VISUAL ----------*/
.c-title-pv__jp { position: absolute; line-height: 1.5; font-weight: 500; }

.c-title-pv__en { color: var(--theme-color-undenary); line-height: 1; font-weight: 500; letter-spacing: 0.01em; font-family: var(--theme-font-en-primary); }

@media only screen and (max-width: 767px) { .c-title-pv__jp { top: -0.2rem; right: 1rem; font-size: 1.5rem; }
  .c-title-pv__en { font-size: 4.7rem; } }

@media only screen and (min-width: 768px) { .c-title-pv__jp { top: 1rem; right: 7rem; font-size: 3rem; }
  .c-title-pv__en { font-size: 12rem; } }

/*---------- START PROJECT PAGE VISUAL ----------*/
.p-pv { border-bottom: 1px solid var(--theme-border-quaternary); }

.p-pv .p-pv__ttl { position: absolute; left: 0; top: 252px; width: 100vw; height: 141px; pointer-events: none; }

.p-pv.p-pv02 { padding: 71px 0 23px; border-bottom: 0; }

.p-pv.p-pv02 .p-pv__heading { justify-content: flex-start; }

.p-pv.p-pv02 .c-title-pv__en { display: none; }

.p-pv.p-pv02 .c-title-pv__jp { position: relative; left: 0; top: 0; font-size: 52px; line-height: 1.15385; letter-spacing: 0.01em; font-weight: 500; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .p-pv .p-pv__ttl { top: 170px; height: 40px; }
  .p-pv.p-pv02 { padding: 35px 0 65px; }
  .p-pv.p-pv02 .c-title-pv__jp { font-size: 32px; line-height: 1.25; } }

/* ========== end △ */
.p-pv__heading { display: flex; justify-content: flex-end; }

@media only screen and (max-width: 767px) { .p-pv__row { padding-top: 2rem; }
  .p-pv__img { margin-bottom: 1.5rem; }
  .p-pv__img img { width: 100%; border-radius: 1.5rem; }
  .p-pv__heading { position: relative; margin-bottom: -0.8rem; } }

@media only screen and (min-width: 768px) { .p-pv__row { position: relative; padding: 3rem 0; }
  .p-pv__img img { border-radius: 2rem; }
  .p-pv__heading { position: absolute; left: 0; right: 0; bottom: -1.9rem; } }

/*====================================================================================
3. START BREADCRUMB SECTION.
====================================================================================*/
@media only screen and (max-width: 767px) { .l-breadcrumb { display: none; } }

@media only screen and (min-width: 768px) { .l-breadcrumb__list { display: flex; align-items: center; padding: 4.5rem 0; }
  .l-breadcrumb__item { position: relative; margin-right: 1.8rem; padding-right: 2.5rem; font-size: 1.4rem; line-height: 1.5; font-weight: 400; }
  .l-breadcrumb__item:first-child { text-transform: uppercase; }
  .l-breadcrumb__item:last-child { margin-right: 0; padding-right: 0; }
  .l-breadcrumb__item:last-child::before { content: none; }
  .l-breadcrumb__item::before { position: absolute; content: ""; top: 50%; right: 0; width: 0.74rem; height: 1.2rem; margin-top: -0.6rem; background-image: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/common_img/arrow-right-green.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; }
  .l-breadcrumb__item a { text-decoration: none; }
  .l-breadcrumb__item a:hover { color: var(--theme-color-tertiary); text-decoration: underline; } }

/*====================================================================================
4. START COMPANY PAGE.
====================================================================================*/
/*---------- START PROJECT POST COMPANY ----------*/
.p-post-company .c-box-sign { margin-top: var(--spacing-sp-20-pc-40); }

@media only screen and (max-width: 767px) { .p-post-company .c-chart-top { margin-top: 2.5rem; }
  .p-post-company__desc { margin-top: 2.5rem; } }

@media only screen and (min-width: 768px) { .p-post-company { position: relative; padding-left: 50%; }
  .p-post-company .c-chart-top { position: absolute; top: 1rem; left: 0; width: calc(50% - 3rem); }
  .p-post-company .c-chart-top__box--v1 { top: 4%; }
  .p-post-company .c-chart-top__box-tag { margin-bottom: 0.7rem; }
  .p-post-company .c-chart-top__box-tag .c-tag { min-height: 2.2rem; padding: 0.2rem 1.1rem; border-radius: 0.3rem; }
  .p-post-company .c-chart-top__box-tag .c-tag__text { font-size: 1.3rem; }
  .p-post-company .c-chart-top__box-item { font-size: 1.3rem; }
  .p-post-company .c-chart-top__item { width: 11rem; height: 11rem; }
  .p-post-company .c-chart-top__item-title { font-size: 2.5rem; }
  .p-post-company__desc { margin-top: var(--spacing-sp-20-pc-30); } }

/*---------- START PROJECT LIST BLOCK COMPANY ----------*/
.c-block-company { border-radius: 1rem; border: 1px solid var(--theme-border-quinary); }

.c-block-company .c-tag { margin-bottom: var(--spacing-sp-15-pc-25); }

.c-block-company .c-tag__text { font-weight: 500; }

@media only screen and (max-width: 767px) { .c-block-company { padding: 2rem; }
  .c-block-company .c-tag { min-height: 3.5rem; } }

@media only screen and (min-width: 768px) { .c-block-company { padding: 2rem 2rem 3rem 2rem; }
  .c-block-company .c-tag { min-height: 4rem; } }

/*---------- START PROJECT LIST BLOCK COMPANY ----------*/
.c-list-block-company .c-block-company:first-child { margin-top: 0; }

@media only screen and (max-width: 767px) { .c-list-block-company .c-block-company { margin-top: 2.5rem; } }

@media only screen and (min-width: 768px) { .c-list-block-company .c-block-company { margin-top: 3rem; } }

/*---------- START PROJECT COMPANY ----------*/
.p-company .c-list-block-company { margin-top: var(--spacing-sp-40-pc-80); }

/*====================================================================================
5. START SERVICE PAGE.
====================================================================================*/
/*---------- START COMPONENT BOX SERVICE ----------*/
.c-box-service { text-align: center; font-family: var(--theme-font-jp-tertiary); }

.c-box-service__img { margin-bottom: var(--spacing-sp-20-pc-30); }

.c-box-service__title { margin-bottom: var(--spacing-sp-10-pc-15); font-weight: 500; }

.c-box-service__desc { font-weight: 300; }

@media only screen and (max-width: 767px) { .c-box-service__img img { max-width: 17rem; }
  .c-box-service__title { font-size: 2.2rem; } }

@media only screen and (min-width: 768px) { .c-box-service__title { font-size: 3rem; } }

/*---------- START COMPONENT LIST BOX SERVICE ----------*/
@media only screen and (max-width: 575px) { .c-list-box-service .c-box-service { margin-top: 3.5rem; }
  .c-list-box-service .c-box-service:first-child { margin-top: 0; } }

@media only screen and (min-width: 576px) { .c-list-box-service { display: flex; } }

@media only screen and (min-width: 576px) and (max-width: 767px) { .c-list-box-service { flex-wrap: wrap; justify-content: center; margin: -1.5rem; }
  .c-list-box-service .c-box-service { width: calc(50% - 3rem); margin: 1.5rem; } }

@media only screen and (min-width: 768px) { .c-list-box-service { justify-content: space-between; margin: 0 -1.5rem; }
  .c-list-box-service .c-box-service { margin: 0 1.5rem; } }

/*---------- START COMPONENT PANEL SERVICE ----------*/
.c-panel-service { border-radius: 1rem; background-color: var(--theme-color-secondary); box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05); }

.c-panel-service__header { margin-bottom: var(--spacing-sp-20-pc-25); }

.c-panel-service__heading { display: inline-flex; align-items: center; min-height: 4rem; padding: 0.5rem 1.5rem 0.5rem 1rem; border-radius: 0.5rem; background-color: var(--theme-color-senary); }

.c-panel-service__icon { flex: 0 0 auto; line-height: 1; }

.c-panel-service__title { flex: 1; padding-left: 1rem; color: var(--theme-color-secondary); font-weight: 500; }

.c-panel-service__body { font-family: var(--theme-font-jp-tertiary); }

@media only screen and (max-width: 767px) { .c-panel-service { padding: 1.5rem 1.5rem 2rem 1.5rem; }
  .c-panel-service__title { font-size: 1.6rem; } }

@media only screen and (min-width: 768px) { .c-panel-service { padding: 2rem 2rem 3.5rem 2rem; }
  .c-panel-service__title { font-size: 1.8rem; } }

/*---------- START COMPONENT LIST PANEL SERVICE ----------*/
@media only screen and (max-width: 767px) { .c-list-panel-service .c-panel-service { margin-top: 3.5rem; }
  .c-list-panel-service .c-panel-service:first-child { margin-top: 0; } }

@media only screen and (min-width: 768px) { .c-list-panel-service { display: grid; gap: 4rem 6rem; grid-template-columns: repeat(2, 1fr); } }

/*---------- START COMPONENT STEP SERVICE ----------*/
.c-step-service { display: flex; border: 1px solid var(--theme-border-senary); background-color: var(--theme-color-octonary); }

.c-step-service__left { text-align: center; border-right: 1px solid var(--theme-border-senary); }

.c-step-service__right { flex: 1; }

.c-step-service__num, .c-step-service__title { color: var(--theme-color-tertiary); font-weight: 500; }

.c-step-service__num { font-family: var(--theme-font-en-primary); }

.c-step-service__title { margin-bottom: var(--spacing-sp-10-pc-15); }

@media only screen and (max-width: 767px) { .c-step-service__left { width: 5.5rem; padding: 2.5rem 1rem; }
  .c-step-service__right { padding: 2.5rem 2rem; }
  .c-step-service__num { font-size: 2.4rem; }
  .c-step-service__title { font-size: 2.2rem; } }

@media only screen and (min-width: 768px) { .c-step-service__left { width: 6rem; padding: 3rem 1rem; }
  .c-step-service__right { padding: 3rem 4rem 4rem 4rem; }
  .c-step-service__num, .c-step-service__title { font-size: 3rem; } }

/*---------- START COMPONENT LIST STEP SERVICE ----------*/
.c-list-step-service .c-step-service { position: relative; }

.c-list-step-service .c-step-service::before { position: absolute; content: ""; left: 50%; }

.c-list-step-service .c-step-service:first-child { margin-top: 0; }

.c-list-step-service .c-step-service:last-child::before { content: none; }

@media only screen and (max-width: 767px) { .c-list-step-service .c-step-service { margin-top: 5.5rem; }
  .c-list-step-service .c-step-service::before { bottom: -4rem; margin-left: -3.4rem; border-left: 3.4rem solid transparent; border-right: 3.4rem solid transparent; border-top: 2rem solid var(--theme-color-tertiary); } }

@media only screen and (min-width: 768px) { .c-list-step-service .c-step-service { margin-top: 7rem; }
  .c-list-step-service .c-step-service::before { bottom: -5rem; margin-left: -4.4rem; border-left: 4.4rem solid transparent; border-right: 4.4rem solid transparent; border-top: 2.8rem solid var(--theme-color-tertiary); } }

/*---------- START COMPONENT ITEM FAQ ----------*/
.c-item-faq__header { position: relative; cursor: pointer; background-color: var(--theme-color-secondary); box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05); }

.c-item-faq__header.is-active .c-icon-plus::before { transform: rotate(0deg); }

.c-item-faq__char { position: absolute; top: -0.125em; left: -0.035em; color: var(--theme-color-undenary); line-height: 1; font-weight: 500; font-family: var(--theme-font-en-primary); }

.c-item-faq__title { font-weight: 500; }

.c-item-faq__body { display: none; }

@media only screen and (max-width: 767px) { .c-item-faq__header { padding: 1.5rem 3.2rem 1.5rem 5rem; }
  .c-item-faq__char { font-size: 4.8rem; }
  .c-item-faq__icon { right: 1rem; }
  .c-item-faq__title { font-size: 1.6rem; }
  .c-item-faq__inner { padding: 1.7rem 2.5rem 0 5rem; } }

@media only screen and (min-width: 768px) { .c-item-faq__header { padding: 1.7rem 10rem 1.7rem 12rem; }
  .c-item-faq__char { font-size: 8.8rem; }
  .c-item-faq__icon { right: 3rem; }
  .c-item-faq__title { font-size: 1.8rem; }
  .c-item-faq__inner { padding: 2.5rem 10rem 0 12rem; } }

/*---------- START COMPONENT LIST ITEM FAQ ----------*/
.c-list-item-faq .c-item-faq { margin-top: var(--spacing-sp-30-pc-60); }

.c-list-item-faq .c-item-faq:first-child { margin-top: 0; }

/*---------- START COMPONENT POST SERVICE ----------*/
.c-post-service .c-title { margin-bottom: var(--spacing-sp-25-pc-45); }

.c-post-service__subtitle { margin-bottom: var(--spacing-sp-15-pc-20); font-weight: 500; }

.c-post-service__btn { margin-top: var(--spacing-sp-20-pc-45); }

@media only screen and (max-width: 767px) { .c-post-service__img { margin-bottom: 2.5rem; }
  .c-post-service__subtitle { font-size: 2.2rem; } }

@media only screen and (min-width: 768px) { .c-post-service { position: relative; display: flex; align-items: center; min-height: 39.9rem; padding-right: calc(50% + 7rem); }
  .c-post-service__img { position: absolute; top: 1rem; right: 0; width: calc(50% + 1.7rem); }
  .c-post-service__subtitle { font-size: 3rem; } }

/*====================================================================================
6. START BLOG PAGE.
====================================================================================*/
/*---------- START COMPONENT TAG BLOG ----------*/
.c-tag-blog__link { display: inline-block; border-radius: 0.5rem; line-height: 1.5; font-weight: 500; text-decoration: none; background-color: var(--theme-color-secondary); border: 1px solid var(--theme-color-tridenary); transition: color 0.3s ease, background-color 0.3s ease; }

@media only screen and (max-width: 767px) { .c-tag-blog__link { padding: 0.5rem 1rem; }
  .c-tag-blog__text { font-size: 1.6rem; } }

@media only screen and (min-width: 768px) { .c-tag-blog__link { padding: 0.5rem 2rem; }
  .c-tag-blog__link:hover { color: var(--theme-color-secondary); background-color: var(--theme-color-tridenary); }
  .c-tag-blog__text { font-size: 1.8rem; } }

/*---------- START COMPONENT LIST TAG BLOG ----------*/
.c-list-tag-blog { display: flex; flex-wrap: wrap; }

@media only screen and (max-width: 767px) { .c-list-tag-blog { margin: -0.5rem; }
  .c-list-tag-blog .c-tag-blog { margin: 0.5rem; } }

@media only screen and (min-width: 768px) { .c-list-tag-blog { margin: -1rem; }
  .c-list-tag-blog .c-tag-blog { margin: 1rem; } }

/*---------- START COMPONENT LIST CARD BLOG ----------*/
.c-card-blog { font-family: var(--theme-font-jp-tertiary); }

.c-card-blog__link { text-decoration: none; }

.c-card-blog__img { position: relative; display: block; border-radius: 1rem; overflow: hidden; }

.c-card-blog__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.c-card-blog__title { margin-top: 1rem; font-weight: 500; transition: color 0.3s ease; }

@media only screen and (max-width: 767px) { .c-card-blog__img { margin-bottom: 1.8rem; padding-top: 80%; }
  .c-card-blog__title { font-size: 1.6rem; } }

@media only screen and (min-width: 768px) { .c-card-blog__link:hover .c-card-blog__img img { transform: scale(1.025); }
  .c-card-blog__link:hover .c-card-blog__title { color: var(--theme-color-tertiary); text-decoration: underline; }
  .c-card-blog__img { margin-bottom: 2.5rem; padding-top: 25.4rem; }
  .c-card-blog__title { font-size: 1.8rem; } }

/*---------- START COMPONENT LIST CARD BLOG ----------*/
.c-list-card-blog { display: grid; }

@media only screen and (max-width: 575px) { .c-list-card-blog { gap: 3rem 1.5rem; } }

@media only screen and (min-width: 576px) and (max-width: 767px) { .c-list-card-blog { gap: 3.5rem 2rem; } }

@media only screen and (max-width: 767px) { .c-list-card-blog { grid-template-columns: repeat(2, 1fr); } }

@media only screen and (min-width: 768px) { .c-list-card-blog { gap: 6.5rem 7rem; grid-template-columns: repeat(3, 1fr); } }

/*---------- START LAYOUT SIDEBAR ----------*/
.l-sidebar { background-color: var(--theme-color-octonary); }

.l-sidebar__heading { margin-bottom: var(--spacing-sp-20-pc-25); padding-bottom: 0.5rem; border-bottom: 1px solid var(--theme-color-tertiary); }

.l-sidebar__title { color: var(--theme-color-tertiary); font-weight: 500; font-family: var(--theme-font-jp-tertiary); }

@media only screen and (max-width: 767px) { .l-sidebar { padding: 2rem 2rem 2.5rem 2rem; }
  .l-sidebar__title { font-size: 2rem; } }

@media only screen and (min-width: 768px) { .l-sidebar { padding: 2rem 2rem 3rem 2rem; }
  .l-sidebar__title { font-size: 2.4rem; }
  .l-sidebar__item { margin-top: 1.5rem; }
  .l-sidebar__item:first-child { margin-top: 0; }
  .l-sidebar__item .c-link-top { display: block; } }

/*---------- START COMPONENT HEADING BLOG ----------*/
.c-heading-blog .c-tag-main { margin-bottom: var(--spacing-sp-15-pc-20); }

.c-heading-blog__title { font-weight: 500; }

@media only screen and (max-width: 767px) { .c-heading-blog__title { font-size: 2.4rem; } }

@media only screen and (min-width: 768px) { .c-heading-blog__title { font-size: 3.6rem; } }

/*---------- START COMPONENT NOTIFY BLOG ----------*/
.c-notify-blog { background-color: var(--theme-color-septenary); }

.c-notify-blog__desc { color: var(--theme-color-secondary); font-weight: 600; }

@media only screen and (max-width: 767px) { .c-notify-blog { padding: 2.5rem 2rem; } }

@media only screen and (min-width: 768px) { .c-notify-blog { padding: 2.5rem 3rem; } }

/*---------- START COMPONENT GROUP BLOG ----------*/
.c-group-blog { border: 1px solid var(--theme-color-tridenary); }

.c-group-blog__title { margin-bottom: var(--spacing-sp-15-pc-25); font-weight: 500; text-align: center; font-family: var(--theme-font-jp-tertiary); }

.c-group-blog__item { border-top: 1px solid var(--theme-border-septenary); }

.c-group-blog__item:first-child { margin-top: 0; }

.c-group-blog__item:last-child { border-bottom: 1px solid var(--theme-border-septenary); }

.c-group-blog__item-link { position: relative; display: block; padding: 1.2rem 0 1.2rem 2em; font-weight: 500; text-decoration: none; }

.c-group-blog__item-link:hover { color: var(--theme-color-tertiary); }

.c-group-blog__item-char { position: absolute; left: 0; }

@media only screen and (max-width: 767px) { .c-group-blog { padding: 2rem 2rem 2.5rem 2rem; }
  .c-group-blog__title { font-size: 2.2rem; } }

@media only screen and (min-width: 768px) { .c-group-blog { padding: 2.5rem 3rem 3rem 3rem; }
  .c-group-blog__title { font-size: 3rem; } }

/*---------- START COMPONENT POST ----------*/
.c-post-blog .c-heading-main { margin-bottom: var(--spacing-sp-20-pc-30); }

.c-post-blog__item { margin-top: var(--spacing-sp-30-pc-55); }

.c-post-blog__item:first-child { margin-top: 0; }

.c-post-blog__item-img { margin-bottom: var(--spacing-sp-20-pc-35); }

.c-post-blog__item-desc { font-family: var(--theme-font-jp-tertiary); }

/*---------- START COMPONENT POST ----------*/
.c-list-post-blog .c-post-blog { margin-top: var(--spacing-sp-30-pc-60); }

.c-list-post-blog .c-post-blog:first-child { margin-top: 0; }

/*---------- START PROJECT BLOG ----------*/
.p-blog .c-title-tag { margin-bottom: var(--spacing-sp-25-pc-45); }

.p-blog .c-list-card-blog { margin-top: var(--spacing-sp-35-pc-70); }

.p-blog .c-pagination { margin-top: var(--spacing-sp-45-pc-90); }

.p-blog .c-notify-blog { margin-top: var(--spacing-sp-25-pc-45); }

.p-blog .c-group-blog { margin-top: var(--spacing-sp-30-pc-50); }

.p-blog .c-list-post-blog { margin-top: var(--spacing-sp-35-pc-70); }

.p-blog__btn { margin-top: var(--spacing-sp-35-pc-70); text-align: center; }

/*====================================================================================
7. START  PAGE
====================================================================================*/
.page-contact .p-pv { padding: 168px 0 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-contact .p-pv .c-title-pv { margin-bottom: -1rem; }
  .page-contact .p-pv .c-title-pv__jp { font-size: 52px; line-height: 1; top: 5rem; }
  .page-contact .p-pv .c-title-pv__en { font-size: 180px; line-height: 1; } }

/* ========== end △ */
.page-contact .l-breadcrumb { margin-bottom: 93px; }

.page-contact .form-templ .c-title { margin-bottom: 62px; }

.page-contact .form-templ .ttl01 { text-align: center; color: #0d651b; font-size: 30px; line-height: 1.6; letter-spacing: 0.01em; font-weight: 500; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-contact .form-templ .c-title { margin-bottom: 25px; }
  .page-contact .form-templ .ttl01 { font-size: 22px; line-height: 1.27273; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-contact .p-pv { padding: 5px 0 0 0; } }





.page-contact2 .p-pv { padding: 168px 0 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-contact2 .p-pv .c-title-pv { margin-bottom: -1rem; }
  .page-contact2 .p-pv .c-title-pv__jp { font-size: 52px; line-height: 1; top: 5rem; }
  .page-contact2 .p-pv .c-title-pv__en { font-size: 180px; line-height: 1; } }

/* ========== end △ */
.page-contact2 .l-breadcrumb { margin-bottom: 93px; }

.page-contact2 .form-templ .c-title { margin-bottom: 62px; }

.page-contact2 .form-templ .ttl01 { text-align: center; color: #0d651b; font-size: 30px; line-height: 1.6; letter-spacing: 0.01em; font-weight: 500; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-contact2 .form-templ .c-title { margin-bottom: 25px; }
  .page-contact2 .form-templ .ttl01 { font-size: 22px; line-height: 1.27273; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-contact2 .p-pv { padding: 5px 0 0 0; } }






/* ========== end △ */
.page-recruit .p-pv { padding: 168px 0 0 0; }

@media print, screen and (min-width: 768px) { .page-recruit .p-pv .c-title-pv { margin-bottom: -1rem; }
  .page-recruit .p-pv .c-title-pv__jp { font-size: 52px; line-height: 1; top: 5rem; }
  .page-recruit .p-pv .c-title-pv__en { font-size: 180px; line-height: 1; } }

@media only screen and (max-width: 767px) { .page-recruit .p-pv { padding: 5px 0 0 0; } }

/*====================================================================================
8. START  PAGE
====================================================================================*/
.page-news { overflow: inherit; }

.page-news .p-pv { padding: 168px 0 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-news .p-pv .c-title-pv { margin-bottom: -1rem; }
  .page-news .p-pv .c-title-pv__jp { font-size: 52px; line-height: 1; top: 5rem; }
  .page-news .p-pv .c-title-pv__en { font-size: 180px; line-height: 1; } }

/* ========== end △ */
.page-news .sec-news { margin: 92px 0 112px; }

.page-news .news-list { margin: 76px 0 0; border-top: 1px solid #c4c4c4; }

.page-news .news-list .item .item__box { margin: 20px 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-news .news-list .item .item__img { float: left; width: 35%; margin: 0 20px 20px 0; } }

/* ========== end △ */
.page-news .news-list .item .item__info { overflow: hidden; }

.page-news .news-list .item__cat { width: 165px; }

.page-news .news-list .item__cat span { border-radius: 3px; background: #76abca; text-align: center; color: #fff; font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 500; display: inline-block; padding: 4px 5px 4px; width: 100%; }

.page-news .news-list .item__cat.cat02 span { background: #72b2a3; }

.page-news .news-list .item__date { font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; width: 150px; padding: 0 0 0 36px; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; }

.page-news .news-list .item__ttl { -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; width: calc(100% - 150px -  165px); padding: 0 0 0 14px; }

.page-news .news-list .item__ttl span { display: block; overflow: hidden; width: 100%; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; }

.page-news .news-list .item a { padding: 41px 0 41px; border-bottom: 1px solid #c4c4c4; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; text-decoration: none; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-news .news-list .item a:hover .item__date { color: var(--theme-color-tertiary); } }

/* ========== end △ */
.page-news .news-detail { margin: 68px 0 0; }

.page-news .news-detail .sg-ttl { font-size: 24px; line-height: 1.5; letter-spacing: 0.01em; font-weight: 500; }

.page-news .news-detail .sg-meta { border-bottom: 1px solid #c4c4c4; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; padding: 0 0 33px; margin: 15px 0 39px; }

.page-news .news-detail .sg-meta .cat { width: 165px; }

.page-news .news-detail .sg-meta .cat span { border-radius: 4px; background: #76abca; text-align: center; color: #fff; font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 500; display: inline-block; padding: 4px 5px 4px; width: 100%; }

.page-news .news-detail .sg-meta .cat.cat02 span { background: #72b2a3; }

.page-news .news-detail .sg-meta .date { width: calc(100% - 165px); font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; padding: 0 0 0 36px; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; }

.page-news .news-detail .cms-content h3 { font-size: 20px; line-height: 1.5; letter-spacing: 0.01em; font-weight: 500; margin-bottom: 16px; }

.page-news .news-detail .cms-content p { font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; margin-bottom: 32px; }

.page-news .news-detail .cms-content p:last-child { margin-bottom: 0; }

.page-news .news-detail .cms-content img { border-radius: 20px; }

.page-news .news-detail .sidebar .side { margin-bottom: 28px; }

.page-news .news-detail .sidebar .side.cats { background: #71b0a1; border-radius: 5px; padding: 20px 26px 27px; }

.page-news .news-detail .sidebar .side.cats .side__ttl { color: #fff; font-size: 22px; line-height: 1.36364; letter-spacing: 0.01em; font-weight: 500; margin-bottom: 21px; }

.page-news .news-detail .sidebar .side.cats .side__lst { background: #fff; padding: 21px 18px 21px 18px; }

.page-news .news-detail .sidebar .side.cats .side__lst li { margin-bottom: 8px; }

.page-news .news-detail .sidebar .side.cats .side__lst li:last-child { margin-bottom: 0; }

.page-news .news-detail .sidebar .side.cats .side__lst li a { font-size: 18px; line-height: 1.66667; letter-spacing: 0.01em; font-weight: 400; text-decoration: none; padding: 0 15px 0 0; display: inline-block; position: relative; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-news .news-detail .sidebar .side.cats .side__lst li a:hover { color: var(--theme-color-tertiary); } }

/* ========== end △ */
.page-news .news-detail .sidebar .side.cats .side__lst li a:after { position: absolute; content: ""; right: 0; top: 10px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/common_img/icon_arr04.webp") no-repeat center center; background-size: 9px 13px; width: 9px; height: 13px; }

.page-news .news-detail .sidebar .side.tags { background: #eeeeee; border-radius: 5px; padding: 19px 25px 18px; }

.page-news .news-detail .sidebar .side.tags .side__ttl { font-size: 22px; line-height: 1.36364; letter-spacing: 0.01em; font-weight: 500; margin-bottom: 12px; }

.page-news .news-detail .sidebar .side.tags .side__lst li { display: inline-block; margin: 0 18px 0 0; margin-bottom: 8px; }

.page-news .news-detail .sidebar .side.tags .side__lst li:last-child { margin-bottom: 0; }

.page-news .news-detail .sidebar .side.tags .side__lst li a { font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-news .news-detail { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
  .page-news .news-detail .contents { width: calc(100% - 335px); padding: 0 30px 0 0; max-width: 766px; }
  .page-news .news-detail .sidebar { width: 335px; }
  .page-news .news-detail .sidebar .sidebar-sticky { position: -webkit-sticky; position: sticky; top: 120px; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-news .p-pv { padding: 5px 0 0 0; }
  .page-news .sec-news { margin: 35px 0 90px; }
  .page-news .news-list { margin: 35px 0 0; }
  .page-news .news-list .item__cat { width: 145px; }
  .page-news .news-list .item__cat span { font-size: 15px; line-height: 1.6; padding: 4px 5px 4px; }
  .page-news .news-list .item__date { font-size: 15px; line-height: 1.6; width: calc(100% - 145px); padding: 0 0 0 15px; }
  .page-news .news-list .item__ttl { font-size: 15px; line-height: 1.6; width: 100%; padding: 10px 0 0; }
  .page-news .news-list .item__ttl span { display: block; overflow: hidden; width: 100%; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; }
  .page-news .news-list .item a { padding: 20px 0 20px; }
  .page-news .news-detail { margin: 35px 0 0; }
  .page-news .news-detail .sg-ttl { font-size: 20px; line-height: 1.5; }
  .page-news .news-detail .sg-meta { padding: 0 0 15px; margin: 10px 0 25px; }
  .page-news .news-detail .sg-meta .cat { width: 135px; }
  .page-news .news-detail .sg-meta .cat span { border-radius: 3px; font-size: 15px; line-height: 1.6; padding: 4px 5px 4px; width: 100%; }
  .page-news .news-detail .sg-meta .cat.cat02 span { background: #72b2a3; }
  .page-news .news-detail .sg-meta .date { width: calc(100% - 135px); font-size: 15px; line-height: 1.6; padding: 0 0 0 15px; }
  .page-news .news-detail .cms-content h3 { font-size: 18px; line-height: 1.33333; margin-bottom: 10px; }
  .page-news .news-detail .cms-content p { font-size: 15px; line-height: 1.6; margin-bottom: 25px; }
  .page-news .news-detail .cms-content p:last-child { margin-bottom: 0; }
  .page-news .news-detail .cms-content img { border-radius: 10px; }
  .page-news .news-detail .sidebar { margin: 50px 0 0; }
  .page-news .news-detail .sidebar .side { margin-bottom: 28px; }
  .page-news .news-detail .sidebar .side.cats { padding: 20px 15px 27px; }
  .page-news .news-detail .sidebar .side.cats .side__ttl { font-size: 18px; line-height: 1.38889; margin-bottom: 21px; }
  .page-news .news-detail .sidebar .side.cats .side__lst { padding: 15px 12px 15px; }
  .page-news .news-detail .sidebar .side.cats .side__lst li { margin-bottom: 8px; }
  .page-news .news-detail .sidebar .side.cats .side__lst li:last-child { margin-bottom: 0; }
  .page-news .news-detail .sidebar .side.cats .side__lst li a { font-size: 17px; line-height: 1.41176; padding: 0 15px 0 0; }
  .page-news .news-detail .sidebar .side.cats .side__lst li a:after { right: 0; top: 7px; }
  .page-news .news-detail .sidebar .side.tags { padding: 19px 15px 18px; }
  .page-news .news-detail .sidebar .side.tags .side__ttl { font-size: 18px; line-height: 1.38889; margin-bottom: 12px; }
  .page-news .news-detail .sidebar .side.tags .side__lst li { margin: 0 18px 0 0; margin-bottom: 8px; }
  .page-news .news-detail .sidebar .side.tags .side__lst li:last-child { margin-bottom: 0; }
  .page-news .news-detail .sidebar .side.tags .side__lst li a { font-size: 15px; line-height: 1.6; } }

/* ========== end △ */
/*====================================================================================
9. START  PAGE
====================================================================================*/
.c-img { display: block; position: relative; }

.c-img img { display: block; object-fit: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.c-img--contain img { object-fit: contain; }

.c-img--top img { object-position: top; }

.page-company .p-pv { padding: 168px 0 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-company .p-pv .c-title-pv { margin-bottom: -1rem; }
  .page-company .p-pv .c-title-pv__jp { font-size: 52px; line-height: 1; top: 5rem; }
  .page-company .p-pv .c-title-pv__en { font-size: 180px; line-height: 1; } }

/* ========== end △ */
.page-company .c-chart-top { width: calc(48% - 3rem); }

.page-company .c-chart-top img { border-radius: 20px; }

.page-company .block-company01 { border-radius: 8px; border: 10px solid #628d53; padding: 40px 50px 53px; position: relative; margin: 78px 0 0; }

.page-company .block-company01 .c-list-block-company { position: relative; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.page-company .block-company01 .c-list-block-company .ttlen { position: absolute; font-family: "Jost", sans-serif; font-size: 40px; line-height: 1; letter-spacing: 0.01em; font-weight: 500; color: #e8f0f5; }

.page-company .block-company01 .c-list-block-company .ttlen span { display: inline-block; transform: rotate(90deg); text-transform: uppercase; transform-origin: 0 0; }

.page-company .block-company01 .c-list-block-company .c-block-company { width: calc(55% - 50px); border: 0; padding: 23px 50px 0 0; }

.page-company .block-company01 .c-list-block-company .c-block-company .ttlen { left: -6px; top: -30px; }

.page-company .block-company01 .c-list-block-company .c-block-company .c-tag { width: 100%; max-width: 350px; margin: 0 auto; display: block; text-align: center; }

.page-company .block-company01 .c-list-block-company .c-block-company .c-tag__text { text-align: center; font-size: 30px; line-height: 1.16667; letter-spacing: 0.01em; font-weight: 500; min-height: 4rem; }

.page-company .block-company01 .c-list-block-company .c-block-company:nth-child(2n) { border-left: 1px solid #628d53; width: calc(54% - 50px); padding: 23px 0 0 57px; margin: 0; }

.page-company .block-company01 .c-list-block-company .c-block-company:nth-child(2n) .ttlen { right: -6px; left: auto; }

.page-company .block-company01 .c-list-block-company .c-block-company:nth-child(2n) .ttlen span { transform: translateY(194px) rotate(90deg); transform-origin: 100%  100%; }

.page-company .block-company01 .c-list-block-company .c-block-company__desc { max-width: 350px; margin: 25px auto 0; text-align: left; }

.page-company .block-company01 .c-list-block-company .c-block-company__desc p { font-size: 18px; line-height: 2; letter-spacing: 0.01em; font-weight: 500; }

.page-company #section2 .l-container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }

.page-company #section2 .l-container .c-title { width: 285px; }

.page-company #section2 .l-container .c-tbl-main { width: calc(100% - 285px); margin: 119px 0 0 !important; }

.page-company #section2 .l-container .c-tbl-main .txt-link { color: #76abca; padding-right: 38px; }

.page-company #section2 .l-container .c-tbl-main td.pd02 { padding: 12px 0 12px 2rem; }

.page-company #section2 .l-container .c-tbl-main .row01 { align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }

.page-company .sec03 { margin: 100px 0 0; }

.page-company .sec03 .block01 { position: relative; }

.page-company .sec03 .block01 .ttl { text-align: center; font-size: 30px; line-height: 1.33333; letter-spacing: 0.01em; font-weight: 500; margin-bottom: 12px; color: #fff; position: relative; background: #76abca; margin: 0 39px 0 39px; padding: 20px 10px 24px; border-radius: 10px 10px 0 0; }

.page-company .sec03 .block01 .ttl:after { position: absolute; content: ""; left: 0; right: 0; bottom: -18px; width: 38px; height: 32px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/common_img/icon_arr05.webp") no-repeat center; background-size: 100% auto; margin: 0 auto; }

.page-company .sec03 .block01 .block__info { margin: 0 39px; }

.page-company .sec03 .block01 .block__info dl { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 25px 0 25px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/common_img/bd-dot-green.webp") repeat-x left bottom/auto 100%; background-size: auto 2px; }

.page-company .sec03 .block01 .block__info dl dt, .page-company .sec03 .block01 .block__info dl dd { font-size: 18px; line-height: 1.66667; letter-spacing: 0.01em; font-weight: 500; }

.page-company .sec03 .block01 .block__info dl dt { padding: 0 0 0 147px; width: calc(100% - 200px); }

.page-company .sec03 .block01 .block__info dl dd { color: #76abca; width: 200px; padding: 0 100px 0 0; }

.page-company .sec03 .block02 { margin: 101px 0 0; }

.page-company .sec03 .block02 .c-title { margin-bottom: 27px; }

.page-company .sec03 .block02 .ttl02 { font-size: 30px; line-height: 1.6; letter-spacing: 0.01em; font-weight: 500; margin-bottom: 12px; }

.page-company .sec03 .block02 .desc01 p { font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; margin-bottom: 9px; }

.page-company .sec03 .block02__img img { border-radius: 20px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-company .sec03 .block02 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .page-company .sec03 .block02__left { width: 55%; padding: 0 45px 0 0; }
  .page-company .sec03 .block02__img { width: 45%; } }

/* ========== end △ */
.page-company .sec04 { margin: 70px 0 110px; }

.page-company .sec04 .sec04__bg { width: 100%; height: 479px; margin-bottom: -273px; }

.page-company .sec04 .sec04__bg .c-img { width: 100%; height: 100%; }

.page-company .sec04 .img01 { text-align: center; margin-bottom: 38px; }

.page-company .sec04 .ttl01 { text-align: center; font-size: 30px; line-height: 1.5; letter-spacing: 0.01em; font-weight: 500; margin-bottom: 28px; }

.page-company .sec04 .desc01 { text-align: center; font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; margin-bottom: 24px; }

.page-company .sec04 .img02 { text-align: center; margin-bottom: 101px; }

.page-company .sec04 .inner { position: relative; z-index: 33; background-color: #fff; padding: 92px 20px 0; border-radius: 10px 10px; }

.page-company .sec04 .block { border-bottom: 4px dotted #c4c4c4; padding: 0 0 57px; margin-bottom: 61px; }

.page-company .sec04 .block__img { position: relative; padding: 41px 0 0; }

.page-company .sec04 .block__img img { border-radius: 10px; }

.page-company .sec04 .block__img .icons { position: absolute; left: 20px; top: 0; z-index: 33; }

.page-company .sec04 .block__img .icons span { display: inline-block; margin-right: 2px; }

.page-company .sec04 .block__img .icons img { border-radius: 0; }

.page-company .sec04 .block .block__ttl { font-size: 30px; line-height: 1.5; letter-spacing: 0.01em; font-weight: 500; margin-bottom: 22px; }

.page-company .sec04 .block .desc02 { font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; margin-bottom: 11px; }

.page-company .sec04 .block .box__ttl { font-size: 18px; line-height: 1.66667; letter-spacing: 0.01em; font-weight: 500; position: relative; padding: 0 0 0 17px; }

.page-company .sec04 .block .box__ttl:before { position: absolute; content: ""; left: 0; top: 5px; bottom: 0; width: 7px; background-color: #628d53; border-radius: 3px; }

.page-company .sec04 .block .box ul li { font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; position: relative; list-style: decimal; margin: 0 0 0 20px; }

.page-company .sec04 .block .box ul li::marker { font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; color: #628d53; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-company .sec04 .block { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .page-company .sec04 .block__info { width: 61%; padding: 29px 0 0 45px; }
  .page-company .sec04 .block__img { width: 39%; }
  .page-company .sec04 .block.block02 .block__img { order: 2; }
  .page-company .sec04 .block.block02 .block__info { padding: 29px 45px 0 0; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-company .p-pv { padding: 5px 0 0 0; }
  .page-company .c-chart-top { width: 100%; margin-bottom: 0; }
  .page-company .c-chart-top .c-chart-top__shape { margin-bottom: 0; }
  .page-company .c-chart-top img { border-radius: 10px; }
  .page-company .block-company01 { border-radius: 5px; border: 5px solid #628d53; padding: 10px 12px 20px; margin: 45px 0 0; }
  .page-company .block-company01 .c-list-block-company .ttlen { font-size: 30px; line-height: 1; color: #e8f0f5; }
  .page-company .block-company01 .c-list-block-company .ttlen span { transform: rotate(0deg); }
  .page-company .block-company01 .c-list-block-company .c-block-company { width: 100%; border: 0; padding: 10px 0px 0 0; border-radius: 0; }
  .page-company .block-company01 .c-list-block-company .c-block-company .ttlen { position: relative; left: 0; top: 0; margin-bottom: 10px; }
  .page-company .block-company01 .c-list-block-company .c-block-company .c-tag__text { font-size: 20px; line-height: 1.5; min-height: 3rem; }
  .page-company .block-company01 .c-list-block-company .c-block-company:nth-child(2n) { border-left: 0; border-top: 1px solid #628d53; width: 100%; padding: 15px 0 0 0; margin: 20px 0 0; }
  .page-company .block-company01 .c-list-block-company .c-block-company:nth-child(2n) .ttlen { right: 0; left: auto; }
  .page-company .block-company01 .c-list-block-company .c-block-company:nth-child(2n) .ttlen span { transform: translateY(0) rotate(0); }
  .page-company .block-company01 .c-list-block-company .c-block-company__desc { margin: 15px auto 0; }
  .page-company .block-company01 .c-list-block-company .c-block-company__desc p { font-size: 15px; line-height: 1.6; }
  .page-company #section2 .l-container .c-title { width: 100%; }
  .page-company #section2 .l-container .c-tbl-main { width: 100%; margin: 25px 0 0 !important; }
  .page-company #section2 .l-container .c-tbl-main .txt-link { padding-right: 0; }
  .page-company #section2 .l-container .c-tbl-main td.pd02 { padding: 1rem 0 2rem 0; }
  .page-company #section2 .l-container .c-tbl-main .row01 { display: block; }
  .page-company .sec03 { margin: 50px 0 0; }
  .page-company .sec03 .block01 .ttl { font-size: 20px; line-height: 1.5; margin-bottom: 12px; margin: 0 20px 0; padding: 10px 10px 10px; border-radius: 10px 10px 0 0; }
  .page-company .sec03 .block01 .ttl:after { position: absolute; content: ""; left: 0; right: 0; bottom: -18px; width: 38px; height: 32px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/common_img/icon_arr05.webp") no-repeat center; background-size: 100% auto; margin: 0 auto; }
  .page-company .sec03 .block01 .block__info { margin: 0 20px; }
  .page-company .sec03 .block01 .block__info dl { padding: 15px 15px 15px; }
  .page-company .sec03 .block01 .block__info dl dt, .page-company .sec03 .block01 .block__info dl dd { font-size: 16px; line-height: 1.5625; }
  .page-company .sec03 .block01 .block__info dl dt { padding: 0; width: 100%; }
  .page-company .sec03 .block01 .block__info dl dd { color: #76abca; width: 100%; padding: 10px 0 0; }
  .page-company .sec03 .block02 { margin: 45px 0 0; }
  .page-company .sec03 .block02 .c-title { margin-bottom: 15px; }
  .page-company .sec03 .block02 .ttl02 { font-size: 20px; line-height: 1.5; margin-bottom: 12px; }
  .page-company .sec03 .block02 .desc01 p { font-size: 15px; line-height: 1.66667; margin-bottom: 9px; }
  .page-company .sec03 .block02__img { text-align: center; margin: 20px 0 0; }
  .page-company .sec03 .block02__img img { border-radius: 10px; }
  .page-company .sec04 { margin: 50px 0 70px; }
  .page-company .sec04 .sec04__bg { height: 200px; margin-bottom: -50px; }
  .page-company .sec04 .img01 { margin-bottom: 15px; }
  .page-company .sec04 .ttl01 { font-size: 18px; line-height: 1.66667; margin-bottom: 15px; }
  .page-company .sec04 .desc01 { font-size: 15px; line-height: 1.66667; text-align: left; margin-bottom: 24px; }
  .page-company .sec04 .img02 { text-align: center; margin-bottom: 45px; }
  .page-company .sec04 .inner { padding: 30px 15px 0; }
  .page-company .sec04 .block { border-bottom: 2px dotted #c4c4c4; padding: 0 0 25px; margin-bottom: 25px; }
  .page-company .sec04 .block__img { padding: 25px 0 20px; }
  .page-company .sec04 .block__img img { border-radius: 10px; }
  .page-company .sec04 .block__img .icons { left: 10px; }
  .page-company .sec04 .block__img .icons span { margin-right: 1px; width: 55px; }
  .page-company .sec04 .block__img .icons span img { border-radius: 0; }
  .page-company .sec04 .block .block__ttl { font-size: 20px; line-height: 1.4; margin-bottom: 10px; }
  .page-company .sec04 .block .desc02 { font-size: 15px; line-height: 1.6; margin-bottom: 11px; }
  .page-company .sec04 .block .box__ttl { font-size: 17px; line-height: 1.41176; padding: 2px 0 0 12px; }
  .page-company .sec04 .block .box__ttl:before { top: 3px; width: 5px; }
  .page-company .sec04 .block .box ul { margin: 4px 0 0; }
  .page-company .sec04 .block .box ul li { font-size: 15px; line-height: 1.6; margin: 0 0 0 18px; }
  .page-company .sec04 .block .box ul li::marker { font-size: 15px; line-height: 1.6; } }

/* ========== end △ */
/*====================================================================================
10. START  PAGE
====================================================================================*/
.page-service .sec01 { text-align: center; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/service/bg01.webp") no-repeat center; background-size: cover; padding: 127px 0 293px; }
.page-features .sec01 { background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/features/bg01.webp") no-repeat center; background-size: cover; }

.page-service .sec01 .icon { text-align: center; margin-bottom: 31px; }

.page-service .sec01 .ttl01 { color: #fff; text-align: center; font-family: "Noto Serif JP", serif; font-size: 50px; line-height: 1.4; letter-spacing: 0em; font-weight: bold; margin-bottom: 21px; }

.page-service .sec01 .desc01 { color: #fff; text-align: center; font-size: 20px; line-height: 1.8; letter-spacing: 0.01em; font-weight: bold; }

.page-service .sec02 .c-title { margin-bottom: 49px; }

.page-service .sec02 .sec-bg { position: relative; padding: 107px 0 104px; }

.page-service .sec02 .sec-bg:after { position: absolute; content: ""; right: 0; top: 0; bottom: 0; background-color: #fafafa; width: calc(50% - 195px); }

.page-service .sec02 .block { max-width: 1900px; margin: 0 auto 88px; position: relative; z-index: 33; }

.page-service .sec02 .block .num { color: #6fa3c1; font-family: "Jost", sans-serif; font-size: 32px; line-height: 1; letter-spacing: 0em; font-weight: bold; margin-bottom: 21px; }

.page-service .sec02 .block .ttl { font-size: 30px; line-height: 1.6; letter-spacing: 0.01em; font-weight: 500; margin-bottom: 25px; }

.page-service .sec02 .block .desc { font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 300; }

.page-service .sec02 .block__img img { border-radius: 20px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-service .sec02 .block { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; padding: 0 20px; }
  .page-service .sec02 .block__img { width: 46%; }
  .page-service .sec02 .block__info { width: 54%; padding: 0 0 0 60px; }
  .page-service .sec02 .block__info .box { max-width: 589px; }
  .page-service .sec02 .block.block02 .block__img { order: 2; }
  .page-service .sec02 .block.block02 .block__info { order: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-end; padding: 0 60px 0 0; } }

/* ========== end △ */
.page-service .sec02 .banner01 { text-align: center; max-width: 880px; margin: 0 auto; }

.page-service .sec02 .banner01 a { display: inline-block; }

.page-service .sec03 { padding: 85px 0 85px; }

.page-service .sec03 .c-title { text-align: center; margin-bottom: 47px; }

.page-service .sec03 .block { max-width: 880px; margin: 0 auto 75px; }

.page-service .sec03 .block .block__img { position: relative; }

.page-service .sec03 .block .block__img img { border-radius: 10px; }

.page-service .sec03 .block .block__img .ttl { position: absolute; color: #fff; font-size: 30px; line-height: 1.2; letter-spacing: 0.01em; font-weight: bold; background-color: #22ac38; border-radius: 0 0 10px 10px; padding: 30px 40px 32px; left: 0; bottom: 0; min-width: 655px; }

.page-service .sec03 .block .block__img .btn { width: 150px; height: 150px; position: absolute; z-index: 33; right: 0; bottom: -121px; }

.page-service .sec03 .block .block__img .btn a { background-color: #22ac38; border-radius: 50%; display: block; text-decoration: none; color: #fff; font-size: 15px; line-height: 1.46667; letter-spacing: 0.01em; font-weight: 500; text-align: center; text-decoration: none; height: 100%; padding: 53px 5px 0; }

.page-service .sec03 .block .block__img .btn a .txt { display: inline-block; position: relative; padding: 0 0 30px; }

.page-service .sec03 .block .block__img .btn a .txt:after { position: absolute; content: ""; left: 0; right: 0; bottom: -18px; width: 38px; height: 32px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/common_img/icon_btn.webp") no-repeat center; background-size: 100% auto; margin: 0 auto; }

.page-service .sec03 .block .block__info { padding: 27px 160px 0 0; }

.page-service .sec03 .block .block__info .desc { font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; }

.page-service .sec03 .block .block__info .desc .green { color: #22ac38; }

/* ▽ PC-TAB layout ========== */
/* ========== end △ */
.page-service .sec03 .banner01 { text-align: center; padding: 18px 20px 0; max-width: 920px; margin: 0 auto; }

.page-service .sec03 .banner01 a { display: inline-block; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-service .sec01 { padding: 55px 15px 55px; }
  .page-service .sec01 .icon { margin-bottom: 15px; }
  .page-service .sec01 .icon img { width: 70px; }
  .page-service .sec01 .ttl01 { font-size: 26px; line-height: 1.53846; margin-bottom: 21px; }
  .page-service .sec01 .desc01 { font-size: 16px; line-height: 1.5625; }
  .page-service .sec02 .c-title { margin-bottom: 25px; }
  .page-service .sec02 .sec-bg { padding: 45px 15px 5px; }
  .page-service .sec02 .sec-bg:after { display: none; }
  .page-service .sec02 .block { margin: 0 auto 45px; }
  .page-service .sec02 .block .num { font-size: 25px; line-height: 1; margin-bottom: 12px; }
  .page-service .sec02 .block .ttl { font-size: 21px; line-height: 1.28571; margin-bottom: 15px; }
  .page-service .sec02 .block .desc { font-size: 15px; line-height: 1.6; }
  .page-service .sec02 .block__img { text-align: center; margin: 0 0 24px; }
  .page-service .sec02 .block__img img { border-radius: 10px; }
  .page-service .sec02 .banner01 { padding: 0 15px; }
  .page-service .sec03 { padding: 45px 0 55px; }
  .page-service .sec03 .c-title { margin-bottom: 25px; }
  .page-service .sec03 .block { margin-bottom: 35px; }
  .page-service .sec03 .block .block__img img { border-radius: 5px; }
  .page-service .sec03 .block .block__img .ttl { font-size: 16px; line-height: 1.625; padding: 8px 10px 8px; right: 115px; min-width: 120px; border-radius: 0 0 5px 5px; }
  .page-service .sec03 .block .block__img .btn { width: 110px; height: 110px; right: 0; bottom: -35px; }
  .page-service .sec03 .block .block__img .btn a { font-size: 11px; line-height: 1.54545; padding: 30px 2px 0; }
  .page-service .sec03 .block .block__img .btn a .txt { padding: 0 0 15px; }
  .page-service .sec03 .block .block__info { padding: 36px 16px 0 0; }
  .page-service .sec03 .block .block__info .desc { font-size: 15px; line-height: 1.6; }
  .page-service .sec03 .banner01 { padding: 12px 15px 0; } }

/* ========== end △ */
/*====================================================================================
11. START  PAGE
====================================================================================*/
.page-work .p-pv { padding: 168px 0 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-work .p-pv .c-title-pv { margin-bottom: -1rem; }
  .page-work .p-pv .c-title-pv__jp { font-size: 52px; line-height: 1; top: 5rem; }
  .page-work .p-pv .c-title-pv__en { font-size: 180px; line-height: 1; } }

/* ========== end △ */
.page-work .banner01 { padding: 27px 20px 115px; text-align: center; }

.page-work .sec01 { padding: 104px 0 85px; background-color: #f9faf8; }

.page-work .sec01 .c-title { margin-bottom: 39px; }

.page-work .sec01 .block { background: #fff; position: relative; border-radius: 20px; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); margin: 0 0 40px 30px; padding: 48px 40px 63px; }

.page-work .sec01 .block:after { position: absolute; content: ""; left: -32px; bottom: 0px; width: 52px; height: 33px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/work/arr01.webp") no-repeat center; background-size: 100% auto; }

.page-work .sec01 .block__avt .name { text-align: center; color: #628d53; font-size: 20px; line-height: 1.5; letter-spacing: 0.01em; font-weight: bold; margin: 14px 0 0; }

.page-work .sec01 .block .block__ttl { font-size: 30px; line-height: 1.6; letter-spacing: 0.01em; font-weight: 500; }

.page-work .sec01 .block .block__meta { margin: 11px 0 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-start; }

.page-work .sec01 .block .block__meta .tag { width: 85px; background-color: #76abca; border-radius: 4px; text-align: center; padding: 2px 2px 2px; color: #fff; font-size: 16px; line-height: 1.5625; letter-spacing: 0.01em; font-weight: 400; }

.page-work .sec01 .block .block__meta ul { width: calc(100% - 85px); padding: 0 0 0 15px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.page-work .sec01 .block .block__meta ul li { color: #76abca; font-size: 16px; line-height: 1.75; letter-spacing: 0.01em; font-weight: 400; padding: 0 0 0 13px; margin: 0 25px 0 0; position: relative; }

.page-work .sec01 .block .block__meta ul li:last-child { margin-right: 0; }

.page-work .sec01 .block .block__meta ul li:before { position: absolute; content: ""; left: 0; top: 10px; width: 9px; height: 13px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/work/arr02.webp") no-repeat center; background-size: 100% auto; }

.page-work .sec01 .block .block__row { margin: 24px 0 0; }

.page-work .sec01 .block .block__row .block__desc p .green01 { color: #72b2a3; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-work .sec01 .block .block__row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .page-work .sec01 .block .block__row .block__desc { width: 100%; padding: 0 20px 0 0; }
  .page-work .sec01 .block .block__row .block__img { width: 35%; text-align: right; } }

/* ========== end △ */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-work .sec01 .block { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .page-work .sec01 .block__avt { width: 175px; padding: 12px 0 0; }
  .page-work .sec01 .block__info { width: calc(100% - 175px); padding: 0 0 0 39px; } }

/* ========== end △ */
.page-work .sec02 { padding: 106px 0 85px; }

.page-work .sec02 .c-title { margin-bottom: 33px; }

.page-work .sec02 .list01 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 26px; }

.page-work .sec02 .list01 li { color: #76abca; font-size: 18px; line-height: 1.66667; letter-spacing: 0.01em; font-weight: bold; margin: 0 50px 0 0; }

.page-work .sec02 .list01 li:last-child { margin-right: 0; }

.page-work .sec02 .c-table01 { width: 100%; margin-bottom: 57px; }

.page-work .sec02 .c-table01 tr { border-bottom: 1px solid #f1f1f1; }

.page-work .sec02 .c-table01 th { color: #fff; font-size: 18px; line-height: 1.66667; letter-spacing: 0.01em; font-weight: bold; padding: 21px 10px 21px; }

.page-work .sec02 .c-table01 th.bg01 { background: #628d53; width: 24.5%; }

.page-work .sec02 .c-table01 th.bg02 { background: #72b1a2; width: 16.5%; }

.page-work .sec02 .c-table01 th.bg03 { background: #22ac38; width: 46.5%; }

.page-work .sec02 .c-table01 th.bg04 { background: #76abca; }

.page-work .sec02 .c-table01 td { text-align: center; font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; padding: 21px 10px 21px; }

.page-work .sec02 .c-table01 td.bg-gray { background: #f9faf8; }

.page-work .sec02 .c-table01 tr:nth-child(1) th:nth-child(1) { border-radius: 5px 0 0; }

.page-work .sec02 .c-table01 tr:nth-child(1) th:last-child { border-radius: 0 5px 0 0; }

.page-work .sec02 .c-table01.table02 { margin-bottom: 28px; }

.page-work .sec02 .c-table01.table02 tr:nth-child(1) { border-top: 1px solid #f1f1f1; }

.page-work .sec02 .c-table01.table02 tr td:nth-child(1) { width: 24.5%; }

.page-work .sec02 .c-table01.table02 tr td:nth-child(2) { width: 16.5%; }

.page-work .sec02 .c-table01.table02 tr td:nth-child(3) { width: 13.5%; }

.page-work .sec02 .note01 { margin: 20px 0 0; font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; }

.page-work .sec02 .banner02 { text-align: center; padding: 0 20px 0; margin: 119px 0 30px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-work .p-pv { padding: 5px 0 0 0; }
  .page-work .banner01 { padding: 25px 10px 45px; }
  .page-work .sec01 { padding: 35px 0 25px; }
  .page-work .sec01 .c-title { margin-bottom: 25px; }
  .page-work .sec01 .block { border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); margin: 0 0 25px 12px; padding: 20px 12px 20px; }
  .page-work .sec01 .block:after { left: -15px; bottom: 0px; width: 25px; height: 17px; }
  .page-work .sec01 .block__avt { margin-bottom: 20px; }
  .page-work .sec01 .block__avt .pic { max-width: 100px; margin: 0 auto 0px; }
  .page-work .sec01 .block__avt .name { font-size: 16px; line-height: 1.375; margin: 5px 0 0; }
  .page-work .sec01 .block .block__ttl { font-size: 18px; line-height: 1.38889; }
  .page-work .sec01 .block .block__meta { margin: 11px 0 0; }
  .page-work .sec01 .block .block__meta .tag { width: 65px; border-radius: 4px; padding: 4px 2px 4px; font-size: 14px; line-height: 1.21429; }
  .page-work .sec01 .block .block__meta ul { width: calc(100% - 65px); padding: 0 0 0 10px; display: block; }
  .page-work .sec01 .block .block__meta ul li { font-size: 14px; line-height: 1.42857; padding: 0 0 0 13px; margin: 0 20px 0 0; }
  .page-work .sec01 .block .block__meta ul li:last-child { margin-right: 0; }
  .page-work .sec01 .block .block__meta ul li:before { left: 0; top: 6px; width: 8px; height: 10px; }
  .page-work .sec01 .block .block__row { margin: 15px 0 0; }
  .page-work .sec01 .block .block__row .block__desc p { font-size: 15px; line-height: 1.46667; }
  .page-work .sec01 .block .block__row .block__img { text-align: center; margin: 20px 0 0; }
  .page-work .sec01 .block .block__row .block__img img { width: 100%; }
  .page-work .sec02 { padding: 45px 0 45px; }
  .page-work .sec02 .c-title { margin-bottom: 15px; }
  .page-work .sec02 .list01 { display: block; margin-bottom: 26px; }
  .page-work .sec02 .list01 li { font-size: 16px; line-height: 1.5; margin: 0 0 5px; }
  .page-work .sec02 .list01 li:last-child { margin-bottom: 0; }
  .page-work .sec02 .block01 { overflow-x: scroll; }
  .page-work .sec02 .block01 .c-table01 { width: 770px; }
  .page-work .sec02 .c-table01 { margin-bottom: 35px; }
  .page-work .sec02 .c-table01 th { font-size: 16px; line-height: 1.5; padding: 12px 10px 12px; }
  .page-work .sec02 .c-table01 td { font-size: 15px; line-height: 1.6; padding: 12px 10px 12px; }
  .page-work .sec02 .c-table01.table02 { margin-bottom: 18px; }
  .page-work .sec02 .note01 { margin: 0; font-size: 15px; line-height: 1.6; }
  .page-work .sec02 .banner02 { text-align: center; padding: 0 10px 0; margin: 35px 0 30px; } }

/* ========== end △ */
.page-blog .p-pv { padding: 168px 0 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-blog .p-pv .c-title-pv { margin-bottom: -1rem; }
  .page-blog .p-pv .c-title-pv__jp { font-size: 52px; line-height: 1; top: 5rem; }
  .page-blog .p-pv .c-title-pv__en { font-size: 180px; line-height: 1; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-blog .p-pv { padding: 5px 0 0 0; } }

/* ========== end △ */
.c-ttl02 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.c-ttl02 .ttljp { font-size: 30px; line-height: 1.33333; letter-spacing: 0.01em; font-weight: 500; color: #22ac38; margin: 0 22px 0 0; }

.c-ttl02 .ttlen { font-family: "Jost", sans-serif; font-size: 16px; line-height: 1.25; letter-spacing: 0.01em; font-weight: 500; color: #000000; margin: 18px 0 0; text-transform: uppercase; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .c-ttl02 .ttljp { font-size: 22px; line-height: 1.36364; margin: 0 10px 0 0; }
  .c-ttl02 .ttlen { font-size: 14px; line-height: 1.42857; margin: 8px 0 0; } }

/* ========== end △ */
.c-lst-column { margin: 39px 0 0; }

.c-lst-column .item__thumb { margin-bottom: 8px; overflow: hidden; border-radius: 5px; }

.c-lst-column .item__thumb .c-img { position: relative; border-radius: 5px; }

.c-lst-column .item__thumb .c-img:before { display: block; content: " "; width: 100%; padding-top: 60%; }

.c-lst-column .item__thumb .c-img > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.c-lst-column .item__thumb .c-img img { border-radius: 5px; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; }

.c-lst-column .item__title { font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 500; margin-bottom: 12px; }

.c-lst-column .item__date { font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 500; }

.c-lst-column .item .c-tag-main--sm { margin: 0 20px 0 0; }

.c-lst-column .item .c-tag-main--sm .c-tag-main__wrap { padding: 5px 14px; }

.c-lst-column .item .item__meta { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 7px; }

.c-lst-column .item a { text-decoration: none; border-bottom: 1px solid #c4c4c4; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 10px 20px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .c-lst-column .item a:hover { opacity: 1; }
  .c-lst-column .item a:hover .item__thumb img { -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; transform: scale(1.1); } }

/* ========== end △ */
.c-lst-column.is-ranking .item a { position: relative; }

.c-lst-column.is-ranking .item a:before { position: absolute; content: ""; left: 24px; top: 1px; width: 46px; height: 46px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/column/num01.webp") no-repeat center; background-size: 100% auto; z-index: 22; }

.c-lst-column.is-ranking .item:nth-child(2) a:before { background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/column/num02.webp") no-repeat center; background-size: 100% auto; }

.c-lst-column.is-ranking .item:nth-child(3) a:before { background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/column/num03.webp") no-repeat center; background-size: 100% auto; }

.c-lst-column.is-ranking .item:nth-child(4) a:before { background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/column/num04.webp") no-repeat center; background-size: 100% auto; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .c-lst-column { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .c-lst-column .item { width: 48.5%; margin: 0 3% 10px 0; }
  .c-lst-column .item:nth-child(2n) { margin-right: 0; }
  .c-lst-column .item__thumb { width: 37%; }
  .c-lst-column .item__info { width: 63%; padding: 6px 0 0 23px; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .c-lst-column { margin: 35px 0 0; }
  .c-lst-column .item { margin-bottom: 20px; }
  .c-lst-column .item__thumb { margin-bottom: 12px; }
  .c-lst-column .item__title { font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 500; margin-bottom: 12px; }
  .c-lst-column .item__date { font-size: 15px; line-height: 2; }
  .c-lst-column .item .c-tag-main--sm { margin: 0 10px 0 0; }
  .c-lst-column .item .item__meta { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 7px; }
  .c-lst-column .item a { display: block; }
  .c-lst-column.is-ranking .item a { position: relative; }
  .c-lst-column.is-ranking .item a:before { position: absolute; content: ""; left: 24px; top: 1px; width: 46px; height: 46px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/column/num01.webp") no-repeat center; background-size: 100% auto; z-index: 22; }
  .c-lst-column.is-ranking .item:nth-child(2) a:before { background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/column/num02.webp") no-repeat center; background-size: 100% auto; }
  .c-lst-column.is-ranking .item:nth-child(3) a:before { background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/column/num03.webp") no-repeat center; background-size: 100% auto; }
  .c-lst-column.is-ranking .item:nth-child(4) a:before { background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/column/num04.webp") no-repeat center; background-size: 100% auto; } }

/* ========== end △ */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-column.l-wrapper { overflow: inherit; } }

/* ========== end △ */
.page-column .p-pv { padding: 168px 0 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-column .p-pv .c-title-pv { margin-bottom: -1rem; }
  .page-column .p-pv .c-title-pv__jp { font-size: 52px; line-height: 1; top: 5rem; }
  .page-column .p-pv .c-title-pv__en { font-size: 180px; line-height: 1; } }

/* ========== end △ */
.page-column .linkcard { margin: 30px 0 30px; }

.page-column .linkcard a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; border: 1px solid #000; padding: 15px 20px 15px; border-radius: 10px; text-decoration: none; }

.page-column .linkcard .linkcard__avt { width: 115px; }

.page-column .linkcard .linkcard__avt .c-img { position: relative; border-radius: 50%; }

.page-column .linkcard .linkcard__avt .c-img:before { display: block; content: " "; width: 100%; padding-top: 100%; }

.page-column .linkcard .linkcard__avt .c-img > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.page-column .linkcard .linkcard__avt .c-img img { border-radius: 50%; }

.page-column .linkcard .linkcard__info { width: calc(100% - 115px); padding: 0 0 0 20px; }

.page-column .linkcard .linkcard__company { font-size: 14px; line-height: 1.71429; letter-spacing: 0.05em; font-weight: 500; }

.page-column .linkcard .linkcard__name { font-size: 20px; line-height: 1.5; letter-spacing: 0.05em; font-weight: bold; }

.page-column .linkcard .linkcard__desc { font-size: 16px; line-height: 1.5; letter-spacing: 0.05em; font-weight: 400; }

.page-column .linkcard .linkcard__btn { text-align: right; margin: 5px 0 0; }

.page-column .linkcard .linkcard__btn span { font-size: 13px; line-height: 1.84615; letter-spacing: 0.05em; font-weight: 400; text-decoration: underline; }

.page-column .sec-pickup { overflow: hidden; background-color: #dbe5dd; padding: 40px 0 25px; }

.page-column .sec-pickup .l-container { max-width: 1480px; }

.page-column .sec-pickup .pickup-slider { padding: 0 4%; position: relative; margin-bottom: 0; }

.page-column .sec-pickup .slick-list { overflow: initial; }

.page-column .sec-pickup .slick-dots { position: relative; text-align: center; margin: 23px 0 0; bottom: 0; }

.page-column .sec-pickup .slick-dots li { padding: 0; width: 12px !important; height: 12px !important; border-radius: 50%; }

.page-column .sec-pickup .slick-dots li button { padding: 0; width: 12px; height: 12px; border-radius: 50%; background-color: #727171; }

.page-column .sec-pickup .slick-dots li button:before { content: ""; }

.page-column .sec-pickup .slick-dots li.slick-active button { background-color: #22ac38; }

.page-column .sec-pickup .swiper-slide { padding: 0 20px; }

.page-column .sec-pickup .swiper-slide a { display: block; background-color: #fff; padding: 30px 38px 30px; border-radius: 10px; text-decoration: none; box-shadow: 10px 0 25px rgba(11, 80, 22, 0.1); }

.page-column .sec-pickup .swiper-slide .img .c-img { position: relative; border-radius: 10px; }

.page-column .sec-pickup .swiper-slide .img .c-img:before { display: block; content: " "; width: 100%; padding-top: 51.64645%; }

.page-column .sec-pickup .swiper-slide .img .c-img > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.page-column .sec-pickup .swiper-slide .img .c-img img { border-radius: 10px; }

.page-column .sec-pickup .swiper-slide .info { padding: 20px 0 0; }

.page-column .sec-pickup .swiper-slide .ttl { font-size: 24px; line-height: 1.45833; letter-spacing: 0.01em; font-weight: 500; }

.page-column .sec-pickup .swiper-slide .item-tag { margin-bottom: 13px; }

.page-column .sec-pickup .swiper-slide .item-tag span { display: inline-block; position: relative; border-radius: 20px; background-color: #76abca; font-size: 16px; line-height: 1.5; letter-spacing: 0em; font-weight: 500; padding: 5px 32px 5px; color: #fff; }

.page-column .sec-pickup .swiper-slide .item-tag.tag01 span { background-color: #76abca; }

.page-column .sec-pickup .swiper-slide .item-tag.tag02 span { background-color: #3d6844; }

.page-column .sec-pickup .swiper-slide .item-tag.tag03 span { background-color: #72b2a3; }

.page-column .sec-pickup .swiper-slide .item-tag.tag04 span { background-color: #628d53; }

.page-column .sec-pickup .swiper-button-prev, .page-column .sec-pickup .slick-prev { position: absolute; left: 50%; top: 50%; width: 48px; height: 48px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/common_img/icon_prev01.webp") no-repeat center; background-size: 100% auto; margin: -24px 0 0 -717px; }

.page-column .sec-pickup .swiper-button-prev:after, .page-column .sec-pickup .slick-prev:after { display: none; }

.page-column .sec-pickup .swiper-button-prev:before, .page-column .sec-pickup .slick-prev:before { display: none; }

/* ▽ PC-TAB layout ========== */
@media only screen and (min-width: 768px) and (max-width: 1400px) { .page-column .sec-pickup .swiper-button-prev, .page-column .sec-pickup .slick-prev { left: 20px; margin: -24px 0 0 0; } }

/* ========== end △ */
.page-column .sec-pickup .swiper-button-next, .page-column .sec-pickup .slick-next { position: absolute; right: 50%; top: 50%; width: 48px; height: 48px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/common_img/icon_next01.webp") no-repeat center; background-size: 100% auto; margin: -24px -717px 0 0; }

.page-column .sec-pickup .swiper-button-next:after, .page-column .sec-pickup .slick-next:after { display: none; }

.page-column .sec-pickup .swiper-button-next:before, .page-column .sec-pickup .slick-next:before { display: none; }

/* ▽ PC-TAB layout ========== */
@media only screen and (min-width: 768px) and (max-width: 1400px) { .page-column .sec-pickup .swiper-button-next, .page-column .sec-pickup .slick-next { right: 20px; margin: -24px 0 0 0; } }

/* ========== end △ */
.page-column .sec-pickup .swiper-pagination { position: relative; text-align: center; margin: 23px 0 0; }

.page-column .sec-pickup .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #727171; }

.page-column .sec-pickup .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #22ac38; }

.page-column .sec-cats { padding: 134px 0 78px; }

.page-column .sec-cats .block { border: 1px solid #000; position: relative; padding: 43px 43px 38px; }

.page-column .sec-cats .c-title-tag { position: absolute; font-size: 30px; line-height: 1.16667; letter-spacing: 0.01em; font-weight: 500; left: 56px; top: -21px; }

.page-column .sec-cats .c-title-tag span { display: inline-block; background-color: #fff; padding: 0 12px 0; }

.page-column .sec-cats .c-list-tag-blog .c-tag-blog__link { color: #22ac38; border-radius: 5px; border: 1px solid #d3eed7; font-size: 18px; line-height: 1.66667; letter-spacing: 0.01em; font-weight: 500; }

.page-column .sec-cats .c-list-tag-blog .c-tag-blog__link.is-current { border: 1px solid #22ac38; background-color: #22ac38; color: #fff; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-column .sec-cats .c-list-tag-blog .c-tag-blog__link:hover { opacity: 1; border: 1px solid #22ac38; background-color: #22ac38; color: #fff; } }

/* ========== end △ */
.page-column .sec-lst .sidebar-ttl01 { color: #fff; text-align: left; background: #22ac38; border-radius: 5px; font-size: 22px; line-height: 1.63636; letter-spacing: 0.01em; font-weight: 500; padding: 8px 20px 7px; position: relative; margin-bottom: 34px; }

.page-column .sec-lst .sidebar-ttl01:before { position: absolute; content: ""; left: 54px; bottom: -13px; width: 33px; height: 15px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/common_img/icon_arr06.webp") no-repeat center; background-size: 100% auto; }

.page-column .sec-lst .side-cats { background-color: #6eac9e; border-radius: 5px; padding: 19px 26px 23px; margin-bottom: 50px; }

.page-column .sec-lst .side-cats .side__ttl { font-size: 22px; line-height: 1.36364; letter-spacing: 0.01em; font-weight: bold; color: #fff; margin-bottom: 20px; }

.page-column .sec-lst .side-cats .side__lst { background: #ffffff; padding: 22px 20px 22px; }

.page-column .sec-lst .side-cats .side__lst li { margin-bottom: 9px; }

.page-column .sec-lst .side-cats .side__lst li:last-child { margin-bottom: 0; }

.page-column .sec-lst .side-cats .side__lst li a { text-decoration: none; font-size: 18px; line-height: 1.66667; letter-spacing: 0.01em; font-weight: 500; position: relative; padding: 0 15px 0 0; }

.page-column .sec-lst .side-cats .side__lst li a:after { position: absolute; content: ""; right: 0; top: 9px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/common_img/icon_arr04.webp") no-repeat center center; background-size: 9px 13px; width: 9px; height: 13px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-column .sec-lst .side-cats .side__lst li a:hover { opacity: 1; color: #22ac38; } }

/* ========== end △ */
.page-column .sec-lst .side-banner { margin-bottom: 26px; }

.page-column .sec-lst .side-banner01 { margin-right: -22px; margin-bottom: 16px; }

.page-column .sec-lst .side-search { position: relative; margin-bottom: 48px; }

.page-column .sec-lst .side-search input { width: 100%; border: 1px solid #dbebdd; border-radius: 5px; height: 42px; font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; }

.page-column .sec-lst .side-search button { border: 0; border-radius: 0 5px 5px 0; box-shadow: none; position: absolute; z-index: 22; right: 0; top: 0; width: 42px; height: 42px; background: #22ac38 url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/common_img/icon_search01.webp") no-repeat center; background-size: 17px 17px; text-indent: -9999px; }

.page-column .sec-lst .side.tags { background: #eeeeee; border-radius: 5px; padding: 19px 25px 18px; margin-bottom: 48px; }

.page-column .sec-lst .side.tags .side__ttl { font-size: 22px; line-height: 1.36364; letter-spacing: 0.01em; font-weight: 500; margin-bottom: 12px; }

.page-column .sec-lst .side.tags .side__lst li { display: inline-block; margin: 0 18px 0 0; margin-bottom: 8px; }

.page-column .sec-lst .side.tags .side__lst li:last-child { margin-bottom: 0; }

.page-column .sec-lst .side.tags .side__lst li a { font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; }

.page-column .sec-lst .btn01 { text-align: center; margin: 20px 0 20px; }

.page-column .sec-lst .btn01 a { display: inline-block; vertical-align: top; font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 500; text-decoration: none; color: #fff; background: orange; padding: 10px 30px 10px; border-radius: 5px; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-column .sec-lst .btn01 a:hover { opacity: 0.6; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-column .sec-lst .btn01 a { font-size: 15px; line-height: 1.6; } }

/* ========== end △ */
.page-column .sec-lst .c-card-column__img { margin-bottom: 8px; overflow: hidden; border-radius: 10px; }

.page-column .sec-lst .c-card-column__img .c-img { position: relative; border-radius: 10px; }

.page-column .sec-lst .c-card-column__img .c-img:before { display: block; content: " "; width: 100%; padding-top: 75%; }

.page-column .sec-lst .c-card-column__img .c-img > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.page-column .sec-lst .c-card-column__img .c-img img { border-radius: 10px; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; }

.page-column .sec-lst .c-card-column__title { font-size: 24px; line-height: 1.58333; letter-spacing: 0.01em; font-weight: 500; margin-bottom: 12px; }

.page-column .sec-lst .c-card-column .c-tag-main { margin-right: 22px; }

.page-column .sec-lst .c-card-column .c-tag-main .c-tag-main__wrap { padding: 7px 22px 7px; font-size: 16px; line-height: 1.5; letter-spacing: 0.01em; font-weight: 400; background: #76abca; min-width: 85px; text-align: center; }

.page-column .sec-lst .c-card-column .c-tag-main .c-tag-main__wrap.tag01 { background: #76abca; }

.page-column .sec-lst .c-card-column .c-tag-main .c-tag-main__wrap.tag02 { background: #727171; }

.page-column .sec-lst .c-card-column .c-tag-main .c-tag-main__wrap.tag03 { background: #72b2a3; }

.page-column .sec-lst .c-card-column .c-tag-main .c-tag-main__wrap.tag04 { background: #628d53; }

.page-column .sec-lst .c-card-column .c-tag-main .c-tag-main__wrap.tag05 { background: #7fae86; }

.page-column .sec-lst .c-card-column .c-tag-main .c-tag-main__wrap.tag06 { background: #3d6844; }

.page-column .sec-lst .c-card-column__meta { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.page-column .sec-lst .c-card-column__date { font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; margin: 4px 0 0; }

.page-column .sec-lst .c-card-column .c-card-column__link { text-decoration: none; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-column .sec-lst .c-card-column .c-card-column__link:hover { opacity: 1; }
  .page-column .sec-lst .c-card-column .c-card-column__link:hover .c-card-column__img img { -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; transform: scale(1.1); } }

/* ========== end △ */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .page-column .sec-lst .l-container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
  .page-column .sec-lst .contents { width: calc(100% - 335px); padding: 0 30px 0 0; max-width: 766px; }
  .page-column .sec-lst .sidebar { width: 335px; }
  .page-column .sec-lst .sidebar .sidebar-sticky { position: -webkit-sticky; position: sticky; top: 120px; }
  .page-column .sec-lst .c-list-column { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .page-column .sec-lst .c-list-column .c-card-column { width: 46.5%; margin: 0 7% 52px 0; }
  .page-column .sec-lst .c-list-column .c-card-column:nth-child(2n) { margin-right: 0; } }

/* ========== end △ */
.page-column .c-pagination { margin: 30px 0 0 0; }

.page-column .sec-ranking { margin: 122px 0 0; background: #dceae7; padding: 91px 0 92px; }

.page-column .sec-recommend { margin: 0 0 0; padding: 114px 0 0; }

.page-column .sg-meta { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px; }

.page-column .sg-meta .c-tag-main { margin-right: 22px; margin-bottom: 0; }

.page-column .sg-meta .date { font-size: 12px; line-height: 2; letter-spacing: 0.01em; font-weight: 400; margin: 0; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-column .p-pv { padding: 5px 0 0 0; }
  .page-column .sec-pickup { padding: 20px 0 20px; }
  .page-column .sec-pickup .pickup-slider { padding: 0 12%; margin-bottom: 0; }
  .page-column .sec-pickup .swiper-slide { padding: 0 8px; }
  .page-column .sec-pickup .swiper-slide a { height: 100%; padding: 15px 15px 15px; }
  .page-column .sec-pickup .swiper-slide .img .c-img { position: relative; border-radius: 5px; }
  .page-column .sec-pickup .swiper-slide .img .c-img:before { display: block; content: " "; width: 100%; padding-top: 66.66667%; }
  .page-column .sec-pickup .swiper-slide .img .c-img > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
  .page-column .sec-pickup .swiper-slide .img .c-img img { border-radius: 5px; }
  .page-column .sec-pickup .swiper-slide .info { padding: 15px 0 5px; }
  .page-column .sec-pickup .swiper-slide .ttl { font-size: 18px; line-height: 1.33333; }
  .page-column .sec-pickup .swiper-slide .item-tag { margin-bottom: 7px; }
  .page-column .sec-pickup .swiper-slide .item-tag span { border-radius: 20px; font-size: 14px; line-height: 1.28571; padding: 3px 19px 3px; }
  .page-column .sec-pickup .swiper-button-prev, .page-column .sec-pickup .slick-prev { left: 8%; width: 35px; height: 35px; margin: -35px 0 0 0; }
  .page-column .sec-pickup .swiper-button-next, .page-column .sec-pickup .slick-next { right: 8%; width: 35px; height: 35px; margin: -35px 0 0 0; }
  .page-column .sec-pickup .swiper-pagination { margin: 15px 0 0; }
  .page-column .sec-pickup .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; }
  .page-column .sec-pickup .slick-dots { margin: 10px 0 0; bottom: 0; }
  .page-column .sec-pickup .slick-dots li { width: 9px !important; height: 9px !important; }
  .page-column .sec-pickup .slick-dots li button { width: 9px; height: 9px; }
  .page-column .linkcard { margin: 20px 0 20px; }
  .page-column .linkcard a { padding: 10px 10px 10px; }
  .page-column .linkcard .linkcard__avt { width: 100px; }
  .page-column .linkcard .linkcard__info { width: calc(100% - 100px); padding: 0 0 0 12px; }
  .page-column .linkcard .linkcard__company { font-size: 13px; line-height: 1.53846; }
  .page-column .linkcard .linkcard__name { font-size: 18px; line-height: 1.33333; }
  .page-column .linkcard .linkcard__desc { font-size: 14px; line-height: 1.57143; }
  .page-column .linkcard .linkcard__btn span { font-size: 12px; line-height: 1.66667; }
  .page-column .sec-cats { padding: 45px 0 45px; }
  .page-column .sec-cats .block { padding: 30px 15px 30px; }
  .page-column .sec-cats .c-title-tag { font-size: 20px; line-height: 1.5; left: 25px; top: -15px; }
  .page-column .sec-cats .c-title-tag span { padding: 0 12px 0; }
  .page-column .sec-cats .c-list-tag-blog .c-tag-blog__link { font-size: 16px; line-height: 1.5625; }
  .page-column .sec-lst .sidebar { margin: 30px 0 0; }
  .page-column .sec-lst .sidebar-ttl01 { font-size: 18px; line-height: 1.44444; padding: 5px 10px 5px; margin-bottom: 25px; }
  .page-column .sec-lst .sidebar-ttl01:before { left: 54px; bottom: -13px; width: 33px; height: 15px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/common_img/icon_arr06.webp") no-repeat center; background-size: 100% auto; }
  .page-column .sec-lst .side-cats { padding: 20px 12px 25px; margin-bottom: 20px; }
  .page-column .sec-lst .side-cats .side__ttl { font-size: 18px; line-height: 1.33333; margin-bottom: 10px; }
  .page-column .sec-lst .side-cats .side__lst { padding: 15px 15px 15px; }
  .page-column .sec-lst .side-cats .side__lst li { margin-bottom: 9px; }
  .page-column .sec-lst .side-cats .side__lst li:last-child { margin-bottom: 0; }
  .page-column .sec-lst .side-cats .side__lst li a { font-size: 16px; line-height: 1.5; padding: 0 15px 0 0; }
  .page-column .sec-lst .side-cats .side__lst li a:after { top: 7px; }
  .page-column .sec-lst .side.tags { margin-bottom: 20px; padding: 19px 15px 18px; }
  .page-column .sec-lst .side.tags .side__ttl { font-size: 18px; line-height: 1.38889; margin-bottom: 12px; }
  .page-column .sec-lst .side.tags .side__lst li { margin: 0 18px 0 0; margin-bottom: 8px; }
  .page-column .sec-lst .side.tags .side__lst li:last-child { margin-bottom: 0; }
  .page-column .sec-lst .side.tags .side__lst li a { font-size: 15px; line-height: 1.6; }
  .page-column .sec-lst .side-banner { margin-bottom: 20px; }
  .page-column .sec-lst .side-banner img { width: 100%; }
  .page-column .sec-lst .side-banner01 { margin-right: -16px; margin-bottom: 16px; }
  .page-column .sec-lst .side-search { margin-bottom: 25px; }
  .page-column .sec-lst .c-card-column { margin-bottom: 30px; }
  .page-column .sec-lst .c-card-column__img { margin-bottom: 8px; text-align: center; }
  .page-column .sec-lst .c-card-column__img .c-img { position: relative; }
  .page-column .sec-lst .c-card-column__img .c-img:before { display: block; content: " "; width: 100%; padding-top: 75%; }
  .page-column .sec-lst .c-card-column__img .c-img > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
  .page-column .sec-lst .c-card-column__title { font-size: 18px; line-height: 1.33333; margin-bottom: 10px; }
  .page-column .sec-lst .c-card-column .c-tag-main { margin-right: 15px; }
  .page-column .sec-lst .c-card-column .c-tag-main .c-tag-main__wrap { padding: 7px 18px 7px; font-size: 15px; line-height: 1.33333; min-width: 85px; }
  .page-column .sec-lst .c-card-column__date { font-size: 15px; line-height: 1.53333; margin: 4px 0 0; }
  .page-column .c-pagination { margin: 30px 0 0 0; }
  .page-column .sec-ranking { margin: 50px 0 0; padding: 45px 0 35px; }
  .page-column .sec-recommend { padding: 45px 0 0; }
  .page-column .sg-meta { display: block; }
  .page-column .sg-meta .c-tag-main { margin: 0 0 10px; }
  .page-column .sg-meta .date { font-size: 12px; line-height: 1.91667; margin: 6px 0 0; } }

/* ========== end △ */
.page-column .popup-modal { opacity: 0; pointer-events: none; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; }

.page-column .popup-modal.is-show { opacity: 1; pointer-events: auto; }

.page-column .auto-banner { position: fixed; content: ""; left: 0; top: 0; bottom: 0; right: 0; z-index: 1223; }

.page-column .auto-banner .popup-overlay { position: fixed; content: ""; left: 0; bottom: 0; top: 0; right: 0; background: rgba(0, 0, 0, 0.3); z-index: 3; }

.page-column .auto-banner .img { position: relative; }

.page-column .auto-banner .popup-close { position: absolute; right: -21px; top: -18px; background: #fff; border-radius: 50%; cursor: pointer; }

.page-column .auto-banner .popup-close img { width: 40px; height: 40px; }

.page-column .auto-banner .popup__inner { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 122; text-align: center; padding: 120px 50px 120px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .page-column .auto-banner .popup__inner { padding: 60px 20px 60px; } }

/* ========== end △ */

/*# sourceMappingURL=maps/content.css.map */