@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,
,
header,
hgroup,
main,
nav,
section {
  display: block;
}
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

/* Basic
------------------------------------------ */
section,
header,
,
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,
,
nav,
section,
dialog,
figure {
  display: block;
}

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

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, 0.5);
  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(../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 {
    position: absolute;
    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(../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; */
}
@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(../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;
  }
}

/* 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-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);
} */

/* 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(../images/works/fundportfolio/works_fundportfolio_img_main.jpg);
  }
  /* body.works_minmaru .pagingArea{
    background-image: url(../images/works/akatsukirecruit/works_akatsukirecruit_img_main.jpg);
  } */
  body.works_akatsukirecruit .pagingArea {
    background-image: url(../images/works/fundportfolio/works_fundportfolio_img_main.jpg);
  }
  body.works_fundportfolio .pagingArea {
    background-image: url(../images/works/rakuten_sp/works_rakuten_sp_img_main.jpg);
  }
  body.works_rakuten_sp .pagingArea {
    background-image: url(../images/works/shimenawaapp/works_shimenawaapp_img_main.jpg);
  }
  body.works_shimenawaapp .pagingArea {
    background-image: url(../images/works/sbitbcorp/works_sbitbcorp_img_main.jpg);
  }
  body.works_sbitbcorp .pagingArea {
    background-image: url(../images/works/holder_corp/works_holder_corp_img_main.jpg);
  }
  body.works_holder_corp .pagingArea {
    background-image: url(../images/works/47hd/works_47hd_img_main.jpg);
  }
  body.works_47hd .pagingArea {
    background-image: url(../images/works/sagatsuku/works_sagatsuku_img_main.jpg);
  }
  body.works_sagatsuku .pagingArea {
    background-image: url(../images/works/sbi_investment/works_sbi_investment_img_main.jpg);
  }
  body.works_sbi_investment .pagingArea {
    background-image: url(../images/works/sbisonpo/works_sbisonpo_img_main.jpg);
  }
  body.works_sbisonpo .pagingArea {
    background-image: url(../images/works/emoshicom/works_emoshicom_img_main.jpg);
  }
  body.works_sbisonpo .pagingArea {
    background-image: url(../images/works/emoshicom/works_emoshicom_img_main.jpg);
  }
  body.works_emoshicom .pagingArea {
    background-image: url(../images/works/mochicom/works_mochicom_img_main.jpg);
  }
  body.works_mochicom .pagingArea {
    background-image: url(../images/works/startguide/works_startguide_img_main.jpg);
  }
  body.works_startguide .pagingArea {
    background-image: url(../images/works/synesthesia/works_synesthesia_img_main.jpg);
  }
  body.works_synesthesia .pagingArea {
    background-image: url(../images/works/suguchoku/works_suguchoku_img_main.jpg);
  }
  body.works_suguchoku .pagingArea {
    background-image: url(../images/works/akatsukisec/works_akatsukisec_img_main.jpg);
  }
  body.works_akatsukisec .pagingArea {
    background-image: url(../images/works/47naiso/works_47naiso_img_main.jpg);
  }
  body.works_47naiso .pagingArea {
    background-image: url(../images/works/axseed/works_axseed_img_main.jpg);
  }
  body.works_axseed .pagingArea {
    background-image: url(../images/works/jwa/works_jwa_img_main.jpg);
  }
  body.works_jwa .pagingArea {
    background-image: url(../images/works/car_pdca/works_car_pdca_img_main.jpg);
  }
  body.works_car_pdca .pagingArea {
    background-image: url(../images/works/rakuten_catalog/works_rakuten_catalog_img_main.jpg);
  }
  body.works_rakuten_catalog .pagingArea {
    background-image: url(../images/works/finux/works_finux_img_main.jpg);
  }
  body.works_finux .pagingArea {
    background-image: url(../images/works/moneytap/works_moneytap_img_main.jpg);
  }
  body.works_moneytap .pagingArea {
    background-image: url(../images/works/am_webhikaku/works_am_webhikaku_img_main.jpg);
  }
  body.works_am_webhikaku .pagingArea {
    background-image: url(../images/works/find/works_find_img_main.jpg);
  }
  body.works_find .pagingArea {
    background-image: url(../images/works/sw/works_sw_img_main.jpg);
  }
  body.works_sw .pagingArea {
    background-image: url(../images/works/ssnb_brand/works_ssnb_brand_img_main.jpg);
  }
  body.works_ssnb_brand .pagingArea {
    background-image: url(../images/works/ifa/works_ifa_img_main.jpg);
  }
  body.works_ifa .pagingArea {
    background-image: url(../images/works/rideshare/works_rideshare_img_main.jpg);
  }
  body.works_rideshare .pagingArea {
    background-image: url(../images/works/ew/works_ew_img_main.jpg);
  }
  body.works_ew .pagingArea {
    background-image: url(../images/works/am_webstrategy/works_am_webstrategy_img_main.jpg);
  }
  body.works_am_webstrategy .pagingArea {
    background-image: url(../images/works/sbi2021recruit/works_sbi2021recruit_img_main.jpg);
  }
  body.works_sbi2021recruit .pagingArea {
    background-image: url(../images/works/tripyoyaku/works_tripyoyaku_img_main.jpg);
  }
  body.works_tripyoyaku .pagingArea {
    background-image: url(../images/works/an/works_an_img_main.jpg);
  }
  body.works_an .pagingArea {
    background-image: url(https://hikarina.co.jp/assets/images/works/mm/works_mm_img_main.jpg);
  }
  body.works_mm .pagingArea {
    background-image: url(../images/works/kasotsuka_ui/works_kasotsuka_ui_img_main.jpg);
  }
  body.works_kasotsuka_ui .pagingArea {
    background-image: url(https://hikarina.co.jp/assets/images/works/zeroplus/works_zeroplus_img_main.jpg);
  }
  body.works_zeroplus .pagingArea {
    background-image: url(https://hikarina.co.jp/assets/images/works/herasel/works_herasel_img_main.jpg);
  }
  body.works_herasel .pagingArea {
    background-image: url(https://hikarina.co.jp/assets/images/works/ifaportal/works_ifaportal_img_main.jpg);
  }
  body.works_ifaportal .pagingArea {
    background-image: url(https://hikarina.co.jp/assets/images/works/sushiorder/works_sushiorder_img_main.jpg);
  }
  body.works_sushiorder .pagingArea {
    background-image: url(../images/works/mmkgmc/works_mmkgmc_img_main.jpg);
  }
  body.works_mmkgmc .pagingArea {
    background-image: url(../images/works/ssnbappux/works_ssnbappux_img_main.jpg);
  }
  body.works_ssnbappux .pagingArea {
    background-image: url(../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(../images/works/akatsukirecruit/works_akatsukirecruit_img_main.jpg);
} */
body.works_akatsukirecruit .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/fundportfolio/works_fundportfolio_img_main.jpg);
}
body.works_fundportfolio .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/rakuten_sp/works_rakuten_sp_img_main.jpg);
}
body.works_rakuten_sp .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/shimenawaapp/works_shimenawaapp_img_main.jpg);
}
body.works_shimenawaapp .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/sbitbcorp/works_sbitbcorp_img_main.jpg);
}
body.works_sbitbcorp .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/holder_corp/works_holder_corp_img_main.jpg);
}
body.works_holder_corp .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/47hd/works_47hd_img_main.jpg);
}
body.works_47hd .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/sagatsuku/works_sagatsuku_img_main.jpg);
}
body.works_sagatsuku .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/sbi_investment/works_sbi_investment_img_main.jpg);
}
body.works_sbi_investment .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/sbisonpo/works_sbisonpo_img_main.jpg);
}
body.works_sbisonpo .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/emoshicom/works_emoshicom_img_main.jpg);
}
body.works_sbisonpo .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/emoshicom/works_emoshicom_img_main.jpg);
}
body.works_emoshicom .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/mochicom/works_mochicom_img_main.jpg);
}
body.works_mochicom .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/startguide/works_startguide_img_main.jpg);
}
body.works_startguide .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/synesthesia/works_synesthesia_img_main.jpg);
}
body.works_synesthesia .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/suguchoku/works_suguchoku_img_main.jpg);
}
body.works_suguchoku .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/akatsukisec/works_akatsukisec_img_main.jpg);
}
body.works_akatsukisec .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/47naiso/works_47naiso_img_main.jpg);
}
body.works_47naiso .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/axseed/works_axseed_img_main.jpg);
}
body.works_axseed .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/jwa/works_jwa_img_main.jpg);
}
body.works_jwa .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/car_pdca/works_car_pdca_img_main.jpg);
}
body.works_car_pdca .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/rakuten_catalog/works_rakuten_catalog_img_main.jpg);
}
body.works_rakuten_catalog .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/finux/works_finux_img_main.jpg);
}
body.works_finux .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/moneytap/works_moneytap_img_main.jpg);
}
body.works_moneytap .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/am_webhikaku/works_am_webhikaku_img_main.jpg);
}
body.works_am_webhikaku .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/find/works_find_img_main.jpg);
}
body.works_find .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/sw/works_sw_img_main.jpg);
}
body.works_sw .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/ssnb_brand/works_ssnb_brand_img_main.jpg);
}
body.works_ssnb_brand .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/ifa/works_ifa_img_main.jpg);
}
body.works_ifa .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/rideshare/works_rideshare_img_main.jpg);
}
body.works_rideshare .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/ew/works_ew_img_main.jpg);
}
body.works_ew .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/am_webstrategy/works_am_webstrategy_img_main.jpg);
}
body.works_am_webstrategy .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/sbi2021recruit/works_sbi2021recruit_img_main.jpg);
}
body.works_sbi2021recruit .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/tripyoyaku/works_tripyoyaku_img_main.jpg);
}
body.works_tripyoyaku .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/an/works_an_img_main.jpg);
}
body.works_an .nextLinkArea .nextLinkArea_a {
  background-image: url(https://hikarina.co.jp/assets/images/works/mm/works_mm_img_main.jpg);
}
body.works_mm .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/kasotsuka_ui/works_kasotsuka_ui_img_main.jpg);
}
body.works_kasotsuka_ui .nextLinkArea .nextLinkArea_a {
  background-image: url(https://hikarina.co.jp/assets/images/works/zeroplus/works_zeroplus_img_main.jpg);
}
body.works_zeroplus .nextLinkArea .nextLinkArea_a {
  background-image: url(https://hikarina.co.jp/assets/images/works/herasel/works_herasel_img_main.jpg);
}
body.works_herasel .nextLinkArea .nextLinkArea_a {
  background-image: url(https://hikarina.co.jp/assets/images/works/ifaportal/works_ifaportal_img_main.jpg);
}
body.works_ifaportal .nextLinkArea .nextLinkArea_a {
  background-image: url(https://hikarina.co.jp/assets/images/works/sushiorder/works_sushiorder_img_main.jpg);
}
body.works_sushiorder .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/mmkgmc/works_mmkgmc_img_main.jpg);
}
body.works_mmkgmc .nextLinkArea .nextLinkArea_a {
  background-image: url(../images/works/ssnbappux/works_ssnbappux_img_main.jpg);
}
body.works_ssnbappux .nextLinkArea .nextLinkArea_a {
  background-image: url(../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;
  }
}

/* 
------------------------------------------ */
. {
  background-color: #000;
}
.Inner {
  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- .Inner {
  opacity: 1;
}
body.-is-pc .Inner {
  opacity: 1 !important;
}
._header {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 2px 10px 0 0;
}
._logo {
  line-height: 0;
}
._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) ._logoA:hover {
  opacity: 0.69;
}
._logoImg {
  width: 101px;
  height: auto;
}
._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) {
  ._address {
    font-size: 12px;
  }
}
._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;
}
._policyA {
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  ._policy {
    font-size: 12px;
  }
}
._sns {
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
}
._snsContent {
  margin-right: 20px;
  margin-right: 1.42vw;
}
._snsA {
  opacity: 0.5;
  display: block;
}
._copyright {
  display: flex;
  align-items: flex-end;
  margin-top: 17px;
  margin-top: 1.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) {
  ._copyright {
    font-size: 12px;
  }
}
._service {
  padding: 0 10px 0 0;
  width: 23.75%;
}
._works {
  padding: 0 10px 0 0;
  width: 17.86%;
}
._others {
  width: 13.6%;
}
._own {
  width: 15.1%;
}
._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) {
  ._dt {
    font-size: 12px;
  }
}
._dtA {
  color: #fff;
}
._dd {
  margin-top: 29px;
  margin-top: 2.07vw;
}
._ddContent {
  font-size: 14px;
  font-size: 1vw;
  line-height: 1.5;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  ._ddContent {
    font-size: 12px;
  }
}
._ddContent + ._ddContent {
  margin-top: 17px;
  margin-top: 1.21vw;
}
._ddA {
  color: rgba(255, 255, 255, 0.5);
}
._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) {
  ._navContent {
    font-size: 12px;
  }
}
._navContent + ._navContent {
  margin-top: 20px;
  margin-top: 1.42vw;
}
._navA {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .Inner {
    display: block;
    padding: 77px 8vw 79px 8vw;
    padding: 20.53vw 8vw 21.06vw 8vw;
  }
  ._header {
    padding: 0 0 0 0;
  }
  ._address {
    margin-top: 31px;
    margin-top: 8.26vw;
    font-size: 14px;
    font-size: 3.73vw;
  }
  ._policy {
    margin-top: 31px;
    margin-top: 8.26vw;
    font-size: 14px;
    font-size: 3.73vw;
  }
  ._sns {
    margin-top: 22px;
    margin-top: 5.87vw;
  }
  ._snsContent {
    margin-right: 20px;
    margin-right: 5.34vw;
  }
  ._copyright {
    margin-top: 15px;
    margin-top: 4vw;
    font-size: 14px;
    font-size: 3.73vw;
  }
  ._service {
    padding: 64px 0 0 0;
    padding: 17.06vw 0 0 0;
    width: auto;
  }
  ._works {
    padding: 61px 0 0 0;
    padding: 16.26vw 0 0 0;
    width: auto;
  }
  ._others {
    padding: 63px 0 0 0;
    padding: 16.8vw 0 0 0;
    width: auto;
  }
  ._own {
    padding: 63px 0 0 0;
    padding: 16.8vw 0 0 0;
    width: auto;
  }
  ._dt {
    font-size: 14px;
    font-size: 3.73vw;
  }
  ._dtA {
    color: #fff;
  }
  ._dd {
    margin-top: 26px;
    margin-top: 6.93vw;
  }
  ._ddContent {
    font-size: 12px;
    font-size: 3.2vw;
  }
  ._ddContent + ._ddContent {
    margin-top: 12px;
    margin-top: 3.2vw;
  }
  ._navContent {
    font-size: 14px;
    font-size: 3.73vw;
  }
  ._navContent + ._navContent {
    margin-top: 21px;
    margin-top: 5.6vw;
  }
}
@media screen and (max-width: 374px) {
  ._address {
    font-size: 12px;
  }
  ._policy {
    font-size: 12px;
  }
  ._copyright {
    font-size: 12px;
  }
  ._dt {
    font-size: 12px;
  }
  ._ddContent {
    font-size: 12px;
  }
  ._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;
}
@media screen and (max-width: 767px) {
  .section {
    padding-left: 8vw;
    padding-right: 8vw;
    padding-bottom: 0;
  }
  .section.-worksTop {
    margin-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);
  -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: 0.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(0.88vw, 13px);
  color: rgba(255, 255, 255, 0.7);
  font-family: acumin-pro, sans-serif;
  line-height: 1;
  letter-spacing: 0.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: 0.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: 0.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: 0.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, 0.12);
}
.homeNews .swiper-button-next:after,
.homeNews .swiper-button-prev:after {
  width: 32px;
  height: 32px;
  content: '';
  background: url(../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 {
  animation: fadein-keyframes 0.4s ease 0s forwards;
}
.-is-high.homeNews .swiper-container {
  animation: fadein-keyframes02 0.4s ease 0s forwards;
}
@keyframes fadein-keyframes {
  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 0.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 {
    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: 100px;
  font-size: max(10rem, 100px);
  font-weight: 200;
  line-height: 1.08;
  letter-spacing: -0.02em;
}
.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;
  }
}
@media screen and (max-width: 767px) {
  .homeHeadLv2_main {
    font-size: 43px;
    font-size: 11.46vw;
    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: 16.055vw 0 6.8vw 0;
  color: #000;
  font-size: 100px;
  font-size: 6vw;
  font-family: acumin-pro, sans-serif;
  font-weight: 200;
  line-height: 1.2;
  letter-spacing: -0.04em;
}
.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: 11.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);
}
.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(../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: 28px 0 220px 5vw;
  padding: 2vw 0 15.71vw 5vw;
  background: #fff;
}
.homeWorksSec {
  display: table;
  display: flex;
  align-items: center;
  width: 100%;
}
.homeWorksSec_imageLink {
  display: block;
  width: 37.47%;
}
.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 9.35vw;
  /* 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;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  /* .homeWorksSec_head {
    font-size: 12px;
  } */
}
.homeWorksSec_text {
  margin-top: 57px;
  margin-top: 4.07vw;
  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(../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;
}
.homeMedia_slide .swiper-slide {
  margin-right: 5.03%;
  width: 33.9%;
  max-width: 470px;
}
.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_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(../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;
  }
  .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_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;
  }
}

