@charset "UTF-8";

/* reset CSS */
*,
::after,
::before {
    box-sizing: border-box;
}
html {
    line-sizing: normal;
}
body {
    margin: 0;
}
h1 {
    font-size: 2rem;
}
h2 {
    /* font-size: 1.6rem; */
    font-size: max(1.6rem, 14px);
}
h3 {
    font-size: 1.17rem;
}
h4 {
    font-size: 1rem;
}
h5 {
    font-size: 0.83rem;
}
h6 {
    font-size: 0.67rem;
}
h1 {
    margin: 0.67em 0;
}
pre {
    white-space: pre-wrap;
}
hr {
    border-style: solid;
    border-width: 1px 0 0;
    color: inherit;
    height: 0;
    overflow: visible;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle;
    max-width: 100%;
}
canvas,
img,
svg,
video {
    height: auto;
}
audio {
    width: 100%;
}
img {
    border-style: none;
}
svg {
    overflow: hidden;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}
[type='checkbox'],
[type='radio'] {
    box-sizing: border-box;
    padding: 0;
}

/* Basic
------------------------------------------ */
section,
header,
footer,
nav,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
pre,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    /* font-size: 100%; */
}

input,
textarea {
    font-size: 100%;
    vertical-align: middle;
}

body,
div,
p,
address,
dl,
dt,
dd,
ul,
ol,
li {
    margin: 0;
    padding: 0;
}

img {
    display: inline-block;
    border: none;
    max-width: 100%;
    height: auto;
}

caption {
    text-align: left;
}
table {
    border-collapse: collapse;
    border: none;
    border-spacing: 0;
    word-break: break-all;
}

fieldset {
    border: 0;
}
input {
    line-height: 100%;
}

ol,
ul {
    list-style-type: none;
}

label {
    cursor: pointer;
}
address {
    font-style: normal;
}

hr {
    display: none;
    visibility: hidden;
    height: 0;
    border: 0;
}

article,
aside,
header,
hgroup,
footer,
nav,
section,
dialog,
figure {
    display: block;
}

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

em {
    font-weight: bold;
    font-style: normal;
}

html {
    /* 10px相当の計算 */
    font-size: 62.5%;
    font-size: 0.714vw;
}
body {
    background: #fff;
    color: rgba(0, 0, 0, 0.69);
    font-family: 'TsukuGoPr5-M', sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: max(1.75rem, 14px);
    line-height: 2;
    letter-spacing: 0.05em;
    text-align: left;
    font-feature-settings: “palt”;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    transition: background-color 0.6s ease;
}
body.-is-dark {
    background: #0F0F0F;
}

p.fontresponsive {
    font-size: 1.6rem;
    font-size: max(1.6rem, 16px);
    margin-top: 100px;
}
p.font16 {
    margin-top: 100px;
    font-size: 16px;
}
p.font14 {
    margin-top: 20px;
    font-size: 14px;
}
p.font10 {
    margin-top: 20px;
    font-size: 10px;
}
p.normal {
    margin-top: 20px;
}

/* @media screen and (min-width: 768px) and (max-width: 1100px) {
  body {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
    font-size: 3.73vw;
  }
}
@media screen and (max-width: 374px) {
  body {
    font-size: 12px;
  }
} */

/* link */
a {
    color: rgba(0, 0, 0, 1);
    text-decoration: none;
    word-wrap: break-word;
}
a[href*='tel:'] {
    pointer-events: none;
    cursor: default;
    opacity: 1;
}
body.-is-sp a[href*='tel:'] {
    pointer-events: auto;
}

/* textLinkMod01 */
.textLinkMod01 {
    color: #111;
    display: inline-block;
    text-decoration: underline;
    transition: ease 0.2s;
}
.textLinkMod01:hover {
    text-decoration: none;
}

/* linkLineMod01 */
a.linkLineMod01 {
    position: relative;
    color: #111;
    text-decoration: none;
    background: linear-gradient(#111, #111) left bottom / 100% 1px no-repeat;
    transition: background-size 0.3s ease;
    padding-bottom: 5px;
}
a.linkLineMod01.linkLineModWhite {
    background: linear-gradient(#fff, #fff) left bottom / 100% 1px no-repeat;
    color: #fff;
}
a.linkLineMod01:hover {
    background-position: right bottom;
    background-size: 0 1px;
}

/* linkArrowMod01 */
.linkArrowMod01 {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: #000;
}
.linkArrowMod01_linkText {
    transition: opacity 0.3s ease;
    flex: 1;
}
body:not(.-is-touchDevice) .linkArrowMod01:hover .linkArrowMod01_linkText {
    opacity: 0.69;
}
.linkArrowMod01_arrow {
    position: relative;
    display: block;
    /* flex: 1; */
    margin-left: 10px;
    width: 22px;
    height: 6px;
    background: url(../assets/images/common/img_arrow_01.svg) no-repeat;
    top: -1px;
    background-size: 22px 5px;
    transition: all 0.3s ease;
}
body:not(.-is-touchDevice) .linkArrowMod01:hover .linkArrowMod01_arrow {
    transform: translateX(-4px);
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    .linkArrowMod01_arrow {
        top: 40%;
    }
}

/* arrow */
.arrow {
    position: relative;
    display: block;
    width: 22px;
    height: 5px;
    pointer-events: none;
    overflow: hidden;
}
.arrow::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 22px;
    height: 5px;
    background: url(../assets/images/common/img_arrow_01.svg) no-repeat;
    background-size: 22px 5px;
}

/* Form
------------------------------------------ */
button,
select,
textarea,
input {
    font-family: inherit;
}

/* IME : For Windows IE */
.imeA {
    ime-mode: active;
}
.imeD {
    ime-mode: disabled;
}

/* select */
select {
    outline: none;
}

/* text */
input[type='text'] {
    line-height: normal;
}

/* password */
input[type='password'] {
    font-family: arial;
    ime-mode: disabled;
}

/* button */
input[type='submit'],
input[type='reset'],
input[type='button'],
input[type='image'] {
    cursor: pointer;
}

/* radio */
input[type='checkbox'],
input[type='radio'] {
    margin: 0 10px 0 0;
    padding: 0;
    vertical-align: 1px;
}

/* iOS style reset */
input[type='submit'],
input[type='button'] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}
input[type='submit']::-webkit-search-decoration,
input[type='button']::-webkit-search-decoration {
    display: none;
}
input[type='submit']::focus,
input[type='button']::focus {
    outline-offset: -2px;
}
textarea,
input[type='email'],
input[type='tel'],
input[type='text'] {
    border-radius: 0;
    -webkit-appearance: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    max-width: 100%;
    font-size: 16px;
}

input[type='text']::-ms-clear {
    display: none;
}

/* align
------------------------------------------ */
.alL {
    text-align: left !important;
}
.alC {
    text-align: center !important;
}
.alR {
    text-align: right !important;
}

/* show
------------------------------------------ */
.showPc {
    display: block;
}
.showPc.-inline {
    display: inline-block;
}
.showSp.-inline,
.showSp {
    display: none;
}
@media screen and (max-width: 767px) {
    .showPc.-inline,
    .showPc {
        display: none;
    }
    .showSp {
        display: block;
    }
    .showSp.-inline {
        display: inline-block;
    }
}

/* imageItemWrap
------------------------------------------ */
.imageItemWrap {
    display: block;
    line-height: 0;
    overflow: hidden;
    position: relative;
    max-width: 100%;
}
/* パララックスにする画像 */
.imageItemWrap.imageItemParallaxWrap .imageItem,
.worksTopList .imageItemWrap .imageItem,
.section.-worksDetail .imageItemWrap .imageItem {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    will-change: transform;
}
.worksTopList .imageItemWrap .imageItem{
    bottom: -7vw;
    top: auto;
}
.imageItemWrap.imageAspect-W5_H3 {
    width: 100%;
    padding-top: 60%;
    /* height: 55.7vw; */
}
.imageItemWrap.imageAspect-W8_H5 {
    width: 100%;
    padding-top: 62.4584%;
    /* height: 53.7vw; */
}
.imageItemWrap.imageAspect-W6_H5 {
    width: 100%;
    padding-top: 83.3887%;
    /* height: 71.7vw; */
}
.imageItemWrap.imageAspect-W16_H19 {
    width: 100%;
    padding-top: 83.3887%;
    /* height: 101.7vw; */
}
.imageItemWrap.imageAspect-W15_H14 {
    /* 75:74 */
    width: 100%;
    padding-top: 93.3333%;
    padding-top: 98.6666%;
}
.imageItemWrap.imageAspect-W9_H10 {
    width: 100%;
    padding-top: 111.1111%;
}
.imageItemWrap.imageAspect-W1_H1 {
    width: 100%;
    padding-top: 100%;
    /* height: 86vw; */
}
/* 2カラム用 */
.imageItemWrap.imageAspect-2colum-W1_H1 {
    width: 100%;
    padding-top: 100%;
    position: relative;
}
.imageItemWrap.imageAspect-2colum-W1_H1 .imageItem {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.imageItemWrap.imageAspect-2colum-rectangle {
    width: 100%;
    padding-top: 149.6598%;
    /* height: 62.8vw; */
}
.imageItemWrap.imageAspect-static{
    vertical-align: top;
}
.imageItemWrap.imageAspect-static .imageItem{
    position: static !important;
    top: auto;
    left: auto;
    will-change: auto;
}
@media screen and (max-width: 767px) {
    body:not(.-is-pc) .worksTopList .imageItemWrap .imageItem{
        bottom: auto;
        top: 0;
    }
    /* .imageItemWrap .imageItem {
    height: 100%;
    object-fit: cover;
  } */
    /* .imageItemWrap.imageAspect-W8_H5{
    height: 62.4584vw;
  }
  .imageItemWrap.imageAspect-W6_H5{
    height: 83.3887vh;
  }
  .imageItemWrap.imageAspect-W16_H19{
    height: 118%;
  }
  .imageItemWrap.imageAspect-W1_H1{
    height: 86vw;
  } */
}

/* font
------------------------------------------ */
.font_TsukuGo-B {
    font-family: 'TsukuGoPr5-B', sans-serif !important;
    letter-spacing: 0.1em;
}
.font_TsukuGo-D {
    font-family: 'TsukuGoPr5-D', sans-serif !important;
}
.font_TsukuGo-M {
    font-family: 'TsukuGoPr5-M', sans-serif !important;
}

/* object-fit
------------------------------------------ */
.js-object-fit-cover {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}


/* margin
------------------------------------------ */
.u-mt0 {
    margin-top: 0;
}
.u-mt5 {
    margin-top: 5px;
}
.u-mt10 {
    margin-top: 10px;
}
.u-mt15 {
    margin-top: 15px;
}
.u-mt20 {
    margin-top: 20px;
}
.u-mt25 {
    margin-top: 25px;
}
.u-mt30 {
    margin-top: 30px;
}
.u-mt35 {
    margin-top: 35px;
}
.u-mt40 {
    margin-top: 40px;
}
.u-mt45 {
    margin-top: 45px;
}
.u-mt50 {
    margin-top: 50px;
}
.u-mt55 {
    margin-top: 55px;
}
.u-mt60 {
    margin-top: 60px;
}
.u-mt65 {
    margin-top: 65px;
}
.u-mt70 {
    margin-top: 70px;
}
.u-mt75 {
    margin-top: 75px;
}
.u-mt80 {
    margin-top: 80px;
}
.u-mt85 {
    margin-top: 85px;
}
.u-mt90 {
    margin-top: 90px;
}
.u-mt95 {
    margin-top: 95px;
}
.u-mt100 {
    margin-top: 100px;
}

/* link
------------------------------------------ */
.back_linkA {
    /* margin-top: 46px;
  margin-top: 3.28vw; */
    font-size: 16px;
    font-size: 1.14vw;
    font-family: acumin-pro, sans-serif;
    line-height: 1.5;
    position: relative;
    padding: 0 0 0 32px;
    display: inline-block;
    color: #000;
}
.back_linkText {
    transition: opacity 0.3s ease;
}
body:not(.-is-touchDevice) .back_linkA:hover .back_linkText {
    opacity: 0.69;
}
.back_linkArrow {
    position: absolute;
    top: 45%;
    left: 0;
    display: block;
    width: 22px;
    height: 5px;
    background: url(./assets/images/common/img_arrow_01.svg) no-repeat;
    background-size: 22px 5px;
    transition: all 0.3s ease;
    transform: rotate(180deg);
}
body:not(.-is-touchDevice) .back_linkA:hover .back_linkArrow {
    transform: rotate(180deg) translateX(-4px);
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    .back_linkArrow {
        position: absolute;
        top: 40%;
    }
}
@media screen and (max-width: 767px) {
    .back_linkA{
        font-size: 3.73vw;
    }
}


/* header
------------------------------------------ */
.header {
    position: fixed;
    width: 100%;
    padding: 0 7vw;
    z-index: 10;
    pointer-events: none;
}
.header_vessel {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    transition: transform 0.56s cubic-bezier(0.47, 0.427, 0, 0.99);
    transform: translateY(4.285vw);
}
body.home .header_vessel{
    transform: translateY(9.04vw);
}
body.home .-is-min .header_vessel{
    transform: translateY(4.285vw);
}

.header_logo {
    line-height: 0;
    pointer-events: all;
}
.header_logoA {
    position: relative;
    display: block;
    transition: opacity 0.3s ease;
}
/*.header_logoA::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    display: block;*/
/*    width: 116px;*/
/*    height: 14px;*/
/*    background: url(/assets/images/common/logo_02.svg) no-repeat;*/
/*    background-size: 116px auto;*/

/*    opacity: 0;*/
/*    transition: opacity 0.3s ease;*/
/*}*/
body.-is-dark .header_logoA::before {
    opacity: 1;
}
body:not(.-is-touchDevice) .header_logoA:hover {
    opacity: 0.7;
}
.header_logoImg {
    width: 300px;
    height: auto;
}
body.-is-dark .header_logoImg {
    opacity: 0;
}
.header_nav {
    margin-left: auto;
    pointer-events: all;
}
.header_navUl {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
    font-size: max(1rem, 14px);
    font-family: acumin-pro, sans-serif;
    line-height: 1.5;
    font-weight: 300;
    position: relative;
    top: -0.09vw;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .header_logoImg {
        width: 300px;
    }
    .header_navUl {
        font-size: 14px;
    }
}
.header_navUl .header_navContent.home {
    display: none;
}
.header_navUl .header_navContent.topics{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -3px;
}
.header_navUl .showSp.header_navContent.topics{
    display: none;
}
.header_navUl .header_navContent.topics a{
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
}
.header_navUl .header_navContent.topics a .header_navContent_icon_topics{
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header_navUl .header_navContent.topics a .icon_topics_path{
    stroke: #ccc;
    transition: .2s ease;
}
body.-is-topicsNoticeActive .header_navUl .header_navContent.topics a .icon_topics_path{
    stroke: #4D4D4D;
    fill: #4D4D4D;
}

.header_navUl .header_navContent.topics a #path01{
    width: 16px;
}
.header_navUl .header_navContent.topics a:hover #path01{
    width: 0;
}

.header_navUl .header_navContent.topics a:hover .icon_topics_path{
    stroke: #000;
}
body.-is-topicsNoticeActive .header_navUl .header_navContent.topics a:hover .icon_topics_path{
    /* stroke: #fff; */
    stroke: #4D4D4D;
}

body.-is-nextView .header_navUl .header_navContent.topics a:hover .icon_topics_path,
body.-is-dark .header_navUl .header_navContent.topics a:hover .icon_topics_path{
    stroke: #fff;
}

.header_navContent_icon_topics_line{
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 40px;
    transition: all 0.3s ease;
}
.header_navContent_icon_topics_line_item01{
    margin-bottom: 2px;
}
.header_navContent_icon_topics_line_item03{
    margin-top: 2px;
}
.header_navContent_icon_topics_line_item{
    position: relative;
    display: block;
    width: 8px;
    height: 1px;
}
.header_navContent_icon_topics_line_item::before
{
    content: '';
    display: block;
    width: 8px;
    height: 1px;
    background-color: #999;
    transform-origin: top left;
    transition: background-color 0.2s ease, transform 0.48s cubic-bezier(0.57, 0, 0, 0.99);
    transform: scaleX(1);
}
body.-is-topicsNoticeActive .header_navContent_icon_topics_line_item::before{
    background-color: #eee;
}
.header_navContent_icon_topics_line_item::after{
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 1px;
    top: 0;
    left: 0;
    background-color: #999;
    transform-origin: top right;
    transition: background-color 0.2s ease, transform 0.48s cubic-bezier(0.57, 0, 0, 0.99);
    transform: scaleX(0);
}
body.-is-topicsNoticeActive .header_navContent_icon_topics_line_item::after{
    background-color: #ccc;
}
.header_navContent_icon_topics_line_item01::before{
    transition-delay: .2s;
}
.header_navContent_icon_topics_line_item01::after{
    transition-delay: .0s;
}
.header_navContent_icon_topics_line_item02::before{
    transition-delay: .3s;
}
.header_navContent_icon_topics_line_item02::after{
    transition-delay: .1s;
}
.header_navContent_icon_topics_line_item03::before{
    transition-delay: .4s;
}
.header_navContent_icon_topics_line_item03::after{
    transition-delay: .2s;
}

a:hover .header_navContent_icon_topics_line_item01::before{
    transition-delay: 0s;
}
a:hover .header_navContent_icon_topics_line_item01::after{
    transition-delay: .2s;
}
a:hover .header_navContent_icon_topics_line_item02::before{
    transition-delay: .1s;
}
a:hover .header_navContent_icon_topics_line_item02::after{
    transition-delay: .4s;
}
a:hover .header_navContent_icon_topics_line_item03::before{
    transition-delay: .2s;
}
a:hover .header_navContent_icon_topics_line_item03::after{
    transition-delay: .5s;
}

a:hover .header_navContent_icon_topics_line_item::before{
    background-color: #000;
    transform: scaleX(0);
    transform-origin: top right;
}
body.-is-topicsNoticeActive a:hover .header_navContent_icon_topics_line_item::before{
    background-color: #fff;
}
a:hover .header_navContent_icon_topics_line_item::after{
    background-color: #000;
    transform: scaleX(1);
    transform-origin: top left;
}
body.-is-topicsNoticeActive a:hover .header_navContent_icon_topics_line_item::after{
    background-color: #fff;
}

body.-is-nextView a:hover .header_navContent_icon_topics_line_item::before,
body.-is-nextView a:hover .header_navContent_icon_topics_line_item::after,
body.-is-dark a:hover .header_navContent_icon_topics_line_item::before,
body.-is-dark a:hover .header_navContent_icon_topics_line_item::after{
    background-color: #fff;
}

.topics_notice_icon,
.header_navUl .header_navContent.topics i{
    display: block;
    width: 11px;
    height: 11px;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 2px;
    z-index: 10;
    border-radius: 50%;
    pointer-events: none;
}
.topics_notice_icon::after,
.header_navUl .header_navContent.topics i::after{
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background-color: #FF0062;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    border-radius: 50%;
}
.topics_notice_icon::before,
.header_navUl .header_navContent.topics i::before{
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background-color: rgba(255, 0, 98, .2);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    border-radius: 50%;
    -webkit-animation: flash 5s linear infinite 2s;
    animation: flash 5s linear infinite 2s;
}
.topics_lists .topics_notice_icon::before{
    display: none;
}

@-webkit-keyframes flash {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(0);
    }
    10% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(2);
    }
    20% {
        transform: translate(-50%, -50%) scale(4);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -50%) scale(4);
        opacity: 0;
    }
}

@keyframes flash {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(0);
    }
    5% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(2);
    }
    10% {
        transform: translate(-50%, -50%) scale(4);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -50%) scale(4);
        opacity: 0;
    }
}
.topics_notice_icon,
.header_navUl .header_navContent.topics i{
    display: none;
}
body.-is-topicsNoticeActive .topics_notice_icon,
body.-is-topicsNoticeActive .header_navUl .header_navContent.topics i{
    display: block;
}

.header_navUl .header_navContent:not(:last-child) {
    margin-right: 3vw;
}
.header_navA {
    transition: color 0.3s ease;
}
body:not(.-is-touchDevice) .header_navA:hover {
    color: #000;
}
body.-is-nextView .header_navA,
body.-is-dark .header_navA {
    color: rgba(255, 255, 255, 0.5);
}
body.-is-nextView:not(.-is-touchDevice) .header_navA:hover,
body.-is-dark:not(.-is-touchDevice) .header_navA:hover {
    color: #FFF;
}
.header_navUl .header_navContent.-current .header_navA {
    color: #000;
}
body.-is-nextView .header_navUl .header_navContent.-current .header_navA,
body.-is-dark .header_navUl .header_navContent.-current .header_navA {
    color: #FFF;
}
.header_ham {
    display: none;
}

/* トピックスのツールチップ */
.-is-pc .c-mouseStokerNavTopics {
    display: block;
}
/* body.topics .c-mouseStokerNavTopics {
  display: none;
} */
.-is-touch .c-mouseStokerNavTopics {
    display: none;
}
.c-mouseStokerNavTopics {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 10000;
    pointer-events: none;
    display: block;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.c-mouseStokerNavTopics__ball span{
    color: #fff;
    letter-spacing: .03em;
}
.c-mouseStokerNavTopics .c-mouseStokerNavTopics__ball {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 34px;
    width: 93px;
    padding: 0px 0px 1px 0;
    background-color: #000;
    transition: opacity .2s ease;

    border-radius: 30px;
    overflow: hidden;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}
.c-mouseStokerNavTopics.-is-hover .c-mouseStokerNavTopics__ball {
    opacity: 1;
}
.c-mouseStokerNavTopics__ball div {
    display: none;
    height: 100%;
    font-size: 11px;
    display: flex;
    display: -webkit-box;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    color: #000;
    opacity: 0;
}
.c-mouseStokerNavTopics .c-mouseStokerNavTopics__ball div span{
    display: block;
    text-align: center;
    white-space: nowrap;
    transition: 0.2s ease;
}
.c-mouseStokerNavTopics.-is-hover .c-mouseStokerNavTopics__ball div {
    pointer-events: none;
    opacity: 1;
}

/* マーキー */
.c-marquee01-01 {
    width: 100%;
    display: flex;
    overflow: hidden;
    box-sizing: content-box;
}
.c-marquee01-01__wrap {
    display: inline-block;
    white-space: nowrap;
    box-sizing: content-box;
}
.c-marquee01-01__content {
    white-space: nowrap;
}
.c-marquee01-01__contentInner {
    display: inline-block;
}
.c-marquee01-01__contentItem{
    display: inline-block;
    margin: 0 5px;
    font-family: 'TsukuGoPr5-D', sans-serif;
}


@media screen and (max-width: 767px) {
    .header {
        transition: opacity 0.36s cubic-bezier(0.57, 0, 0, 0.99);
        z-index: 1000;
    }
    body.-is-view-footer .header {
        opacity: 0;
    }
    .header_vessel {
        height: 70px;
        height: 18.6666vw;
        transform: none;
    }
    body.home .header_vessel,
    body.home .-is-min .header_vessel{
        transform: none;
    }
    .header_logo {
        z-index: 10;
    }
    .header_logoA::before {
        content: '';
        width: min(27.4vw,120px);
        background: url(./assets/images/common/logo_02.svg) no-repeat;
        background-size: min(27.4vw,120px) auto;
    }
    body.-is-nextView.-is-glMenuOpen .header_logoA::before,
    body.-is-dark.-is-glMenuOpen .header_logoA::before {
        opacity: 0;
    }
    .header_logoImg {
        width: 300px;
        height: auto;
    }
    body.-is-nextView.-is-glMenuOpen .header_logoImg,
    body.-is-dark.-is-glMenuOpen .header_logoImg {
        opacity: 1;
    }
    .header_nav {
        position: fixed;
        align-items: center;
        padding: calc(var(--viewport_vh) * 19.6) 10.6vw;
        padding: 29.8vw 12vw;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100%;
        background-color: #f7f7f7;
        pointer-events: none;
        transition: clip-path 0.72s cubic-bezier(0.57, 0, 0, 0.99),
        -webkit-clip-path 0.72s cubic-bezier(0.57, 0, 0, 0.99);
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }
    body.-is-glMenuOpen .header_nav {
        pointer-events: all;
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% -10%, 0% 0%);
        clip-path: polygon(0 100%, 100% 100%, 100% -10%, 0% 0%);
    }
    .header_navUl {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    body.-is-nextView .header_navA,
    body.-is-dark .header_navA,
    .header_navUl a {
        color: #000;
    }
    .header_navUl .header_navContent {
        position: relative;
        overflow: hidden;
    }
    .header_navUl .header_navContent .header_navA {
        display: inline-block;
        transform: translateY(2em);
        transition: 0.4s cubic-bezier(0.57, 0, 0, 0.99);
    }
    body.-is-glMenuOpen .header_navContent .header_navA {
        transform: translateY(0);
        transition: 0.6s cubic-bezier(0.57, 0, 0, 0.99) 0.32s;
    }
    .header_navUl .header_navContent.home {
        display: block;
    }
    .header_navUl .showSp.header_navContent.topics{
        width: auto;
        height: auto;
        top: 0;
        display: block;
        overflow: visible;
    }
    .header_navUl .showPc.header_navContent.topics{
        display: none;
    }
    .header_navUl .showSp.header_navContent.topics > div{
        overflow: hidden;
    }
    .header_navUl .header_navContent.topics i{
        left: auto;
        right: -13px;
        background-color: transparent;
        overflow: hidden;
    }
    .header_navUl .header_navContent.topics i::before{
        animation: none;
        display: none;
    }
    /* iPhoneで不具合が出る。 */
    .header_navUl .header_navContent.topics i::after{
        /* transform: translate(-50%, 100%);
    transition: 0.6s cubic-bezier(0.57, 0, 0, 0.99); */
        /* opacity: 0;
    transition:opacity 0.6s cubic-bezier(0.57, 0, 0, 0.99); */
    }
    body.-is-glMenuOpen .header_navUl .header_navContent.topics i::after
    {
        /* transform: translate(-50%, -50%);
    transition: 0.6s cubic-bezier(0.57, 0, 0, 0.99) 0.42s; */
        /* opacity: 1;
    transition: opacity 0.6s cubic-bezier(0.57, 0, 0, 0.99) 0.42s; */
    }
    .header_navUl .header_navContent.topics a{
        text-indent: 0;
        width: auto;
        height: auto;
        position: relative;
    }
    .header_navUl .header_navContent.home,
    .header_navUl .header_navContent.service,
    .header_navUl .header_navContent.works,
    .header_navUl .header_navContent.about,
    .header_navUl .header_navContent.topics {
        font-size: 30px;
        font-size: 8vw;
        /* line-height: 1; */
        margin: 0 0 3.8vw 0;
    }
    .header_navUl .header_navContent.home a,
    .header_navUl .header_navContent.service a,
    .header_navUl .header_navContent.works a,
    .header_navUl .header_navContent.about a,
    .header_navUl .header_navContent.topics a {
        line-height: 1;
    }
    .header_navUl .header_navContent.topics {
        margin: 0 0 14vw 0;
    }
    .header_navUl .header_navContent.blog,
    .header_navUl .header_navContent.join,
    .header_navUl .header_navContent.faq,
    .header_navUl .header_navContent.contact {
        font-size: 20px;
        font-size: 5.3vw;
        line-height: 1;
    }
    .header_navUl .header_navContent.blog {
        margin: 0 0 4.6vw 0;
    }
    .header_navUl .header_navContent.join,
    .header_navUl .header_navContent.faq,
    .header_navUl .header_navContent.contact {
        margin: 0 0 4.4vw 0;
    }
    .header_navUl .header_navContent.blog a,
    .header_navUl .header_navContent.join a,
    .header_navUl .header_navContent.faq a,
    .header_navUl .header_navContent.contact a {
        line-height: 1;
        vertical-align: text-top;
    }
    .header_ham {
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        pointer-events: all;
    }
}

/* hamButtonA
------------------------------------------ */
.hamButtonA {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    line-height: 0;
}
body:not(.-is-touchDevice) .hamButtonA:hover {
    opacity: 1;
}
.hamButtonA .hamButtonA_lineWrap {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
}
.hamButtonA .hamButtonA_lineWrap .hamButtonA_line {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 1.5px;
    transition: all 0.3s ease;
    background-color: #000;
    overflow: hidden;
    transition: 0.62s cubic-bezier(0.57, 0, 0, 0.99);
}
body.-is-nextView .hamButtonA .hamButtonA_lineWrap .hamButtonA_line,
body.-is-dark .hamButtonA .hamButtonA_lineWrap .hamButtonA_line {
    background-color: #FFF;
}
.hamButtonA .hamButtonA_lineWrap .hamButtonA_line:nth-of-type(1) {
    top: 6.5px;
}
.hamButtonA .hamButtonA_lineWrap .hamButtonA_line:nth-of-type(2) {
    bottom: 7px;
}
body.-is-glMenuOpen .hamButtonA .hamButtonA_lineWrap .hamButtonA_line:nth-of-type(1) {
    top: 2px;
    transform: translateY(7px) rotate(-45deg);
    transform-origin: center;
    background: #000;
}
body.-is-glMenuOpen .hamButtonA .hamButtonA_lineWrap .hamButtonA_line:nth-of-type(2) {
    bottom: 16px;
    transform: translateY(7px) rotate(45deg);
    transform-origin: center;
    background: #000;
}
/* .hamMenu .hamButtonA.-is-open .hamButtonA_lineWrap .hamButtonA_line:nth-of-type(1) {
  transform: translateY(7px) rotate(-45deg);
}
.hamMenu .hamButtonA.-is-open .hamButtonA_lineWrap .hamButtonA_line:nth-of-type(2) {
  transform: translateY(7px) rotate(45deg);
} */

.header_ham .topics_notice_icon{
    top: 7px;
    right: -1px;
    left: auto;
}

/* hamMenu
------------------------------------------ */
.hamMenuBg {
    display: none;

    cursor: pointer;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(54, 60, 65, 0.56);
    z-index: 999;
}
.hamMenu {
    display: none;

    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1d1e1f;
    color: #fff;
    z-index: 1000;
}
.hamMenu .hamMenu_vessel {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;

    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

/* pagingArea
------------------------------------------ */
.pagingArea {
    position: relative;
    z-index: 100;
    /* height: 160vh; */
    height: 130vh;
    display: flex;
    align-items: center;
    align-items: bottom;
    justify-content: center;
}
.pagingArea_a {
    position: relative;
    display: block;
    z-index: 1;
}
.pagingArea_bg {
    position: relative;
    display: block;
    z-index: 2;
}
.pagingArea_bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.56);
    z-index: 3;
}
.pagingArea_cover {
    display: flex;
    justify-content: center;
    align-items: center;

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    font-size: 100px;
    font-size: 7.14vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.2;
    text-indent: -0.02em;
    letter-spacing: -0.02em;
    z-index: 4;
}
.pagingArea_cover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 5;

    transition: all 0.3s ease;

    display: none;
}
body:not(.-is-touchDevice) .pagingArea_a:hover .pagingArea_cover::before {
    background: transparent;
}
.pagingArea_coverText {
    color: #000;
    z-index: 6;

    transition: all 0.3s ease;
}
body:not(.-is-touchDevice) .pagingArea_a:hover .pagingArea_coverText {
    color: #fff;
}
body.-is-nextView .pagingArea_a {
    width: 100%;
    height: 100%;
    padding-bottom: 40vh;
}
body.-is-nextView .pagingArea_coverText {
    color: #fff;
}
@media screen and (min-width: 768px) {
    body:not(.-is-tablet) .pagingArea {
        background-image: none !important;
    }
}

body.-is-tablet .pagingArea {
    /* height: 100vh; */
    height: 120vw;
    background: no-repeat center;
    background-size: cover;
}
body.-is-tablet .pagingArea::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.56);
}
body.-is-tablet .pagingArea_a {
    width: 100%;
    height: 100%;
}
body.-is-tablet .pagingArea_bg .imageItem {
    width: auto;
    height: 500px;
    height: 120vw;
    -o-object-fit: cover;
    object-fit: cover;
}
body.-is-tablet .pagingArea_cover {
    font-size: 50px;
    font-size: 13.33vw;
}
body.-is-tablet .pagingArea_a .pagingArea_cover::before {
    background: transparent;
}
body.-is-tablet .pagingArea_a .pagingArea_coverText {
    color: #fff;
}

@media screen and (max-width: 767px) {
    .pagingArea {
        /* height: 100vh; */
        height: 133vw;
        background: no-repeat center;
        background-size: cover;
    }
    .pagingArea::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background: rgba(0, 0, 0, 0.56);
    }
    .pagingArea_a {
        width: 100%;
        height: 100%;
    }
    .pagingArea_bg .imageItem {
        width: auto;
        height: 500px;
        height: 133.33vw;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .pagingArea_cover {
        font-size: 50px;
        font-size: 13.33vw;
    }
    .pagingArea_a .pagingArea_cover::before {
        background: transparent;
    }
    .pagingArea_a .pagingArea_coverText {
        color: #fff;
    }
    body.works_akatsukirecruit .pagingArea {
        background-image: url(./assets/images/works/fundportfolio/works_fundportfolio_img_main.jpg);
    }
    /* body.works_minmaru .pagingArea{
    background-image: url(./assets/images/works/akatsukirecruit/works_akatsukirecruit_img_main.jpg);
  } */
    body.works_akatsukirecruit .pagingArea {
        background-image: url(./assets/images/works/fundportfolio/works_fundportfolio_img_main.jpg);
    }
    body.works_fundportfolio .pagingArea {
        background-image: url(./assets/images/works/rakuten_sp/works_rakuten_sp_img_main.jpg);
    }
    body.works_rakuten_sp .pagingArea {
        background-image: url(./assets/images/works/shimenawaapp/works_shimenawaapp_img_main.jpg);
    }
    body.works_shimenawaapp .pagingArea {
        background-image: url(./assets/images/works/sbitbcorp/works_sbitbcorp_img_main.jpg);
    }
    body.works_sbitbcorp .pagingArea {
        background-image: url(./assets/images/works/holder_corp/works_holder_corp_img_main.jpg);
    }
    body.works_holder_corp .pagingArea {
        background-image: url(./assets/images/works/47hd/works_47hd_img_main.jpg);
    }
    body.works_47hd .pagingArea {
        background-image: url(./assets/images/works/sagatsuku/works_sagatsuku_img_main.jpg);
    }
    body.works_sagatsuku .pagingArea {
        background-image: url(./assets/images/works/sbi_investment/works_sbi_investment_img_main.jpg);
    }
    body.works_sbi_investment .pagingArea {
        background-image: url(./assets/images/works/sbisonpo/works_sbisonpo_img_main.jpg);
    }
    body.works_sbisonpo .pagingArea {
        background-image: url(./assets/images/works/emoshicom/works_emoshicom_img_main.jpg);
    }
    body.works_sbisonpo .pagingArea {
        background-image: url(./assets/images/works/emoshicom/works_emoshicom_img_main.jpg);
    }
    body.works_emoshicom .pagingArea {
        background-image: url(./assets/images/works/mochicom/works_mochicom_img_main.jpg);
    }
    body.works_mochicom .pagingArea {
        background-image: url(./assets/images/works/startguide/works_startguide_img_main.jpg);
    }
    body.works_startguide .pagingArea {
        background-image: url(./assets/images/works/synesthesia/works_synesthesia_img_main.jpg);
    }
    body.works_synesthesia .pagingArea {
        background-image: url(./assets/images/works/suguchoku/works_suguchoku_img_main.jpg);
    }
    body.works_suguchoku .pagingArea {
        background-image: url(./assets/images/works/akatsukisec/works_akatsukisec_img_main.jpg);
    }
    body.works_akatsukisec .pagingArea {
        background-image: url(./assets/images/works/47naiso/works_47naiso_img_main.jpg);
    }
    body.works_47naiso .pagingArea {
        background-image: url(./assets/images/works/axseed/works_axseed_img_main.jpg);
    }
    body.works_axseed .pagingArea {
        background-image: url(./assets/images/works/jwa/works_jwa_img_main.jpg);
    }
    body.works_jwa .pagingArea {
        background-image: url(./assets/images/works/car_pdca/works_car_pdca_img_main.jpg);
    }
    body.works_car_pdca .pagingArea {
        background-image: url(./assets/images/works/rakuten_catalog/works_rakuten_catalog_img_main.jpg);
    }
    body.works_rakuten_catalog .pagingArea {
        background-image: url(./assets/images/works/finux/works_finux_img_main.jpg);
    }
    body.works_finux .pagingArea {
        background-image: url(./assets/images/works/moneytap/works_moneytap_img_main.jpg);
    }
    body.works_moneytap .pagingArea {
        background-image: url(./assets/images/works/am_webhikaku/works_am_webhikaku_img_main.jpg);
    }
    body.works_am_webhikaku .pagingArea {
        background-image: url(./assets/images/works/find/works_find_img_main.jpg);
    }
    body.works_find .pagingArea {
        background-image: url(./assets/images/works/sw/works_sw_img_main.jpg);
    }
    body.works_sw .pagingArea {
        background-image: url(./assets/images/works/ssnb_brand/works_ssnb_brand_img_main.jpg);
    }
    body.works_ssnb_brand .pagingArea {
        background-image: url(./assets/images/works/ifa/works_ifa_img_main.jpg);
    }
    body.works_ifa .pagingArea {
        background-image: url(./assets/images/works/rideshare/works_rideshare_img_main.jpg);
    }
    body.works_rideshare .pagingArea {
        background-image: url(./assets/images/works/ew/works_ew_img_main.jpg);
    }
    body.works_ew .pagingArea {
        background-image: url(./assets/images/works/am_webstrategy/works_am_webstrategy_img_main.jpg);
    }
    body.works_am_webstrategy .pagingArea {
        background-image: url(./assets/images/works/sbi2021recruit/works_sbi2021recruit_img_main.jpg);
    }
    body.works_sbi2021recruit .pagingArea {
        background-image: url(./assets/images/works/tripyoyaku/works_tripyoyaku_img_main.jpg);
    }
    body.works_tripyoyaku .pagingArea {
        background-image: url(./assets/images/works/an/works_an_img_main.jpg);
    }
    body.works_an .pagingArea {
        background-image: url(./assets/images/works/mm/works_mm_img_main.jpg);
    }
    body.works_mm .pagingArea {
        background-image: url(./assets/images/works/kasotsuka_ui/works_kasotsuka_ui_img_main.jpg);
    }
    body.works_kasotsuka_ui .pagingArea {
        background-image: url(./assets/images/works/zeroplus/works_zeroplus_img_main.jpg);
    }
    body.works_zeroplus .pagingArea {
        background-image: url(./assets/images/works/herasel/works_herasel_img_main.jpg);
    }
    body.works_herasel .pagingArea {
        background-image: url(./assets/images/works/ifaportal/works_ifaportal_img_main.jpg);
    }
    body.works_ifaportal .pagingArea {
        background-image: url(./assets/images/works/sushiorder/works_sushiorder_img_main.jpg);
    }
    body.works_sushiorder .pagingArea {
        background-image: url(./assets/images/works/mmkgmc/works_mmkgmc_img_main.jpg);
    }
    body.works_mmkgmc .pagingArea {
        background-image: url(./assets/images/works/ssnbappux/works_ssnbappux_img_main.jpg);
    }
    body.works_ssnbappux .pagingArea {
        background-image: url(./assets/images/works/minmaru/works_minmaru_img_main.jpg);
    }
}