/* 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-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: 11.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(../images/common/img_arrow_01.svg) no-repeat;
  background-size: 22px 5px;
  transition: all 0.3s ease;
}
body.-is-dark .serviceTopWwdRSlider_navArrow {
  background: url(../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: 0;
  width: 100%;
  height: 100%;
}
.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;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.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: 0;
  width: 100%;
  height: 100%;
}
.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 0.7s cubic-bezier(0.54, 0, 0, 0.99), transform 0.95s cubic-bezier(0.47, 0.43, 0, 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: 11.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(../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: 11.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(../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(../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(../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- .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;
  box-shadow: 5px 7px 10px;
}
.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(../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(../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 .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%;
  }
}

/* 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(../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(../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(../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(../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(../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 */
.-worksDetailNotFullWidth .worksDImage {
  margin: 0 auto;
  width: calc(54vw + 140px);
}
@media screen and (max-width: 767px) {
  .-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;
}
.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%;
}
.worksDCase_text {
  color: rgba(0, 0, 0, 0.69);
  font-size: 16px;
  font-size: max(1.6rem, 14px);
}
.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;
  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;
  }
  .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;
  }
  .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;
  font-family: acumin-pro, sans-serif;
  margin-top: 3px;
  margin-top: 0.22vw;
}
.worksDList_dataDt {
  width: 35px;
  width: 2.718em;
  min-width: 2.718em;
  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;
}
@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_dataDt {
    width: 34px;
    width: 9.07vw;
    min-width: 9.07vw;
    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;
  }
}