/* NEXTの部分 */
.nextLinkArea {
    content: '';
    display: block;
    width: 100%;
    height: 100vh;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    /* transition: opacity .2s ease; */
    transition: opacity 0.33s cubic-bezier(0.47, 0.427, 0, 0.99);
}
.nextLinkArea::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.56);
}
.nextLinkAreaInner {
    width: 100%;
    height: 100%;
    opacity: 1 !important;
    transform: none !important;
}
.nextLinkAreaInner > div {
    width: 100%;
    height: 100%;
    opacity: 1 !important;
}
.nextLinkArea .nextLinkArea_a {
    background: no-repeat center;
    background-size: cover;
    display: block;
    width: 100%;
    height: 100%;
    height: 102vh;
    transform: scale(1);
}
/* next実績ごとの画像 */
/* body.works_minmaru .nextLinkArea .nextLinkArea_a{
  background-image: url(./assets/images/works/akatsukirecruit/works_akatsukirecruit_img_main.jpg);
} */
body.works_akatsukirecruit .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/fundportfolio/works_fundportfolio_img_main.jpg);
}
body.works_fundportfolio .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/rakuten_sp/works_rakuten_sp_img_main.jpg);
}
body.works_rakuten_sp .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/shimenawaapp/works_shimenawaapp_img_main.jpg);
}
body.works_shimenawaapp .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/sbitbcorp/works_sbitbcorp_img_main.jpg);
}
body.works_sbitbcorp .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/holder_corp/works_holder_corp_img_main.jpg);
}
body.works_holder_corp .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/47hd/works_47hd_img_main.jpg);
}
body.works_47hd .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/sagatsuku/works_sagatsuku_img_main.jpg);
}
body.works_sagatsuku .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/sbi_investment/works_sbi_investment_img_main.jpg);
}
body.works_sbi_investment .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/sbisonpo/works_sbisonpo_img_main.jpg);
}
body.works_sbisonpo .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/emoshicom/works_emoshicom_img_main.jpg);
}
body.works_sbisonpo .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/emoshicom/works_emoshicom_img_main.jpg);
}
body.works_emoshicom .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/mochicom/works_mochicom_img_main.jpg);
}
body.works_mochicom .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/startguide/works_startguide_img_main.jpg);
}
body.works_startguide .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/synesthesia/works_synesthesia_img_main.jpg);
}
body.works_synesthesia .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/suguchoku/works_suguchoku_img_main.jpg);
}
body.works_suguchoku .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/akatsukisec/works_akatsukisec_img_main.jpg);
}
body.works_akatsukisec .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/47naiso/works_47naiso_img_main.jpg);
}
body.works_47naiso .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/axseed/works_axseed_img_main.jpg);
}
body.works_axseed .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/jwa/works_jwa_img_main.jpg);
}
body.works_jwa .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/car_pdca/works_car_pdca_img_main.jpg);
}
body.works_car_pdca .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/rakuten_catalog/works_rakuten_catalog_img_main.jpg);
}
body.works_rakuten_catalog .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/finux/works_finux_img_main.jpg);
}
body.works_finux .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/moneytap/works_moneytap_img_main.jpg);
}
body.works_moneytap .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/am_webhikaku/works_am_webhikaku_img_main.jpg);
}
body.works_am_webhikaku .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/find/works_find_img_main.jpg);
}
body.works_find .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/sw/works_sw_img_main.jpg);
}
body.works_sw .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/ssnb_brand/works_ssnb_brand_img_main.jpg);
}
body.works_ssnb_brand .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/ifa/works_ifa_img_main.jpg);
}
body.works_ifa .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/rideshare/works_rideshare_img_main.jpg);
}
body.works_rideshare .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/ew/works_ew_img_main.jpg);
}
body.works_ew .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/am_webstrategy/works_am_webstrategy_img_main.jpg);
}
body.works_am_webstrategy .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/sbi2021recruit/works_sbi2021recruit_img_main.jpg);
}
body.works_sbi2021recruit .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/tripyoyaku/works_tripyoyaku_img_main.jpg);
}
body.works_tripyoyaku .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/an/works_an_img_main.jpg);
}
body.works_an .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/mm/works_mm_img_main.jpg);
}
body.works_mm .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/kasotsuka_ui/works_kasotsuka_ui_img_main.jpg);
}
body.works_kasotsuka_ui .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/zeroplus/works_zeroplus_img_main.jpg);
}
body.works_zeroplus .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/herasel/works_herasel_img_main.jpg);
}
body.works_herasel .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/ifaportal/works_ifaportal_img_main.jpg);
}
body.works_ifaportal .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/sushiorder/works_sushiorder_img_main.jpg);
}
body.works_sushiorder .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/mmkgmc/works_mmkgmc_img_main.jpg);
}
body.works_mmkgmc .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/ssnbappux/works_ssnbappux_img_main.jpg);
}
body.works_ssnbappux .nextLinkArea .nextLinkArea_a {
    background-image: url(./assets/images/works/minmaru/works_minmaru_img_main.jpg);
}

/* -is-nextView */
body.-is-nextView .nextLinkArea {
    pointer-events: all;
    opacity: 1;
}


body.-is-tablet .nextLinkArea {
    display: none;
}

@media screen and (max-width: 767px) {
    .nextLinkArea {
        display: none;
    }
}

/* cvArea
------------------------------------------ */
.cvArea {
    padding: 12.14vw 7vw 13.57vw 7vw;
    background: #fff;
}
body.blog .cvArea,
body.blogDetail .cvArea {
    padding: 0 7vw 13.57vw 7vw;
    background: #fff;
}
.section + .cvArea {
    padding-top: 0;
}
body.worksDetail .cvArea {
    padding-top: 17vw;
}
.cvArea_title {
    text-align: center;
}
.cvArea_titleCap {
    display: inline-flex;
    align-items: center;

    padding: 0 22px;
    padding: 2vw 1.57vw;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    /* height: 60px;
  height: 4.28vw; */
    font-size: 14px;
    font-size: 1vw;
    font-size: max(1.75rem, 14px);
    font-weight: 400;
    line-height: 1.5;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .cvArea_titleCap {
        /* font-size: 12px; */
        /* height: 50px; */
    }
}
/* .cvArea_titleCap.-line2 {
  height: 5.85vw;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .cvArea_titleCap.-line2 {
    height: 72px;
  }
} */
.cvArea_button {
    margin-top: 25px;
    line-height: 0;
    text-align: center;
}
.cvArea_button .buttonA {
    max-width: 480px;
}
@media screen and (max-width: 767px) {
    .cvArea {
        padding: 134px 8vw;
        padding: 35.73vw 8vw;
    }
    body.blog .cvArea {
        padding: 35.73vw 8vw 35.73vw 8vw;
    }
    body.blogDetail .cvArea {
        padding: 0 8vw 35.73vw 8vw;
    }
    .section + .cvArea {
        padding-top: 35.73vw;
    }
    body.worksDetail .cvArea {
        padding-top: 35.73vw;
    }
    .cvArea_title {
        text-align: left;
    }
    .cvArea_titleCap {
        display: flex;

        padding: 13px 19px;
        padding: 3.46vw 5.06vw;
        height: auto;
        font-size: 12px;
        font-size: 3.2vw;
        line-height: 2;
    }
    .cvArea_titleCap.-line2 {
        height: auto;
    }
    .cvArea_button {
        margin-top: 31px;
        margin-top: 8.26vw;
    }
    .cvArea_button .buttonA {
        max-width: 274px;
        max-width: 73.06vw;
    }
}
@media screen and (max-width: 374px) {
    .cvArea_titleCap {
        font-size: 12px;
    }
}

/* footer
------------------------------------------ */
.footer {
    background-color: #FFFFFF;
}
.footerInner {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;

    padding: 144px 11vw 167px 11vw;
    padding: 10.28vw 11vw 11.92vw 11vw;
    color: #fff;
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.57, 0, 0, 0.99);
}

body.-is-view-footer .footerInner {
    opacity: 1;
}
body.-is-pc .footerInner {
    opacity: 1 !important;
}
.footer_header {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 2px 10px 0 0;
}
.footer_logo {
    line-height: 0;
}
.footer_mail {
    margin-top: 31px;
    margin-top: 2.21vw;
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    font-family: acumin-pro, sans-serif;
    font-weight: 300;
    line-height: 1.43;
    letter-spacing: 0.05em;
}
.footer_logoA {
    display: inline-block;
    transition: opacity 0.3s ease;
    transform: translatez(0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
body:not(.-is-touchDevice) .footer_logoA:hover {
    opacity: 0.69;
}
.footer_logoImg {
    width: 101px;
    height: auto;
}
.footer_address {
    margin-top: 31px;
    margin-top: 2.21vw;
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    font-size: 1vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 300;
    line-height: 1.43;
    letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .footer_address {
        font-size: 12px;
    }
}
.footer_policy {
    margin-top: 36px;
    margin-top: 2.5vw;
    font-size: 14px;
    font-size: 1vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 300;
    line-height: 1.43;
    letter-spacing: 0.05em;
}
.footer_policyA {
    color: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .footer_policy {
        font-size: 12px;
    }
}
.footer_sns {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
    margin-top: 10px;
}
.footer_snsContent {
    margin-right: 20px;
    margin-right: 1.42vw;
}
.footer_snsA {
    opacity: .5;
    display: block;
}
.footer_copyright {
    display: flex;
    align-items: flex-end;
    margin-top: 17px;
    margin-top: 1.21vw;
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    font-size: 12px;
    font-family: acumin-pro, sans-serif;
    font-weight: 300;
    line-height: 1.43;
    letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .footer_copyright {
        font-size: 12px;
    }
}
.footer_service {
    padding: 0 10px 0 0;
    width: 23.75%;
}
.footer_works {
    padding: 0 10px 0 0;
    width: 17.86%;
}
.footer_others {
    width: 13.6%;
}
.footer_own {
    width: 15.1%;
}
.footer_dt {
    font-size: 16px;
    font-size: 1.14vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    .footer_dt {
        font-size: 12px;
    }
}
.footer_dtA {
    color: #fff;
}
.footer_dd {
    margin-top: 29px;
    margin-top: 2.07vw;
}
.footer_ddContent {
    font-size: 14px;
    font-size: 1vw;
    line-height: 1.5;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .footer_ddContent {
        font-size: 12px;
    }
}
.footer_ddContent + .footer_ddContent {
    margin-top: 17px;
    margin-top: 1.21vw;
}
.footer_ddA {
    color: rgba(255, 255, 255, 0.5);
}
.footer_navContent {
    font-size: 16px;
    font-size: 1.14vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    .footer_navContent {
        font-size: 12px;
    }
}
.footer_navContent + .footer_navContent {
    margin-top: 20px;
    margin-top: 1.42vw;
}
.footer_navA {
    color: #fff;
}
@media screen and (max-width: 767px) {
    .footerInner {
        display: block;
        padding: 77px 8vw 79px 8vw;
        padding: 20.53vw 8vw 21.06vw 8vw;
    }
    .footer_header {
        padding: 0 0 0 0;
    }
    .footer_address {
        margin-top: 31px;
        margin-top: 8.26vw;
        font-size: 14px;
        font-size: 3.73vw;
    }
    .footer_policy {
        margin-top: 31px;
        margin-top: 8.26vw;
        font-size: 14px;
        font-size: 3.73vw;
    }
    .footer_sns {
        margin-top: 22px;
        margin-top: 5.87vw;
    }
    .footer_snsContent {
        margin-right: 20px;
        margin-right: 5.34vw;
    }
    .footer_copyright {
        margin-top: 15px;
        margin-top: 4vw;
        font-size: 14px;
        font-size: 3.73vw;
    }
    .footer_service {
        padding: 64px 0 0 0;
        padding: 17.06vw 0 0 0;
        width: auto;
    }
    .footer_works {
        padding: 61px 0 0 0;
        padding: 16.26vw 0 0 0;
        width: auto;
    }
    .footer_others {
        padding: 63px 0 0 0;
        padding: 16.8vw 0 0 0;
        width: auto;
    }
    .footer_own {
        padding: 63px 0 0 0;
        padding: 16.8vw 0 0 0;
        width: auto;
    }
    .footer_dt {
        font-size: 14px;
        font-size: 3.73vw;
    }
    .footer_dtA {
        color: #fff;
    }
    .footer_dd {
        margin-top: 26px;
        margin-top: 6.93vw;
    }
    .footer_ddContent {
        font-size: 12px;
        font-size: 3.2vw;
    }
    .footer_ddContent + .footer_ddContent {
        margin-top: 12px;
        margin-top: 3.2vw;
    }
    .footer_navContent {
        font-size: 14px;
        font-size: 3.73vw;
    }
    .footer_navContent + .footer_navContent {
        margin-top: 21px;
        margin-top: 5.6vw;
    }
}
@media screen and (max-width: 374px) {
    .footer_address {
        font-size: 12px;
    }
    .footer_policy {
        font-size: 12px;
    }
    .footer_copyright {
        font-size: 12px;
    }
    .footer_dt {
        font-size: 12px;
    }
    .footer_ddContent {
        font-size: 12px;
    }
    .footer_navContent {
        font-size: 12px;
    }
}

/* common
------------------------------------------ */
/* section */
.section {
    padding-left: 7vw;
    padding-right: 7vw;
    padding-bottom: 17vw;
}
.section.-serviceDetail,
.section.-serviceTop {
    padding-left: 0;
    padding-right: 0;
}
.section.-topics{
    padding-bottom: 12.5vw;
}
@media screen and (max-width: 767px) {
    .section {
        padding-left: 8vw;
        padding-right: 8vw;
        padding-bottom: 0;
    }
    .section.-worksTop {
        margin-bottom: 29.33vw;
    }
    .section.-joinTop {
        padding-bottom: 19vw;
    }
    .section.-topics{
        padding-bottom: 0;
    }
}

/* buttonA */
.buttonA {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    position: relative;
    padding: 0 0 4px 0;
    width: 100%;
    height: 100px;
    height: 7.14vw;
    background: #222;
    color: #fff;
    font-size: 20px;
    font-size: 1.42vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-indent: 0.05em;
    letter-spacing: 0.05em;
    overflow: hidden;
    z-index: 1;
}
.buttonAText {
    position: relative;
    z-index: 2;
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .buttonA {
        height: 90px;
        font-size: 16px;
    }
}
.buttonA::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    transition: -webkit-clip-path 0.64s cubic-bezier(0.57, 0, 0, 0.99);
    transition: clip-path 0.64s cubic-bezier(0.57, 0, 0, 0.99);
    transition: clip-path 0.64s cubic-bezier(0.57, 0, 0, 0.99), -webkit-clip-path 0.64s cubic-bezier(0.57, 0, 0, 0.99);
    transition: clip-path 0.64s cubic-bezier(0.57, 0, 0, 0.99),
    -webkit-clip-path 0.64s cubic-bezier(0.57, 0, 0, 0.99);
    transition: clip-path 0.64s cubic-bezier(0.57, 0, 0, 0.99),
    -webkit-clip-path 0.64s cubic-bezier(0.57, 0, 0, 0.99);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 140%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 140%, 0% 100%);
}
body:not(.-is-touchDevice) .buttonA:hover::before {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
.buttonA_text {
    position: relative;
    z-index: 3;
}
@media screen and (max-width: 767px) {
    .buttonA {
        padding: 0 0 2px 0;
        height: 70px;
        height: 18.66vw;
        font-size: 16px;
        font-size: 4.26vw;
    }
}

/* video */
.video_video {
    max-width: 100%;
    width: 100%;
    vertical-align: bottom;
    display: block;
    opacity: 0;
    transition: 0.4s ease;
}
.video_video.-is-displayed {
    opacity: 1;
}

/* headLv1Hidden */
.headLv1Hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

/* inputText */
input.inputText {
    display: inline-block;
    padding: 0 20px;
    border: none;
    border-radius: 0;
    background: #f2f2f2;
    width: 100%;
    height: 80px;
    font-size: 16px;
    outline: none;
    font-family: sans-serif;
}
input.inputText.-error {
    border-color: #f9cbd6;
    background: #fdf1f4;
}
@media screen and (max-width: 767px) {
    input.inputText {
        padding: 0 10px;
        height: 60px;
    }
}

/* textarea */
textarea.textarea {
    padding: 20px;
    border: none;
    width: 100%;
    height: 365px;
    background: #f2f2f2;
    font-size: 16px;
    outline: none;
    resize: vertical;
    white-space: pre-wrap;
    font-family: sans-serif;
}
@media screen and (max-width: 767px) {
    textarea.textarea {
        padding: 10px;
        height: 310px;
    }
}

/* form */
.form {
    margin-top: 124px;
    color: #000;
}
.form + .form {
    margin-top: 81px;
}
.form_dt {
    font-size: 16px;
    font-weight: 700;
}
.form_dtSub {
    display: inline-block;
    margin-left: 13px;
    color: rgba(0, 0, 0, 0.61);
    font-size: 12px;
}
.form_dtNotes {
    display: block;
    margin-top: 5px;
    padding-bottom: 2px;
    color: rgba(0, 0, 0, 0.44);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.67;
}
.form_dd {
    margin-top: 17px;
}
@media screen and (max-width: 767px) {
    .form {
        margin-top: 66px;
    }
    .form + .form {
        margin-top: 42px;
    }
    .form_dt {
        font-size: 14px;
    }
    .form_dtSub {
        margin-left: 10px;
    }
    .form_dtNotes {
        margin-top: 10px;
        font-size: 12px;
    }
    .form_dd {
        margin-top: 14px;
    }
}

/* inputSubmit */
button.inputSubmit,
input.inputSubmit {
    display: flex;
    justify-content: center;
    align-items: center;

    border: none;
    border-radius: 0;
    width: 480px;
    height: 100px;
    background: #222;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease;

    position: relative;
    z-index: 1;
}
body:not(.-is-touchDevice) button.inputSubmit:hover {
    background: #222;
    text-decoration: none;
}
body:not(.-is-touchDevice) input.inputSubmit:hover {
    background: #222;
    text-decoration: none;
}
@media screen and (max-width: 767px) {
    button.inputSubmit,
    input.inputSubmit {
        width: 100%;
        height: 80px;
        transition: none;
    }
}

/* formSubmitLo */
.formSubmitLo {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: row;

    margin-top: 140px;
}
@media screen and (max-width: 767px) {
    .formSubmitLo {
        display: block;

        margin-top: 50px;
    }
}

/* formValidate */
.formValidateWrap + .formValidateWrap {
    margin-top: 17px;
    margin-top: 1.3vw;
}
.formValidateWrap.-is-error input.inputMod01,
.formValidateWrap.-is-error textarea {
    border-color: #ff0000;
    /* background: #fff4f4; */
}
.formValidateWrap.-is-error .agreeText01::before {
    border: 1px solid #ff0000;
    /* background: #fff4f4; */
}
.formError .formErrorContent {
    margin-top: 10px;
    color: #f00;
    font-size: 14px;
    background-color: transparent;
    padding: 0;
}

/* Contact
------------------------------------------ */
/* contactArea */
.contactArea {
    margin: 142px auto 0 auto;
    width: 55.71vw;
}
@media screen and (max-width: 767px) {
    .contactArea {
        margin: 55px auto 0 auto;
        padding-bottom: 140px;
        width: auto;
    }
}

/* contactHeadLv1 */
.contactHeadLv1 {
    color: #000;
    font-size: 100px;
    font-weight: 200;
    font-family: acumin-pro, sans-serif;
    line-height: 1.2;
    letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
    .contactHeadLv1 {
        font-size: 43px;
        line-height: 1.4;
        letter-spacing: -0.02em;
    }
}

/* contactLead */
.contactLead {
    font-size: 16px;
}
.contactHeadLv1 + .contactLead {
    margin-top: 90px;
}
@media screen and (max-width: 767px) {
    .contactLead {
        font-size: 14px;
    }
    .contactHeadLv1 + .contactLead {
        margin-top: 70px;
    }
}

/* home
------------------------------------------ */
/* homeNewsContent */
.homeNews{
    width: 32.71vw;
    min-width: 360px;
    height: 100vh;
    position: fixed;
    right: 0;
    z-index: 100;
    pointer-events: none;
}
body.-is-glMenuOpen .homeNews{
    /* z-index: 9; */
}
.homeNewsContent{
    width: 100%;
    height: 18.64vw;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #000;
    color: #fff;
    transition: .42s cubic-bezier(0.473, 0.427, 0, 0.993);
    /* pointer-events: all; */
}

.homeNews_slideWrap{
    color: #fff;
    display: block;
    height: 100%;
    /* padding: 70px;
  padding: 5vw; */
}
.homeNews .swiper-container,
.homeNews .swiper-wrapper{
    height: 100%;
    pointer-events: none;
}
.homeNews .swiper-slide{
    height: 100%;
    padding: 5vw;
}
.homeNews .swiper-slide.swiper-slide-active{
    display: block;
    z-index: 10;
    background-color: #000;
}
.homeNews .swiper-slide::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3.92vw;
    background: linear-gradient(rgba(0,0,0,0) 0, rgba(0,0,0,1) 40%, rgba(0,0,0,1))
}
.homeNews_slideDate{
    font-size: 13px;
    font-size: max(.88vw, 13px);
    color: rgba(255, 255, 255, 0.7);
    font-family: acumin-pro, sans-serif;
    line-height: 1;
    letter-spacing: .05em;
    margin-bottom: 13px;
    pointer-events: auto;
}
.homeNews_slideTitle{
    font-size: 14px;
    font-size: max(1vw, 14px);
    margin-bottom: min(1.14vw, 16px);
    line-height: 1.571;
    letter-spacing: 0;
    pointer-events: auto;
    /* text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; */
}
.homeNews_slideTitle a{
    color: #fff;
    pointer-events: auto;
    opacity: 1;
    transition: opacity 0.3s ease;
}
body:not(.-is-touchDevice) .homeNews_slideTitle a:hover{
    opacity: .7;
}
.homeNews_slideText{
    height: auto;
    overflow: hidden;
    font-size: 14px;
    font-size: max(1vw, 14px);
    color: rgba(255, 255, 255, 0.7);
    opacity: 1;
    transition: .32s ease;
    line-height: 1.571;
    letter-spacing: 0;
    pointer-events: auto;
}
.homeNews .swiper-button{
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    z-index: 10;

    height: 100%;
    top: 0;
    right: 0;
    padding: 16px 16px 0 0;
}
.homeNews .swiper-button-prev,
.homeNews .swiper-button-next{
    position: static;
    margin: 0;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    transition: .2s ease;
    background-color: rgba(255,255,255,0);
    pointer-events: all;
}
.homeNews .swiper-button-prev:hover,
.homeNews .swiper-button-next:hover{
    background-color: rgba(255,255,255,.12);
}
.homeNews .swiper-button-next:after,
.homeNews .swiper-button-prev:after{
    width: 32px;
    height: 32px;
    content: '';
    background: url(./assets/images/top/icn_topNewsSwiperArrow.svg) no-repeat center;
}
.homeNews .swiper-button-prev{
    transform: rotate(180deg);
}
.homeNews.-is-min .swiper-slide{
    padding: 20px 34px 20px 34px;
}
.homeNews.-is-min .swiper-slide::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 120px;
    height: 100%;
    background: linear-gradient(90deg,rgba(0,0,0,0) 0 10% , rgba(0,0,0,1) 24%, rgba(0,0,0,1));
    /* linear-gradient(45deg, red 0 50%, blue 50% 100%); */
}
.-is-min.homeNews .swiper-container{
    -webkit-animation: fadein-keyframes .4s ease 0s forwards;
    animation: fadein-keyframes .4s ease 0s forwards;
}
.-is-high.homeNews .swiper-container{
    -webkit-animation: fadein-keyframes02 .4s ease 0s forwards;
    animation: fadein-keyframes02 .4s ease 0s forwards;
}
@-webkit-keyframes fadein-keyframes {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadein-keyframes {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadein-keyframes02 {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadein-keyframes02 {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.-is-min .homeNewsContent{
    height: 96px;
    /* bottom: -100px; */
}
.-is-min .swiper-slide::after{
    display: none;
}
.homeNews.-is-min .swiper-slide {
    /* padding: min(2.14vw, 30px) min(2.1vw, 34px); */
    /* padding: 2.14vw 2.42vw; */
    padding: 30px 34px;
}
.-is-min .homeNews_slideDate{
    margin-bottom: 8px;
    font-size: 13px;
}
.-is-min .homeNews_slideTitle{
    /* line-height: 1; */
    height: 1.57em;
    overflow: hidden;
    font-size: 14px;
}
.-is-min .homeNews_slideText{
    opacity: 0;
}
.-is-min .swiper-button{
    align-items: center;
    padding: 0 20px;
}
.-is-hide .homeNewsContent{
    height: 0;
}
@media screen and (min-width: 1500px){
    .homeNews{
        width: 491px;
    }
    .homeNewsContent{
        height: 280px;
    }
    .homeNews .swiper-slide{
        padding: 74px;
    }
    .homeNews_slideDate{
        /* font-size: min(.88vw, 13px); */
        font-size: 14px;
    }
    /* 1500/1400 = 1.0714285714285714
  13*1.0714285714285714 = 13.928571428571429
  14*1.0714285714285714 = 15 */
    .homeNews_slideTitle{
        font-size: 15px;
        /* font-size: min(1vw, 14px); */
    }
    .homeNews_slideText{
        font-size: 15px;
        /* font-size: min(1vw, 14px); */
    }
}
@media screen and (max-width: 1400px) and (min-width: 768px){
    /* .homeNews .swiper-slide{
    padding: 3.6vw;
  } */
    /* .homeNews .swiper-slide::after{
    padding: min(3.6vw, 20px);
  } */
    .homeNews_slideText{
        height: 4.713em;
    }
    /* .homeNews.-is-min .swiper-slide {
    padding: 2.14vw;
  } */
}

@media screen and (max-width: 767px){
    .homeNews{
        width: 100vw;
        /* height: calc(var(--viewport_vh) * 100); */
        height: 100%;
        /* height: 100vh; */
        /* height: -webkit-fill-available; */
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 100;
        transition: height .2s ease;
        max-width: none;
        min-width: auto;
        pointer-events: none;
        -webkit-overflow-scrolling: touch;
    }
    .-is-min.homeNews .swiper-container,
    .-is-high.homeNews .swiper-container{
        -webkit-animation: none;
        animation: none;
    }
    .-is-min .homeNewsContent,
    .homeNewsContent{
        height: auto;
    }
    .homeNews .swiper-slide,
    .homeNews.-is-min .swiper-slide{
        padding: 24px 22px;
    }
    .homeNews .swiper-slide::after{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        width: 28.53vw;
        height: 100%;
        background: linear-gradient(90deg,rgba(0,0,0,0) 0 10% , rgba(0,0,0,1) 24%, rgba(0,0,0,1));
        pointer-events: none;
    }
    .homeNews .swiper-button{
        padding: 0 10px 0 0;
        align-items: center;
        pointer-events: all;
    }
    .homeNews .swiper-button-prev, .homeNews .swiper-button-next{
        outline: none;
    }
    .-is-min .homeNews_slideDate,
    .homeNews_slideDate{
        font-size: 11px;
        margin-bottom: 9px;
    }
    .-is-min .homeNews_slideTitle,
    .homeNews_slideTitle{
        font-size: 12px;
        white-space: nowrap;
        margin-bottom: 0;
    }
    .homeNews_slideText{
        display: none;
    }

    /* 非表示 */
    .homeNews.-is-min .swiper-slide {
        /* padding: 3vw; */
    }
    .-is-hide .homeNewsContent{
        transform: translateY(100%);
    }
}

/* homeHeadLv1 */
.homeHeadLv1 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

/* homeHeadLv2 */
.homeHeadLv2 {
    color: #000;
    font-family: acumin-pro, sans-serif;
}
.homeHeadLv2_main {
    display: block;
    font-size: 14px;
    font-size: max(1rem, 14px);
    font-weight: 200;
    line-height: 2;
    letter-spacing: 0.2em;
}
.homeHeadLv2_sub {
    margin: 27px 0 0 8px;
    margin: 1.92vw 0 0 8px;
    display: block;
    color: #000;
    font-size: 20px;
    font-size: max(2rem, 20px);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
    .homeHeadLv2_sub {
        font-size: 12px;
    }
}
.homeWorksSec_years {
    margin-bottom: 10vw;
    color: #000;
    font-size: 20px;
    font-size: 1.42vw;
    font-size: max(4rem, 32px);
    font-weight: 700;
    line-height: 1.6;
}


@media screen and (max-width: 767px) {
    .homeHeadLv2_main {
        font-size: 43px;
        font-size: 3.3vw;
        line-height: 1.4;
    }
    .homeHeadLv2_sub {
        margin: 13px 0 0 4px;
        font-size: 16px;
        font-size: 4.26vw;
    }
}

/* homeLead */
.homeLead {
    padding: 164px 0 98px 0;
    padding: 10vw 0 0 0;
    color: #000;
    font-size: 100px;
    font-size: 1vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: 0.2em;
}
.homeLead_line1 {
    display: block;
}
.home .homeLead_line2 {
    display: block;
    margin-top: -0.36em
}
@media screen and (max-width: 767px) {
    .homeLead {
        padding: 54px 0 44px 0;
        padding: 14.4vw 0 11.73vw 0;
        font-size: 43px;
        font-size: 3.46vw;
        line-height: 1.4;
        letter-spacing: -0.02em;
    }
    .homeLead_line2 {
        margin-top: 0;
    }
}

/* homeMainImage */
.homeMainImage {
    position: relative;
    padding-top: 51.49%;
    height: 0;
    overflow: hidden;
}
/* .homeMainImage .imageItemWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  transition: all 0.3s ease;
} */

.homeMainImage .homeBg_image {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44.2vw;
    transform: scale(1) translateX(0);
    opacity: 0;
    will-change: transform;
}
.homeMainImage .homeBg_image::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fcfcfc;
    pointer-events: none;
    transition: clip-path 0.57s cubic-bezier(0.57, 0, 0, 0.99),
    -webkit-clip-path 0.57s cubic-bezier(0.57, 0, 0, 0.99);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 140%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 140%, 0% 100%);
}
body.-is-pageLoaded .homeMainImage .homeBg_image::before {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
body.-is-ie .homeMainImage .homeBg_image::before{
    display: none;
}

.homeMainImage .homeBg_image.-is-on {
    transform: scale(1) translateX(0);
    width: 100%;
    z-index: 5;
    opacity: 1;
    transition: transform 1.7s cubic-bezier(0.473, 0.427, 0, 0.993) 0s;
}
.homeMainImage .homeBg_image.-is-off {
    transform: scale(1) translateX(0px);
    /* width: 0; */
    z-index: 10;
    opacity: 1;
    transition: transform 1.7s cubic-bezier(0.45, 0.05, 0.3, 0.93) 0s;
}
.homeMainImage .homeBg_image .homeBg_imageObj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: center top no-repeat;
    background-size: cover;
}
.homeMainImage .homeBg_image .homeBg_imageObj video {
    border: none;
}
.homeMainImage .homeBg_image .homeBg_imageObj {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 140%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 140%, 0% 100%);
    transition: -webkit-clip-path 0.78s cubic-bezier(0.57, 0, 0, 0.99);
    transition: clip-path 0.78s cubic-bezier(0.57, 0, 0, 0.99);
    transition: clip-path 0.78s cubic-bezier(0.57, 0, 0, 0.99), -webkit-clip-path 0.78s cubic-bezier(0.57, 0, 0, 0.99);
    transition: clip-path 0.78s cubic-bezier(0.57, 0, 0, 0.99),
    -webkit-clip-path 0.78s cubic-bezier(0.57, 0, 0, 0.99);
    transition: clip-path 0.78s cubic-bezier(0.57, 0, 0, 0.99),
    -webkit-clip-path 0.78s cubic-bezier(0.57, 0, 0, 0.99);
    transition: clip-path 0.78s cubic-bezier(0.57, 0, 0, 0.99),
    -webkit-clip-path 0.78s cubic-bezier(0.57, 0, 0, 0.99);
}
.homeMainImage .homeBg_image.-is-off .homeBg_imageObj {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}

.homeMainImage .imageItemWrap .imageItem {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (max-width: 767px) {
    .homeMainImage {
        margin-left: -8vw;
        margin-right: -8vw;
        padding-top: 0;
        height: 138.93333vw;
    }
    .homeMainImage .homeBg_image {
        height: 100%;
    }
}

/* homeService */
.homeService {
    padding: 193px 5vw 227px 5vw;
    padding: 13.78vw 5vw 16.21vw 5vw;
    background: #fff;
}
.homeService_body {
    margin: 138px 0 0 53.6%;
    margin: 9.85vw 0 0 53.6%;
}
.homeService_service {
    color: #000;
    font-size: 16px;
    font-size: max(1.6rem, 16px);
    font-family: acumin-pro, sans-serif;
    line-height: 1.5;
    letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    /* .homeService_service {
    font-size: 12px;
  } */
}
.homeService_lead {
    color: #000;
    font-size: 20px;
    font-size: max(2rem, 18px);
    font-weight: 700;
    line-height: 1.6;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    /* .homeService_lead {
    font-size: 12px;
  } */
}
.homeService_service + .homeService_lead {
    margin-top: 13px;
    margin-top: 0.92vw;
}
.homeService_text {
    margin-top: 41px;
    margin-top: 2.92vw;
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    font-size: max(1.6rem, 14px);
    line-height: 1.88;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    /* .homeService_text {
    font-size: 12px;
  } */
}
.homeService_link {
    margin-top: 46px;
    margin-top: 3.28vw;
    font-size: 16px;
    font-size: max(1.6rem, 14px);
    font-family: acumin-pro, sans-serif;
    line-height: 1.5;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    /* .homeService_link {
    font-size: 12px;
  } */
}
.homeService_linkA {
    position: relative;
    padding: 0 32px 0 0;
    display: inline-block;
    color: #000;
}
.homeService_linkText {
    transition: opacity 0.3s ease;
}
body:not(.-is-touchDevice) .homeService_linkA:hover .homeService_linkText {
    opacity: 0.69;
}
/*.homeService_linkArrow {*/
/*    position: absolute;*/
/*    top: 45%;*/
/*    right: 0;*/
/*    display: block;*/
/*    width: 22px;*/
/*    height: 5px;*/
/*    background: url(./assets/images/common/img_arrow_01.svg) no-repeat;*/
/*    background-size: 22px 5px;*/
/*    transition: all 0.3s ease;*/
/*}*/
body:not(.-is-touchDevice) .homeService_linkA:hover .homeService_linkArrow {
    transform: translateX(-4px);
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    .homeService_linkArrow {
        position: absolute;
        top: 40%;
    }
}
@media screen and (max-width: 767px) {
    .homeService {
        padding: 63px 0 80px 0;
        padding: 16.8vw 0 21.33vw 0;
    }
    .homeService_body {
        margin: 80px 0 0 0;
        margin: 21.33vw 0 0 0;
    }
    .homeService_service {
        font-size: 14px;
        font-size: 3.73vw;
    }
    .homeService_lead {
        font-size: 4.6vw;
        line-height: 1.6;
    }
    .homeService_service + .homeService_lead {
        margin-top: 10px;
        margin-top: 2.6vw;
    }
    .homeService_text {
        margin-top: 25px;
        margin-top: 6.66vw;
        color: rgba(0, 0, 0, 0.6);
        font-size: 14px;
        font-size: 3.73vw;
        line-height: 2;
    }
    .homeService_link {
        margin-top: 9vw;
        font-size: 3.73vw;
    }
}
@media screen and (max-width: 374px) {
    .homeService_service {
        font-size: 12px;
    }
    .homeService_text {
        font-size: 12px;
    }
}

/* homeWorks */
.homeWorks {
    padding: 168px 0 220px 5vw;
    padding: 18vw 0 1vw 5vw;
    background: #fff;
}
.homeWorksSec {
    display: table;
    display: flex;
    align-items: center;
    width: 70%;
}
.homeWorksSec_imageLink {
    display: block;
    width: 70%;
}
.homeWorksSec.-reverse .homeWorksSec_imageLink {
    width: 54.32%;
}
.homeHeadLv2 + .homeWorksSec {
    margin-top: 181px;
    margin-top: 12.92vw;
}
.homeWorksSec + .homeWorksSec {
    margin-top: 220px;
    margin-top: 15.71vw;
}
.homeWorksSec .homeWorksSec_image .imageItemWrap {
    padding-top: 147.2527%;
}
.homeWorksSec .homeWorksSec_image.portrait .imageItemWrap {
    padding-top: 70.2087%;
}
.homeWorksSec .homeWorksSec_image.-sp {
    display: none;
}
.homeWorksSec_image {
    transition: opacity 0.3s ease;
}
body:not(.-is-touchDevice) a:hover .homeWorksSec_image {
    opacity: 0.69;
}
.homeWorksSec .homeWorksSec_main {
    padding: 0 164px 0 131px;
    padding: 0 11.71vw 0 0;
    /* width: auto; */
    flex: 1;
    vertical-align: middle;
}
.homeWorksSec.-reverse .homeWorksSec_main {
    padding: 0 131px 0 51px;
    padding: 0 9.35vw 0 3.64vw;
}
.homeWorksSec_tags {
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    font-size: 0.92vw;
    font-weight: 500;
    line-height: 1.5;
}
.homeWorksSec_tags span:not(:first-child) {
    display: inline-block;
    margin-left: 1.2em;
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
    .homeWorksSec_tags {
        font-size: 12px;
    }
}
.homeWorksSec_head {
    margin-top: 6px;
    color: #000;
    font-size: 20px;
    font-size: 1.42vw;
    font-size: max(2rem, 18px);
    font-weight: 700;
    line-height: 1.6;
	margin-bottom: 0.5vw;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
    /* .homeWorksSec_head {
    font-size: 12px;
  } */
}
.homeWorksSec_text {
    margin-top: 57px;
    margin-top: 1vw;
	margin-bottom: 2vw;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    /* font-size: 1vw; */
    font-size: max(1.6rem, 14px);
    line-height: 1.86;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    /* .homeWorksSec_text {
    font-size: 12px;
  } */
}

.homeWorksSec_link {
    margin-top: 46px;
    margin-top: 3.28vw;
    font-size: 16px;
    font-size: 1.14vw;
    font-family: acumin-pro, sans-serif;
    line-height: 1.5;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    .homeWorksSec_link {
        font-size: 12px;
    }
}
.homeWorksSec_linkA {
    position: relative;
    padding: 0 32px 0 0;
    display: inline-block;
    color: #000;
}
.homeWorksSec_linkText {
    transition: opacity 0.3s ease;
}
body:not(.-is-touchDevice) .homeWorksSec_linkA:hover .homeWorksSec_linkText {
    opacity: 0.69;
}
/*.homeWorksSec_linkArrow {*/
/*    position: absolute;*/
/*    top: 45%;*/
/*    right: 0;*/
/*    display: block;*/
/*    width: 22px;*/
/*    height: 5px;*/
/*    background: url(./assets/images/common/img_arrow_01.svg) no-repeat;*/
/*    background-size: 22px 5px;*/
/*    transition: all 0.3s ease;*/
/*}*/
body:not(.-is-touchDevice) .homeWorksSec_linkA:hover .homeWorksSec_linkArrow {
    transform: translateX(-4px);
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    .homeWorksSec_linkArrow {
        position: absolute;
        top: 40%;
    }
}

@media screen and (max-width: 767px) {
    .homeWorks {
        padding: 52px 0 80px 0;
        padding: 13.86vw 0 21.33vw 0;
    }
    .homeWorksSec {
        display: block;
        width: auto;
    }
    .homeWorksSec.-reverse {
        margin-right: -8vw;
        margin-left: 8vw;
    }
    .homeHeadLv2 + .homeWorksSec {
        margin-top: 79px;
        margin-top: 21.06vw;
    }
    .homeWorksSec + .homeWorksSec {
        margin-top: 74px;
        margin-top: 19.73vw;
    }
    .homeWorksSec .homeWorksSec_main,
    .homeWorksSec .homeWorksSec_image {
        display: block;
        vertical-align: baseline;
    }
    .homeWorksSec_imageLink {
        width: 100%;
    }
    .homeWorksSec .homeWorksSec_image .imageItemWrap {
        height: 96.8vw;
        padding-top: 0;
    }
    .homeWorksSec.-reverse .homeWorksSec_image .imageItemWrap .imageItem {
        height: auto;
    }
    .homeWorksSec .homeWorksSec_image.-sp {
        display: block;
    }
    .homeWorksSec .homeWorksSec_image.-pc {
        display: none;
    }
    .homeWorksSec.-reverse .homeWorksSec_image {
        width: auto;
    }
    .homeWorksSec.-reverse .homeWorksSec_image.portrait .imageItemWrap {
        padding-top: 0;
        height: auto;
    }
    .homeWorksSec .homeWorksSec_main {
        padding: 38px 0 0 0;
        padding: 10.13vw 0 0 0;
        width: auto;
        vertical-align: baseline;
    }
    .homeWorksSec.-reverse .homeWorksSec_main {
        padding: 38px 8vw 0 0;
        padding: 10.13vw 8vw 0 0;
    }
    .homeWorksSec_tags {
        font-size: 12px;
        font-size: 3.2vw;
    }
    .homeWorksSec_head {
        margin-top: 1px;
        font-size: 16px;
        font-size: 4.26vw;
        line-height: 2;
    }
    .homeWorksSec_text {
        margin-top: 30px;
        margin-top: 8vw;
        font-size: 14px;
        font-size: 3.73vw;
        line-height: 2;
    }
    .homeWorksSec_link {
        margin-top: 5vw;
        font-size: 3.73vw;
    }
}
@media screen and (max-width: 374px) {
    .homeWorksSec_tags {
        font-size: 12px;
    }
    .homeWorksSec_text {
        font-size: 12px;
    }
}

/* homeMedia */
.homeMedia {
    padding: 77px 0 0 5vw;
    padding: 5.5vw 0 0 5vw;
    background: #fff;
}
.homeMedia_area {
    /* margin: 150px -7vw 0 -12vw;
  margin: 10.71vw -7vw 0 -12vw; */
}
.homeMedia_slide {
    /* padding-left: 12vw;
  padding-right: 12vw; */
}

.homeMedia_slide .swiper-slide {
    margin-right: 5.03%;
    width: 33.9%;
    max-width: 470px;
}
.homeMedia_slide .swiper-slide:last-child {
    margin-right: 0;
}
.homeMedia_slideA {
    display: block;
    transition: opacity 0.3s ease;
}
body:not(.-is-touchDevice) .homeMedia_slideA:hover {
    opacity: 0.69;
}
.homeMedia_slideImage {
    display: block;
}
.homeMedia_slideImage .imageItem {
    width: 100%;
    height: auto;
}
.homeMedia_slideInfo {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;

    margin-top: 21px;
    margin-top: 1.5vw;
    color: rgba(0, 0, 0, 0.46);
}
.homeMedia_slideDate {
    font-size: 16px;
    font-size: 1.14vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    .homeMedia_slideDate {
        font-size: 12px;
    }
}
.homeMedia_slideCategory {
    padding-top: 5px;
    padding-top: 0.0357vw;
    font-size: 13px;
    font-size: 0.92vw;
    line-height: 1.5;
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
    .homeMedia_slideCategory {
        padding-top: 0;
        font-size: 12px;
    }
}
.homeMedia_slideHead {
    margin-top: 17px;
    margin-top: 1.21vw;
    display: block;
    color: #000;
    font-size: 18px;
    /* font-size: 1.28vw; */
    font-size: max(1.75rem, 14px);
    font-weight: 700;
    line-height: 1.78;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
    /* .homeMedia_slideHead {
    font-size: 12px;
  } */
}
.homeMedia_slide .swiper-button-prev,
.homeMedia_slide .swiper-button-next {
    top: 0;
    width: 12vw;
    height: 100%;
    margin-top: 0;
    z-index: 1;
    display: block;
}
.homeMedia_slide .swiper-button-prev::after,
.homeMedia_slide .swiper-button-next::after {
    display: none;
}
.homeMedia_slide .swiper-button-prev {
    left: 0;
}
.homeMedia_slide .swiper-button-next {
    right: 0;
}
.homeMedia_viewall {
    margin: 10vw 0 0 12vw;
    width: 86.83%;
    width: calc(36% + 4.42% + 36%);
    font-size: 18px;
    font-size: 1.28vw;
    font-family: acumin-pro, sans-serif;
    line-height: 1.5;
    text-align: right;
    letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .homeMedia_viewall {
        font-size: 12px;
    }
}
.homeMedia_viewallA {
    position: relative;
    padding: 0 32px 0 0;
    display: inline-block;
    color: #000;
}
.homeMedia_viewallText {
    transition: opacity 0.3s ease;
}
body:not(.-is-touchDevice) .homeMedia_viewallA:hover .homeMedia_viewallText {
    opacity: 0.69;
}
.homeMedia_viewallArrow {
    position: absolute;
    top: 14px;
    top: 50%;
    right: 0;
    display: block;
    width: 22px;
    height: 5px;
    background: url(./assets/images/common/img_arrow_01.svg) no-repeat;
    background-size: 22px 5px;
    transition: all 0.3s ease;
}
body:not(.-is-touchDevice) .homeMedia_viewallA:hover .homeMedia_viewallArrow {
    transform: translateX(-4px);
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .homeMedia_viewallArrow {
        position: absolute;
        top: 40%;
    }
}
@media screen and (max-width: 767px) {
    .homeMedia {
        padding: 52px 0 0 0;
        padding: 13.86vw 0 0 0;
    }
    .homeMedia_area {
        margin: 79px -8vw 0 -8vw;
        margin: 21.06vw -8vw 0 -8vw;
    }
    .homeMedia_slide {
        padding-left: 8vw;
        padding-right: 8vw;
    }
    .homeMedia_slide .swiper-slide {
        margin-right: 8vw;
        width: 61.3333vw;
    }
    .homeMedia_slideInfo {
        margin-top: 12px;
        margin-top: 3.2vw;
    }
    .homeMedia_slideDate {
        font-size: 12px;
        font-size: 3.2vw;
    }
    .homeMedia_slideCategory {
        padding-top: 0;
        font-size: 12px;
        font-size: 3.2vw;
    }
    .homeMedia_slideHead {
        margin-top: 13px;
        margin-top: 3.46vw;
        font-size: 16px;
        font-size: 4.26vw;
        line-height: 1.6;
    }
    .homeMedia_slide .swiper-button-prev,
    .homeMedia_slide .swiper-button-next {
        width: 8vw;
    }
    .homeMedia_viewall {
        margin: 10vw 8vw 0 0;
        width: auto;
    }
    .homeMedia_viewall {
        font-size: 16px;
        font-size: 4.26vw;
    }
}
@media screen and (max-width: 374px) {
    .homeMedia_slideDate {
        font-size: 12px;
    }
    .homeMedia_slideCategory {
        font-size: 12px;
    }
}

.section.-home{
    padding-bottom: 0;
}
.js-horizontalScrollContainer.homeMedia{
    padding: 0 !important;
    overflow: hidden;
}
.js-horizontalScrollContainer.homeMedia #sectionPin{
    /* min-height: auto; */
}
.homeMedia .homeMediaTitle{
    padding-top: 5vw;
    padding-left: 12vw;
    padding-right: 7vw;
}
.homeMedia .pin-wrap{
    padding: 0 20vw 0 12vw;
    margin: 0;
    /* min-height: 100vh; */
}

.homeMedia_slide .slide-childe{
    margin-right: 5.03vw;
    width: 33.9vw;
    max-width: 470px;
}
.homeMedia_slide .slide-childe:last-child {
    margin-right: 0;
}

.sphomeMediaSlide{
    display: none;
    /* visibility: hidden; */
}
.pcHomeMediaSlide .homeMedia_viewall{
    /* margin: 10vw 0 0 7.5vw; */
    position: absolute;
    right: 7.5vw;
    bottom: min(10vw,100px);
    width: auto;
}
@media screen and (max-height: 500px) {
    .pcHomeMediaSlide .homeMedia_viewall{
        bottom: 50px;
    }
}
body.-is-tablet .sphomeMediaSlide{
    display: block;
}
body.-is-tablet .pcHomeMediaSlide{
    display: none;
}
body.-is-tablet .js-horizontalScrollContainer.homeMedia{
    padding-left: 8vw !important;
    padding-right: 8vw !important;
}
body.-is-tablet .homeMedia .homeMediaTitle{
    padding: 13.86vw 0 0 0;
}
body.-is-tablet .homeMedia_area {
    margin-top: 10.71vw;
}

@media screen and (max-width: 767px) {
    .homeMedia .pin-wrap{
        display: flex;
    }
    .homeMedia_slide .slide-childe {
        margin-right: 5.03vw;
        width: 61.3333vw;
        min-width: 61.3333vw;
    }

    .sphomeMediaSlide,
    .sphomeMediaSlide{
        /* visibility: visible; */
        display: block;
    }
    .pcHomeMediaSlide{
        display: none;
        /* visibility: hidden; */
    }
    .js-horizontalScrollContainer.homeMedia{
        padding-left: 8vw !important;
        padding-right: 8vw !important;
    }
    .homeMedia .homeMediaTitle{
        padding: 13.86vw 0 0 0;
    }
}



/* service
------------------------------------------ */
/* serviceTopHeader */
.serviceTopHeader {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    min-height: 600px;
    max-height: 900px;
    /*background-color: #fff;*/
    padding-bottom: 5vw;
    margin-bottom: 19.78vw;
}
.serviceTopHeader_head {
    padding: 144px 0 0 112px;
    padding: 10.28vw 0 0 8vw;
    color: #000;
    font-size: 100px;
    font-size: 7.14vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: -0.04em;

    transition: color 0.3s ease;
}
body.-is-nextView .serviceTopHeader_head,
body.-is-dark .serviceTopHeader_head {
    color: #FFF;
}
.serviceTopHeader_box {
    position: relative;
    width: 541px;
    width: 38.64vw;
    padding-top: 31.78vw;
}
.serviceTopHeader_lead {
    color: #000;
    font-size: 20px;
    font-size: 1.42vw;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1em;

    transition: color 0.3s ease;
}
body.-is-dark .serviceTopHeader_lead {
    color: #FFF;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
    .serviceTopHeader_lead {
        font-size: 12px;
    }
}
.serviceTopHeader_text {
    margin-top: 16px;
    margin-top: 1.14vw;
    color: rgba(0, 0, 0, 0.6);

    transition: color 0.3s ease;
}
body.-is-dark .serviceTopHeader_text {
    color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 767px) {
    .serviceTopHeader {
        display: block;
        margin-top: 0;
        height: auto;
        min-height: 0;
        max-height: 100%;
        padding-bottom: 0;
        margin-bottom: 25.33vw;
    }
    .serviceTopHeader_head {
        padding-top: 55px;
        padding-top: 14.6vw;
        font-size: 43px;
        font-size: 3.46vw;
        line-height: 1.4;
        letter-spacing: -0.02em;
    }
    .serviceTopHeader_box {
        position: relative;
        right: auto;
        bottom: auto;
        padding: 18.66vw 8vw 0 8vw;
        width: auto;
    }
    .serviceTopHeader_lead {
        font-size: 16px;
        font-size: 4.26vw;
        line-height: 2;
        letter-spacing: 0;
    }
    .serviceTopHeader_text {
        margin-top: 28px;
        margin-top: 7.46vw;
    }
}

/* serviceTopWwdR */
.serviceTopWwdR {
    overflow: hidden;
}
.serviceTopWwdR_header {
    padding: 0 0 2vw 0;

}
.serviceTopWwdR_head {
    color: #000;
    font-size: 100px;
    font-size: 7.14vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.1;
    text-align: center;
    text-indent: -0.02em;
    letter-spacing: -0.02em;
    position: relative;
    overflow: hidden;

    transition: color 0.3s ease;
}
body.-is-dark .serviceTopWwdR_head {
    color: #FFF;
}
.serviceTopWwdR_text {
    margin: 47px auto 0 auto;
    margin: 3.35vw auto 0 auto;
    width: max(40vw, 547px);
    color: rgba(0, 0, 0, 0.6);
    letter-spacing: 0;

    transition: color 0.3s ease;
}
body.-is-dark .serviceTopWwdR_text {
    color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 767px) {
    .serviceTopWwdR {
        margin-top: 65px;
        margin-top: 17.33vw;
        padding-bottom: 0;
    }
    .serviceTopWwdR_header {
        padding: 0 7.46vw 83px 7.46vw;
        padding: 0 7.46vw 22.13vw 7.46vw;
    }
    .serviceTopWwdR_head {
        font-size: 45px;
        font-size: 12vw;
    }
    .serviceTopWwdR_text {
        margin-top: 39px;
        margin-top: 10.4vw;
        width: auto;
    }
}

/* serviceTopWwdRSlider */
.serviceTopWwdRSlider {
    padding: 0 0 0 8vw;

    /* transition: opacity,transform 1.2s cubic-bezier(0.38, 0.14, 0.18, 0.97); */
    /* opacity: 0;
  transform: translate3d(16vw, 0, 0); */
}
/* .serviceTopWwdRSlider.-is-show {
  opacity: 1;
  transform: translate3d(0, 0, 0);
} */
.serviceTopWwdRSlider .swiper {
    padding-left: 8vw;
}
.serviceTopWwdRSlider .swiper-wrapper {
    margin-left: -8vw;
}
.serviceTopWwdRSlider .slide-childe {
    margin-right: 60px;
    margin-right: 6.42vw;
    /* 4.28*1.5 = 6.42 */
    width: 660px;
    width: 47.14vw;
    max-width: 700px;
    /* display: flex; */
}
.serviceTopWwdRSlider .slide-childe:last-child {
    margin-right: 0;
}
.serviceTopWwdRSlider_head {
    margin-top: 53px;
    margin-top: 3.78vw;
    color: #000;
    font-size: 20px;
    font-size: 1.42vw;
    font-size: max(1.42vw, 16px);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;

    transition: color 0.3s ease;
}
body.-is-dark .serviceTopWwdRSlider_head,
body.-is-dark .serviceTopWwdRSlider_head a {
    color: #FFF;
}
.serviceTopWwdRSlider_tag {
    margin-top: 10px;
    margin-top: 0.71vw;
    overflow: hidden;
}
.serviceTopWwdRSlider_tagList {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;

    margin: -10px 0 0 -22px;
    margin: -0.71vw 0 0 -1.57vw;
}
.serviceTopWwdRSlider_tagItems {
    margin: 10px 0 0 22px;
    margin: 0.71vw 0 0 1.57vw;
    color: rgba(0, 0, 0, 0.46);
    font-size: 15px;
    font-size: 1.07vw;
    font-size: max(1.07vw, 12px);
    line-height: 1.5;
    letter-spacing: 0;

    transition: color 0.3s ease;
}
body.-is-dark .serviceTopWwdRSlider_tagItems {
    color: rgba(255, 255, 255, 0.46);
}
.serviceTopWwdRSlider_text {
    margin-top: 41px;
    margin-top: 2.92vw;
    color: rgba(0, 0, 0, 0.6);
    font-size: 15px;
    font-size: 1.07vw;
    font-size: max(1.07vw, 12px);
    line-height: 1.74;
    letter-spacing: 0;

    transition: color 0.3s ease;
}
body.-is-dark .serviceTopWwdRSlider_text {
    color: rgba(255, 255, 255, 0.6);
}
.serviceTopWwdRSlider_nav {
    margin-top: 39px;
    margin-top: 2.78vw;
    font-size: 19px;
    font-size: 1.35vw;
    font-size: max(1.35vw, 16px);
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: 0;
}
.serviceTopWwdRSlider_navA {
    position: relative;
    display: inline-block;
    padding: 0 32px 0 0;
    color: #000;
}
body.-is-dark .serviceTopWwdRSlider_navA {
    color: #FFF;
}
.serviceTopWwdRSlider_navText {
    transition: opacity 0.3s ease;
}
body:not(.-is-touchDevice) .serviceTopWwdRSlider_navA:hover .serviceTopWwdRSlider_navText {
    opacity: 0.69;
}
.serviceTopWwdRSlider_navArrow {
    position: absolute;
    top: 45%;
    right: 0;
    display: block;
    width: 22px;
    height: 5px;
    background: url(./assets/images/common/img_arrow_01.svg) no-repeat;
    background-size: 22px 5px;
    transition: all 0.3s ease;
}
body.-is-dark .serviceTopWwdRSlider_navArrow {
    background: url(./assets/images/common/img_arrow_01_w.svg) no-repeat;
    background-size: 22px 5px;
}
body:not(.-is-touchDevice) .serviceTopWwdRSlider_navA:hover .serviceTopWwdRSlider_navArrow {
    transform: translateX(-4px);
}
.serviceTopWwdRSlider_image {
    position: relative;
    display: block;
    padding-top: 55.45%;
    height: 0;
    background: #1D2123;
    overflow: hidden;
    /*aspect-ratio: 110 / 61;*/
}
.serviceTopWwdRSlider_image.-no1 .serviceTopWwdRSlider_imageItem01 {
    position: absolute;
    bottom: -144px;
    bottom: -10.28vw;
    left: -135px;
    left: -9.64vw;
    width: 348px;
    width: 24.85vw;
    height: 348px;
    height: 24.85vw;
    opacity: 0.51;
    mix-blend-mode: screen;
}
.serviceTopWwdRSlider_image.-no1 .serviceTopWwdRSlider_imageItem02 {
    position: absolute;
    bottom: -68px;
    bottom: -4.85vw;
    left: -16px;
    left: -1.14vw;
    width: 261px;
    width: 18.64vw;
    height: 261px;
    height: 18.64vw;
    opacity: 0.6;
    mix-blend-mode: screen;
}
.serviceTopWwdRSlider_image.-no1 .serviceTopWwdRSlider_imageItem03 {
    position: absolute;
    bottom: -50px;
    bottom: -3.57vw;
    left: 101px;
    left: 7.21vw;
    width: 370px;
    width: 26.42vw;
    height: 370px;
    height: 26.42vw;
    opacity: 0.36;
    mix-blend-mode: screen;
}
.serviceTopWwdRSlider_image.-no2 .serviceTopWwdRSlider_imageItem01 {
    position: absolute;
    top: -99px;
    top: -7.07vw;
    left: -78px;
    left: -5.57vw;
    width: 537px;
    width: 38.35vw;
    height: 537px;
    height: 38.35vw;
    opacity: 0.4;
}
.serviceTopWwdRSlider_image.-no2 .serviceTopWwdRSlider_imageItem02 {
    position: absolute;
    top: 59px;
    top: 4.21vw;
    left: -78px;
    left: -5.57vw;
    width: 537px;
    width: 38.35vw;
    height: 287px;
    height: 20.5vw;
    opacity: 0.31;
    mix-blend-mode: screen;
}
.serviceTopWwdRSlider_image.-no2 .serviceTopWwdRSlider_imageItem03 {
    position: absolute;
    top: 139px;
    top: 9.92vw;
    left: -78px;
    left: -5.57vw;
    width: 537px;
    width: 38.35vw;
    height: 287px;
    height: 20.5vw;
    opacity: 0.31;
    mix-blend-mode: screen;
}
.serviceTopWwdRSlider_image.-no2 .serviceTopWwdRSlider_imageItem04 {
    position: absolute;
    top: 206px;
    top: 14.71vw;
    left: -78px;
    left: -5.57vw;
    width: 537px;
    width: 38.35vw;
    height: 287px;
    height: 20.5vw;
    opacity: 0.31;
    mix-blend-mode: screen;
}
.serviceTopWwdRSlider_image.-no3 .serviceTopWwdRSlider_imageItem01 {
    position: absolute;
    bottom: -120px;
    /* bottom: -8.57vw; */
    bottom: -16.57vw;
    left: -69px;
    left: -4.92vw;
    width: 352px;
    width: 25.14vw;
    height: 473px;
    height: 33.78vw;
    opacity: 0.4;
}
.serviceTopWwdRSlider_image.-no3 .serviceTopWwdRSlider_imageItem02 {
    position: absolute;
    bottom: -206px;
    /* bottom: -14.71vw; */
    bottom: -22.71vw;
    left: -31px;
    left: -2.21vw;
    width: 416px;
    width: 29.71vw;
    height: 558px;
    height: 39.85vw;
    opacity: 0.31;
    mix-blend-mode: screen;
}
@media screen and (max-width: 767px) {
    .serviceTopWwdRSlider {
        padding: 0 7.46vw;

        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    .serviceTopWwdRSlider .swiper {
        padding-left: 0;
    }
    .serviceTopWwdRSlider .swiper-wrapper {
        display: block;

        margin-left: 0;
    }
    .serviceTopWwdRSlider .swiper-slide {
        margin-right: 0;
        width: auto;
    }
    .serviceTopWwdRSlider .swiper-slide + .swiper-slide {
        margin-top: 90px;
        margin-top: 24vw;
    }
    .serviceTopWwdRSlider .swiper-slide:last-child {
        margin-right: 0;
    }
    .serviceTopWwdRSlider_head {
        margin-top: 27px;
        margin-top: 7.2vw;
        font-size: 4.26vw;
        font-size: clamp(14px, 4.26vw, 20px);
        letter-spacing: 0.02em;
    }
    .serviceTopWwdRSlider_tag {
        margin-top: 6px;
        margin-top: 1.6vw;
    }
    .serviceTopWwdRSlider_tagList {
        margin: -5px 0 0 -11px;
        margin: -1.33vw 0 0 -2.93vw;
    }
    .serviceTopWwdRSlider_tagItems {
        margin: 5px 0 0 11px;
        margin: 1.33vw 0 0 2.93vw;
        color: rgba(255, 255, 255, 0.46);
        font-size: 12px;
        font-size: 3.2vw;
        font-size: clamp(12px, 3.2vw, 15px);
    }
    .serviceTopWwdRSlider_text {
        margin-top: 22px;
        margin-top: 5.86vw;
        font-size: 14px;
        font-size: 3.73vw;
        font-size: clamp(12px, 3.73vw, 15px);
        line-height: 1.72;
    }
    .serviceTopWwdRSlider_nav {
        margin-top: 17px;
        margin-top: 4.53vw;
        font-size: 12px;
        font-size: 3.2vw;
        font-size: clamp(12px, 3.2vw, 19px);
    }
    .serviceTopWwdRSlider_image.-no1 .serviceTopWwdRSlider_imageItem01 {
        position: absolute;
        bottom: -18.13vw;
        left: -17.33vw;
        width: 44.8vw;
        height: 44.8vw;
    }
    .serviceTopWwdRSlider_image.-no1 .serviceTopWwdRSlider_imageItem02 {
        position: absolute;
        bottom: -8.8vw;
        left: -7px;
        left: -1.86vw;
        width: 33.6vw;
        height: 33.6vw;
    }
    .serviceTopWwdRSlider_image.-no1 .serviceTopWwdRSlider_imageItem03 {
        position: absolute;
        bottom: -6.66vw;
        left: 13.06vw;
        width: 47.73vw;
        height: 47.73vw;
    }
    .serviceTopWwdRSlider_image.-no2 .serviceTopWwdRSlider_imageItem01 {
        position: absolute;
        top: -13.06vw;
        left: -10.13vw;
        width: 69.33vw;
        height: 69.33vw;
    }
    .serviceTopWwdRSlider_image.-no2 .serviceTopWwdRSlider_imageItem02 {
        position: absolute;
        top: 7.73vw;
        left: -10.13vw;
        width: 69.33vw;
        height: 37.33vw;
    }
    .serviceTopWwdRSlider_image.-no2 .serviceTopWwdRSlider_imageItem03 {
        position: absolute;
        top: 17.86vw;
        left: -10.13vw;
        width: 69.33vw;
        height: 37.33vw;
    }
    .serviceTopWwdRSlider_image.-no2 .serviceTopWwdRSlider_imageItem04 {
        position: absolute;
        top: 26.4vw;
        left: -10.13vw;
        width: 69.33vw;
        height: 37.33vw;
    }
    .serviceTopWwdRSlider_image.-no3 .serviceTopWwdRSlider_imageItem01 {
        position: absolute;
        bottom: -15.73vw;
        left: -8.8vw;
        width: 45.6vw;
        height: 61.33vw;
    }
    .serviceTopWwdRSlider_image.-no3 .serviceTopWwdRSlider_imageItem02 {
        position: absolute;
        bottom: -26.66vw;
        left: -4vw;
        width: 53.86vw;
        height: 72.26vw;
    }
}

/* serviceTopWwd */
.serviceTopWwd {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 300vh;
    position: relative;
    z-index: -1;
}
body.-is-windows.-is-pc .serviceTopWwd {
    height: 250vh;
}
body.-is-ie .serviceTopWwd {
    height: 100vh;
}
.c-fixed, .c-fixed_target {
    left: 0;
    position: absolute;
    right: 0;
    top: -100vh;
}
.c-fixed_target {
    /* height: 100vh; */
    bottom: -100vh;
}
.serviceTopWwd_Inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.serviceTopWwd_head {
    color: #000;
    font-size: 100px;
    font-size: 7.14vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.1;
    text-align: center;
    text-indent: -0.04em;
    letter-spacing: -0.04em;
    position: relative;
    overflow: hidden;
}
body:not(.-is-ie) .serviceTopWwd_headInner {
    display: block;
    /* transition: opacity 0.7s cubic-bezier(0.54, 0, 0, 0.99) 0s,
    transform 0.79s cubic-bezier(0.462, 0.422, 0, 0.99);
  transform: translateY(1.5em); */

    transform: translate3d(0, 160%, 0) skewY(7deg);
    transition: opacity .7s cubic-bezier(0.54, 0, 0, 0.99), transform .95s cubic-bezier(.47,.43,0,.998) 0s;
}
.serviceTopWwd.is-inview .serviceTopWwd_headInner {
    transform: translate3d(0, 0, 0) skewY(0deg);
    opacity: 1;
}
.serviceTopWwd.-is-hide .serviceTopWwd_headInner {
    opacity: 0;
    transform: translate3d(0, -160%, 0) skewY(-7deg);
}
body.not-hide .serviceTopWwd.-is-hide .serviceTopWwd_headInner {
    opacity: 1;
    transform: none;
}
.serviceTopWwd_text {
    margin: 45px auto 0 auto;
    margin: 3vw auto 0 auto;
    width: 430px;
    width: 30.71vw;
    color: rgba(0, 0, 0, 0.6);
    /* overflow: hidden; */
}
body:not(.-is-ie) .serviceTopWwd_textInner {
    display: block;
    transition: opacity 0.7s cubic-bezier(0.54, 0, 0, 0.99) 0s,
    transform 0.79s cubic-bezier(0.462, 0.422, 0, 0.99);
    transform: translateY(40px);
    opacity: 0;
}
.serviceTopWwd.is-inview .serviceTopWwd_textInner {
    opacity: 1;
    transform: translateY(0);
}
.serviceTopWwd.-is-hide .serviceTopWwd_textInner {
    opacity: 0;
    transform: translateY(-100px);
}
body.not-hide .serviceTopWwd.-is-hide .serviceTopWwd_textInner {
    opacity: 1;
    transform: none;
}

@media screen and (max-width: 767px) {
    .serviceTopWwd {
        display: block;
        padding: 37.06vw 8vw 31.73vw 8vw;
        height: auto;
    }
    .c-fixed, .c-fixed_target {
        left: 0;
        position: static;
        right: 0;
        top: -100vh;
    }
    .c-fixed_target {
        bottom: -100vh;
    }
    .serviceTopWwd_Inner {
        height: auto;
    }
    .serviceTopWwd_head {
        font-size: 43px;
        font-size: 3.46vw;
        line-height: 1.4;
        text-indent: -0.02em;
        letter-spacing: -0.02em;
    }
    .serviceTopWwd_text {
        margin-top: 31px;
        margin-top: 8.26vw;
        width: auto;
    }
    .serviceTopWwd .serviceTopWwd_headInner {
        transform: translateY(0) !important;
        opacity: 1 !important;
    }
    .serviceTopWwd .serviceTopWwd_textInner {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
}

/* serviceTopWwdNo */
#serviceFixedWrap {
    height: 450vh;
    position: relative;
    overflow: hidden;
}
body.-is-windows.-is-pc #serviceFixedWrap{
    height: 300vh;
}
.serviceTopWwdNo_indicatorWrap {
    position: absolute;
    top: 0;
    right: 5vw;
    width: 2px;
    height: 100vh;
    display: flex;
    align-items: center;
    z-index: 10;
}
body.-is-ie .serviceTopWwdNo_indicatorWrap {
    position: static;
}
.serviceTopWwdNo_indicatorWrap .serviceTopWwdNo_indicator .serviceTopWwdNo_indicatorLine {
    transform: scaleY(0);
}
.serviceTopWwdNoInner {
    height: 150vh;
}
body.-is-windows.-is-pc .serviceTopWwdNoInner {
    height: 100vh;
}
.serviceTopWwdNo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    transition: opacity 0.4s ease;
    overflow: hidden;
}
.serviceTopWwdNo.-no1 {
    opacity: 0;
}
.serviceTopWwdNo.-no2 {
    opacity: 0;
}
.serviceTopWwdNo.-no3 {
    opacity: 0;
}
#serviceFixedWrap.-is-viewNo1 .serviceTopWwdNo.-no1 {
    opacity: 1;
    pointer-events: all;
}
#serviceFixedWrap.-is-viewNo2 .serviceTopWwdNo.-no2 {
    opacity: 1;
    pointer-events: all;
}
#serviceFixedWrap.-is-viewNo3 .serviceTopWwdNo.-no3 {
    opacity: 1;
    pointer-events: all;
}
body.-is-serviceHash #serviceFixedWrap.-is-viewNo1 .serviceTopWwdNo.-no1,
body.-is-serviceHash #serviceFixedWrap.-is-viewNo2 .serviceTopWwdNo.-no2 {
    opacity: 0 !important;
    transition: opacity 0s !important;
}