/* 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;
}
@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;
  }
}

/* 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: 11.46vw;
    letter-spacing: -0.02em;
  }
}

/* aboutCp */
.aboutCp {
  margin-top: 320px;
  margin-top: 22.85vw;
}
.aboutCp_body {
  margin: 111px auto 0 auto;
  margin: 7.92vw 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;
  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;
  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(../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(../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;
    width: auto;
    font-size: 13px;
    font-size: 3.46vw;
  }
  .aboutCp_dd {
    padding: 5px 0 27px 0;
    padding: 1.33vw 0 7.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_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) .aboutCpLinkList_a:hover {
  background-position: right bottom;
  background-size: 0 1px;
}
@media screen and (max-width: 767px) {
  .aboutCpLinkList_ul {
    display: block;

    margin: 0;
  }
  .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(../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(../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(../images/common/img_arrow_01.svg) no-repeat;
  background-size: 22px 5px;
  transition: all 0.3s ease;
  opacity: 0.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(../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(../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-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: 4vw;
    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;
  }
  .aboutDetailHeader_head {
    font-size: 50px;
    font-size: 13.33vw;
    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;
}

/* 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: 11.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_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_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: 11.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(../images/common/icn_plus_01.svg) no-repeat;
  background-size: 44px 44px;
}
.faqList_dt.-is-open::after {
  content: '';
  background: url(../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(../images/common/icn_plus_01.svg) no-repeat;
    background-size: 36px 36px;
  }
  .faqList_dt.-is-open::after {
    content: '';
    background: url(../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;
}

/* 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: 11.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.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-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 .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 .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.blogAppSwiperSP .swiper-wrapper {
    transform: none !important;
  }
}

@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: 0.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-slide:last-child {
    margin-right: 40px;
  }
  .blogDetailArea01 .slideBox01 .slideImage01 img {
    width: 88%;
  }
  .blogDetailArea01 .swiper-container-horizontal > .swiper-scrollbar {
    width: calc(100% - 40px);
  }
  .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;
  }
}

/* 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:not(.-is-ie) {
  /* スクロールバー非表示,スクロールできすぎる現象防止 */
  overflow: hidden;
}
body.-is-tablet {
  /* スクロールバー非表示,スクロールできすぎる現象防止 */
  overflow: visible;
}
@media screen and (max-width: 767px) {
  body:not(.-is-ie):not(.-is-pc) {
    /* スクロールバー非表示,スクロールできすぎる現象防止 */
    overflow: visible;
  }
  .js-scroll-container {
    will-change: auto;
  }
}

/* ローディングアニメーション */
.js-scroll-container {
  transition: opacity 0.33s cubic-bezier(0.47, 0.427, 0, 0.99);
  opacity: 0;
}
.-is-pageLoading .js-scroll-container {
  transition: opacity 0.3s cubic-bezier(0.47, 0.427, 0, 0.99);
  opacity: 0;
}
.-is-pageLoaded .js-scroll-container {
  /* transition: opacity 0.33s cubic-bezier(0.47, 0.427, 0, 0.99); */
  transition: opacity 0.33s cubic-bezier(0.47, 0.427, 0, 0.99) 0.15s;
  opacity: 1;
}

/* スプラッシュ */
.pageSplash {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
}
.pageSplash::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #f5f6f7;
  width: 100%;
  height: 100%;
  transition: clip-path 0.95s cubic-bezier(1, 0, 0.92, 0.95), -webkit-clip-path 0.95s cubic-bezier(1, 0, 0.92, 0.95);

  -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 .pageSplash {
  pointer-events: none;
}
body.-is-pageLoaded .pageSplash::before {
  /* display: none; */
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  pointer-events: none;
}
body.-is-barbaStart .pageSplash {
  display: none;
}
/* pageSplashContent */
.pageSplashContent {
  transition: opacity 0.3s cubic-bezier(0.47, 0.427, 0, 0.99) 0.92s, transform 0.92s cubic-bezier(0.57, 0, 0, 0.99) 0.74s;
  opacity: 1;
  transform: translateY(20px);
}
body.-is-pageImageLoaded.-is-pageLoaded .pageSplashContent {
  transform: translateY(0);
  opacity: 1;
}
body.-is-tablet .pageSplashContent {
  transform: none !important;
}
@media screen and (max-width: 767px) {
  body.-is-sp:not(.serviceTop) .pageSplashContent {
    transform: none !important;
  }
}

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 0.72s cubic-bezier(0.54, 0, 0, 0.99) 0.05143s, transform 0.72s cubic-bezier(0.47, 0.43, 0, 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(0.47, 0.43, 0, 0.998) 0.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 0.3s cubic-bezier(0.54, 0, 0, 0.99) 0s, transform 0.65s cubic-bezier(0.47, 0.43, 0, 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;
  }
}