/* ie */
body.-is-ie .serviceTopWwdNo_indicatorWrap,
body.-is-ie .serviceTopWwdNo_indicator{
    display: none;
}
body.-is-ie #serviceFixedWrap {
    height: 300vh;
}
body.-is-ie .serviceTopWwdNo.-no1,
body.-is-ie .serviceTopWwdNo.-no2,
body.-is-ie .serviceTopWwdNo.-no3{
    opacity: 1;
    pointer-events: all;
    position: static;
}
body.-is-ie .serviceTopWwdNoInner {
    height: 100vh;
    position: relative;
}

body.-is-ie #serviceTopWwdNo_no1 .serviceTopWwdNo_bgColor {
    background-color: #98c4d8;
}
body.-is-ie #serviceTopWwdNo_no2 .serviceTopWwdNo_bgColor {
    background-color: #b4b5d5;
}
body.-is-ie #serviceTopWwdNo_no3 .serviceTopWwdNo_bgColor {
    background-color: #c1ae7c;
}

body.-is-ie #serviceFixedWrap .serviceTopWwdNo.-no1 .serviceTopWwdNo_bgImageItem01,
body.-is-ie #serviceFixedWrap .serviceTopWwdNo.-no1 .serviceTopWwdNo_bgImageItem02,
body.-is-ie #serviceFixedWrap .serviceTopWwdNo.-no1 .serviceTopWwdNo_bgImageItem03,
body.-is-ie #serviceFixedWrap .serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImageItem01,
body.-is-ie #serviceFixedWrap .serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImageItem02,
body.-is-ie #serviceFixedWrap .serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImageItem03,
body.-is-ie #serviceFixedWrap .serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImageItem01,
body.-is-ie #serviceFixedWrap .serviceTopWwdNo.-no3 .serviceTopWwdNo_bgImageItem02,
body.-is-ie #serviceFixedWrap .serviceTopWwdNo.-no3 .serviceTopWwdNo_bgImageItem03
{
    opacity: 1;
    transform: translateY(0);
}

@media screen and (max-width: 767px) {
    #serviceFixedWrap {
        height: 300vh;
    }
    .serviceTopWwdNo.-no1,
    .serviceTopWwdNo.-no2,
    .serviceTopWwdNo.-no3 {
        position: -webkit-sticky;
        position: sticky;
        opacity: 1;
    }
    .serviceTopWwdNo {
        transition: opacity 0.5s ease 0.1s;
    }
    .serviceTopWwdNoInner {
        height: 100vh;
    }
    .serviceTopWwdNo_vessel {
        height: 100vh;
    }
}
.serviceTopWwdNo_vessel {
    padding: 155px 0 8vw 8vw;
    padding: 11.07vw 0 8vw 8vw;
}
.serviceTopWwdNo_head {
    position: relative;
    color: #fff;
    font-family: acumin-pro, sans-serif;
}
.serviceTopWwdNo_head .serviceTopWwdNo_headNo {
    display: none;
}

.serviceTopWwdNo_indicatorWrap .serviceTopWwdNo_headNo {
    position: relative;
    color: #fff;
    font-family: acumin-pro, sans-serif;
    left: 1px;
    line-height: 1;
    margin-bottom: 20px;
}

.serviceTopWwdNo_indicatorWrap .serviceTopWwdNo_headNo .no {
    transition: 0.2s ease;
}
.serviceTopWwdNo_indicatorWrap .serviceTopWwdNo_headNo .-no02,
.serviceTopWwdNo_indicatorWrap .serviceTopWwdNo_headNo .-no03 {
    opacity: 0;
    position: absolute;
    top: 0.285vw;
    left: 0;
}
.-is-viewNo2 .serviceTopWwdNo_indicatorWrap .serviceTopWwdNo_headNo .-no01,
.-is-viewNo3 .serviceTopWwdNo_indicatorWrap .serviceTopWwdNo_headNo .-no01 {
    opacity: 0;
}
.-is-viewNo2 .serviceTopWwdNo_indicatorWrap .serviceTopWwdNo_headNo .-no02 {
    opacity: 1;
}
.-is-viewNo3 .serviceTopWwdNo_indicatorWrap .serviceTopWwdNo_headNo .-no03 {
    opacity: 1;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    .serviceTopWwdNo_head .serviceTopWwdNo_headNo {
        font-size: 12px;
    }
}
.serviceTopWwdNo_head .serviceTopWwdNo_headEn {
    font-size: 88px;
    font-size: 6.28vw;
    font-weight: 200;
    line-height: 1.04;
    letter-spacing: -0.02em;
}
.serviceTopWwdNo_indicator {
    width: 1px;
    height: 160px;
    height: 11.42vw;
    background: rgba(0, 0, 0, 0.11);
    margin: 0 auto;
}
.serviceTopWwdNo_indicator .serviceTopWwdNo_indicatorLine {
    width: 2px;
    height: 100%;
    background: #fff;
    transform-origin: 0 0;
}
.serviceTopWwdNo_box {
    position: absolute;
    right: 243px;
    right: 17.35vw;
    bottom: 120px;
    bottom: 8.57vw;
    width: 429px;
    width: 30.71vw;
    z-index: 10;
}
.serviceTopWwdNo_lead {
    color: #000;
    font-size: 24px;
    font-size: 1.71vw;
    font-weight: 700;
    line-height: 1.5;
}
.serviceTopWwdNo_text {
    margin-top: 30px;
    margin-top: 2.14vw;
    color: rgba(0, 0, 0, 0.6);
}
.serviceTopWwdNo_nav {
    margin-top: 44px;
}
.serviceTopWwdNo_navA {
    position: relative;
    padding: 0 32px 0 0;
    display: inline-block;
}
.serviceTopWwdNo_navText {
    color: #000;
    font-size: 16px;
    font-size: 1.14vw;
    font-family: acumin-pro, sans-serif;
    line-height: 1.5;
    transition: opacity 0.3s ease;
}
body:not(.-is-touchDevice) .serviceTopWwdNo_navA:hover .serviceTopWwdNo_navText {
    opacity: 0.69;
}
.serviceTopWwdNo_navArrow {
    position: absolute;
    top: 45%;
    right: 0;
    display: block;
    width: 22px;
    height: 5px;
    background: url(./assets/images/common/img_arrow_01.svg) no-repeat;
    background-size: 22px 5px;
    transition: all 0.3s ease;
}
body:not(.-is-touchDevice) .serviceTopWwdNo_navA:hover .serviceTopWwdNo_navArrow {
    transform: translateX(-4px);
}
.serviceTopWwdNo_bgImage {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 46.6vw;
    height: 46.6vw;
    pointer-events: none;
}
.serviceTopWwdNo_bgImageItem {
    position: absolute;
    mix-blend-mode: screen;
}
.serviceTopWwdNo.-no1 .serviceTopWwdNo_bgImageItem01 {
    width: 43.7vw;
    left: -12.1vw;
    top: 20.5vw;
    opacity: 0;
    transform: translateY(40px);
    transition: 1.4s cubic-bezier(0.57, 0, 0, 0.99) 0.2s;
}
.serviceTopWwdNo.-no1 .serviceTopWwdNo_bgImageItem02 {
    width: 32.6vw;
    left: 2.5vw;
    top: 22.2vw;
    opacity: 0;
    transform: translateY(70px);
    transition: 1s cubic-bezier(0.57, 0, 0, 0.99) 0.2s;
}
.serviceTopWwdNo.-no1 .serviceTopWwdNo_bgImageItem03 {
    width: 46.6vw;
    right: -17.2vw;
    top: 6.3vw;
    opacity: 0;
    transform: translateY(20px);
    transition: 1.2s cubic-bezier(0.57, 0, 0, 0.99) 0.2s;
}

#serviceFixedWrap.-is-viewNo1.is-inview .serviceTopWwdNo.-no1 .serviceTopWwdNo_bgImageItem01,
#serviceFixedWrap.-is-viewNo1.is-inview .serviceTopWwdNo.-no1 .serviceTopWwdNo_bgImageItem02,
#serviceFixedWrap.-is-viewNo1.is-inview .serviceTopWwdNo.-no1 .serviceTopWwdNo_bgImageItem03 {
    opacity: 1;
    transform: translateY(0);
}

.serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImage {
    width: 60.29vw;
    height: 41.79vw;
}
.serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImageItem01 {
    width: 59.29vw;
    left: -5.57vw;
    top: -10vw;
    opacity: 0;
    transform: translateY(70px);
    transition:transform 0.8s cubic-bezier(0.57, 0, 0, 0.99),opacity 0.8s cubic-bezier(0.57, 0, 0, 0.99);
    z-index: 1;
    will-change: transform,opacity;
}
.serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImageItem02 {
    width: 59.29vw;
    left: -5.57vw;
    top: 7.36vw;
    opacity: 0;
    transform: translateY(70px);
    transition:transform 1s cubic-bezier(0.57, 0, 0, 0.99),opacity 1s cubic-bezier(0.57, 0, 0, 0.99);
    z-index: 2;
    will-change: transform,opacity;
}
.serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImageItem03 {
    width: 59.29vw;
    left: -5.57vw;
    top: 16.36vw;
    opacity: 0;
    transform: translateY(70px);
    transition:transform 1.2s cubic-bezier(0.57, 0, 0, 0.99),opacity 1.2s cubic-bezier(0.57, 0, 0, 0.99);
    z-index: 3;
    will-change: transform,opacity;
}
.serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImageItem04 {
    width: 59.29vw;
    left: -5.57vw;
    top: 23.64vw;
    opacity: 0;
    transform: translateY(70px);
    transition:transform 1.4s cubic-bezier(0.57, 0, 0, 0.99),opacity 1.4s cubic-bezier(0.57, 0, 0, 0.99);
    z-index: 4;
    will-change: transform,opacity;
}

#serviceFixedWrap.-is-viewNo2.is-inview .serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImageItem01,
#serviceFixedWrap.-is-viewNo2.is-inview .serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImageItem02,
#serviceFixedWrap.-is-viewNo2.is-inview .serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImageItem03,
#serviceFixedWrap.-is-viewNo2.is-inview .serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImageItem04 {
    opacity: 1;
    transform: translateY(0);
}

.serviceTopWwdNo.-no3 .serviceTopWwdNo_bgImage {
    width: 50.93vw;
    height: 44.5vw;
}
.serviceTopWwdNo.-no3 .serviceTopWwdNo_bgImageItem01 {
    width: 34.14vw;
    left: 3.57vw;
    top: 7.43vw;
    transform: translateY(70px);
    transition: 0.8s cubic-bezier(0.57, 0, 0, 0.99);
}
.serviceTopWwdNo.-no3 .serviceTopWwdNo_bgImageItem02 {
    width: 39.71vw;
    left: 7.29vw;
    top: 7.43vw;
    opacity: 0;
    transform: translateY(70px);
    transition: 1s cubic-bezier(0.57, 0, 0, 0.99);
}

#serviceFixedWrap.-is-viewNo3.is-inview .serviceTopWwdNo.-no3 .serviceTopWwdNo_bgImageItem01,
#serviceFixedWrap.-is-viewNo3.is-inview .serviceTopWwdNo.-no3 .serviceTopWwdNo_bgImageItem02 {
    opacity: 1;
    transform: translateY(0);
}

.serviceTopWwdNo_bgColor {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
}
.serviceTopWwdNo.-no1 .serviceTopWwdNo_bgColor {
    background-color: #98c4d8;
}
.serviceTopWwdNo.-no2 .serviceTopWwdNo_bgColor {
    background-color: #b4b5d5;
}
.serviceTopWwdNo.-no3 .serviceTopWwdNo_bgColor {
    background-color: #c1ae7c;
}

@media screen and (max-width: 767px) {
    .serviceTopWwdNo {
        height: auto;
    }
    .serviceTopWwdNo_vessel {
        padding: 18.93vw 8vw 21.06vw 8vw;
    }
    .serviceTopWwdNo_head {
        padding: 0;
    }
    .serviceTopWwdNo_head .serviceTopWwdNo_headNo {
        position: relative;
        top: auto;
        left: auto;
        display: block;
        font-size: 16px;
        font-size: 4.26vw;
        font-family: acumin-pro, sans-serif;
        font-weight: 400;
    }
    .serviceTopWwdNo_head .serviceTopWwdNo_headEn {
        display: block;
        font-size: 40px;
        font-size: 10.66vw;
        line-height: 1.1;
    }
    .serviceTopWwdNo_indicatorWrap,
    .serviceTopWwdNo_indicator {
        display: none;
    }
    .serviceTopWwdNo_box {
        position: relative;
        right: auto;
        bottom: auto;
        width: auto;
    }
    .serviceTopWwdNo_lead {
        margin-top: 58px;
        margin-top: 15.46vw;
        font-size: 18px;
        font-size: 4.8vw;
        line-height: 1.78;
    }
    .serviceTopWwdNo_text {
        margin-top: 27px;
        margin-top: 7.2vw;
    }
    .serviceTopWwdNo_nav {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 36px;
        margin-top: 9.6vw;

        font-size: 13px;
        font-size: 3.46vw;
        line-height: 1.5;
        text-align: right;
    }
    .serviceTopWwdNo_navA {
        display: block;

        padding: 0 35px 0 0;
        border-radius: 0;
        width: auto;
        height: auto;
        background: transparent;
        color: rgba(0, 0, 0, 0.6);
    }
    .serviceTopWwdNo_navText {
        position: relative;
        top: auto;
        left: auto;
        font-size: 13px;
        font-size: 3.46vw;
    }
    .serviceTopWwdNo_navArrow {
        position: absolute;
        bottom: 25%;
        right: 0;
    }

    .serviceTopWwdNo.-no1 .serviceTopWwdNo_bgImage {
        width: 100%;
        height: 62.93vw;
    }
    .serviceTopWwdNo.-no1 .serviceTopWwdNo_bgImageItem01 {
        width: 61.07vw;
        left: -17.33vw;
        top: 27.47vw;
    }
    .serviceTopWwdNo.-no1 .serviceTopWwdNo_bgImageItem02 {
        width: 45.6vw;
        left: 3.47vw;
        top: 29.07vw;
    }
    .serviceTopWwdNo.-no1 .serviceTopWwdNo_bgImageItem03 {
        width: 64.8vw;
        left: 23.73vw;
        top: 7.47vw;
    }

    .serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImage {
        width: 100%;
        height: 75.47vw;
    }
    .serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImageItem01 {
        width: 107.2vw;
        left: -10.13vw;
        top: -18.13vw;
    }
    .serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImageItem02 {
        width: 107.2vw;
        left: -10.13vw;
        top: 13.07vw;
    }
    .serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImageItem03 {
        width: 107.2vw;
        left: -10.13vw;
        top: 29.33vw;
    }
    .serviceTopWwdNo.-no2 .serviceTopWwdNo_bgImageItem04 {
        width: 107.2vw;
        left: -10.13vw;
        top: 42.4vw;
    }

    .serviceTopWwdNo.-no3 .serviceTopWwdNo_bgImage {
        width: 100%;
        height: 87.47vw;
    }
    .serviceTopWwdNo.-no3 .serviceTopWwdNo_bgImageItem01 {
        width: 67.2vw;
        left: 6.93vw;
        top: 14.67vw;
    }
    .serviceTopWwdNo.-no3 .serviceTopWwdNo_bgImageItem02 {
        width: 79.47vw;
        left: 14.4vw;
        top: 14.67vw;
    }
}
@media screen and (max-width: 374px) {
    .serviceTopWwdNo_head .serviceTopWwdNo_headNo,
    .serviceTopWwdNo_navText,
    .serviceTopWwdNo_nav {
        font-size: 12px;
    }
}

/* serviceTop_headLv1 */
.serviceTop_headLv1 {
    color: #000;
    font-size: 100px;
    font-size: 7.14vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.1;
    letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
    .serviceTop_headLv1 {
        font-size: 43px;
        font-size: 3.46vw;
        line-height: 1.4;
    }
}

/* serviceTop_lead */
.serviceTop_lead {
    color: rgba(0, 0, 0, 0.5);
}

/* serviceTop_header */
.serviceTop_header {
    display: table;
    width: 100%;
}
.serviceTop_headerLead,
.serviceTop_headerHead {
    display: table-cell;
    vertical-align: top;
}
.serviceTop_headerHead {
    padding: 0 0 0 8vw;
}
.serviceTop_headerLead {
    padding: 2.5vw 12vw 0 0;
    width: 44.46%;
    vertical-align: middle;
}
@media screen and (max-width: 767px) {
    .serviceTop_header {
        display: block;
        padding: 0 8vw;
        width: auto;
    }
    .serviceTop_headerLead,
    .serviceTop_headerHead {
        display: block;
        vertical-align: baseline;
    }
    .serviceTop_headerHead {
        padding: 0;
    }
    .serviceTop_headerLead {
        padding: 8vw 0 0 0;
        width: auto;
        vertical-align: baseline;
    }
}

/* serviceTopFeature */
.serviceTopFeature {
    padding: 25.49vw 0 0 0;
}
.serviceTopFeature .serviceTop_headLv1 {
    transition: color 0.3s ease;
}
body.-is-dark .serviceTopFeature .serviceTop_headLv1 {
    color: #FFF;
}
.serviceTopFeature .serviceTop_lead {
    transition: color 0.3s ease;
}
body.-is-dark .serviceTopFeature .serviceTop_lead {
    color: rgba(255, 255, 255, 0.5);
}
.serviceTopFeature_column {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;

    margin: 10.85vw 12vw 0 12vw;
}
.serviceTopFeature_box {
    width: calc((100% - 9vw) / 2);
}
.serviceTopFeature_column .serviceTopFeature_box:nth-of-type(even) {
    padding-top: 120px;
    padding-top: 8.57vw;
}
.serviceTopFeature_head {
    color: #000;
    font-size: 20px;
    font-size: 1.42vw;
    font-weight: 700;
    line-height: 1.5;

    transition: color 0.3s ease;
}
body.-is-dark .serviceTopFeature_head {
    color: #FFF;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
    .serviceTopFeature_head {
        font-size: 12px;
    }
}
.serviceTopFeature_text {
    color: rgba(0, 0, 0, 0.62);

    transition: color 0.3s ease;
}
body.-is-dark .serviceTopFeature_text {
    color: rgba(255, 255, 255, 0.62);
}
.serviceTopFeature_head + .serviceTopFeature_text {
    margin-top: 33px;
    margin-top: 2.35vw;
}
@media screen and (max-width: 767px) {
    .serviceTopFeature {
        padding: 39.46vw 0 0 0;
    }
    .serviceTopFeature_column {
        display: block;

        margin: 17.33vw 8vw 0 8vw;
    }
    .serviceTopFeature_box {
        width: auto;
    }
    .serviceTopFeature_column .serviceTopFeature_box:nth-of-type(even) {
        padding-top: 0;
    }
    .serviceTopFeature_box + .serviceTopFeature_box {
        margin-top: 65px;
        margin-top: 17.33vw;
    }
    .serviceTopFeature_head {
        font-size: 16px;
        font-size: 4.26vw;
        line-height: 2;
    }
    .serviceTopFeature_head + .serviceTopFeature_text {
        margin-top: 26px;
        margin-top: 6.93vw;
    }
}

/* serviceTopSpecialty */
.serviceTopSpecialty {
    padding: 14.28vw 0 0 0;
}
.serviceTopSpecialty_body {
    padding: 11.35vw 12vw 0 8vw;
}
.serviceTopSpecialty_column {
    display: flex;
    align-items: center;
    width: 100%;
}
.serviceTopSpecialty_column + .serviceTopSpecialty_column {
    margin-top: 180px;
    margin-top: 12.85vw;
}
.serviceTopSpecialty_main,
.serviceTopSpecialty_image {
    vertical-align: top;
    flex: 1;
}
.serviceTopSpecialty_image {
    width: 31.71%;
}
.serviceTopSpecialty_image .imageItemWrap {
    padding-top: 150%;
}
.serviceTopSpecialty_image .imageItemWrap .imageItem {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    will-change: transform;
}
.serviceTopSpecialty_column.-reverse .serviceTopSpecialty_image.-sp {
    display: none;
}
.serviceTopSpecialty_main {
    padding: 0 10.28vw 0 9.14vw;
    vertical-align: middle;
}
.serviceTopSpecialty_column.-reverse .serviceTopSpecialty_main {
    padding: 0 7.78vw 0 11.64vw;
}
.serviceTopSpecialty_head {
    color: #000;
    font-size: 22px;
    font-size: 1.57vw;
    font-weight: 700;
    line-height: 1.73;
}
.serviceTopSpecialty_text {
    color: rgba(0, 0, 0, 0.5);
}
.serviceTopSpecialty_head + .serviceTopSpecialty_text {
    margin-top: 45px;
    margin-top: 3.21vw;
}
.serviceTopSpecialty_text + .serviceTopSpecialty_text {
    margin-top: 2em;
}
@media screen and (max-width: 767px) {
    .serviceTopSpecialty {
        padding: 100px 0 0 0;
        padding: 26.66vw 0 0 0;
    }
    .serviceTopSpecialty_body {
        padding: 74px 8vw 0 8vw;
        padding: 19.73vw 8vw 0 8vw;
    }
    .serviceTopSpecialty_column {
        display: block;
        width: auto;
    }
    .serviceTopSpecialty_column + .serviceTopSpecialty_column {
        margin-top: 80px;
        margin-top: 21.33vw;
    }
    .serviceTopSpecialty_main,
    .serviceTopSpecialty_image {
        display: block;
        vertical-align: baseline;
    }
    .serviceTopSpecialty_image {
        width: auto;
    }
    .serviceTopSpecialty_image .imageItemWrap{
        padding-top: 119%;
    }
    .serviceTopSpecialty_image .imageItemWrap .imageItem {
        width: 100%;
        /* height: 100vw; */
        -o-object-fit: cover;
        object-fit: cover;
    }
    .serviceTopSpecialty_column.-reverse .serviceTopSpecialty_image.-sp {
        display: block;
    }
    .serviceTopSpecialty_column.-reverse .serviceTopSpecialty_image.-pc {
        display: none;
    }
    .serviceTopSpecialty_main {
        padding: 7.86vw 0 0 0;
        vertical-align: baseline;
    }
    .serviceTopSpecialty_column.-reverse .serviceTopSpecialty_main {
        padding: 7.86vw 0 0 0;
    }
    .serviceTopSpecialty_head {
        font-size: 16px;
        font-size: 4.26vw;
        line-height: 2;
    }
    .serviceTopSpecialty_head + .serviceTopSpecialty_text {
        margin-top: 5.86vw;
    }
}

/* serviceTopSpecialtyCase */
.serviceTopSpecialtyCase {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;

    margin-top: 54px;
    margin-top: 3.85vw;
    padding: 2.85vw 50px 2.85vw 2.85vw;
    border: 1px solid #ededed;
    position: relative;
}
.serviceTopSpecialtyCase::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 22px;
    display: block;
    margin-top: -2.5px;
    width: 22px;
    height: 5px;
    background: url(./assets/images/common/img_arrow_01.svg) no-repeat;
    background-size: 22px 5px;
    transition: all 0.3s ease;
}
body:not(.-is-touchDevice) a:hover .serviceTopSpecialtyCase::after {
    transform: translateX(-4px);
}

.serviceTopSpecialtyCase_main {
    flex: 1;

    position: relative;
}
.serviceTopSpecialtyCase_head {
    color: #000;
    font-size: 14px;
    /* font-size: 1vw; */
    font-size: max(1.6rem, 14px);
    font-weight: 700;
    line-height: 1.5;
}
.serviceTopSpecialtyCase_text {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    /* font-size: 1vw; */
    font-size: max(1.6rem, 14px);
    font-weight: 500;
    line-height: 1.5;
    transition: color 0.3s ease;
}
.serviceTopSpecialtyCase_head + .serviceTopSpecialtyCase_text {
    margin-top: 9px;
    margin-top: 0.642vw;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    /* .serviceTopSpecialtyCase_text,
  .serviceTopSpecialtyCase_head {
    font-size: 12px;
  } */
}
body:not(.-is-touchDevice) a:hover .serviceTopSpecialtyCase_text {
    color: #000;
}
@media screen and (max-width: 767px) {
    .serviceTopSpecialtyCase {
        margin-top: 5.86vw;

        padding: 22px 9px;
        padding: 5.86vw 30px 5.86vw 2.4vw;
    }
    .serviceTopSpecialtyCase_main {
        padding: 3px 0 0 20px;
        padding: 0.8vw 20px 0 5.33vw;
    }
    .serviceTopSpecialtyCase_head {
        font-size: 12px;
        font-size: 3.2vw;
    }
    .serviceTopSpecialtyCase_text {
        font-size: 12px;
        font-size: 3.2vw;
    }
    .serviceTopSpecialtyCase_head + .serviceTopSpecialtyCase_text {
        margin-top: 7px;
        margin-top: 1.86vw;
    }
}
@media screen and (max-width: 374px) {
    .serviceTopSpecialtyCase_head {
        font-size: 12px;
    }
    .serviceTopSpecialtyCase_text {
        font-size: 12px;
    }
}

/* serviceDetailHead */
.serviceDetailHead {
    font-size: 12px;
    font-size: 0.85vw;
    color: #000;
    font-family: acumin-pro, sans-serif;
    font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .serviceDetailHead {
        font-size: 12px;
    }
}
.serviceDetailHead_line {
    display: inline-block;
    padding-bottom: 1px;
    border-bottom: 1px solid #000;
}
@media screen and (max-width: 767px) {
    .serviceDetailHead {
        font-size: 12px;
        font-size: 3.2vw;
    }
}
@media screen and (max-width: 374px) {
    .serviceDetailHead {
        font-size: 12px;
    }
}

/* serviceDetailHeader */
.serviceDetailHeader {
    position: relative;
    margin-top: -9.57vw;
}
.serviceDetailHeader_head {
    padding: 215px 0 0 12vw;
    padding: 15.35vw 0 0 12vw;
    color: #000;
    font-size: 70px;
    font-size: 5vw;
    font-weight: 500;
    line-height: 1.29;
}
.serviceDetailHeader_text {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;

    margin: 208px 12vw 0 12vw;
    margin: 14.85vw 12vw 0 12vw;
}
.serviceDetailBody + .serviceDetailHeader_text {
    margin-top: 3.72vw;
}
.serviceDetailHeader_textH {
    width: 35.9%;
}
.serviceDetailHeader_textB {
    flex: 1;
}
.serviceDetailHeader_textP + .serviceDetailHeader_textP {
    margin-top: 2em;
}
.serviceDetailB_bodyH + .serviceDetailHeader_textP {
    margin-top: 28px;
    margin-top: 2vw;
}
@media screen and (max-width: 767px) {
    .serviceDetailHeader {
        margin-top: 0;
        height: auto;
        min-height: 0;
        max-height: 100%;
    }
    .serviceDetailHeader_head {
        padding: 46px 0 0 8vw;
        padding: 12.26vw 0 0 8vw;
        font-size: 36px;
        font-size: 9.6vw;
    }
    .serviceDetailHeader_text {
        display: block;
        margin: 76px 8vw 0 8vw;
        margin: 20.26vw 8vw 0 8vw;
    }
    .serviceDetailBody + .serviceDetailHeader_text {
        margin-top: 20.26vw;
    }
    .serviceDetailHeader_textH {
        width: auto;
    }
    .serviceDetailHeader_textB {
        margin-top: 40px;
        margin-top: 10.66vw;
    }
    .serviceDetailHeader_textP + .serviceDetailHeader_textP {
        margin-top: 26px;
        margin-top: 6.93vw;
    }
    .serviceDetailB_bodyH + .serviceDetailHeader_textP {
        margin-top: 30px;
        margin-top: 8vw;
    }
}

/* serviceDetailNav */
.serviceDetailNav {
    margin-top: 12vw;
    padding: 0 12vw;
}
.serviceDetailNav_ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;

    margin-top: 80px;
    margin-top: 5.71vw;
}
.serviceDetailNav_content {
    width: 100%;
    border: 1px solid #000;
    text-align: center;
}
.serviceDetailNav_ul.-has-margin .serviceDetailNav_content:not(:first-child) {
    margin-left: 15px;
    margin-left: 1.0714vw;
}
.serviceDetailNav_arrow {
    width: 6%;
    min-width: 6%;
    background: url(./assets/images/common/img_arrow_01.svg) no-repeat 50% 50%;
    background-size: 22px 5px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
}
.serviceDetailNav_ul.-clm5 .serviceDetailNav_arrow {
    width: 5.26%;
    min-width: 5.26%;
}
.serviceDetailNav_a {
    display: flex;
    justify-content: center;
    align-items: center;

    position: relative;
    padding: 34px 0 0 0;
    padding: 2.42vw 0 0 0;
    height: 253px;
    height: 18.07vw;
    color: #000;
}
.serviceDetailNav_no {
    position: absolute;
    top: 37px;
    top: 2.64vw;
    left: 0;
    display: block;
    width: 100%;
    font-family: acumin-pro, sans-serif;
    line-height: 1;
}
.serviceDetailNav_text {
    font-family: 'TsukuGoPr5-D', sans-serif;
    line-height: 1.88;
}
@media screen and (max-width: 767px) {
    .serviceDetailNav {
        position: relative;
        bottom: auto;
        left: auto;
        margin-top: 74px;
        margin-top: 19.73vw;
        padding: 0 8vw;
        width: auto;
    }
    .serviceDetailNav_ul {
        display: block;
        margin-top: 35px;
        margin-top: 9.33vw;
    }
    .serviceDetailNav_content {
        width: auto;
        text-align: left;
    }
    .serviceDetailNav_ul.-has-margin .serviceDetailNav_content:not(:first-child) {
        margin-left: 0;
        margin-top: 10px;
        margin-top: 2.667vw;
    }
    .serviceDetailNav_a {
        justify-content: flex-start;

        padding: 0;
        height: 80px;
        height: 21.33vw;
    }
    .serviceDetailNav_arrow {
        position: relative;
        width: auto;
        min-width: 0;
        height: 42px;
        height: 11.2vw;
        background: url(./assets/images/common/img_arrow_02.svg) no-repeat 50% 50%;
        background-size: 5px 20px;
    }
    .serviceDetailNav_ul.-clm5 .serviceDetailNav_arrow {
        width: auto;
        min-width: 0;
    }
    .serviceDetailNav_no {
        position: relative;
        top: auto;
        left: auto;
        width: 17.86vw;
        width: 67px;
        font-size: 12px;
        font-size: 3.2vw;
        line-height: 1;
        text-align: center;
    }
    .serviceDetailNav_text {
        flex: 1;

        padding-right: 30px;
        font-size: 14px;
        font-size: 3.73vw;
        line-height: 1.5;
    }
}
@media screen and (max-width: 374px) {
    .serviceDetailNav_text,
    .serviceDetailNav_no {
        font-size: 12px;
    }
}

/* serviceDetailFmenu */
.serviceDetailFmenu {
    display: flex;
    align-items: center;

    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 10;
}
.serviceDetailFmenu_ul {
    margin-left: 61px;
    margin-left: 4.35vw;
    font-family: acumin-pro, sans-serif;
    letter-spacing: -0.04em;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.24s cubic-bezier(0.57, 0, 0, 0.99);
}
.serviceDetailFmenu_ul.-is-show {
    opacity: 1;
    pointer-events: all;
}
body.-is-view-footer .serviceDetailFmenu_ul.-is-show {
    opacity: 0;
    pointer-events: none;
}

.serviceDetailFmenu_content + .serviceDetailFmenu_content {
    margin-top: 20px;
    margin-top: 1.42vw;
}
.serviceDetailFmenu_a {
    color: rgba(0, 0, 0, 0.46);
}
.serviceDetailFmenu_a.-is-current {
    color: #000;
}
@media screen and (max-width: 767px) {
    .serviceDetailFmenu {
        display: none;
    }
}

/* serviceDetailBody */
.serviceDetailBody {
    padding: 0 12vw 14.28vw 12vw;
}
@media screen and (max-width: 767px) {
    .serviceDetailBody {
        padding: 0 8vw 0 8vw;
    }
}

/* serviceDetailB */
.serviceDetailB_header {
    padding-top: 18vw;
    margin-top: 10px;
}
.serviceDetailB_head {
    color: #000;
}
.serviceDetailB_headNo {
    display: block;
    font-family: acumin-pro, sans-serif;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.04em;
}
.serviceDetailB_headNoLine {
    position: relative;
    display: inline-block;
    text-align: center;
}
.serviceDetailB_headNoLine::after {
    content: '';
    display: block;
    margin: 0.5vw auto 0 auto;
    width: 12px;
    width: 0.857vw;
    height: 1px;
    background: #4d4d4d;
}
.serviceDetailB_headText {
    display: block;
    margin-top: 5px;
    margin-top: 0.357vw;
    font-size: 48px;
    font-size: 3.42vw;
    font-weight: 500;
    line-height: 1.25;
}
.serviceDetailB_nav {
    margin-top: 60px;
    margin-top: 4.28vw;
}
.serviceDetailB_navContent {
    color: rgba(0, 0, 0, 0.4);
    line-height: 1.5;
}
.serviceDetailB_navContent + .serviceDetailB_navContent {
    margin-top: 18px;
    margin-top: 1.28vw;
}
.serviceDetailB_navA {
    color: rgba(0, 0, 0, 0.4);
}
.serviceDetailB_body {
    margin-left: 34.35vw;
}
.serviceDetailB_body .serviceDetailB_bodyAnc + .serviceDetailB_bodyAnc {
    margin-top: 98px;
    margin-top: 7vw;
}
.serviceDetailB_bodyH {
    margin-top: -9.57vw;
    padding-top: 9.57vw;

    color: #000;
    font-size: 20px;
    font-size: 1.42vw;
    font-weight: 700;
    line-height: 1.5;
}
.serviceDetailB_bodyP {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
}
.serviceDetailB_bodyH + .serviceDetailB_bodyP {
    margin-top: 28px;
    margin-top: 2vw;
}
@media screen and (max-width: 767px) {
    .serviceDetailB_vessel {
        padding-top: 92px;
        padding-top: 24.53vw;
    }
    .serviceDetailBody .serviceDetailB:first-child .serviceDetailB_vessel {
        padding-top: 107px;
        padding-top: 28.53vw;
    }
    .serviceDetailB_headNo {
        font-size: 14px;
        font-size: 3.73vw;
    }
    .serviceDetailB_headNoLine::after {
        content: '';
        margin-top: 6px;
        margin-top: 1.6vw;
        width: 10px;
        width: 2.6vw;
    }
    .serviceDetailB_headText {
        margin-top: 7px;
        margin-top: 1.86vw;
        font-size: 30px;
        font-size: 8vw;
    }
    .serviceDetailB_nav {
        margin-top: 39px;
        margin-top: 10.4vw;
    }
    .serviceDetailB_navContent {
        font-size: 12px;
        font-size: 3.2vw;
    }
    .serviceDetailB_navContent + .serviceDetailB_navContent {
        margin-top: 8px;
        margin-top: 2.13vw;
    }
    .serviceDetailB_body {
        margin: 54px 0 0 0;
        margin: 14.4vw 0 0 0;
    }
    .serviceDetailB_body .serviceDetailB_bodyAnc + .serviceDetailB_bodyAnc {
        margin-top: 70px;
        margin-top: 18.66vw;
    }
    .serviceDetailB_bodyH {
        margin-top: -18.6666vw;
        padding-top: 18.6666vw;

        font-size: 16px;
        font-size: 4.26vw;
    }
    .serviceDetailB_bodyH + .serviceDetailB_bodyP {
        margin-top: 30px;
        margin-top: 8vw;
    }
}
@media screen and (max-width: 374px) {
    .serviceDetailB_headNo,
    .serviceDetailB_navContent {
        font-size: 12px;
    }
}

/* works
------------------------------------------ */
/* worksTopFilter */
.worksTopHeader {
    padding: 144px 0 0 0;
    padding: 10.28vw 0 0 0;
}
.worksTopHeaderText {
    margin-bottom: 15px;
}

.worksTopFilter {
    margin-top: 148px;
    margin-top: 10.57vw;
}
.worksTopFilter_ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;

    margin: -1.42vw 0 0 -1.42vw;
}
.worksTopFilter_content {
    margin: 1.42vw 0 0 1.42vw;
    color: rgba(0, 0, 0, 0.3);
    font-size: 20px;
    font-size: 1.42vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.04em;
    transition: color 0.3s ease;
}
body:not(.-is-touchDevice) .worksTopFilter_content:hover {
    color: #000;
}
.worksTopFilter_content.-is-active .worksTopFilter_text,
.worksTopFilter_content.-is-active {
    color: #000;
}
.worksTopFilter_text {
    position: relative;
    display: block;
    padding: 8px 15px calc(8px + 2px) 15px;
    padding: 0.571vw 1.07vw calc(0.571vw + 2px) 1.07vw;
    cursor: pointer;
}
.worksTopFilter_text::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    opacity: 0;
}
.worksTopFilter_content.-is-active .worksTopFilter_text::after {
    opacity: 1;
}
@media screen and (max-width: 767px) {
    .worksTopFilter {
        margin-top: 35px;
        margin-top: 9.33vw;
    }
    .worksTopFilter_ul {
        margin: 0;
    }
    .worksTopFilter_content {
        margin: 0;
        font-size: 16px;
        font-size: 4.26vw;
        text-align: center;
        text-indent: -0.04em;
    }
    .worksTopFilter_text {
        padding: 9px 9px calc(9px + 2px) 9px;
        padding: 2.4vw 2.4vw calc(2.4vw + 2px) 2.4vw;
        width: 100%;
    }
}

/* worksTopList */
.caseFilterDispWrap {
    position: relative;
}
.caseFilterDispWrap::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    z-index: 10;
    transition: background-color 0.24s cubic-bezier(0.57, 0, 0, 0.99);
    pointer-events: none;
}
.caseFilterDispWrap.-is-active::before {
    transition: background-color 0.2s cubic-bezier(0.57, 0, 0, 0.99);
    background-color: rgba(255, 255, 255, 1);
    pointer-events: all;
}
.section.-worksTop::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    z-index: 10;
    transition: background-color 0.24s cubic-bezier(0.57, 0, 0, 0.99);
    pointer-events: none;
}
.section.-worksTop.-is-active::before {
    transition: background-color 0.2s cubic-bezier(0.57, 0, 0, 0.99);
    background-color: rgba(255, 255, 255, 1);
    pointer-events: all;
}

.worksTopList {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;

    margin-top: 88px;
    margin-top: 6.28vw;
}
.worksTopList::after {
    display: block;
    content:"";
    width: calc((100% - 150px) / 3);
    width: calc((100% - 10.7vw) / 3);
}
body.-is-firefox .worksTopList::after,
body.-is-ie .worksTopList::after {
    width: calc((99% - 10.7vw) / 3);
}

.worksTopList_content {
    margin: 128px 0 0 0;
    margin: 9.14vw 0 0 0;
    margin: 0 0 128px 0;
    margin: 0 0 9.14vw 0;
    width: calc((100% - 150px) / 3);
    width: calc((100% - 10.7vw) / 3);
}
body.-is-firefox .worksTopList_content,
body.-is-ie .worksTopList_content {
    width: calc((99% - 10.7vw) / 3);
}
.worksTopList_content:nth-last-child(3),
.worksTopList_content:nth-last-child(2),
.worksTopList_content:nth-last-child(1) {
    margin-bottom: 0;
}

/* 表示・非表示 */
.worksTopList_content.-is-hide {
    display: none;
}
.worksTopList_a {
    display: block;
    transition: opacity 0.3s ease;
}
body:not(.-is-touchDevice) .worksTopList_a:hover {
    opacity: 0.69;
}

.worksTopList_image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.worksTopList_image::before {
    content: '';
    display: block;
}
.worksTopList_image .imageItemWrap {
    padding-top: 149.5726%;
}
.worksTopList_image .imageItem {
    position: absolute;
    top: -1.5vw;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    /* height: 100%; */
    -o-object-fit: cover;
    object-fit: cover;
}
.worksTopList_head {
    display: block;
    margin-top: 26px;
    margin-top: 1.85vw;
    color: #000;
    font-weight: 700;
    line-height: 1.5;
}
.worksTopList_name {
    display: block;
    margin-top: 9px;
    margin-top: 0.642vw;
    color: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    font-size: 0.85vw;
    font-weight: 500;
    line-height: 1.5;
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .worksTopList_name {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .worksTopList {
        display: block;
        margin-top: 50px;
        margin-top: 13.33vw;
    }
    /* .worksTopList::after {
    display: none;
  } */
    .worksTopList_content {
        margin: 80px 0 0 0;
        margin: 21.33vw 0 0 0;
        width: auto;
    }
    body.-is-firefox .worksTopList_content,
    body.-is-ie .worksTopList_content {
        width: auto;
    }
    .worksTopList_content:nth-of-type(3n + 1) {
        margin-left: 0;
    }
    .worksTopList_content:nth-of-type(3),
    .worksTopList_content:nth-of-type(2) {
        margin-top: 80px;
        margin-top: 21.33vw;
    }
    .worksTopList_image::before {
        content: '';
        /* padding-top: 115.23%; */
    }
    .worksTopList_image .imageItem {
        height: auto;
        top: -15.5vw;
    }
    .worksTopList_head {
        margin-top: 20px;
        margin-top: 5.33vw;
    }
    .worksTopList_name {
        margin-top: 6px;
        margin-top: 0.16vw;
        font-size: 12px;
        font-size: 3.2vw;
    }
}
@media screen and (max-width: 374px) {
    .worksTopList_name {
        font-size: 12px;
    }
}

/* pagingMore */
.pagingMoreWrap {
    margin-top: -5px;
    margin-top: -0.36vw;
    font-size: 16px;
    /* font-size: 1.14vw; */
    font-size: max(1.14vw, 16px);
    font-family: acumin-pro, sans-serif;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    text-indent: 0.05em;
    letter-spacing: 0.03em;
}
.pagingMoreWrap.-is-end {
    display: none;
}
.pagingMore_a {
    position: relative;
    display: inline-block;
    color: #000;
    cursor: pointer;
}
.pagingMoreIconWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #000;
    margin: 0 auto 9px auto;
}
.pagingMoreIcon {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 11px;
    height: 11px;
    overflow: hidden;
    position: relative;
}
.pagingMoreIcon::before,
.pagingMoreIcon::after {
    content: '';
    display: block;
    /* transition: transform .4s cubic-bezier(.462,.422,0,.99) ; */
    transition: transform 0.4s cubic-bezier(0.57, 0, 0, 0.99);
}
.pagingMoreIcon::before {
    position: absolute;
    width: 8px;
    height: 5px;
    left: 50%;
    background: url(./assets/images/common/icn_more_02.svg) no-repeat center;
    /* background-size: contain; */
    transform: translateY(-6px) translateX(-50%);
}
.pagingMoreIcon::after {
    width: 11px;
    height: 11px;
    background: url(./assets/images/common/icn_more_01.svg) no-repeat center;
    background-size: contain;
}
body:not(.-is-touchDevice) .pagingMore_a:hover .pagingMoreIcon::before {
    transform: translateY(3px) translateX(-50%);
}
body:not(.-is-touchDevice) .pagingMore_a:hover .pagingMoreIcon::after {
    transform: translateY(11px);
}
.pagingMoreText {
    line-height: 1;
    display: inline-block;
}

.pagingMore.-is-end .pagingMore_a {
    opacity: 0.6;
    color: #ccc;
    pointer-events: none;
}

@media screen and (min-width: 768px) and (max-width: 1399px) {
    /* .pagingMoreWrap {
    font-size: 12px;
  } */
}
@media screen and (max-width: 767px) {
    .pagingMoreWrap {
        margin-top: 98px;
        margin-top: 26.13vw;
        font-size: 14px;
        font-size: 3.73vw;
    }
}
@media screen and (max-width: 374px) {
    .pagingMoreWrap {
        font-size: 12px;
    }
}

/* worksDHeader */
.worksDHeader {
    padding: 7.92vw 0 6.57vw 0;
}
.worksDHeader_sub {
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    font-size: 1vw;
    line-height: 1.5;
}
.worksDHeader_sub span:not(:first-child) {
    display: inline-block;
    margin-left: 1.2em;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .worksDHeader_sub {
        font-size: 12px;
    }
}
.worksDHeader_title {
    margin-top: -2px;
    color: #000;
    font-size: 36px;
    font-size: 2.57vw;
    font-family: 'TsukuGoPr5-D', sans-serif;
    font-weight: normal;
    line-height: 1.56;
}
@media screen and (max-width: 767px) {
    .worksDHeader {
        padding: 32px 0 30px 0;
        padding: 8.53vw 0 8vw 0;
    }
    .worksDHeader_sub {
        font-size: 12px;
        font-size: 3.2vw;
    }
    .worksDMainvisual {
        height: 92vw;
        overflow: hidden;
    }
    .worksDMainvisual.worksDMainvisualFull {
        height: auto;
    }
    .worksDMainvisual .imageItemWrap .imageItem {
        height: auto;
        -o-object-fit: initial;
        object-fit: initial;
    }

    .worksDHeader_title {
        margin-top: 6px;
        margin-top: 0.16vw;
        font-size: 18px;
        font-size: 4.8vw;
        line-height: 1.56;
    }
}
@media screen and (max-width: 374px) {
    .worksDHeader_sub {
        font-size: 12px;
    }
}

/* worksDData */
.worksDData {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;

    padding: 163px 5vw 166px 5vw;
    padding: 11.64vw 5vw 11.85vw 5vw;
}
.worksDData_box01 {
    padding: 0 10px 0 0;
    width: 26%;
}
.worksDData_box02 {
    padding: 0 10px 0 0;
    width: 26%;
}
.worksDData_box03 {
    flex: 1;
}
.worksDData_dl.-client {
    margin-bottom: 31px;
    margin-bottom: 2.21vw;
}
.worksDData_dl.-year {
    margin-top: 3vw;
}
.worksDData_dl.-related {
    margin-top: 3vw;
}
.worksDData_dt {
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    font-size: 0.92vw;
    /* font-size: max(1.55rem, 14px); */
    font-family: acumin-pro, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
    .worksDData_dt {
        font-size: 12px;
    }
}
.worksDData_dl.-description .worksDData_dt {
    font-size: 14px;
    font-size: 1vw;
    /* font-size: max(1.55rem, 14px); */
    line-height: 1.3;
}
.worksDData_dl.-related .worksDData_dt {
    font-size: 14px;
    font-size: 1vw;
    /* font-size: max(1.55rem, 14px); */
    line-height: 1.3;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .worksDData_dl.-description .worksDData_dt {
        font-size: 12px;
    }
    .worksDData_dl.-related .worksDData_dt {
        font-size: 12px;
    }
}
.worksDData_dl.-year .worksDData_dd,
.worksDData_dl.-client .worksDData_dd {
    margin-top: 13px;
    margin-top: 0.928vw;
    color: #000;
    font-size: 14px;
    font-size: 1vw;
    font-size: max(1.55rem, 14px);
}
.worksDData_dl.-year .worksDData_dd {
    font-family: acumin-pro, sans-serif;
}
.worksDData_dl.-role .worksDData_dd {
    margin-top: 13px;
    margin-top: 0.928vw;
    color: #000;
    font-size: 14px;
    font-size: 1vw;
    font-size: max(1.55rem, 14px);
}
.worksDData_dl.-description .worksDData_dd {
    margin-top: 13px;
    margin-top: 0.928vw;
    color: #000;
    font-size: 14px;
    font-size: 1vw;
    font-size: max(1.55rem, 14px);
}
.worksDData_dl.-related .worksDData_dd {
    margin-top: 13px;
    margin-top: 0.928vw;
    color: #000;
    font-size: 14px;
    font-size: 1vw;
    font-size: max(1.55rem, 14px);
}
@media screen and (max-width: 767px) {
    .worksDData {
        display: block;

        padding: 35px 0 56px 0;
        padding: 9.33vw 0 14.93vw 0;
    }
    .worksDData_box01 {
        display: block;

        padding: 0;
        width: auto;
    }
    .worksDData_box02 {
        padding: 34px 0 0 0;
        padding: 9.06vw 0 0 0;
        width: auto;
    }
    .worksDData_box03 {
        padding: 31px 0 0 0;
        padding: 8.26vw 0 0 0;
    }
    .worksDData_dl.-client {
        margin-bottom: 34px;
        margin-bottom: 9.06vw;
    }
    .worksDData_dt {
        font-size: 12px;
        font-size: 3.2vw;
    }
    .worksDData_dl.-description .worksDData_dt {
        font-size: 12px;
        font-size: 3.2vw;
        line-height: 1.5;
    }
    .worksDData_dl.-related .worksDData_dt {
        font-size: 12px;
        font-size: 3.2vw;
        line-height: 1.5;
    }
    .worksDData_dl.-year .worksDData_dd,
    .worksDData_dl.-client .worksDData_dd {
        margin-top: 3px;
        font-size: 14px;
        font-size: 3.73vw;
        line-height: 1.5;
    }
    .worksDData_dl.-role .worksDData_dd {
        margin-top: 2px;
        color: #000;
        font-size: 14px;
        font-size: 3.73vw;
    }
    .worksDData_dl.-description .worksDData_dd {
        margin-top: 2px;
        color: #000;
        font-size: 14px;
        font-size: 3.73vw;
    }
    .worksDData_dl.-related {
        margin-top: 34px;
        margin-top: 9.06vw;
    }
    .worksDData_dl.-related .worksDData_dd {
        margin-top: 2px;
        color: #000;
        font-size: 14px;
        font-size: 3.73vw;
    }
}
@media screen and (max-width: 374px) {
    .worksDData_dt {
        font-size: 12px;
    }
    .worksDData_dl.-description .worksDData_dt {
        font-size: 12px;
    }
    .worksDData_dl.-related .worksDData_dt {
        font-size: 12px;
    }
    .worksDData_dl.-year .worksDData_dd,
    .worksDData_dl.-client .worksDData_dd {
        font-size: 12px;
    }
    .worksDData_dl.-role .worksDData_dd {
        font-size: 12px;
    }
    .worksDData_dl.-description .worksDData_dd {
        font-size: 12px;
    }
    .worksDData_dl.-related .worksDData_dd {
        font-size: 12px;
    }
}

/* worksDImage */
.worksDImage.-block2 .worksDImage_lo {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
}
.worksDImage.-block2 .worksDImage_lo .worksDImage_block {
    width: calc((100% - 2vw) / 2);
}
body.-is-firefox .worksDImage.-block2 .worksDImage_lo .worksDImage_block {
    width: calc((100% - 2.32%) / 2);
}
.worksDImage + .worksDImage {
    margin-top: 4vw;
}
.worksDImage.-block2 + .worksDImage.-block2 {
    margin-top: 2vw;
}
body.-is-firefox .worksDImage.-block2 + .worksDImage.-block2 {
    margin-top: 2.32%;
}
@media screen and (max-width: 767px) {
    .worksDImage {
        margin-left: -8vw;
        margin-right: -8vw;
    }
    .worksDImage.-block2 {
        padding: 0 8vw;
    }
    .worksDImage.-block2 .worksDImage_lo .worksDImage_block {
        width: calc((100% - 4vw) / 2);
    }
    body.-is-firefox .worksDImage.-block2 .worksDImage_lo .worksDImage_block {
        width: calc((100% - 4.76%) / 2);
    }
    .worksDImage + .worksDImage {
        margin-top: 8vw;
    }
    .worksDImage.-block2 + .worksDImage.-block2 {
        margin-top: 4vw;
    }
    body.-is-firefox .worksDImage.-block2 + .worksDImage.-block2 {
        margin-top: 4.76%;
    }
}

/* worksHolonVideo */
.worksHolonVideo {
    position: relative;
}
.worksHolonVideo_main {
    display: flex;
    justify-content: center;
    align-items: center;

    position: absolute;
    inset: 0;
    line-height: 0;
}
.worksHolonVideo_video {
    width: 76%;
    text-align: center;
}
.worksHolonVideo_video video {
    border-radius: 20px;
    width: 100%;
    overflow: hidden;
}
.worksHolonVideo_main .imageItem {
    width: 100%;
    height: auto;
}
@media screen and (max-width: 767px) {
    .worksHolonVideo_video video {
        border-radius: 6px;
    }
}

/* worksDMember */
.worksDMember {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;

    padding: 163px 0 235px 5vw;
    padding: 11.64vw 0 16.78vw 5vw;
    padding: 11.64vw 0 0 5vw;
}
.worksDText + .worksDMember {
    border-top: 1px solid #e2e2e2;
}
.worksDMember_main {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;

    width: 50.28vw;
}
.worksDMember_dl {
    margin: 58px 0 0 0;
    margin: 4.14vw 0 0 0;
    width: 25.14vw;
}
.worksDMember_main .worksDMember_dl:nth-of-type(2),
.worksDMember_main .worksDMember_dl:nth-of-type(1) {
    margin-top: 0;
}
.worksDMember_related .worksDMember_dl:first-child {
    margin-top: 0;
}
.worksDMember_related .worksDMember_dd {
    line-height: 2;
}
.worksDMember_dt {
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    font-size: 0.92vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
    .worksDMember_dt {
        font-size: 12px;
    }
}
.worksDMember_dd {
    margin-top: 8px;
    margin-top: 0.571vw;
    color: #000;
    font-size: 16px;
    font-size: 1.14vw;
    font-size: max(1.75rem, 14px);
    line-height: 1.5;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    /* .worksDMember_dd {
    font-size: 12px;
  } */
}
.worksDMember_website {
    margin-left: auto;
    text-align: right;
}
.worksDMember_websiteP + .worksDMember_websiteP {
    margin-top: 15px;
    margin-top: 1.07vw;
}
.worksDMember_websiteA {
    display: inline-flex;
    align-items: center;

    position: relative;
    padding: 0 32px 0 0;
    color: #000;
    font-size: 14px;
    font-size: 1vw;
    font-family: acumin-pro, sans-serif;
    line-height: 1;
    letter-spacing: 0.05em;

    height: 44px;
    transition: opacity 0.3s ease;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .worksDMember_websiteA {
        font-size: 12px;
    }
}
body:not(.-is-touchDevice) .worksDMember_websiteA:hover {
    opacity: 0.69;
}
.worksDMember_websiteArrow {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 22px;
    height: 5px;
    background: url(./assets/images/common/img_arrow_01.svg) no-repeat;
    background-size: 22px 5px;
    transition: all 0.3s ease;
}
body:not(.-is-touchDevice) .worksDMember_websiteA:hover .worksDMember_websiteArrow {
    transform: translateX(-4px);
}
@media screen and (max-width: 767px) {
    .worksDMember {
        display: block;

        padding: 18vw 0;
    }
    .worksDMember_main {
        display: block;

        width: auto;
        min-width: 0;
    }
    .worksDMember_dl {
        margin: 24px 0 0 0;
        margin: 6.4vw 0 0 0;
        width: auto;
        min-width: 0;
    }
    .worksDMember_main .worksDMember_dl:nth-of-type(2) {
        margin-top: 24px;
        margin-top: 6.4vw;
    }
    .worksDMember_main .worksDMember_dl:nth-of-type(1) {
        margin-top: 0;
    }
    .worksDMember_related {
        margin: 60px 0 0 0;
        margin: 16vw 0 0 0;
    }
    .worksDMember_dt {
        font-size: 12px;
        font-size: 3.2vw;
    }
    .worksDMember_dd {
        margin-top: 7px;
        margin-top: 1.86vw;
        font-size: 14px;
        font-size: 3.73vw;
    }
    .worksDMember_website {
        display: block;
        text-align: left;
    }
    .worksDMember_main + .worksDMember_website {
        margin-top: 12vw;
    }
    .worksDMember_websiteP + .worksDMember_websiteP {
        margin-top: 0;
    }
    .worksDMember_websiteA {
        font-size: 14px;
        font-size: 3.73vw;
    }
    .worksDMember_websiteArrow {
        position: absolute;
        bottom: 20%;
    }
}
@media screen and (max-width: 374px) {
    .worksDMember_dt {
        font-size: 12px;
    }
    .worksDMember_dd {
        font-size: 12px;
    }
    .worksDMember_websiteA {
        font-size: 12px;
    }
}

/* worksDComment */
.worksDComment {
    position: relative;
    margin: 160px 0;
    margin: 11.42vw 0;
    padding: 36px 49px 27px 49px;
    padding: 2.57vw 3.5vw 1.92vw 3.5vw;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
}
.worksDComment:last-child {
    margin-bottom: 0;
}
.worksDComment + .worksDComment {
    margin-top: -100px;
    margin-top: -7.14vw;
}
.worksDComment::after {
    content: '';
    position: absolute;
    top: -9px;
    top: -0.642vw;
    left: 49px;
    left: 3.5vw;
    display: block;
    width: 20px;
    width: 1.42vw;
    height: 17px;
    height: 1.21vw;
    background: url(./assets/images/common/bg_comma_01.svg) no-repeat;
    background-size: 20px 17px;
    background-size: 1.42vw 1.21vw;
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .worksDComment::after {
        content: '';
        position: absolute;
        top: -9px;
        width: 20px;
        height: 17px;
        background: url(./assets/images/common/bg_comma_01.svg) no-repeat;
        background-size: 20px 17px;
    }
}
.worksDText_vessel > .worksDComment:first-child {
    margin-top: 0;
}
.worksDComment_ul {
    display: table;
    margin-top: 29px;
    margin-top: 2.07vw;
    line-height: 1.5;
}
.worksDComment_ul .worksDComment_twitter,
.worksDComment_ul .worksDComment_name,
.worksDComment_ul .worksDComment_title,
.worksDComment_ul .worksDComment_image {
    display: table-cell;
    vertical-align: middle;
}
.worksDComment_ul .worksDComment_image {
    padding: 0 13px 0 0;
    padding: 0 0.928vw 0 0;
    line-height: 0;
}
.worksDComment_ul .worksDComment_image .worksDComment_imageVessel {
    display: block;
    width: 44px;
}
.worksDComment_ul .worksDComment_image .worksDComment_imageVessel .worksDComment_imageImg {
    border-radius: 50%;
    width: 100%;
    height: auto;
}
.worksDComment_ul .worksDComment_title {
    padding-right: 12px;
    padding-right: 0.857vw;
    color: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    font-size: 0.85vw;
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .worksDComment_ul .worksDComment_title {
        font-size: 12px;
    }
}
.worksDComment_ul .worksDComment_name {
    padding-right: 8px;
    padding-right: 0.571vw;
    font-size: 12px;
    font-size: 0.85vw;
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .worksDComment_ul .worksDComment_name {
        font-size: 12px;
    }
}
.worksDComment_ul .worksDComment_twitter {
    padding-right: 8px;
    padding-right: 0.571vw;
}
.worksDComment_ul .worksDComment_twitter .worksDComment_twitterA {
    display: block;
    width: 22px;
    height: 22px;
    background: url(./assets/images/common/icn_comment_twitter_01.svg) no-repeat;
    background-size: 22px 22px;
    text-indent: -9999px;
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .worksDComment {
        margin: 80px 0;
        margin: 21.33vw 0;
        padding: 31px 19px 24px 19px;
        padding: 8.26vw 5.06vw 6.4vw 5.06vw;
    }
    .worksDComment + .worksDComment {
        margin-top: -50px;
        margin-top: -13.33vw;
    }
    .worksDComment::after {
        content: '';
        position: absolute;
        top: -9px;
        left: 19px;
        left: 5.06vw;
        width: 20px;
        height: 17px;
        background: url(./assets/images/common/bg_comma_01.svg) no-repeat;
        background-size: 20px 17px;
    }
    .worksDText_vessel > .worksDComment:first-child {
        margin-top: 0;
    }
    .worksDComment_ul {
        margin-top: 15px;
        margin-top: 4vw;
    }
    .worksDComment_ul .worksDComment_image {
        padding: 0 10px 0 0;
        padding: 0 2.66vw 0 0;
    }
    .worksDComment_ul .worksDComment_image .worksDComment_imageVessel {
        width: 36px;
    }
    .worksDComment_ul .worksDComment_title {
        padding-right: 8px;
        padding-right: 2.13vw;
        font-size: 11px;
        font-size: 2.93vw;
    }
    .worksDComment_ul .worksDComment_name {
        padding-right: 8px;
        padding-right: 2.13vw;
        font-size: 11px;
        font-size: 2.93vw;
    }
    .worksDComment_ul .worksDComment_twitter {
        padding-right: 8px;
        padding-right: 2.13vw;
    }
}
@media screen and (max-width: 374px) {
    .worksDComment_ul .worksDComment_name,
    .worksDComment_ul .worksDComment_title {
        font-size: 11px;
    }
}

/* worksDImage */
.worksDImage.worksDImageNotFullWidth,
.-worksDetailNotFullWidth .worksDImage {
    margin: 0 auto;
    width: calc(54vw + 140px);
}
@media screen and (max-width: 767px) {
    .worksDImage.worksDImageNotFullWidth,
    .-worksDetailNotFullWidth .worksDImage {
        width: auto;
    }
}

/* worksDText */
.worksDText {
    padding: 12vw 0;
    background: #fff;
}
.worksDText.-worksFin {
    padding-bottom: 0;
}
.worksDData + .worksDText {
    padding-top: 0;
}
.worksDText_vessel {
    margin-left: auto;
    margin-right: auto;
    width: 60vw;
    min-width: 840px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .worksDText_vessel {
        width: auto;
        min-width: auto;
    }
}
.worksDText_titleLv2 {
    color: #000;
    font-size: 26px;
    font-size: 1.85vw;
    font-size: max(2.6rem, 18px);
    font-family: 'TsukuGoPr5-D', sans-serif;
    font-weight: normal;
    line-height: 1.5;
}
.worksDText_titleLv3 {
    color: #000;
    font-size: 18px;
    /* font-size: 1.28vw; */
    font-size: max(1.9rem, 14px);
    font-family: 'TsukuGoPr5-D', sans-serif;
    font-weight: normal;
    line-height: 1.5;
}
.worksDText_titleLv2 + .worksDText_titleLv3 {
    margin-top: 79px;
    margin-top: 5.64vw;
}
.worksDText_p {
    font-size: 16px;
    font-size: 1.14vw;
    font-size: max(1.75rem, 14px);
}
.worksDText.-worksFin .worksDText_p {
    width: 890px;
    width: 63.57vw;
}
.worksDText_p + .worksDText_p,
.worksDText_ul + .worksDText_p {
    margin-top: 2em;
}
.worksDText_titleLv2 + .worksDText_p {
    margin-top: 55px;
    margin-top: 3.92vw;
}
.worksDText_titleLv3 + .worksDText_p {
    margin-top: 26px;
    margin-top: 1.85vw;
}
.worksDText_p + .worksDText_titleLv2,
.worksDText_ul + .worksDText_titleLv2 {
    margin-top: 12vw;
}
.worksDText_p + .worksDText_titleLv3,
.worksDText_ul + .worksDText_titleLv3 {
    margin-top: 79px;
    margin-top: 5.64vw;
}
@media screen and (max-width: 767px) {
    .worksDText {
        padding: 16vw 0;
    }
    .worksDText_vessel {
        width: auto;
        min-width: 0;
    }
    .worksDText_titleLv2 {
        font-size: 18px;
        font-size: 4.8vw;
        line-height: 1.78;
    }
    .worksDText_titleLv3 {
        font-size: 14px;
        font-size: 3.73vw;
    }
    .worksDText_titleLv2 + .worksDText_titleLv3 {
        margin-top: 29px;
        margin-top: 7.73vw;
    }
    .worksDText_p {
        font-size: 14px;
        font-size: 3.73vw;
    }
    .worksDText.-worksFin .worksDText_p {
        width: auto;
    }
    .worksDText_p + .worksDText_p,
    .worksDText_ul + .worksDText_p {
        margin-top: 1em;
    }
    .worksDText_titleLv2 + .worksDText_p {
        margin-top: 24px;
        margin-top: 6.4vw;
    }
    .worksDText_titleLv3 + .worksDText_p {
        margin-top: 13px;
        margin-top: 3.46vw;
    }
    .worksDText_p + .worksDText_titleLv2,
    .worksDText_ul + .worksDText_titleLv2 {
        margin-top: 16vw;
    }
    .worksDText_p + .worksDText_titleLv3,
    .worksDText_ul + .worksDText_titleLv3 {
        margin-top: 27px;
        margin-top: 7.2vw;
    }
}
@media screen and (max-width: 374px) {
    .worksDText_p {
        font-size: 12px;
    }
}

/* worksDText_ul */
.worksDText_ul {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 16px;
    font-size: 1.14vw;
}
.worksDText_p + .worksDText_ul {
    margin-top: 2em;
}
.worksDText_titleLv2 + .worksDText_ul {
    margin-top: 55px;
    margin-top: 3.92vw;
}
.worksDText_titleLv3 + .worksDText_ul {
    margin-top: 26px;
    margin-top: 1.85vw;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    .worksDText_ul {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .worksDText_ul {
        font-size: 14px;
        font-size: 3.73vw;
    }
    .worksDText_p + .worksDText_ul {
        margin-top: 1em;
    }
    .worksDText_titleLv2 + .worksDText_ul {
        margin-top: 24px;
        margin-top: 6.4vw;
    }
    .worksDText_titleLv3 + .worksDText_ul {
        margin-top: 13px;
        margin-top: 3.46vw;
    }
}

/* worksDLead */
.worksDLead {
    margin-top: -23px;
    margin-top: -1.64vw;
    width: 890px;
    width: 63.57vw;
}
.worksDLead_p {
    margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
    .worksDLead {
        margin-top: 0;
        padding-top: 13px;
        padding-top: 3.46vw;
        width: auto;
    }
}

/* worksDCase */
.worksDCase {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;

    position: relative;
    margin-top: 86px;
    margin-top: 6.14vw;
    z-index: 1;
}
.worksDCase.-last {
    padding-bottom: 9vw;
    border-bottom: 1px solid #dbdad8;
}
.worksDCase.-pickup {
    margin-top: 89px;
    margin-top: 6.43vw;
    z-index: inherit;
}
.worksDCase.-pickup.-last {
    padding-bottom: 1.45vw;
    border-bottom: none;
    margin-bottom: -4.5vw;
}
.worksDCase + .worksDCase {
    margin-top: 9vw;
}
.worksDCase.-pickup + .worksDCase.-pickup {
    margin-top: 0;
}
.worksDCase::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #dbdad8;
    z-index: 2;
}
.worksDCase::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 48px;
    height: 1px;
    background: #000000;
    z-index: 2;
}
.worksDCase_linkWrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
    padding-bottom: 4.5vw;
    width: 100%;
}
.worksDCase_no {
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
    font-size: 12px;
    font-size: 0.85vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 500;
    z-index: 3;
}
.worksDCase_noCap {
    position: relative;
    padding-top: 2px;
    display: inline-block;
}
.worksDCase_noCap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .worksDCase_no {
        font-size: 12px;
    }
}
.worksDCase_header {
    padding: 4.5vw 0 0 0;
    width: 36%;
}
.worksDCase.-pickup .worksDCase_headerImage {
    display: none;
}
.worksDCase_headLv1 {
    color: #000;
    font-size: 26px;
    font-size: 1.85vw;
    font-family: 'TsukuGoPr5-D', sans-serif;
    font-weight: normal;
    line-height: 1.5;
}
.worksDCase_data {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
}
.type_text_under .worksDCase_headLv1 {
    white-space: nowrap;
}
.worksDCase_headLv1 + .worksDCase_data {
    margin-top: 32px;
    margin-top: 2.28vw;
}
.worksDCase_data + .worksDCase_data {
    margin-top: 18px;
    margin-top: 1.28vw;
}
.worksDCase_dataDt {
    width: 45px;
    width: 2.8125em;
    min-width: 2.8125em;
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    font-size: 0.92vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
    .worksDCase_dataDt {
        font-size: 12px;
    }
}
.worksDCase_dataDd {
    color: #000;
    font-size: 14px;
    font-size: 1vw;
    line-height: 1.5;
}
.worksDCase_data.-year .worksDCase_dataDd {
    font-family: acumin-pro, sans-serif;
    font-weight: 400;
    line-height: 1.4;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .worksDCase_dataDd {
        font-size: 12px;
    }
}
.worksDCase_body {
    padding: 5.2vw 0 0 0;
    width: 56.97%;
}
.type_text_under .worksDCase_body {
    padding: 9.2vw 0 0 0;
    width: 60%;
}
.worksDCase_text {
    color: rgba(0, 0, 0, 0.69);
    font-size: 16px;
    font-size: max(1.6rem, 14px);
}
.worksDCase_text + .worksDCase_text,
.worksDCase_text + .worksDCase_link {
    margin-top: 29px;
    margin-top: 2.07vw;
}
.worksDCase_link {
    font-family: 'TsukuGoPr5-D', sans-serif;
    font-weight: normal;
    line-height: 1.58;
}
.worksDCase_linkContent + .worksDCase_linkContent {
    margin-top: 17px;
    margin-top: 1.21vw;
}
.worksDCase_linkA {
    position: relative;
    display: inline;
    color: #000;
    transition: opacity 0.3s ease;
}
body:not(.-is-touchDevice) .worksDCase_linkA:hover {
    opacity: 0.69;
}
.worksDCase_linkArrow {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    border-radius: 22px;
    width: 44px;
    vertical-align: 0.25em;
    transition: all 0.3s ease;
}
body:not(.-is-touchDevice) .worksDCase_linkA:hover .worksDCase_linkArrow {
    transform: translateX(-4px);
}
.worksDCase_linkWrap.js-linkHoverImageEffect_link {
    position: relative;
}
.worksDCase_linkWrap.js-linkHoverImageEffect_link .worksDCase_header,
.worksDCase_linkWrap.js-linkHoverImageEffect_link .worksDCase_body {
    z-index: 3;
}
.worksDCase_linkWrap.js-linkHoverImageEffect_link .worksDCase_hover {
    position: absolute;
    z-index: 0;
    width: 252px;
    width: 18vw;
    height: 378px;
    height: 27vw;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    will-change: transform, filter;
}
.worksDCase_linkWrap.js-linkHoverImageEffect_link .worksDCase_hoverInner {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}
.worksDCase_linkWrap.js-linkHoverImageEffect_link .worksDCase_hoverImage {
    width: 100%;
    height: 100%;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
}
.worksDCase_linkWrap.js-linkHoverImageEffect_link.is-hover {
    background: #fff;
}
.worksDCase_linkWrap.js-linkHoverImageEffect_link.is-hover .worksDCase_no,
.worksDCase_linkWrap.js-linkHoverImageEffect_link.is-hover .worksDCase_header,
.worksDCase_linkWrap.js-linkHoverImageEffect_link.is-hover .worksDCase_body {
    mix-blend-mode: difference;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
@media screen and (max-width: 767px) {
    .worksDCase {
        display: block;

        margin-top: 54px;
        margin-top: 14.4vw;
    }
    .worksDCase.-last {
        padding-bottom: 56px;
        padding-bottom: 14.93vw;
    }
    .worksDCase.-pickup {
        margin-top: 54px;
        margin-top: 14.4vw;
    }
    .worksDCase.-pickup.-last {
        padding-bottom: 0;
        border-bottom: 1px solid #dbdad8;
        margin-bottom: 0;
    }
    .worksDCase + .worksDCase {
        margin-top: 56px;
        margin-top: 14.93vw;
    }
    .worksDCase_linkWrap {
        display: block;
        padding-bottom: 56px;
        padding-bottom: 14.93vw;
    }
    .worksDCase_no {
        font-size: 12px;
        font-size: 3.2vw;
    }
    .worksDCase_noCap {
        padding-top: 2px;
        padding-top: 0.533vw;
    }
    .worksDCase_header {
        padding: 52px 0 0 0;
        padding: 13.86vw 0 0 0;
        width: auto;
    }
    .worksDCase.-pickup .worksDCase_header {
        display: flex;
    }
    .worksDCase.-pickup .worksDCase_headerText {
        margin-right: 7.6%;
        width: 100%;
    }
    .worksDCase.-pickup .worksDCase_headerImage {
        position: relative;
        display: block;
        width: 20.3%;
        overflow: hidden;
        flex-shrink: 0;
    }
    .worksDCase.-pickup .worksDCase_headerImage .imageItemWrap {
        padding-top: 150%;
    }
    .worksDCase.-pickup .worksDCase_headerImage .imageItem {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .worksDCase_headLv1 {
        font-size: 18px;
        font-size: 4.8vw;
        line-height: 1.56;
    }
    .type_text_under .worksDCase_headLv1 {
        white-space: normal;
    }
    .worksDCase_headLv1 + .worksDCase_data {
        margin-top: 26px;
        margin-top: 6.93vw;
    }
    .worksDCase_data + .worksDCase_data {
        margin-top: 6px;
        margin-top: 1.6vw;
    }
    .worksDCase_dataDt {
        width: 37px;
        width: 9.86vw;
        min-width: 9.86vw;
        font-size: 12px;
        font-size: 3.2vw;
    }
    .worksDCase_dataDd {
        font-size: 12px;
        font-size: 3.2vw;
    }
    .worksDCase_body {
        padding: 24px 0 0 0;
        padding: 6.4vw 0 0 0;
        width: auto;
    }
    .type_text_under .worksDCase_body{
        padding: 24px 0 0 0;
        padding: 6.4vw 0 0 0;
        width: auto;
    }
    .worksDCase_text + .worksDCase_text,
    .worksDCase_text + .worksDCase_link {
        margin-top: 31px;
        margin-top: 8.26vw;
    }
    .worksDCase_linkContent + .worksDCase_linkContent {
        margin-top: 16px;
        margin-top: 4.26vw;
    }
    .worksDCase_linkArrow {
        border-radius: 15px;
        width: 30px;
    }
    .worksDCase_linkWrap.js-linkHoverImageEffect_link .worksDCase_hover {
        display: none;
    }
}
@media screen and (max-width: 374px) {
    .worksDCase_dataDd,
    .worksDCase_dataDt,
    .worksDCase_no {
        font-size: 12px;
    }
}

/* worksDPuHeader */
.worksDPuHeader {
    margin-top: 136px;
    margin-top: 9.71vw;
    color: #000;
}
.worksDPuHeader_en {
    display: block;
    font-size: 80px;
    font-size: 5.71vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: -0.02em;
}
.worksDPuHeader_ja {
    display: block;
    margin-top: 8px;
    margin-top: 0.571vw;
    font-family: 'TsukuGoPr5-D', sans-serif;
    font-weight: normal;
    line-height: 1.5;
}
@media screen and (max-width: 767px) {
    .worksDPuHeader {
        margin-top: 47px;
        margin-top: 12.53vw;
    }
    .worksDPuHeader_en {
        font-size: 40px;
        font-size: 10.66vw;
    }
    .worksDPuHeader_ja {
        margin-top: 5px;
        margin-top: 1.33vw;
    }
}

/* worksDList */
.worksDList {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;

    margin-top: -9px;
    margin-top: -0.65vw;
}
.worksDList::after {
    display: block;
    content:"";
    width: calc((100% - 150px) / 3);
    width: calc((100% - 10.7vw) / 3);
}
body.-is-firefox .worksDList::after,
body.-is-ie .worksDList::after {
    width: calc((99% - 10.7vw) / 3);
}

.worksDList_content {
    margin: 97px 0 0 0;
    margin: 6.93vw 0 0 0;
    width: calc((100% - 150px) / 3);
    width: calc((100% - 10.7vw) / 3);
}
body.-is-firefox .worksDList_content,
body.-is-ie .worksDList_content {
    width: calc((99% - 10.7vw) / 3);
}

/* 表示・非表示 */
.worksDList_content.-is-hide {
    display: none;
}
.worksDList_a {
    display: block;
    transition: opacity 0.3s ease;
}
body:not(.-is-touchDevice) .worksDList_a:hover {
    opacity: 0.69;
}

.worksDList_image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.worksDList_image::before {
    content: '';
    display: block;
}
.worksDList_image .imageItemWrap {
    padding-top: 149.5726%;
}
.worksDList_image .imageItem {
    position: absolute;
    top: -1.5vw;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    /* height: 100%; */
    -o-object-fit: cover;
    object-fit: cover;
}
.worksDList_head {
    display: block;
    margin-top: 24px;
    margin-top: 1.7vw;
    color: #000;
    font-weight: normal;
    line-height: 1.5;
    font-size: 16px;
    font-size: max(1.75rem, 16px);
}
.worksDList_data {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    font-family: acumin-pro, sans-serif;
    margin-top: 3px;
    margin-top: 0.22vw;
}
.worksDList_dataItem {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.worksDList_dataItem:not(:last-child) {
    margin-right: 20px;
}
.worksDList_dataDt {
    flex-shrink: 0;
    margin-right: .66em;
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    font-size: 0.92vw;
    letter-spacing: 0.05em;
    line-height: 1.7;
}
.worksDList_dataDd {
    color: #000;
    font-size: 14px;
    font-size: 1vw;
    line-height: 1.5;
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
    .worksDList_dataDt,
    .worksDList_dataDd {
        font-size: 12px;
    }
}
.worksDList_text {
    display: block;
    margin-top: 12px;
    margin-top: 0.86vw;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.86;
    font-size: max(1.4rem, 12px);
}
.worksDList_slide.swiper-container {
    margin-left: -7vw;
    margin-right: -7vw;
    padding-left: 7vw;
    padding-right: 7vw;
}
.worksDList_slide .swiper-wrapper {
    flex-wrap: nowrap;
    margin-top: 55px;
    margin-top: 4.1vw;
}
.worksDList_slide .swiper-slide {
    width: 240px;
    width: 20%;
    margin-top: 0;
    margin-right: 48px;
    margin-right: 4%;
    margin-bottom: 0;
}
body.-is-firefox .worksDList_slide .swiper-slide,
body.-is-ie .worksDList_slide .swiper-slide {
    width: 240px;
    width: 20%;
}
.worksDList_slide .swiper-slide:last-child {
    margin-right: 0;
}
.worksDList_slide .swiper-slide .worksDList_image .imageItem {
    top: 0;
    margin: auto;
}
.worksDList_slide .swiper-button-prev,
.worksDList_slide .swiper-button-next {
    top: 0;
    width: 12vw;
    height: 100%;
    margin-top: 0;
    z-index: 1;
    display: block;
}
.worksDList_slide .swiper-button-prev::after,
.worksDList_slide .swiper-button-next::after {
    display: none;
}
.worksDList_slide .swiper-button-prev {
    left: 0;
}
.worksDList_slide .swiper-button-next {
    right: 0;
}
@media screen and (max-width: 767px) {
    .worksDList {
        display: block;
        margin-top: -14px;
        margin-top: -3.4vw;
    }
    /* .worksDList::after {
    display: none;
  } */
    .worksDList_content {
        margin-top: 50px;
        margin-top: 13.4vw;
        width: auto;
    }
    body.-is-firefox .worksDList_content,
    body.-is-ie .worksDList_content {
        width: auto;
    }
    .worksDList_image::before {
        content: '';
        /* padding-top: 115.23%; */
    }
    .worksDList_image .imageItem {
        height: auto;
        top: -15.5vw;
    }
    .worksDList_head {
        margin-top: 24px;
        margin-top: 6.4vw;
        font-size: 16px;
        font-size: 4.3vw;
    }
    .worksDList.-pickup .worksDList_head {
        font-size: 14px;
        font-size: 3.8vw;
    }
    .worksDList_dataItem:not(:last-child) {
        margin-right: 5.333vw;
    }
    .worksDList_dataDt {
        font-size: 12px;
        font-size: 3.2vw;
    }
    .worksDList_dataDd {
        font-size: 12px;
        font-size: 3.2vw;
    }
    .worksDList_text {
        margin-top: 9px;
        margin-top: 2.4vw;
        line-height: 2;
        font-size: 14px;
    }
    .worksDList_slide.swiper-container {
        margin-left: -8vw;
        margin-right: -8vw;
        padding-left: 8vw;
        padding-right: 8vw;
    }
    .worksDList_slide .swiper-wrapper {
        display: flex;
        margin-top: 35px;
        margin-top: 9.4vw;
    }
    .worksDList_slide .swiper-slide {
        width: 240px;
        width: 76.3%;
        margin-right: 48px;
        margin-right: 15.3%;
        margin-top: 0;
    }
    body.-is-firefox .worksDList_slide .swiper-slide,
    body.-is-ie .worksDList_slide .swiper-slide {
        width: 240px;
        width: 76.3%;
    }
}
@media screen and (max-width: 374px) {
    .worksDList_dataDd,
    .worksDList_dataDt {
        font-size: 12px;
    }
}

/* worksDPwHeader */
.worksDPwHeader {
    margin-top: 136px;
    margin-top: 9.71vw;
    color: #000;
}
.worksDPwHeader_en {
    display: block;
    font-size: 80px;
    font-size: 5.71vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: -0.02em;
}
.worksDPwHeader_ja {
    display: block;
    margin-top: 8px;
    margin-top: 0.571vw;
    font-family: 'TsukuGoPr5-D', sans-serif;
    font-weight: normal;
    line-height: 1.5;
}
@media screen and (max-width: 767px) {
    .worksDPwHeader {
        margin-top: 47px;
        margin-top: 12.53vw;
    }
    .worksDPwHeader_en {
        font-size: 40px;
        font-size: 10.66vw;
    }
    .worksDPwHeader_ja {
        margin-top: 5px;
        margin-top: 1.33vw;
    }
}

/* worksDPwLead */
.worksDPwLead {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    flex-direction: row;

    margin-top: 28px;
    margin-top: 2vw;
}
.worksDPwLead_vessel {
    width: 56.97%;
}
@media screen and (max-width: 767px) {
    .worksDPwLead {
        display: block;

        margin-top: 30px;
        margin-top: 8vw;
    }
    .worksDPwLead_vessel {
        width: auto;
    }
}

/* worksDPwList */
.worksDPwList {
    position: relative;
    margin-top: 61px;
    margin-top: 4.35vw;
    border-top: 1px solid #dbdad8;
}
.worksDPwList_dl {
    display: table;
    table-layout: fixed;
    margin-top: -1px;
    width: 100%;
}
.worksDPwList_text,
.worksDPwList_name,
.worksDPwList_year {
    display: table-cell;
    border-bottom: 1px solid #dbdad8;
    vertical-align: middle;
}
.worksDPwList_year {
    border-top: 1px solid #000;
    width: 9%;
    color: #000;
    font-family: acumin-pro, sans-serif;
    font-weight: 400;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    .worksDPwList_year {
        width: 75px;
    }
}
.worksDPwList_name {
    padding: 35px 10px 34px 95px;
    padding: 2.5vw 10px 2.42vw 7vw;
    border-top: 1px solid transparent;
    width: auto;
    color: #000;
    line-height: 1.72;
}
.worksDPwList_text {
    padding: 35px 0 34px 0;
    padding: 2.5vw 0 2.42vw 0;
    border-top: 1px solid transparent;
    width: 56.97%;
    line-height: 1.72;
}
@media screen and (max-width: 767px) {
    .worksDPwList {
        position: relative;
        margin-top: 50px;
        margin-top: 13.33vw;
        margin-bottom: 50px;
        margin-bottom: 13.33vw;
    }
    .worksDPwList_dl {
        position: relative;
        display: block;
        margin-top: 0;
        border-bottom: 1px solid #dbdad8;
        width: auto;
    }
    .worksDPwList_text,
    .worksDPwList_name,
    .worksDPwList_year {
        display: block;
        border-bottom: none;
        vertical-align: baseline;
    }
    .worksDPwList_year {
        position: absolute;
        top: -1px;
        right: 0;
        display: inline-block;
        width: auto;
        font-size: 12px;
        font-size: 3.2vw;
    }
    .worksDPwList_name {
        padding: 23px 0 0 0;
        padding: 6.13vw 0 0 0;
        border-top: none;
    }
    .worksDPwList_text {
        padding: 3px 0 21px 0;
        padding: 0.8vw 0 5.6vw 0;
        border-top: none;

        width: auto;
    }
}
@media screen and (max-width: 374px) {
    .worksDPwList_year {
        font-size: 12px;
    }
}

/* worksDComment */
.worksD_linkbox {
    position: relative;
    margin: 3.428vw 0;
    padding: 2.28vw;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    display: flex;
    align-items: center;
    transition: opacity 0.3s ease;
}
.worksD_linkbox:last-child {
    margin-bottom: 0;
}
body:not(.-is-touchDevice) .worksD_linkbox:hover {
    opacity: 0.7;
}
.worksD_linkbox_main,
.worksD_linkbox_image {
    display: inline-block;
}
.worksD_linkbox_image {
    width: 12.85vw;
    min-width: 180px;
    line-height: 0;
    vertical-align: top;
}
.worksD_linkbox_main {
    width: auto;
    padding-left: 33px;
    flex: 1;
}
.worksD_linkbox_title {
    display: block;
    color: #000;
    font-size: max(1.75rem, 18px);
}
.worksD_linkbox_text {
    display: block;
    color: rgba(0, 0, 0, 0.69);
    font-size: max(1.4rem, 14px);
}
.worksD_linkbox_title + .worksD_linkbox_text {
    margin-top: 14px;
}
@media screen and (max-width: 767px) {
    .worksD_linkbox {
        margin-top: 36px;
        display: block;
        padding: 8.26vw 5.06vw 6.4vw 5.06vw;
    }
    .worksD_linkbox_main,
    .worksD_linkbox_image {
        display: block;
        vertical-align: baseline;
    }
    .worksD_linkbox_image {
        width: auto;
        min-width: 0;
        text-align: center;
    }
    .worksD_linkbox_image .c-imageItem_image {
        width: 180px;
        height: auto;
    }
    .worksD_linkbox_main {
        width: auto;
        padding: 15px 0 0 0;
    }
    .worksD_linkbox_title {
        font-size: 3.5vw;
        text-align: center;
    }
    .worksD_linkbox_text {
        font-size: 3.2vw;
    }
    .worksD_linkbox_title + .worksD_linkbox_text {
        margin-top: 8px;
    }
}

/* about
------------------------------------------ */
/* aboutHeader */
.aboutHeader {
    padding: 302px 4vw 0 0;
    padding: 21.57vw 4vw 0 0;
}
.aboutHeader_head {
    color: #000;
    font-size: 100px;
    font-size: 7.14vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: -0.04em;
}
.aboutHeader_text {
    margin: 86px 0 0 0;
    margin: 6.14vw 0 0 0;
}
.aboutHeader_text.-company {
    margin: 9.14vw auto 0 auto;
    width: 64.42vw;
}
@media screen and (max-width: 767px) {
    .aboutHeader {
        padding: 64px 0 0 0;
        padding: 17.06vw 0 0 0;
    }
    .aboutHeader_head {
        font-size: 38px;
        font-size: 10.13vw;
        line-height: 1.19;
        letter-spacing: -0.02em;
    }
    .aboutHeader_text {
        margin: 77px 0 0 0;
        margin: 20.53vw 0 0 0;
    }
    .aboutHeader_text.-company{
        margin: 20.53vw 0 0 0;
        width: 100%;
    }
}

/* aboutHeadLv2 */
.aboutHeadLv2 {
    color: #000;
    font-size: 100px;
    font-size: 7.14vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
    .aboutHeadLv2 {
        font-size: 43px;
        font-size: 3.46vw;
        letter-spacing: -0.02em;
    }
}

/* aboutCp */
.aboutCp {
    margin-top: 320px;
    margin-top: 22.85vw;
}
.aboutCp_body {
    margin: 111px auto 0 auto;
    margin: 5.52vw auto 0 auto;
    border-top: 1px solid #dbdad8;
    width: 64.42vw;
}
.aboutCp_dl {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;

    border-bottom: 1px solid #dbdad8;
}
.aboutCp_dl.-boardMember {
    display: block;
}
.aboutCp_dt {
    padding: 31px 10px 33px 0;
    /* padding: 2.21vw 0.714vw 2.35vw 0; */
    padding: 1.61vw 0.714vw 1.75vw 0;
    width: 26.27%;
    color: rgba(0, 0, 0, 0.44);
}
.aboutCp_dl.-boardMember .aboutCp_dt {
    padding-right: 0;
    padding-bottom: 0;
    width: auto;
}
.aboutCp_dd {
    flex: 1;
    /* padding: 2.21vw 0 2.35vw 0; */
    padding: 1.61vw 0 1.75vw 0;
    color: rgba(0, 0, 0, 0.7);
}
.aboutCp_dl.-boardMember .aboutCp_dd {
    padding: 44px 0 62px 0;
    padding: 3.14vw 0 4.42vw 0;
}
.aboutCp_a {
    color: rgba(0, 0, 0, 0.7);
    text-decoration: underline;
}
body:not(.-is-touchDevice) .aboutCp_a {
    text-decoration: none;
}
.aboutCp_openModal {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
}
.aboutCp_openModalIconWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    width: 1.857vw;
    height: 26px;
    height: 1.857vw;
    border-radius: 50%;
    background-color: #000;
    margin-left: 14px;
    transition: opacity 0.33s cubic-bezier(0.47, 0.427, 0, 0.99);
    position: relative;
}
body:not(.-is-touchDevice) .aboutCp_openModal:hover .aboutCp_openModalIconWrap {
    opacity: 0.69;
}
.aboutCp_openModalIcon {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 10px;
    width: 0.71vw;
    height: 10px;
    height: 0.71vw;
    overflow: hidden;
    position: relative;
}
.aboutCp_openModalIcon::before,
.aboutCp_openModalIcon::after {
    content: '';
    display: block;
    transition: transform 0.4s cubic-bezier(0.57, 0, 0, 0.99);
}
.aboutCp_openModalIcon::before {
    position: absolute;
    width: 0.57vw;
    height: 0.57vw;
    background: url(./assets/images/common/icn_modal_02.svg) no-repeat center;
    background-size: contain;
    transform: translateY(-0.6vw);
}
.aboutCp_openModalIcon::after {
    width: 10px;
    width: 0.71vw;
    height: 10px;
    height: 0.71vw;
    background: url(./assets/images/common/icn_modal_01.svg) no-repeat center;
    background-size: contain;
}
body:not(.-is-touchDevice) .aboutCp_openModal:hover .aboutCp_openModalIcon::before {
    transform: translateY(0.08vw);
}
body:not(.-is-touchDevice) .aboutCp_openModal:hover .aboutCp_openModalIcon::after {
    transform: translateY(0.71vw);
}

@media screen and (min-width: 768px) and (max-width: 1399px) {
    .aboutCp_openModal {
        padding: 0 39px 0 0;
    }
}
@media screen and (max-width: 767px) {
    .aboutCp {
        margin-top: 102px;
        margin-top: 27.2vw;
    }
    .aboutCp_body {
        margin-top: 43px;
        margin-top: 11.46vw;
        width: auto;
        line-height: 1.75;
    }
    .aboutCp_dl {
        display: block;
    }
    .aboutCp_dl.-boardMember {
        border-bottom: none;
    }
    .aboutCp_dt {
        padding: 25px 0 0 0;
        /* padding: 6.66vw 0 0 0; */
        padding: 3.66vw 0 0 0;
        width: auto;
        font-size: 13px;
        font-size: 3.46vw;
    }
    .aboutCp_dd {
        padding: 5px 0 27px 0;
        /* padding: 1.33vw 0 7.2vw 0; */
        padding: 1.33vw 0 4.2vw 0;
    }
    .aboutCp_dl.-boardMember .aboutCp_dd {
        padding: 38px 0 0 0;
        padding: 10.13vw 0 0 0;
    }
    .aboutCp_openModal {
        padding: 0 36px 0 0;
        padding: 0 9.6vw 0 0;
    }
    .aboutCp_openModalIconWrap {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        width: 6.93vw;
        height: 26px;
        height: 6.93vw;
        border-radius: 50%;
        background-color: #000;
        margin-left: 14px;
        transition: opacity 0.33s cubic-bezier(0.47, 0.427, 0, 0.99);
    }
    .aboutCp_openModalIcon {
        width: 10px;
        height: 10px;
    }
    .aboutCp_openModalIcon::before {
        display: none;
    }
    .aboutCp_openModalIcon::after {
        width: 10px;
        height: 10px;
        background-size: 10px;
    }
}
@media screen and (max-width: 374px) {
    .aboutCp_dt {
        font-size: 12px;
    }
    .aboutCp_openModal {
        padding: 0 36px 0 0;
    }
}

/* aboutCpLinkList */
.aboutCpLinkList_ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;

    margin: -1em 0 0 -3.5vw;
}
.aboutCpLinkList_content {
    margin: 1em 0 0 3.5vw;
}
.aboutCpLinkList li{
    margin-bottom: 2px;
}
.aboutCpLinkList_a {
    position: relative;
    color: rgba(0, 0, 0, 0.7);
    text-decoration: none;
    padding-bottom: 2px;
}
.aboutCpLinkList_a::after{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(#111, #111) left bottom / 100% 1px no-repeat;
    transition: background-size 0.3s ease;
}
body:not(.-is-touchDevice) .aboutCpLinkList_a:hover::after {
    background-position: right bottom;
    background-size: 0 1px;
}
@media screen and (max-width: 767px) {
    .aboutCpLinkList_ul {
        display: block;
        margin: 0;
    }
    .aboutCpLinkList li{
        margin-bottom: 9px;
    }
    .aboutCpLinkList_a {
        padding-bottom: 2px;
    }
    .aboutCpLinkList_content {
        margin: 0;
    }
    .aboutCpLinkList_content + .aboutCpLinkList_content {
        margin-top: 1px;
    }
}

/* aboutCpMember */
.aboutCpMember {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
}
.aboutCpMember_content {
    margin: 1.42vw 0 0 5.12%;
    width: 29.92%;
}
.aboutCpMember_content:nth-of-type(3n + 1) {
    margin-left: 0;
}
.aboutCpMember_content:nth-of-type(3),
.aboutCpMember_content:nth-of-type(2),
.aboutCpMember_content:nth-of-type(1) {
    margin-top: 0;
}
.aboutCpMember_image {
    text-align: center;
}
.aboutCpMember_imageImg {
    width: 77px;
    width: 5.5vw;
    height: auto;
}
.aboutCpMember_title {
    margin-top: 21px;
    margin-top: 1.5vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    font-size: 12px;
    font-size: 0.85vw;
    line-height: 1.5;
    text-align: center;
    text-indent: -0.02em;
    letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .aboutCpMember_title {
        font-size: 12px;
    }
}
.aboutCpMember_name {
    margin-top: 4px;
    margin-top: 0.285vw;
    color: rgba(0, 0, 0, 0.7);
    font-family: 'TsukuGoPr5-D', sans-serif;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
}
.aboutCpMember_text {
    margin-top: 27px;
    margin-top: 1.92vw;
    font-size: 14px;
    font-size: 1vw;
    line-height: 1.7;
}
.aboutCpMember_openModal {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
    font-size: 14px;
    font-size: 1vw;
}
.aboutCpMember_openModalIconWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    width: 1.429vw;
    height: 20px;
    height: 1.429vw;
    border-radius: 50%;
    background-color: #000;
    margin-left: 10px;
    transition: opacity 0.33s cubic-bezier(0.47, 0.427, 0, 0.99);
    position: relative;
}
body:not(.-is-touchDevice) .aboutCpMember_openModal:hover .aboutCpMember_openModalIconWrap {
    opacity: 0.69;
}
.aboutCpMember_openModalIcon {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 10px;
    width: 0.71vw;
    height: 10px;
    height: 0.71vw;
    overflow: hidden;
    position: relative;
}
.aboutCpMember_openModalIcon::before,
.aboutCpMember_openModalIcon::after {
    content: '';
    display: block;
    transition: transform 0.4s cubic-bezier(0.57, 0, 0, 0.99);
}
.aboutCpMember_openModalIcon::before {
    position: absolute;
    width: 0.57vw;
    height: 0.57vw;
    background: url(./assets/images/common/icn_modal_02.svg) no-repeat center;
    background-size: contain;
    transform: translateY(-0.6vw);
}
.aboutCpMember_openModalIcon::after {
    width: 10px;
    width: 0.71vw;
    height: 10px;
    height: 0.71vw;
    background: url(./assets/images/common/icn_modal_01.svg) no-repeat center;
    background-size: contain;
}
body:not(.-is-touchDevice) .aboutCpMember_openModal:hover .aboutCpMember_openModalIcon::before {
    transform: translateY(0.08vw);
}
body:not(.-is-touchDevice) .aboutCpMember_openModal:hover .aboutCpMember_openModalIcon::after {
    transform: translateY(0.71vw);
}
.aboutCpMember_nav {
    margin-top: 18px;
    margin-top: 1.25vw;
    display: inline-block;
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: 0;
}
.aboutCpMember_navA {
    position: relative;
    display: inline-block;
    padding: 0 32px 0 0;
    color: rgba(0, 0, 0, 0.8);
}
.aboutCpMember_navArrow {
    position: absolute;
    top: 45%;
    right: 0;
    display: block;
    width: 22px;
    height: 5px;
    background: url(./assets/images/common/img_arrow_01.svg) no-repeat;
    background-size: 22px 5px;
    transition: all 0.3s ease;
    opacity: .7;
}
body:not(.-is-touchDevice) .aboutCpMember_navA:hover .aboutCpMember_navArrow {
    transform: translateX(-4px);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .aboutCpMember_text {
        font-size: 12px;
    }
    .aboutCpMember_openModal {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .aboutCpMember {
        display: block;
    }
    .aboutCpMember_content {
        margin: 75px 0 0 0;
        margin: 20vw 0 0 0;
        width: auto;
    }
    .aboutCpMember_content:nth-of-type(3),
    .aboutCpMember_content:nth-of-type(2) {
        margin-top: 20vw;
    }
    .aboutCpMember_content:nth-of-type(1) {
        margin-top: 0;
    }
    .aboutCpMember_imageImg {
        width: 77px;
        width: 20.53vw;
    }
    .aboutCpMember_title {
        margin-top: 14px;
        font-size: 3.73vw;
        font-size: 12px;
        font-size: 3.2vw;
    }
    .aboutCpMember_name {
        margin-top: 4px;
        margin-top: 1.4vw;
        font-size: 16px;
        font-size: 4.26vw;
        padding: 0;
    }
    .aboutCpMember_text {
        margin-top: 17px;
        margin-top: 4.53vw;
        font-size: 14px;
        font-size: 3.73vw;
        line-height: 1.7;
    }
    .aboutCpMember_openModal {
        font-size: 14px;
        font-size: 3.73vw;
        margin-top: 4px;
        margin-top: 1.4vw;
    }
    .aboutCpMember_openModalIconWrap {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        width: 6.93vw;
        height: 26px;
        height: 6.93vw;
        border-radius: 50%;
        background-color: #000;
        margin-left: 0.5em;
        transition: opacity 0.33s cubic-bezier(0.47, 0.427, 0, 0.99);
    }
    .aboutCpMember_openModalIcon {
        width: 10px;
        height: 10px;
    }
    .aboutCpMember_openModalIcon::before {
        display: none;
    }
    .aboutCpMember_openModalIcon::after {
        width: 10px;
        height: 10px;
        background-size: 10px;
    }
    .aboutCpMember_nav {
        margin-top: 17px;
        margin-top: 4.53vw;
        font-size: 16px;
        font-size: 4.26vw;
    }
}
@media screen and (max-width: 374px) {
    .aboutCpMember_text,
    .aboutCpMember_title {
        font-size: 12px;
    }
    .aboutCpMember_openModal {
        font-size: 12px;
    }
}

/* modalProfile */
.modalProfile {
    display: none;

    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
.modalProfile_bg {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.modalProfile_scroll {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;

    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
.modalProfile_close {
    display: flex;
    align-items: center;

    cursor: pointer;
    position: absolute;
    top: 49px;
    top: 3.5vw;
    right: 57px;
    right: 4.07vw;
    width: 71px;
    width: 5.07vw;
    height: 71px;
    height: 5.07vw;
    background: url(./assets/images/common/btn_modal_close_01.svg) no-repeat;
    background-size: 99% 99%;
    text-indent: -9999px;
    overflow: hidden;
    transition: opacity 0.33s cubic-bezier(0.47, 0.427, 0, 0.99);
}
body:not(.-is-touchDevice) .modalProfile_close:hover {
    opacity: 0.69;
}
.modalProfile_vessel {
    display: table;
    width: 100%;
    height: 100%;
}
.modalProfile_inner {
    display: table-cell;
    padding: 120px 20px;
    padding: 8.57vw 20px;
    height: 100%;
    vertical-align: middle;
}
.modalProfile_content {
    position: relative;
    background: #fff;
    margin: 0 auto;
    padding: 120px 146px 146px 146px;
    padding: 8.57vw 10.42vw 10.42vw 10.42vw;
    width: 72.85vw;
    z-index: 1;
}
.modalProfile_title {
    color: rgba(0, 0, 0, 0.44);
    font-size: 12px;
    font-size: 0.85vw;
    line-height: 1.2;
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .modalProfile_title {
        font-size: 12px;
    }
}
.modalProfile_name {
    margin-top: 3px;
    color: #000;
    font-size: 18px;
    font-size: 1.28vw;
    font-family: 'TsukuGoPr5-D', sans-serif;
    font-weight: normal;
    line-height: 1.5;
    display: flex;
    align-items: center;
}
.modalProfile_link_twitter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-left: 6px;
}
.modalProfile_link_twitter svg {
    position: relative;
    top: 2px;
    width: 13.6px;
}
.modalProfile_link_twitter svg path {
    transition: 0.3s ease;
}
body:not(.-is-touchDevice) .modalProfile_link_twitter:hover svg path {
    fill: #1d9bf0;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .modalProfile_name {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .modalProfile_link_twitter {
        margin-left: 0;
    }
}
.modalProfile_headLv2 {
    margin-top: 90px;
    margin-top: 6.42vw;
    color: rgba(0, 0, 0, 0.44);
    font-family: 'TsukuGoPr5-D', sans-serif;
    font-weight: normal;
    line-height: 1.5;
}
.modalProfile_headLv2 + .modalProfile_text {
    margin-top: 57px;
    margin-top: 4.07vw;
}
.modalProfile_text + .modalProfile_text {
    margin-top: 2em;
}
.modalProfileHistory {
    margin-top: 44px;
    margin-top: 3.14vw;
    border-top: 1px solid #dbdad8;
}
.modalProfileHistory_dl {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;

    border-bottom: 1px solid #dbdad8;
    font-size: 14px;
    font-size: 1vw;
    line-height: 1.85;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .modalProfileHistory_dl {
        font-size: 12px;
    }
}
.modalProfileHistory_dt {
    padding: 15px 10px 12px 0;
    padding: 1.07vw 10px 0.85vw 0;
    width: 14.28%;
    min-width: 104px;
}
.modalProfileHistory_dd {
    flex: 1;

    padding: 15px 0 12px 0;
    padding: 1.07vw 0 0.85vw 0;
}
.modalProfileEx {
    margin-top: 60px;
    margin-top: 4.28vw;
}
.modalProfileEx_dt {
    color: #000;
    font-family: 'TsukuGoPr5-D', sans-serif;
    font-weight: normal;
    line-height: 1.5;
}
.modalProfileEx_dd + .modalProfileEx_dt {
    margin-top: 33px;
    margin-top: 2.35vw;
}
.modalProfileEx_dd {
    margin-top: 9px;
    margin-top: 0.642vw;
    font-size: 14px;
    font-size: 1vw;
    line-height: 1.58;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .modalProfileEx_dd {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .modalProfile_close {
        position: fixed;
        top: 0;
        right: 0;
        width: 71px;
        width: 18.93vw;
        height: 71px;
        height: 18.93vw;
        background: url(./assets/images/common/btn_modal_close_01.svg) no-repeat;
        background-size: cover;
    }
    .modalProfile_inner {
        padding: 20px;
        padding: 5.33vw;
    }
    .modalProfile_content {
        padding: 69px 30px;
        padding: 18.4vw 8vw;
        width: auto;
    }
    .modalProfile_title {
        font-size: 12px;
        font-size: 3.2vw;
    }
    .modalProfile_name {
        margin-top: 3px;
        font-size: 18px;
        font-size: 4.8vw;
    }
    .modalProfile_headLv2 {
        margin-top: 52px;
        margin-top: 13.86vw;
        font-size: 13px;
        font-size: 3.46vw;
    }
    .modalProfile_text {
        font-size: 13px;
        font-size: 3.46vw;
        line-height: 1.85;
    }
    .modalProfile_headLv2 + .modalProfile_text {
        margin-top: 32px;
        margin-top: 8.53vw;
    }
    .modalProfileHistory {
        margin-top: 37px;
        margin-top: 9.86vw;
    }
    .modalProfileHistory_dl {
        font-size: 13px;
        font-size: 3.46vw;
    }
    .modalProfileHistory_dt {
        padding: 14px 10px 15px 0;
        padding: 3.73vw 10px 4vw 0;
        width: 23.73vw;
        min-width: 89px;
    }
    .modalProfileHistory_dd {
        padding: 14px 0 15px 0;
        padding: 3.73vw 0 4vw 0;
    }
    .modalProfileEx {
        margin-top: 35px;
        margin-top: 9.33vw;
    }
    .modalProfileEx_dd + .modalProfileEx_dt {
        margin-top: 28px;
        margin-top: 7.46vw;
    }
    .modalProfileEx_dd {
        margin-top: 9px;
        margin-top: 2.4vw;
        font-size: 13px;
        font-size: 3.46vw;
        line-height: 1.54;
    }
}
@media screen and (max-width: 734px) {
    .modalProfile_title,
    .modalProfile_headLv2,
    .modalProfile_text,
    .modalProfileHistory_dl,
    .modalProfileEx_dd {
        font-size: 12px;
    }
}

/* aboutMission */
.aboutMission {
    margin-top: 177px;
    margin-top: 12.64vw;
    padding: 0 4vw 0 0;
}
.aboutMission_body {
    margin: 85px 0 0 38.35vw;
    margin: 6.07vw 0 0 38.35vw;
}
.aboutMission_lead {
    color: #000;
    font-size: 20px;
    font-size: 1.42vw;
    font-size: 2.13vw;
    font-weight: 700;
    line-height: 1.6;
}
.aboutMission_lead + .aboutMission_text {
    margin-top: 55px;
    margin-top: 3.92vw;
}
.aboutMission_text + .aboutMission_text {
    margin-top: 2em;
}
@media screen and (max-width: 767px) {
    .aboutMission {
        margin-top: 109px;
        margin-top: 29.06vw;
    }
    .aboutMission_body {
        margin: 37px 0 0 0;
        margin: 9.86vw 0 0 0;
    }
    .aboutMission_lead {
        font-size: 15px;
        font-size: 5.2vw;
        line-height: 1.74;
    }
    .aboutMission_lead + .aboutMission_text {
        margin-top: 28px;
        margin-top: 7.46vw;
    }
}

/* about detail
------------------------------------------ */
.aboutDetailHeader{
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 60vw;
    min-width: 840px;
}
.aboutDetailHeader_head{
    color: #000;
    font-size: 100px;
    font-size: 7.14vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.06;
    letter-spacing: -0.04em;
    margin-left: -8px;
}
.aboutDetailHeader_text{
    /* padding-top: 230px;
  padding-top: 16.42vw; */
    padding-top: 210px;
    padding-top: 15vw;
}
.aboutDetailHeader_name_wrap{
    margin-top: 34px;
    margin-top: 2.428vw;
    display: flex;
}
.aboutDetailHeader_name{
    font-size: max(2.8rem, 18px);
    letter-spacing: 0;
    line-height: 1;
    font-family: 'TsukuGoPr5-M', sans-serif;
    display: flex;
    align-items: center;
}
.aboutDetailHeader_role{
    margin-top: 14px;
    margin-top: 1vw;
    font-size: max(1.6rem, 16px);
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: -0.02em;
}
.aboutDetailHeader_image{
    width: 33.57vw;
}
.aboutDetailHeader_sns{
    margin: 2px 0 0 15px;
}
.aboutDetailHeader_twitter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #C9C9C9;
    border-radius: 17px;
}
.aboutDetailHeader_twitter svg {
    position: relative;
    top: 1px;
    width: 16px;
}
.aboutDetailHeader_twitter svg path {
    transition: 0.3s ease;
}
body:not(.-is-touchDevice) .aboutDetailHeader_twitter:hover svg path {
    fill: #1d9bf0;
}
@media screen and (max-width: 767px) {
    .aboutDetailHeader{
        display: block;
        min-width: auto;
        width: 100%;
    }
    .aboutDetailHeader_head{
        font-size: 48px;
        font-size: 12.8vw;
        letter-spacing: -0.04em;
        margin-left: -5px;
        margin-left: -1.333vw;
    }
    .aboutDetailHeader_text{
        padding-top: 80px;
        padding-top: 21.33vw;
    }
    .aboutDetailHeader_name_wrap{
        margin-top: 36px;
        margin-top: 9.6vw;
        margin-left: -5px;
        margin-left: -1.33vw;
    }
    .aboutDetailHeader_name{
        font-size: max(2rem, 20px);
    }
    .aboutDetailHeader_role{
        margin-top: 5px;
        margin-top: 1.333vw;
        font-size: max(1.2rem, 12px);
    }
    .aboutDetailHeader_image{
        width: 100%;
        margin-top: 58px;
        margin-top: 15.46vw;
    }
    .aboutDetailHeader_sns{
        margin: 0 0 0 13px;
    }
}

.aboutDText {
    padding: 12vw 0;
    background: #fff;
}
.aboutDText.-worksFin {
    padding-bottom: 0;
}
.worksDData + .aboutDText {
    padding-top: 0;
}
.aboutDText_vessel {
    margin-left: auto;
    margin-right: auto;
    width: 54vw;
    min-width: 700px;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
    .aboutDText_vessel {
        width: auto;
        min-width: 0;
    }
}
.aboutDText_titleLv2 {
    color: #000;
    font-size: 28px;
    font-size: 1.85vw;
    font-size: max(2.8rem, 18px);
    font-family: 'TsukuGoPr5-D', sans-serif;
    font-weight: normal;
    line-height: 1.5;
}
.aboutDText_titleLv3 {
    color: #000;
    font-size: 18px;
    /* font-size: 1.28vw; */
    font-size: max(1.9rem, 14px);
    font-family: 'TsukuGoPr5-D', sans-serif;
    font-weight: normal;
    line-height: 1.5;
}
.aboutDText_titleLv2 + .aboutDText_titleLv3 {
    margin-top: 79px;
    margin-top: 5.64vw;
}
.aboutDText_p {
    font-size: 16px;
    font-size: 1.14vw;
    font-size: max(1.75rem, 14px);
}
.aboutDText.-worksFin .aboutDText_p {
    width: 890px;
    width: 63.57vw;
}
.aboutDText_p + .aboutDText_p,
.aboutDText_ul + .aboutDText_p {
    margin-top: 2em;
}
.aboutDText_titleLv2 + .aboutDText_p {
    margin-top: 80px;
    margin-top: 5.71vw;
}
.aboutDText_titleLv3 + .aboutDText_p {
    margin-top: 26px;
    margin-top: 1.85vw;
}
.aboutDText_p + .aboutDText_titleLv2,
.aboutDText_ul + .aboutDText_titleLv2 {
    margin-top: 12vw;
}
.aboutDText_p + .aboutDText_titleLv3,
.aboutDText_ul + .aboutDText_titleLv3 {
    margin-top: 79px;
    margin-top: 5.64vw;
}
@media screen and (max-width: 767px) {
    .aboutDText_titleLv2 {
        font-size: 20px;
        font-size: 5.333vw;
        line-height: 1.78;
    }
    .aboutDText_titleLv3 {
        font-size: 14px;
        font-size: 3.73vw;
    }
    .aboutDText_titleLv2 + .aboutDText_titleLv3 {
        margin-top: 29px;
        margin-top: 7.73vw;
    }
    .aboutDText_p {
        font-size: 14px;
        font-size: 3.73vw;
    }
    .aboutDText.-worksFin .aboutDText_p {
        width: auto;
    }
    .aboutDText_p + .aboutDText_p,
    .aboutDText_ul + .aboutDText_p {
        margin-top: 1em;
    }
    .aboutDText_titleLv2 + .aboutDText_p {
        margin-top: 60px;
        margin-top: 16vw;
    }
    .aboutDText_titleLv3 + .aboutDText_p {
        margin-top: 13px;
        margin-top: 3.46vw;
    }
    .aboutDText_p + .aboutDText_titleLv2,
    .aboutDText_ul + .aboutDText_titleLv2 {
        margin-top: 16vw;
    }
    .aboutDText_p + .aboutDText_titleLv3,
    .aboutDText_ul + .aboutDText_titleLv3 {
        margin-top: 27px;
        margin-top: 7.2vw;
    }
}

/* aboutDetailCp */
.aboutDetailCp {
    padding-top: 230px;
    padding-top: 17.14vw;
    padding-top: 16.42vw;
}
.aboutDetailCp + .aboutDetailC {
    padding-top: 140px;
    padding-top: 10vw;
}
.aboutDetailCp_body {
    margin: 80px auto 0 auto;
    margin: 5.71vw auto 0 auto;
    border-top: 1px solid #dbdad8;
    width: auto;
}
.aboutDetailCp_dl {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
    border-bottom: 1px solid #dbdad8;
}
.aboutDetailCp_dt {
    padding: 31px 30px 33px 0;
    padding: 2.21vw 2.14vw 2.35vw 0;
    width: 16.19%;
    color: #000;
    font-family: 'TsukuGoPr5-D', sans-serif;
    font-size: max(1.6rem, 16px);
}
.aboutDetailCp_dd {
    flex: 1;
    padding: 2.21vw 0 2.35vw 0;
    color: rgba(0, 0, 0, 0.51);
    font-size: max(1.75rem, 16px);
}
.aboutDetailCp_dd {
    flex: 1;
    padding: 2.21vw 0 2.35vw 0;
    color: rgba(0, 0, 0, 0.51);
}
.aboutDetailCp_dd.year {
    flex: none;
    padding: 2.21vw 0 2.35vw 0;
    color: rgba(0, 0, 0, 0.41);
    font-family: acumin-pro, sans-serif;
}
.aboutDetailCp_a {
    color: rgba(0, 0, 0, 0.7);
    text-decoration: underline;
}
body:not(.-is-touchDevice) .aboutDetailCp_a {
    text-decoration: none;
}

.aboutDetailCp_dl.column-3 .aboutDetailCp_dt {
    width: 34.5%;
}
.aboutDetailCp_dl.column-3 .aboutDetailCp_dd {
    font-size: max(1.4rem, 14px);
}
.aboutDetailCp_dl.column-3 .aboutDetailCp_dd.year {
    width: auto;
    word-break: break-all;
}

@media screen and (min-width: 768px) and (max-width: 1399px) {

}
@media screen and (max-width: 767px) {
    .aboutDetailCp {
        margin-top: 142px;
        margin-top: 37.86vw;
        padding-top: 0;
    }
    .aboutDetailCp_body {
        margin-top: 43px;
        margin-top: 11.46vw;
        width: auto;
        line-height: 1.75;
    }
    .aboutDetailCp_dl {
        display: block;
    }
    .aboutDetailCp_dt {
        padding: 25px 0 0 0;
        padding: 6.66vw 0 0 0;
        width: auto;
        font-size: 13px;
        font-size: 3.46vw;
    }
    .aboutDetailCp_dd {
        padding: 5px 0 27px 0;
        padding: 1.33vw 0 7.2vw 0;
    }
    .aboutDetailCp_dl.column-3 .aboutDetailCp_dt {
        width: auto;
        padding: 22px 0 0 0;
        padding: 5.86vw 0 0 0;
        font-size: 14px;
    }
    .aboutDetailCp_dl.column-3 .aboutDetailCp_dd{
        padding: 17px 0 0 0;
        padding: 4.53vw 0 0 0;
        line-height: 1.714;
        font-size: 14px;
    }
    .aboutDetailCp_dl.column-3 .aboutDetailCp_dd.year{
        padding: 10px 0 23px 0;
        padding: 2.66vw 0 6.13vw 0;
        font-size: 12px;
    }
}
@media screen and (max-width: 374px) {
    .aboutDetailCp_dt {
        font-size: 12px;
    }
}

/* aboutDetailCpLinkList */
.aboutDetailCpLinkList_ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;

    margin: -1em 0 0 -3.5vw;
}
.aboutDetailCpLinkList_content {
    margin: 1em 0 0 3.5vw;
}
.aboutDetailCpLinkList_a {
    position: relative;
    color: rgba(0, 0, 0, 0.7);
    text-decoration: none;
    background: linear-gradient(#111, #111) left bottom / 100% 1px no-repeat;
    transition: background-size 0.3s ease;
    padding-bottom: 5px;
}
body:not(.-is-touchDevice) .aboutDetailCpLinkList_a:hover {
    background-position: right bottom;
    background-size: 0 1px;
}
@media screen and (max-width: 767px) {
    .aboutDetailCpLinkList_ul {
        display: block;
        margin: 0;
    }
    .aboutDetailCpLinkList_content {
        margin: 0;
    }
    .aboutDetailCpLinkList_content + .aboutDetailCpLinkList_content {
        margin-top: 1px;
    }
}

.aboutDetailBackLink{
    margin-top: 140px;
    margin-top: 10vw;
}

/* aboutCase */
.aboutCase {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 98px;
    margin-top: 7vw;
}
.aboutCase.-reverse {
    flex-direction: row-reverse;
}
.aboutCase + .aboutCase {
    margin-top: 164px;
    margin-top: 11.714vw;
}
.aboutCase_imageLink {
    display: block;
    width: 44.89%;
    flex-shrink: 0;
    transition: opacity .3s ease;
}
body:not(.-is-touchDevice) .aboutCase_imageLink:hover {
    opacity: 0.69;
}
.aboutCase_main {
    padding: 0 38px 0 64px;
    padding: 0 2.714vw 0 4.571vw;
}
.aboutCase.-reverse .aboutCase_main {
    padding: 0 64px 0 38px;
    padding: 0 4.571vw 0 2.714vw;
}
.aboutCase_case {
    display: inline-block;
    font-family: acumin-pro, sans-serif;
    color: #000;
    font-size: 12px;
    font-size: 0.857vw;
    border-bottom: solid 1px #2F2F2F;
    line-height: 2.1;
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
    .aboutCase_case {
        font-size: 12px;
    }
}
.aboutCase_head {
    margin-top: 20px;
    margin-top: 1.429vw;
    color: #000;
    font-size: 20px;
    font-size: 1.429vw;
    font-size: max(2rem, 18px);
    font-weight: 700;
    line-height: 1.4;
}
.aboutCase_company {
    margin-top: 8px;
    margin-top: .571vw;
    color: rgba(0, 0, 0, 0.51);
    font-size: 12px;
    font-size: 0.857vw;
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
    .aboutCase_company {
        font-size: 12px;
    }
}
.aboutCase_text {
    margin-top: 40px;
    margin-top: 2.857vw;
    color: rgba(0, 0, 0, 0.51);
    font-size: 16px;
    font-size: 1.143vw;
    font-size: max(1.6rem, 14px);
    line-height: 2;
}
.aboutCase_link {
    margin-top: 36px;
    margin-top: 2.571vw;
    font-size: 16px;
    font-size: 1.143vw;
    font-family: acumin-pro, sans-serif;
    line-height: 1.5;
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
    .aboutCase_link {
        font-size: 12px;
    }
}
.aboutCase_linkA {
    position: relative;
    padding: 0 32px 0 0;
    display: inline-block;
    color: #000;
}
.aboutCase_linkText {
    transition: opacity 0.3s ease;
}
body:not(.-is-touchDevice) .aboutCase_linkA:hover .aboutCase_linkText {
    opacity: 0.69;
}
.aboutCase_linkArrow {
    position: absolute;
    top: 45%;
    right: 0;
    display: block;
    width: 22px;
    height: 5px;
    background: url(./assets/images/common/img_arrow_01.svg) no-repeat;
    background-size: 22px 5px;
    transition: all 0.3s ease;
}
body:not(.-is-touchDevice) .aboutCase_linkA:hover .aboutCase_linkArrow {
    transform: translateX(-4px);
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    .aboutCase_linkArrow {
        position: absolute;
        top: 40%;
    }
}
@media screen and (max-width: 767px) {
    .aboutCase {
        display: block;
        width: auto;
        margin-top: 50px;
        margin-top: 16vw;
    }
    .aboutCase + .aboutCase {
        margin-top: 85px;
        margin-top: 22.667vw;
    }
    .aboutCase_imageLink {
        width: 100%;
    }
    .aboutCase_main,
    .aboutCase.-reverse .aboutCase_main {
        padding: 30px 0 0 0;
        padding: 8vw 0 0 0;
    }
    .aboutCase_case {
        font-size: 12px;
        font-size: 3.2vw;
    }
    .aboutCase_head {
        margin-top: 20px;
        margin-top: 5.333vw;
        font-size: 14px;
        font-size: 3.733vw;
    }
    .aboutCase_company {
        margin-top: 6px;
        margin-top: 1.6vw;
        font-size: 12px;
        font-size: 3.2vw;
    }
    .aboutCase_text {
        margin-top: 25px;
        margin-top: 6.667vw;
        font-size: 14px;
        font-size: 3.733vw;
        line-height: 1.71;
    }
    .aboutCase_link {
        margin-top: 18px;
        margin-top: 5vw;
        font-size: 16px;
        font-size: 4.267vw;
    }
}
@media screen and (max-width: 374px) {
    .aboutCase_case {
        font-size: 12px;
    }
    .aboutCase_company {
        font-size: 12px;
    }
    .aboutCase_text {
        font-size: 12px;
    }
}


/* join
------------------------------------------ */
/* joinHeader */
.joinHeader {
    padding: 302px 4vw 0 0;
    padding: 21.57vw 4vw 0 0;
}
.joinHeader_head {
    color: #000;
    font-size: 100px;
    font-size: 7.14vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: -0.04em;
}
.joinHeader_text {
    margin: 86px 0 0 0;
    margin: 6.14vw 0 0 0;
}
@media screen and (max-width: 767px) {
    .joinHeader {
        padding: 55px 0 0 0;
        padding: 14.66vw 0 0 0;
    }
    .joinHeader_head {
        font-size: 43px;
        font-size: 3.46vw;
        line-height: 1.4;
        letter-spacing: -0.02em;
    }
    .joinHeader_text {
        margin: 71px 0 0 0;
        margin: 18.93vw 0 0 0;
    }
}

/* joinImages */
.joinImages {
    margin: 104px -7vw 0 -7vw;
    margin: 7.42vw -7vw 0 -7vw;
}
.joinImages_slide {
    position: relative;
    padding-left: 7vw;
}
.joinImages_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 7vw;
    height: 100%;
    background: #fff;
    z-index: 9;
}
.joinImages_slide .swiper-slide {
    margin-right: 10px;
    margin-right: 0.714vw;
    width: 41.42vw;
}
.joinImages_slide .swiper-slide .imageItem {
    width: 100%;
    height: auto;
}
@media screen and (max-width: 767px) {
    .joinImages {
        margin: 40px -8vw 0 -8vw;
        margin: 10.66vw -8vw 0 -8vw;
    }
    .joinImages_slide {
        padding-left: 7vw;
    }
    .joinImages_bg {
        width: 7.1vw;
    }
    .joinImages_slide .swiper-slide {
        margin-right: 5px;
        margin-right: 1.33vw;
        width: 38.4vw;
    }
}

/* joinMain */
.joinMain {
    margin: 0 auto;
    padding: 211px 0 0 0;
    padding: 15.07vw 0 0 0;
    width: 64.42vw;
    font-family: 'TsukuGoPr5-D', sans-serif;
    font-weight: normal;
}
.joinMain_headLv1 {
    color: #000;
    font-weight: normal;
}
.joinMain_headLv1Line {
    position: relative;
    display: inline-block;
}
.joinMain_headLv1Line::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
}
.joinBox + .joinMain_headLv1 {
    margin-top: 151px;
    margin-top: 10.78vw;
}
.joinMain_text + .joinMain_headLv1 {
    margin-top: 127px;
    margin-top: 9.07vw;
}
.joinMain_notes + .joinMain_headLv1 {
    margin-top: 127px;
    margin-top: 9.07vw;
}
.joinMain_list + .joinMain_headLv1 {
    margin-top: 127px;
    margin-top: 9.07vw;
}
.joinMain_list {
    font-size: 20px;
    font-size: 1.42vw;
    line-height: 2.1;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
    .joinMain_list {
        font-size: 12px;
    }
}
.joinMain_listNotes {
    margin-left: 13px;
    font-size: 14px;
    font-size: 1vw;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .joinMain_listNotes {
        font-size: 12px;
    }
}
.joinMain_notes {
    font-size: 14px;
    font-size: 1vw;
    line-height: 1.92;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .joinMain_notes {
        font-size: 12px;
    }
}
.joinMain_list + .joinMain_notes {
    margin-top: 18px;
    margin-top: 1.2vw;
}
.joinMain_headLv1 + .joinMain_list {
    margin-top: 51px;
    margin-top: 3.64vw;
}
.joinMain_headLv1 + .joinMain_text {
    margin-top: 55px;
    margin-top: 3.92vw;
}
.joinMain_notes + .joinMain_text {
    margin-top: 72px;
    margin-top: 5.14vw;
}
.joinMain_text + .joinMain_text {
    margin-top: 2em;
}
@media screen and (max-width: 767px) {
    .joinMain {
        padding: 93px 0 0 0;
        padding: 24.8vw 0 0 0;
        width: auto;
    }
    .joinMain_headLv1 {
        font-size: 14px;
        font-size: 3.73vw;
    }
    .joinMain_headLv1Line::after {
        content: '';
        position: absolute;
        bottom: 1px;
    }
    .joinBox + .joinMain_headLv1 {
        margin-top: 55px;
        margin-top: 14.66vw;
    }
    .joinMain_text + .joinMain_headLv1 {
        margin-top: 47px;
        margin-top: 12.53vw;
    }
    .joinMain_notes + .joinMain_headLv1 {
        margin-top: 47px;
        margin-top: 12.53vw;
    }
    .joinMain_list + .joinMain_headLv1 {
        margin-top: 47px;
        margin-top: 12.53vw;
    }
    .joinMain_list {
        font-size: 16px;
        font-size: 4.26vw;
        line-height: 2;
    }
    .joinMain_listContent + .joinMain_listContent {
        margin-top: 10px;
    }
    .joinMain_listNotes {
        margin-left: 8px;
        font-size: 12px;
        font-size: 3.2vw;
    }
    .joinMain_notes {
        font-size: 14px;
        font-size: 3.73vw;
    }
    .joinMain_list + .joinMain_notes {
        margin-top: 26px;
        margin-top: 6.93vw;
    }
    .joinMain_headLv1 + .joinMain_list {
        margin-top: 32px;
        margin-top: 8.53vw;
    }
    .joinMain_headLv1 + .joinMain_text {
        margin-top: 33px;
        margin-top: 8.8vw;
    }
    .joinMain_notes + .joinMain_text {
        margin-top: 52px;
        margin-top: 13.86vw;
    }
    .joinMain_text + .joinMain_text {
        margin-top: 25px;
        margin-top: 6.66vw;
    }
}
@media screen and (max-width: 374px) {
    .joinMain_notes,
    .joinMain_listNotes,
    .joinMain_list,
    .joinMain_text {
        font-size: 12px;
    }
}

/* joinBox */
.joinBox {
    margin-top: 103px;
    margin-top: 7.35vw;
    padding: 62px 50px 32px 50px;
    padding: 4.42vw 3.57vw 2.28vw 3.57vw;
    border: 1px solid #dbdad8;
}
.joinBox_lead {
    text-align: center;
}
.joinBox_mail {
    margin-top: 45px;
    margin-top: 3.21vw;
    font-size: 20px;
    font-size: 1.42vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-indent: 0.05em;
    letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
    .joinBox_mail {
        font-size: 12px;
    }
}
.joinBox_mailA {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    position: relative;
    width: 480px;
    width: 34.28vw;
    height: 100px;
    height: 7.14vw;
    background: #000;
    color: #fff;
    overflow: hidden;
    z-index: 1;
}
.joinBox_mailA::before {
    content: '';
    position: absolute;
    bottom: -148%;
    left: 0;
    display: block;
    width: 100%;
    height: 140%;
    background: #222;
    transform: skewY(2deg);
    transition: transform 0.3s ease;
    z-index: -1;
}
body:not(.-is-touchDevice) .joinBox_mailA:hover::before {
    transform: skewY(2deg) translateY(-83%);
}
.joinBox_notes {
    margin-top: 35px;
    margin-top: 2.5vw;
    font-size: 12px;
    font-size: 0.85vw;
    line-height: 1.67;
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .joinBox_notes {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .joinBox {
        margin-top: 48px;
        margin-top: 12.8vw;
        padding: 33px 30px 32px 30px;
        padding: 8.8vw 8vw 8.53vw 8vw;
    }
    .joinBox_lead {
        line-height: 1.72;
        text-align: left;
    }
    .joinBox_mail {
        margin-top: 27px;
        margin-top: 7.2vw;
        font-size: 12px;
        font-size: 3.2vw;
    }
    .joinBox_mailA {
        width: 100%;
        height: 60px;
        height: 16vw;
    }
    .joinBox_notes {
        margin-top: 30px;
        margin-top: 8vw;
        font-size: 12px;
        font-size: 3.2vw;
    }
}
@media screen and (max-width: 374px) {
    .joinBox_notes,
    .joinBox_mail,
    .joinBox_lead {
        font-size: 12px;
    }
}

/* faq
------------------------------------------ */
/* faqArea */
.faqArea {
    margin: 0 auto;
    padding: 142px 0 0 0;
    padding: 10.14vw 0 0 0;
    width: 55.71vw;
}
@media screen and (max-width: 767px) {
    .faqArea {
        padding: 55px 0 0 0;
        padding: 14.66vw 0 0 0;
        width: auto;
    }
}

/* faqHeadLv1 */
.faqHeadLv1 {
    color: #000;
    font-size: 100px;
    font-size: 7.14vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
    .faqHeadLv1 {
        font-size: 43px;
        font-size: 3.46vw;
        line-height: 1.4;
        letter-spacing: -0.02em;
    }
}

/* faqLead */
.faqLead {
    margin-top: 88px;
    margin-top: 6.28vw;
}
@media screen and (max-width: 767px) {
    .faqLead {
        margin-top: 71px;
        margin-top: 18.93vw;
    }
}

/* faqList */
.faqList {
    margin-top: 84px;
    margin-top: 6vw;
    border-top: 1px solid #dbdad8;
}
.faqList_dl {
    border-bottom: 1px solid #dbdad8;
}
.faqList_dt {
    position: relative;
    padding: 32px 75px 36px 0;
    padding: 2.28vw 75px 2.57vw 0;
    color: #000;
    line-height: 1.75;
    cursor: pointer;
}
.faqList_dt::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    margin-top: -22px;
    width: 44px;
    height: 44px;
    background: url(./assets/images/common/icn_plus_01.svg) no-repeat;
    background-size: 44px 44px;
}
.faqList_dt.-is-open::after {
    content: '';
    background: url(./assets/images/common/icn_minus_01.svg) no-repeat;
    background-size: 44px 44px;
}
.faqList_dd {
    display: none;
}
.faqList_ddVessel {
    margin-top: -9px;
    margin-top: -0.642vw;
    padding: 0 75px 33px 0;
    padding: 0 75px 2.35vw 0;
}
@media screen and (max-width: 767px) {
    .faqList {
        margin-top: 55px;
        margin-top: 14.66vw;
    }
    .faqList_dt {
        padding: 23px 56px 24px 0;
        padding: 6.13vw 56px 6.4vw 0;
        line-height: 2;
    }
    .faqList_dt::after {
        content: '';
        position: absolute;
        right: 0;
        margin-top: -18px;
        width: 36px;
        height: 36px;
        background: url(./assets/images/common/icn_plus_01.svg) no-repeat;
        background-size: 36px 36px;
    }
    .faqList_dt.-is-open::after {
        content: '';
        background: url(./assets/images/common/icn_minus_01.svg) no-repeat;
        background-size: 36px 36px;
    }
    .faqList_ddVessel {
        margin-top: 0;
        padding: 0 0 25px 0;
        padding: 0 0 6.66vw 0;
    }
}

/* blog
------------------------------------------ */
body.blog .blogArea01,
body.blogDetail .blogDetailArea01 {
    color: #222;
    font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', '游ゴシック Medium',
    YuGothic, YuGothicM, 'メイリオ', Meiryo, sans-serif;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.05em;
    line-height: 1.8;
    text-align: left;
    font-feature-settings: “palt”;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 768px) {
    body.blogDetail .blogDetailArea01 {
        overflow: hidden;
    }
}

/* blogListMod01 */
.blogListMod01 {
    border-top: 1px solid #e2e2e2;
}
.blogListMod01 ul li {
    border-bottom: 1px solid #e2e2e2;
}
.blogListMod01 ul li a {
    display: block;
}
.blogListMod01 ul li a:hover {
    background: #f2f2f2;
}
.blogListMod01 ul li a .lo01 {
    display: table;
    width: 100%;
}
.blogListMod01 ul li a .lo01 .lo0103,
.blogListMod01 ul li a .lo01 .lo0102,
.blogListMod01 ul li a .lo01 .lo0101 {
    display: table-cell;
    height: 128px;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.blogListMod01 ul li a .lo01 .lo0101 {
    padding: 0 0 0 20px;
    width: 176px;
    color: #898989;
    font-size: 15px;
    font-family: 'Karla', sans-serif;
    letter-spacing: 0.1em;
}
.blogListMod01 ul li a .lo01 .lo0101 .category01 {
    display: none;
}
.blogListMod01 ul li a .lo01 .lo0102 {
    width: auto;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.78;
}
.blogListMod01 ul li a .lo01 .lo0103 {
    width: 220px;
    color: #a3a3a3;
    font-size: 12px;
    text-align: center;
    text-indent: 0.1em;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 1024px) {
    .blogListMod01 ul li a .lo01 .lo0103,
    .blogListMod01 ul li a .lo01 .lo0102,
    .blogListMod01 ul li a .lo01 .lo0101 {
        display: block;
        height: auto;
        vertical-align: baseline;
    }
    .blogListMod01 ul li a .lo01 .lo0101 {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-direction: row;

        padding: 0;
        width: auto;
    }
    .blogListMod01 ul li a .lo01 .lo0101 .date01 {
        padding: 18px 0 0 0;
        line-height: 1.5;
    }
    .blogListMod01 ul li a .lo01 .lo0101 .category01 {
        padding: 21px 0 0 0;
        display: block;
        color: #a3a3a3;
        font-size: 12px;
        line-height: 1.5;
    }
    .blogListMod01 ul li a .lo01 .lo0102 {
        padding: 12px 0 19px 0;
        width: auto;
        line-height: 1.72;
    }
    .blogListMod01 ul li a .lo01 .lo0103 {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .blogListMod01 ul li a:hover {
        background: transparent;
    }
    .blogListMod01 ul li a .lo01 {
        display: block;
        width: auto;
    }
    .blogListMod01 ul li a .lo01 .lo0102 {
        font-size: 14px;
    }
}

/* blogListMod02 */
.blogListMod02 ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
}
.blogListMod02 ul li {
    margin: 57px 0 0 40px;
    width: calc((100% - 80px) / 3);
}
_:-ms-lang(x)::-ms-backdrop,
.blogListMod02 ul li {
    /* IE11 */
    width: calc((99% - 80px) / 3);
}
.blogListMod02 ul li:nth-child(3n + 1) {
    margin-left: 0;
}
.blogListMod02 ul li:nth-of-type(3),
.blogListMod02 ul li:nth-of-type(2),
.blogListMod02 ul li:nth-of-type(1) {
    margin-top: 0;
}
.blogListMod02 ul li a {
    display: block;
}
.blogListMod02 ul li a .thumbnail01 {
    display: block;
    line-height: 0;
}
.blogListMod02 ul li a .thumbnail01 .objectFit01 {
    position: relative;
    display: block;
    padding-top: 52.6666%;
    height: 0;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.blogListMod02 ul li a .thumbnail01 .objectFit01.default {
    border: 1px solid #ccc;
}
.blogListMod02 ul li a .thumbnail01 .objectFit01 img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}
.blogListMod02 ul li a:hover .thumbnail01 .objectFit01 img {
    transform: scale(1.1);
}
img.object-fit-img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.blogListMod02 ul li a .title01 {
    display: block;
    margin-top: 16px;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.43;
}
.blogListMod02 ul li a .lo01 {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;

    color: #888;
}
.blogListMod02 ul li a .lo01 .date01 {
    padding-top: 8px;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.blogListMod02 ul li a .lo01 .category01 {
    padding-top: 10px;
    font-size: 12px;
    font-weight: 700;
}
@media screen and (max-width: 1024px) {
    .blogListMod02 ul li {
        width: calc((100% - 40px) / 2);
    }
    _:-ms-lang(x)::-ms-backdrop,
    .blogListMod02 ul li {
        /* IE11 */
        width: calc((100% - 40px) / 2);
    }
    .blogListMod02 ul li:nth-child(3n + 1) {
        margin-left: 40px;
    }
    .blogListMod02 ul li:nth-child(2n + 1) {
        margin-left: 0;
    }
    .blogListMod02 ul li:nth-of-type(3) {
        margin-top: 57px;
    }
    .blogListMod02 ul li a:hover .thumbnail01 .objectFit01 img {
        transform: scale(1);
    }
}
@media screen and (max-width: 768px) {
    .blogListMod02 ul {
        display: block;
    }
    .blogListMod02 ul li {
        margin: 37px 0 0 0;
        width: auto;
    }
    _:-ms-lang(x)::-ms-backdrop,
    .blogListMod02 ul li {
        /* IE11 */
        width: auto;
    }
    .blogListMod02 ul li:nth-child(3n + 1) {
        margin-left: 0;
    }
    .blogListMod02 ul li:nth-of-type(3),
    .blogListMod02 ul li:nth-of-type(2) {
        margin-top: 37px;
    }
    .blogListMod02 ul li:nth-of-type(1) {
        margin-top: 0;
    }
    .blogListMod02 ul li a:hover .thumbnail01 .objectFit01 img {
        transform: scale(1);
    }
    .blogListMod02 ul li a .lo01 .date01 {
        padding-top: 7px;
        font-size: 13px;
    }
    .blogListMod02 ul li a .lo01 .category01 {
        padding-top: 8px;
    }
}

/* blogPageNavMod01 */
.blogPageNavMod01 {
    margin-top: 60px;
    text-align: right;
}
.blogPageNavMod01 .wp-pagenavi a:link,
.blogPageNavMod01 .wp-pagenavi a,
.blogPageNavMod01 .wp-pagenavi span {
    display: none;
    vertical-align: middle;
}
.blogPageNavMod01 .wp-pagenavi span.pages {
    display: inline-block;
    padding-right: 7px;
    height: 60px;
    color: #898989;
    font-size: 14px;
    font-family: 'Karla', sans-serif;
    line-height: 60px;
}
.blogPageNavMod01 .wp-pagenavi a.previouspostslink {
    display: inline-block;
    margin-left: 20px;
    width: 60px;
    height: 60px;
    background: url(/blog/wp-content/themes/hikarina_new/img_cmn/icn_prev_01.svg) no-repeat;
    background-size: 60px 60px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
}
.blogPageNavMod01 .wp-pagenavi a.nextpostslink {
    display: inline-block;
    margin-left: 20px;
    width: 60px;
    height: 60px;
    background: url(/blog/wp-content/themes/hikarina_new/img_cmn/icn_next_01.svg) no-repeat;
    background-size: 60px 60px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
}
.blogPageNavMod01 .wp-pagenavi a.nextpostslink:hover,
.blogPageNavMod01 .wp-pagenavi a.previouspostslink:hover {
    opacity: 0.7;
}
@media screen and (max-width: 768px) {
    .blogPageNavMod01 {
        margin-top: 20px;
    }
    .blogPageNavMod01 .wp-pagenavi a.nextpostslink:hover,
    .blogPageNavMod01 .wp-pagenavi a.previouspostslink:hover {
        opacity: 1;
    }
}

/* blogArea01 2111 */
.blogArea01 {
    position: relative;
    padding: 0vw 140px 17vw 140px;
}
@media screen and (max-width: 768px) {
    .blogArea01 {
        padding: 55px 40px 100px 40px;
        padding: 14.66vw 40px 0 40px;
        min-width: 0;
    }
}

/* blogHeadMod01 */
.blogHeadMod01 {
    position: relative;
    padding: 142px 0 6.28vw 0;
    padding: 10.14vw 0 6.28vw 0;
    color: #000;
    font-size: 100px;
    font-size: 7.14vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: -0.04em;
}
/* .blogHeadMod01::before {
  content: "";
  position: absolute;
  top: 0;
  left: -4px;
  display: block;
  width: 2px;
  height: 10px;
  background: #222;
  transform: rotate(27deg);
}
.blogHeadMod01 img {
  width: 79px;
} */
@media screen and (max-width: 768px) {
    .blogHeadMod01 {
        font-size: 43px;
        font-size: 3.46vw;
        line-height: 1.4;
        letter-spacing: -0.02em;
        padding: 0 0 18.93vw 0;
    }
}

/* blogDetailArea01 */
.blogDetailArea01 {
    position: relative;
    padding: 10.28vw 280px 0 280px;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
.blogDetailArea01 .headBlock01 {
    position: relative;
}
.blogDetailArea01 .headBlock01::before {
    content: '';
    position: absolute;
    top: 0;
    left: -25px;
    display: block;
    width: 2px;
    height: 10px;
    background: #222;
    transform: rotate(27deg);
}
.blogDetailArea01 .headBlock01 .titleMain01 {
    padding: 45px 0 0 0;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.39;
}
.blogDetailArea01 .headBlock01 .headLo01 {
    display: flex;
    align-items: center;

    margin-top: 3em;
    height: 50px;
}
.blogDetailArea01 .headBlock01 .headLo01 .headLo0102 {
    margin-left: auto;
}
.blogDetailArea01 .headBlock01 .postinfo {
    color: #919191;
    letter-spacing: 0.1em;
}
.blogDetailArea01 .headBlock01 .postinfo .date {
    display: inline-block;
    font-size: 15px;
    font-family: 'Karla', sans-serif;
}
.blogDetailArea01 .headBlock01 .postinfo .cat {
    display: inline-block;
    margin-left: 22px;
    font-size: 13px;
}
.blogDetailArea01 .headBlock01 .postinfo .cat a {
    color: #919191;
}
.blogDetailArea01 .headBlock01 .authorInfo {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;

    height: 50px;
}
.blogDetailArea01 .headBlock01 .authorInfo .image01 {
    width: 50px;
    line-height: 0;
}
.blogDetailArea01 .headBlock01 .authorInfo .image01 img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 50px;
    height: 50px;
}
.blogDetailArea01 .headBlock01 .authorInfo .name01 {
    padding: 0 0 0 9px;
    font-size: 13px;
    line-height: 1.54;
}
.blogDetailArea01 .postContent {
    margin-top: 4em;
    font-size: 16px;
    line-height: 2;
}
.blogDetailArea01 .postContent:after {
    content: '';
    clear: both;
    display: block;
}
.blogDetailArea01 .postContent a {
    padding-bottom: 2px;
    border-bottom: 1px dotted #626262;
}
.blogDetailArea01 .postContent a:hover {
    opacity: 0.7;
}
.blogDetailArea01 .postContent a.file-download {
    position: relative;
}
.blogDetailArea01 .postContent a.file-download::after {
    content: '';
    width: 7px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 2px;
    right: -17px;
    background: url(/blog/wp-content/themes/hikarina_new/img_cmn/icn_download_01.svg) no-repeat 0 0;
    background-size: 7px 12px;
}
.blogDetailArea01 .postContent h2 {
    margin-top: 5em;
    font-size: 24px;
    line-height: 1.9;
}
.blogDetailArea01 .postContent h3 {
    margin-top: 3em;
    font-size: 18px;
}
.blogDetailArea01 .postContent h4{
    margin-top: 2em;
    font-size: 15px;
}
.blogDetailArea01 .postContent h5,
.blogDetailArea01 .postContent h6 {
    font-size: 15px;
}
.blogDetailArea01 .postContent p {
    margin-top: 3em;
}
.blogDetailArea01 .postContent h2 + p {
    margin-top: 2.5em;
}
.blogDetailArea01 .postContent h3 + p {
    margin-top: 1.5em;
}
.blogDetailArea01 .postContent h4 + p,
.blogDetailArea01 .postContent h5 + p,
.blogDetailArea01 .postContent h6 + p
{
    margin-top: 1em;
}
.blogDetailArea01 .postContent ul {
    margin-top: 3em;
}
.blogDetailArea01 .postContent ul li {
    position: relative;
    padding-left: 24px;
    line-height: 1.7;
}
.blogDetailArea01 .postContent ul li:not(:first-child) {
    margin-top: 1.1em;
}
.blogDetailArea01 .postContent ul li::before {
    content: '・';
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 24px;
}
.blogDetailArea01 .postContent .wp-video {
    margin-top: 3em;
}
.blogDetailArea01 .postContent .videoWrap {
    margin-top: 3em;
}
.blogDetailArea01 .postContent .videoWrap video {
    max-width: 100%;
    height: auto !important;
}
.blogDetailArea01 .backToIndex01 {
    display: flex;
    justify-content: center;
    align-items: center;

    margin-top: 16px;
    height: 500px;
    font-size: 18px;
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    text-indent: 0.05em;
}
.blogDetailArea01 .backToIndex01 a:hover {
    opacity: 0.7;
}
.blogDetailArea01 .blogApp.noSwiper {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: row;
    margin-top: 46px;
}
.blogDetailArea01 h2 + .blogApp.noSwiper {
    margin-top: 3em;
}
.blogDetailArea01 .blogApp.noSwiper.clm3 .slideBox01 {
    width: 258px;
}
.blogDetailArea01 .blogApp.noSwiper.clm3 .slideBox01:not(:first-child) {
    margin-left: 34px;
}
.blogDetailArea01 .blogApp.noSwiper.clm2 .slideBox01 {
    width: 258px;
}
.blogDetailArea01 .blogApp.noSwiper.clm2 .slideBox01:not(:first-child) {
    margin-left: 34px;
}
.blogDetailArea01 .blogApp.noSwiper.clm1 .slideBox01 {
    width: 258px;
}
.blogDetailArea01 .swiper-container {
    margin-right: -280px;
    padding-top: 30px;
    padding-bottom: 56px;
    overflow: hidden;
}
.blogDetailArea01 .swiper-container.-scroll {
    margin-right: 0;
    overflow: visible;
}
.blogDetailArea01 .swiper-container.blogAppSwiperSP {
    padding-bottom: 0;
    width: 100%;
    margin-right: 0;
}
.blogDetailArea01 .swiper-container.blogAppSwiperSP .swiper-wrapper {
    justify-content: center;
}
.blogDetailArea01 .swiper-slide {
    margin-right: 34px;
    width: 258px;
    max-width: 258px;
}
.blogDetailArea01 .swiper-container.-scroll .swiper-slide {
    margin-right: 0;
    height: auto;
}
.blogDetailArea01 .swiper-container.-scroll .slideBox01 {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.blogDetailArea01 .swiper-scrollbar {
    border-radius: 0;
    background: #eee;
    height: 3px;
}
.blogDetailArea01 .blogAppSwiperSP .swiper-scrollbar {
    display: none;
}
.blogDetailArea01 .swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.blogDetailArea01 .swiper-scrollbar-drag {
    background: #555;
    border-radius: 0;
}
.blogDetailArea01 .slideBox01 .slideImage01 {
    line-height: 0;
    text-align: center;
}
.blogDetailArea01 .swiper-container.-scroll .slideBox01 .slideImage01 {
    overflow: hidden auto;
    height: 546px;
    scrollbar-color: #000000 #cbcbcb;
    scrollbar-width: thin;
}
.blogDetailArea01 .swiper-container.-scroll .slideBox01 .slideImage01::-webkit-scrollbar {
    width: 5px;
}
.blogDetailArea01 .swiper-container.-scroll .slideBox01 .slideImage01::-webkit-scrollbar-track {
    background-color: #cbcbcb;
    border-radius: 5px;
}
.blogDetailArea01 .swiper-container.-scroll .slideBox01 .slideImage01::-webkit-scrollbar-thumb {
    background-color: #000000;
    border-radius: 5px;
}
.blogDetailArea01 .swiper-container.-scroll.-pc .swiper-slide {
    width: 800px;
    max-width: calc(100% - 34px);
}
.blogDetailArea01 .swiper-container.-scroll.-only .swiper-slide {
    width: 100%;
    max-width: none;
    margin: auto;
}
.blogDetailArea01 .swiper-container.-scroll.-only .slideBox01 .slideImage01 {
    width: 258px;
    margin: auto;
}
.blogDetailArea01 .swiper-container.-scroll.-only .slideBox01 .slideText01 {
    width: calc(258px * 1.5);
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}
.blogDetailArea01 .swiper-container.-scroll.-only.-pc .slideBox01 .slideImage01,
.blogDetailArea01 .swiper-container.-scroll.-only.-pc .slideBox01 .slideText01 {
    width: 100%;
}

/*
.blogDetailArea01 .blogApp.noSwiper.clm1 .slideBox01 .slideImage01 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 78.75%;
}
*/
.blogDetailArea01 .slideBox01 .slideImage01 img {
    width: 100%;
    height: auto;
}
.blogDetailArea01 .slideBox01 .slideHead01 {
    margin-top: 14px;
    font-size: 12px;
    line-height: 1.5;
}
/*
.blogDetailArea01 .blogApp.noSwiper.clm1 .slideBox01 .slideHead01 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 78.75%;
}
*/
.blogDetailArea01 .slideBox01 .slideText01 {
    margin-top: 32px;
    padding: 19px 19px 17px 19px;
    border: 1px solid #ddd;
}
.blogDetailArea01 .swiper-container.-scroll .slideBox01 .slideText01 {
    flex-grow: 1;
}
.blogDetailArea01 .slideBox01 .slideHead01 + .slideText01 {
    margin-top: 16px;
}
.blogDetailArea01 .slideBox01 .slideText01 p {
    margin-top: 0;
    font-size: 13px;
    line-height: 1.7;
}
.blogDetailArea01 .authorInfoDetail {
    margin-top: 6em;
    padding: 29px 29px 27px 29px;
    border: 1px solid #ddd;
}
.blogDetailArea01 .authorInfoDetail > .vessel {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
}
.blogDetailArea01 .authorInfoDetail > .vessel > .image01 {
    width: 55px;
    line-height: 0;
}
.blogDetailArea01 .authorInfoDetail > .vessel > .image01 img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 55px;
    height: 55px;
}
.blogDetailArea01 .authorInfoDetail > .vessel > .main01 {
    flex: 1;

    padding: 2px 0 0 20px;
}
.blogDetailArea01 .authorInfoDetail > .vessel > .main01 a {
    border-bottom: 1px dotted #707070;
}
.blogDetailArea01 .authorInfoDetail > .vessel > .main01 a:hover {
    opacity: 0.7;
}
.blogDetailArea01 .authorInfoDetail > .vessel > .main01 > .name01 {
    font-size: 13px;
    line-height: 1.54;
}
.blogDetailArea01 .authorInfoDetail > .vessel > .main01 > .name01 .nameImg01 {
    display: none;
}
.blogDetailArea01 .authorInfoDetail > .vessel > .main01 > .text01 {
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.67;
}
.blogDetailArea01 .authorInfoDetail > .vessel > .main01 > .sns01 {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.67;
}

.blogDetailArea01 .postContent .readCaption {
    color: #919191;
    font-size: 12px;
    display: block;
    margin-top: 0.5em;
}
.blogDetailArea01 .section01 {
    margin-top: 6em;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
    position: relative;
}
.blogDetailArea01 .section01 + .section01 {
    margin-top: 50px;
}

.blogDetailArea01 .section01 .headBlock01 {
    padding: 31px 0 0 22px;
    width: 41.1%;
    max-width: 300px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.blogDetailArea01 .section01 .headBlock01 h2 {
    margin-top: 0;
    padding-top: 0;
}
.blogDetailArea01 .section01 .headBlock01 .titleMain01 {
    font-size: 22px;
    font-family: 'Karla', sans-serif;
}
.blogDetailArea01 .section01 .bodyBlock01 {
    padding: 31px 0 0 0;
    width: 58.9%;
    font-size: 14px;
    line-height: 2;
}
.blogDetailArea01 .section01 .bodyBlock01 p:first-child {
    margin-top: 0;
}
.blogDetailArea01 .section01 .bodyBlock01 p + p {
    margin-top: 1em;
}
.blogDetailArea01 .section01.outline .bodyBlock01 {
    margin-top: 2px;
}
.blogDetailArea01 .section01.outline .bodyBlock01 a {
    text-decoration: underline;
}
.blogDetailArea01 .section01.credit .bodyBlock01 {
    padding: 26px 0 0 0;
}
.blogDetailArea01 .postContent ul.roleList {
    margin-top: 5px;
}
body.casesDetailStory .roleListItem {
    margin-bottom: 20px;
}

.blogDetailArea01 .blogAppSwiperSP .swiper-slide {
    flex: 1;
}
.blogDetailArea01 .blogApp.noSwiper.clm3 .blogAppSwiperSP .slideBox01 {
    width: auto;
    max-width: 258px;
}
.blogDetailArea01 .blogAppSwiperSP .swiper-slide:last-child {
    margin-right: 40px;
}

@media screen and (min-width: 769px) {
    .blogDetailArea01 .swiper-container.-scroll.-only:not(.-pc) .slideBox01 {
        display: flex;
        align-items: flex-start;
        flex-direction: row;
    }
    .blogDetailArea01 .swiper-container.-scroll.-only:not(.-pc) .slideBox01 .slideImage01 {
        flex-shrink: 0;
        margin-top: 0;
    }
    .blogDetailArea01 .swiper-container.-scroll.-only:not(.-pc) .slideBox01 .slideText01 {
        margin-top: 0;
        margin-left: 34px;
    }
    .blogDetailArea01 .swiper-container.blogAppSwiperSP .swiper-wrapper {
        transform: none !important;
    }
    .blogDetailArea01 .postContent img.size-wide-125 {
        max-width: calc(100% + 25%);
        margin-left: -12.5%;
        margin-right: -12.5%;
    }
}

@media screen and (max-width: 1280px) {
    .blogDetailArea01 {
        /* padding: 218px 160px 0 160px; */
        padding: 10.28vw 0 0 0;
        max-width: 47em;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 1024px) {
    .blogDetailArea01 {
        padding: 10.28vw 140px 0 140px;
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }
    .blogDetailArea01 .headBlock01 {
        position: relative;
    }
    .blogDetailArea01 .headBlock01::before {
        left: 0;
    }
    .blogDetailArea01 .swiper-container {
        margin-right: -140px;
    }
}
@media screen and (max-width: 768px) {
    .blogDetailArea01 {
        padding: 105px 25px 0 25px;
    }
    .blogDetailArea01 .headBlock01 {
        position: relative;
    }
    .blogDetailArea01 .headBlock01::before {
        left: 0;
    }
    .blogDetailArea01 .headBlock01 .titleMain01 {
        padding: 30px 0 0 0;
        font-size: 18px;
        line-height: 1.78;
    }
    .blogDetailArea01 .headBlock01 .headLo01 {
        display: block;

        margin-top: 0;
        height: auto;
    }
    .blogDetailArea01 .headBlock01 .headLo01 .headLo0102 {
        margin-left: auto;
    }
    .blogDetailArea01 .headBlock01 .postinfo {
        margin-top: 10px;
    }
    .blogDetailArea01 .headBlock01 .postinfo .cat {
        margin-left: 20px;
    }
    .blogDetailArea01 .headBlock01 .authorInfo {
        margin-top: 20px;
        height: 35px;
    }
    .blogDetailArea01 .headBlock01 .authorInfo .image01 {
        width: 35px;
    }
    .blogDetailArea01 .headBlock01 .authorInfo .image01 img {
        width: 35px;
        height: 35px;
    }
    .blogDetailArea01 .headBlock01 .authorInfo .name01 {
        padding: 0 0 0 10px;
        font-size: 11px;
    }
    .blogDetailArea01 .postContent {
        margin-top: 0;
        padding-top: 26px;
        font-size: 14px;
    }
    .blogDetailArea01 .postContent p:first-child{
        margin-top: .2em;
    }
    .blogDetailArea01 .postContent a {
        padding-bottom: 2px;
    }
    .blogDetailArea01 .postContent a:hover {
        opacity: 1;
    }
    .blogDetailArea01 .postContent h2 {
        font-size: 18px;
        line-height: 1.875;
    }
    .blogDetailArea01 .postContent h3{
        font-size: 16px;
    }
    .blogDetailArea01 .postContent h4,
    .blogDetailArea01 .postContent h5,
    .blogDetailArea01 .postContent h6{
        font-size: 14px;
    }
    .blogDetailArea01 .postContent ul li {
        position: relative;
        padding-left: 24px;
        line-height: 1.7;
    }
    .blogDetailArea01 .postContent ul li:not(:first-child) {
        margin-top: 1.1em;
    }
    .blogDetailArea01 .postContent ul li::before {
        content: '・';
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        width: 24px;
    }
    .blogDetailArea01 .backToIndex01 {
        margin-top: 15px;
        height: 200px;
    }
    .blogDetailArea01 .backToIndex01 a:hover {
        opacity: 1;
    }
    .blogDetailArea01 .swiper-container.blogAppSwiperSP {
        padding-bottom: 38px;
        width: auto;
        margin-right: -25px;
    }
    .blogDetailArea01 .swiper-container.blogAppSwiperSP .swiper-wrapper {
        justify-content: flex-start;
    }
    .blogDetailArea01 .blogAppSwiperSP .swiper-slide {
        flex: none;
    }
    .blogDetailArea01 .blogAppSwiperSP .swiper-scrollbar {
        display: block;
    }
    .blogDetailArea01 .blogApp.noSwiper {
        display: block;
        margin-top: 34px;
    }
    .blogDetailArea01 h2 + .blogApp.noSwiper {
        margin-top: 42px;
    }
    .blogDetailArea01 .blogApp.noSwiper.clm3 .slideBox01 {
        width: auto;
    }
    .blogDetailArea01 .blogApp.noSwiper.clm3 .slideBox01:not(:first-child) {
        margin: 42px 0 0 0;
    }
    .blogDetailArea01 .blogApp.noSwiper.clm2 .slideBox01 {
        width: auto;
    }
    .blogDetailArea01 .blogApp.noSwiper.clm2 .slideBox01:not(:first-child) {
        margin: 42px 0 0 0;
    }
    .blogDetailArea01 .blogApp.noSwiper.clm1 .slideBox01 {
        width: auto;
    }
    .blogDetailArea01 .swiper-container {
        margin-right: -25px;
        padding-top: 25px;
        padding-bottom: 38px;
    }
    .blogDetailArea01 .swiper-slide {
        margin-right: 50px;
        width: 250px;
    }
    .blogDetailArea01 .swiper-container.-scroll.-pc .swiper-slide {
        max-width: calc(100% - 100px);
        min-width: 250px;
    }
    .blogDetailArea01 .swiper-container.-scroll.-only.-pc .swiper-slide {
        max-width: 100%;
    }
    .blogDetailArea01 .swiper-slide:last-child {
        margin-right: 40px;
    }
    .blogDetailArea01 .swiper-container.-scroll .slideBox01 .slideImage01 {
        height: 464px;
        width: 88%;
        margin: auto;
    }
    .blogDetailArea01 .slideBox01 .slideImage01 img {
        width: 88%;
    }
    .blogDetailArea01 .swiper-container.-scroll .slideBox01 .slideImage01 img {
        width: 100%;
    }
    .blogDetailArea01 .swiper-container-horizontal > .swiper-scrollbar {
        width: calc(100% - 40px);
    }
    .blogDetailArea01 .swiper-container.-scroll.swiper-container-horizontal > .swiper-scrollbar {
        width: 100%;
    }
    .blogDetailArea01 .blogApp.noSwiper .slideBox01 .slideImage01 {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 250px;
    }
    .blogDetailArea01 .blogApp.noSwiper.clm1 .slideBox01 .slideImage01 {
        max-width: 250px;
    }
    .blogDetailArea01 .slideBox01 .slideHead01 {
        margin-top: 16px;
    }
    .blogDetailArea01 .blogApp.noSwiper .slideBox01 .slideHead01 {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 250px;
    }
    .blogDetailArea01 .blogApp.noSwiper.clm1 .slideBox01 .slideHead01 {
        max-width: 250px;
    }
    .blogDetailArea01 .slideBox01 .slideText01 {
        margin-top: 32px;
    }
    .blogDetailArea01 .authorInfoDetail {
        margin-top: 51px;
        padding: 0;
        border: none;
    }
    .blogDetailArea01 .authorInfoDetail > .vessel {
        display: block;
    }
    .blogDetailArea01 .authorInfoDetail > .vessel > .image01 {
        display: none;
    }
    .blogDetailArea01 .authorInfoDetail > .vessel > .main01 {
        padding: 0 0 0 0;
    }
    .blogDetailArea01 .authorInfoDetail > .vessel > .main01 a {
        border-bottom: 1px dotted #707070;
    }
    .blogDetailArea01 .authorInfoDetail > .vessel > .main01 a:hover {
        opacity: 1;
    }
    .blogDetailArea01 .authorInfoDetail > .vessel > .main01 > .name01 {
        display: flex;
        justify-content: flex-start;
        align-items: center;

        font-size: 12px;
        line-height: 1.67;
    }
    .blogDetailArea01 .authorInfoDetail > .vessel > .main01 > .name01 .nameImg01 {
        display: flex;

        width: 55px;
    }
    .blogDetailArea01 .authorInfoDetail > .vessel > .main01 > .name01 .nameImg01 img {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        width: 55px;
        height: 55px;
    }
    .blogDetailArea01 .authorInfoDetail > .vessel > .main01 > .name01 .nameTxt01 {
        flex: 1;
        padding: 0 0 0 9px;
    }
    .blogDetailArea01 .authorInfoDetail > .vessel > .main01 > .text01 {
        margin-top: 14px;
        font-size: 11px;
        line-height: 1.82;
    }
    .blogDetailArea01 .authorInfoDetail > .vessel > .main01 > .sns01 {
        margin-top: 8px;
    }
    .blogDetailArea01 .postContent .section01 {
        display: block;
    }
    .blogDetailArea01 .section01 + .section01 {
        margin-top: 50px;
    }
    .blogDetailArea01 .postContent .section01 .headBlock01 {
        padding: 11px 0 0 20px;
        width: auto;
    }
    .blogDetailArea01 .section01 .bodyBlock01 {
        padding: 20px 0 0 20px;
        width: auto;
        line-height: 1.86;
    }
    .blogDetailArea01 .postContent .vessel.role {
        width: 100%;
        margin-left: 0;
        padding: 58px 40px 80px 40px;
        margin-top: -31px;
    }
    .blogDetailArea01 .postContent .section01::before {
        top: 0;
    }
    .blogDetailArea01 .section01.outline .bodyBlock01 {
        margin-top: 0;
    }
    .blogDetailArea01 .postContent ul.roleList {
        display: block;
        margin-top: 0;
    }
    .blogDetailArea01 .postContent .casesDetailArea02 .section01 .bodyBlock01 p + .imageWrap {
        margin-top: 20px;
    }
    .blogDetailArea01 .postContent .casesDetailArea02 .section01 .bodyBlock01 .imageWrap + p {
        margin-top: 20px;
    }
}

.blogDetailArea01 .swiper-container.-scroll .swiper-button-prev.swiper-button-disabled,
.blogDetailArea01 .swiper-container.-scroll .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    pointer-events: auto;
}

.blogDetailArea01 .swiper-container.-scroll .swiper-button-prev::after,
.blogDetailArea01 .swiper-container.-scroll .swiper-button-next::after {
    display: none;
}

.blogDetailArea01 .swiper-container.-scroll .swiper-button-prev,
.blogDetailArea01 .swiper-container.-scroll .swiper-button-next {
    position: absolute;
    height: calc(100% - 86px);
    width: 100%;
    display: block;
    top: 30px;
    z-index: 1;
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    .blogDetailArea01 .swiper-container.-scroll .swiper-button-prev,
    .blogDetailArea01 .swiper-container.-scroll .swiper-button-next {
        top: 25px;
        height: calc(100% - 63px);
    }
}

.blogDetailArea01 .swiper-container.-scroll .swiper-button-prev {
    right: 100%;
    left: auto;
}

.blogDetailArea01 .swiper-container.-scroll .swiper-button-next {
    left: 100%;
    right: auto;
}

/* swiper-cursor */
.swiper-cursor,
#swiper-cursor {
    background: #333;
    font-size: 14px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: none;
    color: #fff;
    position: absolute;
    z-index: 99;
    box-shadow: 0 5px 10rem 0 rgb(12 2 0 / 15%);
    cursor: pointer;
    margin: 20px;
    right: 0;
    pointer-events: none;
    transform: scale(0);
    transition: transform .4s cubic-bezier(.19,1,.22,1);
}
.-is-touchDevice .swiper-cursor,
.-is-touchDevice #swiper-cursor {
    display: none;
}

.swiper-cursor-prev,
.swiper-cursor-next {
    display: none;
    position: relative;
    width: 15px;
    height: 15px;
}

.swiper-cursor-prev::before {
    position: absolute;
    content: "";
    display: block;
    border-style: solid;
    border-color: #FFF;
    border-width: 1px 0 0 1px;
    width: 100%;
    height: 100%;
    transform: rotate(-45deg);
    right: -25%;
}

.swiper-cursor-next::before {
    position: absolute;
    content: "";
    display: block;
    border-style: solid;
    border-color: #FFF;
    border-width: 1px 1px 0 0;
    width: 100%;
    height: 100%;
    transform: rotate(45deg);
    left: -25%;
}

.is-showCursorLeft .swiper-cursor,
.is-showCursorRight .swiper-cursor,
.is-showCursorLeft #swiper-cursor,
.is-showCursorRight #swiper-cursor {
    transform: scale(1);
}

.is-showCursorLeft .swiper-cursor-prev {
    display: block;
}

.is-showCursorRight .swiper-cursor-next {
    display: block;
}

/* backMod01 */
.backMod01 {
    display: flex;
    align-items: center;
    height: 500px;
    background: #fff;
}
.backMod01Inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}
.backMod01Inner-noPrev:before,
.backMod01Inner-noNext:after {
    display: block;
    content: '';
    width: 20%;
}
.backMod01 a {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    text-indent: 0.05em;
    padding: 40px;
    color: #111;
    text-decoration: none;
    word-wrap: break-word;
    transition: all 0.3s ease;
}
.backMod01 a.workPrev,
.backMod01 a.workNext {
    width: 20%;
}
.backMod01 a.workBackIndex {
    flex-direction: column;
}
.backMod01 a.workPrev {
    justify-content: flex-start;
    padding-left: 40px;
}
.backMod01 a.workNext {
    justify-content: flex-end;
    padding-right: 40px;
}
.backMod01 a:hover {
    letter-spacing: 0.2em;
}
.backMod01 a span {
    display: block;
    align-items: center;
    overflow: hidden;
    width: 28px;
    height: 1px;
}
.backMod01 a.workBackIndex span {
    flex-direction: column;
    width: 1px;
    height: 28px;
}
.backMod01 a.workPrev span {
    margin-right: 18px;
}
.backMod01 a.workNext span {
    margin-left: 18px;
}

.backMod01 a.workPrev span:before,
.backMod01 a.workBackIndex span:before,
.backMod01 a.workNext span:after {
    content: ' ';
    display: block;
    width: 28px;
    height: 1px;
    background: #000;
}
.backMod01 a.workBackIndex span:before {
    width: 1px;
    height: 28px;
    transform: translateY(-100%);
}
.backMod01 a.workBackIndex:hover span:before {
    -webkit-animation: lineHoverBackIndex 1.2s cubic-bezier(0.58, 0.3, 0.005, 1) 0s infinite none;
    animation: lineHoverBackIndex 1.2s cubic-bezier(0.58, 0.3, 0.005, 1) 0s infinite none;
}
@-webkit-keyframes lineHoverBackIndex {
    0% {
        transform: translateY(-100%);
    }
    50% {
        transform: translateY(0);
    }
    70% {
        transform: translateY(100%);
    }
    to {
        transform: translateY(101%);
    }
}
@keyframes lineHoverBackIndex {
    0% {
        transform: translateY(-100%);
    }
    50% {
        transform: translateY(0);
    }
    70% {
        transform: translateY(100%);
    }
    to {
        transform: translateY(101%);
    }
}

.backMod01 a.workPrev:hover span:before {
    -webkit-animation: lineHoverPrev 1.2s cubic-bezier(0.58, 0.3, 0.005, 1) 0s infinite none;
    animation: lineHoverPrev 1.2s cubic-bezier(0.58, 0.3, 0.005, 1) 0s infinite none;
    transform-origin: top right;
}
@-webkit-keyframes lineHoverPrev {
    0% {
        transform: translateX(100%);
    }
    50% {
        transform: translateX(0);
    }
    70% {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(-101%);
    }
}
@keyframes lineHoverPrev {
    0% {
        transform: translateX(100%);
    }
    50% {
        transform: translateX(0);
    }
    70% {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(-101%);
    }
}
.backMod01 a.workNext:hover span:after {
    -webkit-animation: lineHoverNext 1.2s cubic-bezier(0.58, 0.3, 0.005, 1) 0s infinite none;
    animation: lineHoverNext 1.2s cubic-bezier(0.58, 0.3, 0.005, 1) 0s infinite none;
}
@-webkit-keyframes lineHoverNext {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(0);
    }
    70% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(101%);
    }
}
@keyframes lineHoverNext {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(0);
    }
    70% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(101%);
    }
}
@media screen and (max-width: 768px) {
    .backMod01 {
        height: 200px;
    }
    .backMod01 a:hover {
        opacity: 1;
        letter-spacing: normal;
    }
    .backMod01 a,
    .backMod01 a.workPrev,
    .backMod01 a.workNext {
        padding: 20px 0;
        font-size: 14px;
        padding: 20px 0;
    }
    .backMod01 a.workBackIndex {
        padding: 20px;
    }
    .backMod01 a.workPrev {
        padding-left: 8%;
    }
    .backMod01 a.workNext {
        padding-right: 8%;
    }
    .backMod01 a span {
        display: none;
    }
}



/*
  スムーススクロール
  倉田追加
*/
.has-scroll-smooth body {
    overflow: hidden;
}
.main {
    padding-top: 134px;
    padding-top: 9.57vw;
}
body.home .main {
    padding-top: 10.28vw;
    /* 144/1400 = 0.10285714285714286 */
}
@media screen and (max-width: 767px) {
    .main {
        padding-top: 70px;
        padding-top: 18.6666vw;
    }
}
.barbaContainer {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* locomotiveのバグ対応 */
.js-scroll-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}
[data-scroll-section] {
    will-change: transform;
}

body.-is-firstPageLoading,
.-is-firstPageLoading [data-scroll-section]{
    pointer-events: none !important;
}
body.-is-firstPageLoaded,
.-is-firstPageLoaded [data-scroll-section]{
    pointer-events: all;
}

body.-is-barbaStart .pageSplashContent{
    transition: none;
    transform: translateY(0);
    opacity: 1;
}

/* テキストのアニメーション */
.animationText{
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.animationText + .animationText{
    margin-top: -0.25em;
}
br + .animationText{
    margin-top: -0.3em;
}
.animationText .animationTextInner{
    display: inline-block;
    transform: translate3d(0, 160%, 0) skewY(7deg);
    transition: opacity .72s cubic-bezier(0.54, 0, 0, 0.99) 0.05143s, transform .72s cubic-bezier(.47,.43,0,.998) 0.05143s;
    /* transition-delay: 0.05143s; */
    padding-bottom: 0.1em;
    opacity: 0;
}
body.-is-pageLoaded .animationText .animationTextInner{
    transform: translate3d(0, 0, 0) skewY(0deg);
    opacity: 1;
}

body.-is-pageImageLoaded .animationTextInner{
    transition-delay: 0.72s;
}
/* ページ遷移時 */
body.-is-pageLoading .animationText .animationTextInner{
    transform: translate3d(0, 160%, 0) skewY(7deg);
    transition: 0s cubic-bezier(.47,.43,0,.998) .5s;
}
body.-is-barbaStart.-is-pageLoaded .animationText .animationTextInner{
    /* transition: opacity .3s cubic-bezier(0.54, 0, 0, 0.99) 0s, transform .7s cubic-bezier(.47,.43,0,.998) -.08s; */
    transition: opacity .3s cubic-bezier(0.54, 0, 0, 0.99) 0s, transform .65s cubic-bezier(.47,.43,0,.998) 0s;
}


/* サンプル */
/* body.-is-pageLoaded.serviceTop .animationText .animationTextInner{
  transition: opacity .3s cubic-bezier(0.54, 0, 0, 0.99) 0s, transform .7s cubic-bezier(.47,.43,0,.998) -.08s;
}
body.-is-pageLoaded.serviceTop .js-scroll-container {
  transition: opacity 0.33s cubic-bezier(0.47, 0.427, 0, 0.99) .1s;
  opacity: 1;
} */

/* サンプル about */
/* body.-is-pageLoaded.about .animationText .animationTextInner{
  transition: opacity .3s cubic-bezier(0.54, 0, 0, 0.99) 0s, transform .68s cubic-bezier(.47,.43,0,.998) -.08s;
}
body.-is-pageLoaded.about .js-scroll-container {
  transition: opacity 0.33s cubic-bezier(0.47, 0.427, 0, 0.99) .1s;
  opacity: 1;
} */
/* サンプル join */
/* body.-is-pageLoaded.joinTop .animationText .animationTextInner{
  transition: opacity .3s cubic-bezier(0.54, 0, 0, 0.99) 0s, transform .65s cubic-bezier(.47,.43,0,.998) 0s;
}
body.-is-pageLoaded.joinTop .js-scroll-container {
  transition: opacity 0.33s cubic-bezier(0.47, 0.427, 0, 0.99) .15s;
  opacity: 1;
} */

/* body.serviceTop .pageSplash,
body.about .pageSplash,
body.joinTop .pageSplash{
  display: none;
}

body.serviceTop .pageSplashContent,
body.about .pageSplashContent,
body.joinTop .pageSplashContent{
  transition: none;
  transform: translateY(0);
  opacity: 1;
} */


@media screen and (max-width: 767px) {
    br + .animationText{
        margin-top: -0.6em;
    }
}

.grecaptcha-badge { visibility: hidden; }
body.contactTop .grecaptcha-badge { visibility: visible; }


.serviceTopWwdRSliderWrap{
    /* padding: 0 10vw 0 10vw; */
}
#sectionPin {
    min-height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    left: 0;
    padding-left: 0 !important;
}
.pin-wrap {
    /* height: 100vh; */
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding: 0 20vw 0 10vw;
    margin: 3.84vw 0 3.84vw 0;
}
@media screen and (min-width: 1400px) {
    .pin-wrap {
        /* padding: 0 20vw 0 10vw; */
        /* padding: 0; */
    }
}

.pin-wrap > * {
    /* min-width: 60vw;
  padding: 0 5vw;
  color: #fff; */
}
body.-is-tablet .serviceTopWwdR_header {
    padding: 0 0 10vw 0;
}
body.-is-tablet #sectionPin {
    height: auto;
    display: block;
}
body.-is-tablet .pin-wrap{
    display: flex;
    height: auto;
    padding: 0;
    margin: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
body.-is-tablet .serviceTopWwdRSlider .slide-childe {
    margin-right: 0;
    width: auto;
    max-width: 76vw;
}
body.-is-tablet .serviceTopWwdRSlider .slide-childe + .slide-childe {
    margin-top: 90px;
    margin-top: 6.42vw;
}
@media screen and (max-width: 767px) {
    #sectionPin {
        height: auto;
        display: block;
        padding: 0 7.46vw !important;
    }
    .pin-wrap{
        display: block;
        height: auto;
        padding: 0;
        margin: 0;
    }
    .serviceTopWwdRSlider .slide-childe {
        margin-right: 0;
        width: auto;
    }
    .serviceTopWwdRSlider .slide-childe + .slide-childe {
        margin-top: 90px;
        margin-top: 24vw;
    }
}

/* topics
------------------------------------------ */
.topicsDetailHeader{
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 60vw;
    min-width: 840px;
}
.topicsDetailHeader_head{
    color: #000;
    font-size: 100px;
    font-size: 7.14vw;
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.06;
    letter-spacing: -0.04em;
    margin-left: -8px;
}
.topicsDetailHeader_text{
    /* padding-top: 210px;
  padding-top: 15vw; */

    margin: 9.57vw 0 0 0;
}
.topicsDetailHeader_textP{

}
.topicsDetailHeader_textP + .topicsDetailHeader_textP{
    margin-top: min(2.85vw,40px);
}
.topicsDetailHeader_name_wrap{
    margin-top: 34px;
    margin-top: 2.428vw;
    display: flex;
}
.topicsDetailHeader_name{
    font-size: max(2.8rem, 18px);
    letter-spacing: 0;
    line-height: 1;
    font-family: 'TsukuGoPr5-M', sans-serif;
    display: flex;
    align-items: center;
}
.topicsDetailHeader_role{
    margin-top: 14px;
    margin-top: 1vw;
    font-size: max(1.6rem, 16px);
    font-family: acumin-pro, sans-serif;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: -0.02em;
}
.topicsDetailHeader_image{
    width: 33.57vw;
}
.topicsDetailHeader_sns{
    margin: 2px 0 0 15px;
}
.topicsDetailHeader_twitter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #C9C9C9;
    border-radius: 17px;
}
.topicsDetailHeader_twitter svg {
    position: relative;
    top: 1px;
    width: 16px;
}
.topicsDetailHeader_twitter svg path {
    transition: 0.3s ease;
}
body:not(.-is-touchDevice) .topicsDetailHeader_twitter:hover svg path {
    fill: #1d9bf0;
}
@media screen and (max-width: 767px) {
    .topicsDetailHeader{
        display: block;
        min-width: auto;
        width: 100%;
    }
    .topicsDetailHeader_head{
        font-size: 48px;
        font-size: 12.8vw;
        letter-spacing: -0.04em;
        margin-left: -5px;
        margin-left: -1.333vw;
    }
    .topicsDetailHeader_text{
        padding-top: 80px;
        padding-top: 21.33vw;
        margin-top: 0;
    }
    .topicsDetailHeader_name_wrap{
        margin-top: 36px;
        margin-top: 9.6vw;
        margin-left: -5px;
        margin-left: -1.33vw;
    }
    .topicsDetailHeader_name{
        font-size: max(2rem, 20px);
    }
    .topicsDetailHeader_role{
        margin-top: 5px;
        margin-top: 1.333vw;
        font-size: max(1.2rem, 12px);
    }
    .topicsDetailHeader_image{
        width: 100%;
        margin-top: 58px;
        margin-top: 15.46vw;
    }
    .topicsDetailHeader_sns{
        margin: 0 0 0 13px;
    }
}
/* topics_lists */
.topics_lists{
    border-top: 1px dashed #1B1B1B;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8vw;
    width: 60vw;
    min-width: 840px;
}
.topics_list{
    border-bottom: 1px dashed #1B1B1B;
    padding: 0 0 8vw 0;
}
.topics_list_date{
    flex: none;
    color: rgba(0, 0, 0, 0.41);
    font-size: max(1.4rem, 14px);
    font-family: acumin-pro, sans-serif;
    margin-bottom: min(2.35vw,33px);
    display: inline-block;
}
.topics_list_title{
    color: #000;
    font-size: 28px;
    font-size: 1.85vw;
    font-size: max(2.8rem, 18px);
    margin-bottom: min(3.71vw,52px);
    font-family: 'TsukuGoPr5-D', sans-serif;
    font-weight: normal;
    line-height: 1.5;
    position: relative;
}
.topics_list_title .topics_notice_icon{
    top: 1.15vw;
    right: auto;
    left: -22px;
    display: block;
}
.topics_list.-is-cookie-saved .topics_list_title .topics_notice_icon{
    opacity: 0;
    transition: .55s ease 2s;
}
.topics_list.-is-AlreadyRead .topics_list_title .topics_notice_icon{
    display: none !important;
}
.topics_list.-is-AlreadyRead .topics_list_title .topics_notice_icon.test{
    display: block !important;
}
.topics_list_textSection{
    margin-top: min(4.28vw,60px);
}
.topics_list_titleH3{
    color: #000;
    font-size: max(1.75rem, 14px);
    margin-bottom: min(1.64vw,23px);
    line-height: 1.882;
    font-family: 'TsukuGoPr5-D', sans-serif;
    font-weight: normal;
}
.topics_list_text{
    color: rgba(0, 0, 0, 0.69);
    font-size: max(1.75rem, 14px);
    margin-bottom: min(0.4vw,20px);
    line-height: 1.882;
}
* + .topics_list_text{
    margin-top: min(1.57vw,22px);
}
.topics_list_link {
    position: relative;
    color: rgba(0, 0, 0, 0.7);
    text-decoration: none;
    padding-bottom: 2px;
}
.topics_list_link::after{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(#111, #111) left bottom / 100% 1px no-repeat;
    transition: background-size 0.3s ease;
}
body:not(.-is-touchDevice) .topics_list_link:hover::after {
    background-position: right bottom;
    background-size: 0 1px;
}
.topics_message{
    margin-left: auto;
    margin-right: auto;
    margin-top: min(4vw,60px);
    width: 60vw;
    min-width: 840px;
}
@media screen and (max-width: 767px) {
    .topics_list_textSection {
        margin-top: 40px;
    }
    .topics_list_title .topics_notice_icon{
        top: 2.5vw;
        left: -4.5vw;
    }
    .topics_list_text{
        margin-bottom: min(1.64vw,23px);
    }
    .topics_list_link {
        padding-bottom: 2px;
    }
    .topics_lists{
        width: auto;
        min-width: auto;
    }
    .topics_message{
        margin-top: 2em;
        width: auto;
        min-width: auto;
    }
}