@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.5rem}h3{font-size:1.17rem}h4{font-size:1rem}h5{font-size:.83rem}h6{font-size:.67rem}h1{margin:.67em 0}pre{white-space:pre-wrap}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle;max-width:100%}canvas,img,svg,video{height:auto}audio{width:100%}img{border-style:none}svg{overflow:hidden}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}


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

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

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

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

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

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

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

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

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

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

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

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

body {
  background: #FFF;
  color: #1A1A1A;
  font-family: 'Noto Serif JP', serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  font-feature-settings: “palt”;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: #1A1A1A;
  text-decoration: underline;
  word-wrap: break-word;
  transition: all 0.3s ease;
}
body:not(.-is-touchDevice) a:hover {
  text-decoration: none;
}

a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  opacity: 1;
}
body.-is-sp a[href*="tel:"] {
  pointer-events: auto;
}


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

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

/* select */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  background: transparent;
  outline: none;
}

/* text */
input[type="email"],
input[type="tel"],
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="email"]::-ms-clear,
input[type="tel"]::-ms-clear,
input[type="text"]::-ms-clear {
  display: none;
}

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

/* vertical-align
------------------------------------------ */
.vaT {
  vertical-align: top !important;
}
.vaM {
  vertical-align: middle !important;
}
.vaB {
  vertical-align: bottom !important;
}

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

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

/* c-imageItem
------------------------------------------ */
.c-imageItem {
  display: block;
  line-height: 0;
}
.c-imageItem .c-imageItem_image {
  width: 100%;
  height: auto;
}

/* c-arrow
------------------------------------------ */
.c-arrow {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  pointer-events: none;
  overflow: hidden;

  transform: rotate(-45deg);
}
.c-arrow::after,
.c-arrow::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 14px;
  height: 14px;
  background: url(../images/common/icn_arrow_01.svg) no-repeat 0 0;
  background-size: 14px 14px;
  will-change: transform;
}
.c-arrow.-thin::after,
.c-arrow.-thin::before {
  content: '';
  background: url(../images/common/icn_arrow_02.svg) no-repeat 0 0;
  background-size: 14px 14px;
}
.c-arrow.-white::after,
.c-arrow.-white::before {
  content: '';
  background: url(../images/common/icn_arrow_02_w.svg) no-repeat 0 0;
  background-size: 14px 14px;
}
.c-arrow::after {
  transform: translateX(-101%);
}
body:not(.-is-touchDevice) a:active .c-arrow::before,
body:not(.-is-touchDevice) a:focus .c-arrow::before,
body:not(.-is-touchDevice) a:hover .c-arrow::before {
  transition: transform .4s cubic-bezier(.23,1,.32,1) 0s,opacity .3s cubic-bezier(.23,1,.32,1) 0s;
  opacity: 0;
  transform: translateX(101%);
}
body:not(.-is-touchDevice) a:active .c-arrow::after,
body:not(.-is-touchDevice) a:focus .c-arrow::after,
body:not(.-is-touchDevice) a:hover .c-arrow::after {
  transition: transform .4s cubic-bezier(.23,1,.32,1) .1s;
  transform: translateX(0);
}
@media screen and (max-width: 767px) {
  .c-arrow::after {
    display: none;
  }
}

/* header
------------------------------------------ */
/* c-header */
.c-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 46px;
  z-index: 2;
}
.c-header.-brand {
  position: fixed;
  z-index: 10;
}
.c-header_vessel {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;

  height: 49px;
}
.c-header_logo {
  line-height: 0;
}
.c-header_logoA {
  position: relative;
  display: block;
}
body:not(.-is-touchDevice) .c-header_logoA:hover {
  opacity: 0.7;
}
.c-header_logoImg {
  width: 180px;
  height: 41px;
}
.c-header.-brand .c-header_logoImg {
  opacity: 0;
}
.c-header.-brand.-is-passed .c-header_logoImg {
  opacity: 1;
}
.c-header.-brand .c-header_logoA::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 180px;
  height: 41px;
  background: url(../images/common/logo_02.svg) no-repeat;
  background-size: 180px 41px;
}
.c-header.-brand.-is-passed .c-header_logoA::after {
  opacity: 0;
}
.c-header_nav {
  margin-left: auto;
}
@media screen and (max-width: 1200px) {
  body.home .c-header_nav,
  body.maintenance .c-header_nav,
  body.maintenanceLog .c-header_nav {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .c-header {
    padding: 26px 8vw;
  }
  .c-header_vessel {
    display: block;

    height: auto;
  }
  .c-header_logoImg {
    width: 140px;
    height: 32px;
  }
  .c-header.-brand .c-header_logoA::after {
    content: '';
    width: 140px;
    height: 32px;
    background: url(../images/common/logo_02.svg) no-repeat;
    background-size: 140px 32px;
  }
  .c-header_nav {
    display: none;
  }
}

/* c-hambergerBtn */
.c-hambergerBtn {
  display: none;

  position: absolute;
  top: 40px;
  right: 46px;
  z-index: 10;
}
@media screen and (max-width: 1200px) {
  body.home .c-hambergerBtn,
  body.maintenance .c-hambergerBtn,
  body.maintenanceLog .c-hambergerBtn {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .c-hambergerBtn {
    position: absolute;
    top: 17px;
    right: 6px;
    display: block;
  }
}

/* c-hamberger
------------------------------------------ */
.c-hamberger {
  display: flex;
  justify-content: center;
  align-items: center;

  border-radius: 50%;
  width: 48px;
  height: 48px;
  line-height: 0;
}
.c-hamberger_vessel {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
}
.c-hamberger_line {
  display: block;
  position: absolute;
  left: 0;
  width: 20px;
  height: 1px;
  background: #292929;
  transition: all 0.3s ease;
}
.c-header.-brand .c-hamberger_line {
  background: #FFF;
}
.c-header.-brand.-is-passed .c-hamberger_line {
  background: #292929;
}
.c-hamberger_vessel .c-hamberger_line:nth-of-type(1) {
  top: 5px;
}
.c-hamberger_vessel .c-hamberger_line:nth-of-type(2) {
  bottom: 6px;
}
.c-hamberger.-is-active .c-hamberger_vessel .c-hamberger_line:nth-of-type(1) {
  top: 0;
  transform: translateY(9px) rotate(-45deg);
}
.c-hamberger.-is-active .c-hamberger_vessel .c-hamberger_line:nth-of-type(2) {
  bottom: 0;
  transform: translateY(-9.5px) rotate(45deg);
}

/* c-navHamberger
------------------------------------------ */
/* c-navHambergerW */
.c-navHambergerW {
  display: none;

  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
}
.c-navHambergerW_vessel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #CDC369;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

/* c-navHamberger */
.c-navHamberger {
  position: relative;
  padding: 120px 8vw 8vw 8vw;
  text-align: center;
}
.c-navHamberger_close {
  position: absolute;
  top: 40px;
  right: 46px;
}
.c-navHamberger_logo {
  position: absolute;
  top: 50px;
  left: 46px;
  line-height: 0;
}
.c-navHamberger_logoA {
  display: block;
}
.c-navHamberger_logoImg {
  width: 180px;
  height: auto;
}
.c-navHamberger_list {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-indent: 0.03em;
  letter-spacing: 0.03em;
}
.c-navHamberger_listItems + .c-navHamberger_listItems {
  margin-top: 29px;
}
.c-navHamberger_listItems + .c-navHamberger_listItems.-button {
  margin-top: 41px;
}
.c-navHamberger_listA {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .c-navHamberger_logo {
    position: absolute;
    top: 26px;
    left: 8vw;
  }
  .c-navHamberger_logoImg {
    width: 140px;
  }
  .c-navHamberger_close {
    position: absolute;
    top: 17px;
    right: 6px;
  }
}

/* c-headerNav */
.c-headerNav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;

  height: 100%;
}
.c-headerNav_items {
  margin-right: 24px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.03em;
}
.c-headerNav_a {
  color: #1F1F1F;
  text-decoration: none;
}
body:not(.-is-touchDevice) .c-headerNav_a:hover {
  opacity: 0.7;
}
.c-headerNav_button {
  padding-left: 10px;
}
.c-header.-brand .c-headerNav_button {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.c-header.-brand.-is-passed .c-headerNav_button {
  opacity: 1;
  pointer-events: auto;
}
.c-headerNav_buttonA {
  display: inline-flex;
  justify-content: center;
  align-items: center;

  border-radius: 24.5px;
  width: 221px;
  height: 49px;
  background: #313131;
  color: #FFF;
  font-size: 14px;
  text-decoration: none;
  text-indent: 0.03em;
  letter-spacing: 0.03em;
}
body:not(.-is-touchDevice) .c-headerNav_buttonA:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .c-headerNav_buttonA {
    border-radius: 26px;
    width: 245px;
    height: 52px;
    font-size: 16px;
  }
}

/* brand story
------------------------------------------ */
/* c-ticker */
@-webkit-keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

.c-ticker {
  width: 100%;
  display: flex;
  overflow: hidden;
  box-sizing: content-box;
}
.c-ticker_wrap {
  display: inline-block;
  white-space: nowrap;
  box-sizing: content-box;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.c-ticker_wrap.-ticker01 {
  -webkit-animation: loop 80s -40s linear infinite;
  animation: loop 80s -40s linear infinite;
}
.c-ticker_wrap.-ticker02 {
  -webkit-animation: loop2 80s linear infinite;
  animation: loop2 80s linear infinite;
}
.c-ticker_wrap.-ticker03 {
  -webkit-animation: loop2 80s linear infinite;
  animation: loop2 80s linear infinite;
}
.c-ticker_wrap.-ticker04 {
  -webkit-animation: loop2 80s linear infinite;
  animation: loop2 80s linear infinite;
}
.c-ticker_text {
  display: inline-flex;
  background: transparent;
  font-family: cormorant-garamond, serif;
  font-size: 72px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1;
  text-transform: uppercase;
  transition: color .3s cubic-bezier(.23,1,.32,1) 0s;
}
body:not(.-is-touchDevice) .c-bs:hover .c-ticker_text {
  color: rgba(255, 255, 255, 1);
}
.c-ticker_textC {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 105px;
}
.c-ticker_textC::after {
  content: '';
  display: inline-block;
  border-radius: 4.5px;
  width: 9px;
  height: 9px;
  background: rgba(255, 255, 255, 0.4);
  transition: background-color .3s cubic-bezier(.23,1,.32,1) 0s;
}
body:not(.-is-touchDevice) .c-bs:hover .c-ticker_textC::after {
  background: rgba(255, 255, 255, 1);
}
@media screen and (max-width: 767px) {
  .c-ticker_text {
    font-size: 57px;
    letter-spacing: -0.017em;
  }
  .c-ticker_textC {
    width: 86px;
  }
  .c-ticker_textC::after {
    content: '';
    border-radius: 4px;
    width: 8px;
    height: 8px;
  }
}

/* c-bs */
.c-bs {
  position: relative;
  height: 800px;
  background: #CDC369;
  color: #FFF;
  z-index: 1;
}
.c-bs::before {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: #C4B957;
  transition: transform .46s cubic-bezier(0.65,0.05,0.36,1) 0s;
  transform: scaleY(0);
  transform-origin: top left;
}
.c-bs:hover::before{
  transform-origin: bottom left;
  transform: scaleY(1);
}

.c-bs_a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/common/img_bs_01.svg) no-repeat 50% 50%;
  background-size: 394px 394px;
  text-decoration: none;
}
body:not(.-is-touchDevice) .c-bs_a:hover{
  background-size: 433px 433px;
}

.c-bs_ticker {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -36px;
}
.c-bs_text {
  position: absolute;
  right: 122px;
  bottom: 50px;
  color: #1A1A1A;
}
.c-bs_text .c-homeLink_text{
  transition: .5s cubic-bezier(.23,1,.32,1) 0s;
  z-index: 2;
  position: relative;
  padding-bottom: 2px;
  letter-spacing: .05em;
  font-size: 15px;
  overflow: hidden;
}
.c-bs_text .c-homeLink_text::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #1A1A1A;
  animation: arrowAnimation 2.25s cubic-bezier(0.79, 0.02, 0.1, 0.98) infinite;
}
@keyframes arrowAnimation{
  0%{
    opacity: 1;
    transform: translateX(-100%);
  }
  20%{
  }
  99.9%{
    transform: translateX(101%);
    opacity: 1;
  }
  100%{
    opacity: 0;
    transform: translateX(-100%);
  }
}

body:not(.-is-touchDevice) .c-bs:hover .c-bs_text .c-homeLink_text{
  letter-spacing: .075em;
  font-size: 16px;
}
@keyframes expansion{
  0%{
    transform: scaleX(0);
  }
  100%{
    transform: scaleX(1);
  }
}

.c-bs_text .c-homeLink_arrow {
  border-color: #E1DBA5;
}
@media screen and (max-width: 767px) {
  .c-bs {
    height: 521px;
  }
  .c-bs_a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/common/img_bs_01.svg) no-repeat 50% 92px;
    background-size: 190px 190px;
  }
  body:not(.-is-touchDevice) .c-bs_a:hover{
    background-size: 209px 209px;
  }
  .c-bs_ticker {
    position: absolute;
    top: 158px;
    margin-top: 0;
  }
  .c-bs_text {
    position: absolute;
    right: 30px;
    bottom: 36px;
  }
}

/* main
------------------------------------------ */
.c-main {
  overflow: hidden;
}
.c-main.-brand,
.c-main.-case {
  padding: 0 50px;
}
.c-main.-brand {
  background: linear-gradient(135deg, #FFF 0%, #FFF 10%, #f5f0e2 90%, #f5f0e2 100%);
  background: -webkit-linear-gradient(-45deg, #FFF 0%, #FFF 10%, #f5f0e2 90%, #f5f0e2 100%);
}
@media screen and (max-width: 767px) {
  .c-main.-brand,
  .c-main.-case {
    padding: 0 8vw;
  }
}

/* footer
------------------------------------------ */
/* c-footer */
.c-footer {
  padding: 143px 97px 112px 97px;
  padding: 143px 7.46vw 112px 7.46vw;
}
.c-footer_nav {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: row;
}
.c-footer_navB1 {
  flex: 1;

  padding: 2px 0 0 0;
}
.c-footer_navB2 {
  padding: 0 0 148px 0;
  width: 37.27%;
  min-width: 370px;
}
.c-footer_bottom {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;

  height: 41px;
}
.c-footer_logo {
  flex: 1;

  line-height: 0;
}
.c-footer_logoA {
  display: block;
}
body:not(.-is-touchDevice) .c-footer_logoA:hover {
  opacity: 0.7;
}
.c-footer_logoImg {
  width: 180px;
  height: 41px;
}
.c-footer_copyright {
  width: 329px;
  min-width: 329px;

  font-size: 12px;
  font-family: 'Noto Sans JP', sans-serif;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .c-footer_nav {
    display: block;
  }
  .c-footer_navB2 {
    padding-top: 100px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .c-footer {
    padding: 64px 8vw 42px 8vw;
  }
  .c-footer_nav {
    display: block;
  }
  .c-footer_navB1 {
    padding: 0 0 64px 0;
  }
  .c-footer_navB2 {
    padding: 66px 0 51px 0;
    border-top: 1px solid #EAE8E4;
    width: auto;
    min-width: 0;
  }
  .c-footer_bottom {
    display: block;

    height: auto;
  }
  .c-footer_logo {

  }
  .c-footer_logoImg {
    width: 140px;
    height: 32px;
  }
  .c-footer_copyright {
    margin-top: 20px;
    width: auto;
    min-width: 0;

    font-size: 11px;
  }
}

/* c-footerCu */
.c-footerCu {
  position: relative;
  display: inline-block;
  padding: 0 98px 0 0;
  text-decoration: none;
  z-index: 1;
}
.c-footerCu_en {
  position: relative;
  display: block;
  z-index: 3;

  padding: 5px 0 0 0;
  font-size: 64px;
  font-family: cormorant-garamond, serif;
  font-weight: 300;
  letter-spacing: -0.021em;
  text-transform: uppercase;
}
.c-footerCu_ja {
  position: relative;
  display: block;
  z-index: 3;

  margin-top: -1px;
  font-size: 16px;
  font-weight: 500;
}
.c-footerCu_arrow {
  display: flex;
  justify-content: center;
  align-items: center;

  position: absolute;
  top: 0;
  right: 0;
  border-radius: 56px;
  width: 112px;
  height: 112px;
  background: #F5F0E2;
  line-height: 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .c-footerCu {
    display: block;
    padding: 0;
    min-height: 82px;
  }
  .c-footerCu_en {
    padding: 8px 0 0 0;
    font-size: 32px;
  }
  .c-footerCu_ja {
    margin-top: -5px;
    font-size: 14px;
  }
  .c-footerCu_arrow {
    border-radius: 41px;
    width: 82px;
    height: 82px;
  }
}

/* c-footerNav */
.c-footerNav {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
}
.c-footerNav + .c-footerNav {
  margin-top: 62px;
}
.c-footerNav + .c-footerNav.c-footerNav-meintenance {
  margin-top: 23px;
}
.c-footerNav_items {
  margin-top: 23px;
  width: 50%;
}
.c-footerNav_items:nth-child(odd) {
  width: 55%;
}
.c-footerNav_items:nth-child(even) {
  width: 45%;
}
.c-footerNav .c-footerNav_items:nth-of-type(2),
.c-footerNav .c-footerNav_items:nth-of-type(1) {
  margin-top: 0;
}
.c-footerNav_a {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.c-footerNav_arrow {
  display: inline-block;
  margin-left: 12px;
  vertical-align: -2px;
}
@media screen and (max-width: 767px) {
  .c-footerNav + .c-footerNav {
    margin-top: 54px;
  }
  .c-footerNav_items {
    width: 50%;
  }
}

/* common
------------------------------------------ */
/* c-listNo */
.c-listNo_vessel {
  display: table;
  width: 100%;
}
.c-listNo_text,
.c-listNo_no {
  display: table-cell;
  vertical-align: top;
}
.c-listNo_no {
  width: 1em;
  white-space: nowrap;
}
.c-listNo_text {
  width: auto;
}

/* c-homeHeadLv2 */
.c-headLv2 {
  display: block;
  color: #1A1A1A;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .c-headLv2 {
    margin-top: 0;
    font-size: 16px;
  }
}

/* home
------------------------------------------ */
/* c-homeMv */
.c-homeMv {
  display: flex;
  flex-direction: column;

  height: 100vh;
  min-height: 800px;
  overflow: hidden;
}
.c-homeMv_main {
  flex: 1;

  background: linear-gradient(135deg, #fff 0%, #f5f0e2 100%);
}
.c-homeMv_maintenance {
  padding: 0 97px;
  padding: 0 7.46vw;
  height: 60px;
  background-color: rgba(198, 183, 116, .3);
}
.c-homeMv_maintenanceInner{
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.c-homeMv_maintenanceLink{
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  padding-bottom: 2px;
}
.c-homeMv_maintenanceLink .c-arrow{
  transform: none;
}
.c-homeMv_maintenanceLinkText{
  display: inline-block;
  margin-right: 14px;
}
.c-homeMv_news {
  padding: 0 97px;
  padding: 0 7.46vw;
  height: 90px;
}
@media screen and (max-width: 767px) {
  .c-homeMv {
    display: block;

    height: auto;
    min-height: 0;
  }
  .c-homeMv_maintenance {
    padding: 0 8vw;
    height: 60px;
  }
  .c-homeMv_maintenanceLink{
    font-size: 13px;
  }
  .c-homeMv_news {
    padding: 0;
    height: auto;
  }
}

/* c-homeMvSwiper */
.c-homeMvSwiper {
  position: relative;
  height: 100%;
  z-index: 1;
}
.c-homeMvSwiper_ui {
  display: flex;
  align-items: center;

  position: absolute;
  bottom: 45px;
  right: 45px;
  width: 160px;
  height: 14px;
  z-index: 100;
}
.c-homeMvSwiper_uiEnd,
.c-homeMvSwiper_uiFirst {
  width: 30px;
  color: #1F1F1F;
  font-size: 14px;
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  cursor: pointer;
}
.c-homeMvSwiper_uiFirst{
  height: 100%;
  overflow: hidden;
  line-height: 1;
}
.c-homeMvSwiper_uiFirstCurrent,
.c-homeMvSwiper_uiFirstNext{
  display: inline-block;
}

.c-homeMvSwiper_uiEnd {
  text-align: right;
}
.c-homeMvSwiper-scrollbar {
  width: 100px;
  height: 1px;
  background: #E2D8C0;
  overflow: hidden;
}
.c-homeMvSwiper-scrollbar .c-homeMvSwiper-scrollbarProgress {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  /* transform: translateX(-100%); */
}



.c-homeMvSwiper-scrollbar .swiper-scrollbar-drag {
  background: #312D24;
  outline: 1px solid transparent;
}
@media screen and (max-width: 767px) {
  .c-homeMvSwiper {
    height: auto;
  }
  .c-homeMvSwiper_ui {
    position: relative;
    bottom: auto;
    top: auto;
    right: auto;
    left: auto;
    margin: 0 auto;
    /* margin-left: -63.5px; */
    width: 127px;
  }
}

/* c-homeMvBox */
.c-homeMvBox {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
}
.c-homeMvBox_image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.c-homeMvBox_image .c-imageItem_image {
  max-width: 975px;
  width: 68vw;
  height: auto;
}
.c-homeMvBox_image .c-imageItem{
  /* svgの可変対応する前は解除 */
  /* width: 55.38vw; */
  /* 720/1300 = 0.5538461538461539 */
}
.c-homeMvBox_image .c-imageItem01{
  position: relative;
  z-index: 2;
  opacity: 0;
}
.homeMvBox_imageInner{
  position: relative;
}

.c-homeMvBox_image .c-imageItem02{
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-homeMvBox_image .c-imageItem02 img {
  /* max-width: 330px; */
}
.c-homeMvBox_image .c-imageItem02 .c-imageItemClipWrap img{
  opacity: 0;
}
.c-homeMvBox_image .c-imageItem02 img{
  width: 100%;
}
.c-homeMvBox_smnw {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: block;
  width: 335px;
  height: 335px;
  background: url(../images/home/index_img_mv_smnw_01.svg) no-repeat;
  background-size: cover;
  z-index: 10;
  opacity: 0;
}
.c-homeMvBox_main {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;

  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 0 97px;
  padding: 0 0 0 7.46vw;
  height: 100%;

  text-align: left;
  z-index: 100;
}
.c-homeMvBox_mainVessel {
  padding-bottom: 70px;
}
.c-homeMvBox_lead {
  color: #1A1A1A;
  font-size: 48px;
  line-height: 1.25;
}
.c-homeMvBox_text {
  margin-top: 28px;
  width: 454px;
  color: #333;
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 2;
}
body.-is-tablet .c-homeMv{
  height: calc(var(--viewport_vh) * 80);
}
body.-is-tablet .c-homeMvBox_image{
  width: 80%;
  top: 42%;
}
body.-is-tablet .c-homeMvBox_image .c-imageItem_image {
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .c-homeMvBox {
    display: block;
    height: auto;
  }
  .c-homeMvBox_image {
    padding-top: 21.6vw;
    text-align: center;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }
  .c-homeMvBox_image .c-imageItem_image {
    width: 100%;
    max-width: 100%;
  }
  .c-homeMvBox_smnw {
    position: absolute;
    top: 62%;
    left: 50%;
    display: block;
    width: 190px;
    height: 190px;
  }
  .c-homeMvBox_main {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    padding: 0 8vw;
    height: auto;
    overflow: hidden;
  }
  .c-homeMvBox_mainVessel {
    padding-top: 56px;
    padding-bottom: 30px;
  }
  .c-homeMvBox_lead {
    font-size: 30px;
    line-height: 1.24;
    letter-spacing: 0.02em;
  }
  .c-homeMvBox_text {
    margin-top: 20px;
    width: auto;
    font-size: 12px;
    line-height: 1.67;
  }
  .c-homeMvBox_textBr {
    display: none;
  }
  .c-homeMvBox_image .c-imageItem02 img {
    /* max-width: 46%; */
  }
}
@media screen and (max-width: 374px) {
  .c-homeMvBox_leadBr {
    display: none;
  }
  .c-homeMvBox_image {
    padding-top: 171px;
  }
}

/* c-homeMvNews */
.c-homeMvNews {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EAE8E4;
  height: 100%;
}
.c-homeMvNews_head {
  width: 175px;
  width: 13.46vw;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.06em;
}
.c-homeMvNews_contents{
  flex: 1;
  height: 100%;
  overflow: hidden;
}
.c-homeMvNews_contentsInner{
  display: flex;
  flex-direction: column;
}
.c-homeMvNews_contentItem{
  display: flex;
  align-items: center;
}
.c-homeMvNews_date {
  display: flex;
  align-items: center;
  width: 116px;
  height: 100%;
  color: #CDC369;
  font-size: 18px;
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  letter-spacing: 0.06em;
}
.c-homeMvNews_text {
  flex: 1;
  display: flex;
  align-items: center;
  height: 100%;
  font-family: 'Noto Sans JP', sans-serif;
}
.c-homeMvNews_textA {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 40px 0 0;
  text-decoration: none;
}
.c-homeMvNews_textArrow {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
}
@media screen and (max-width: 767px) {
  .c-homeMvNews {
    display: block;
    height: 93px;
  }
  .c-homeMvNews_head {
    display: none;
  }
  .c-homeMvNews_contents{
    flex: 1;
  }
  .c-homeMvNews_contentsInner{

  }
  .c-homeMvNews_contentItem{
    display: block;
    height: 100%;
    padding: 13px 0 23px 8vw;
  }
  .c-homeMvNews_date {
    width: auto;
    height: auto;
    font-size: 12px;
  }
  .c-homeMvNews_text {
    display: block;
    height: auto;
    font-size: 12px;
    line-height: 1.59;
  }
  .c-homeMvNews_textA {
    height: auto;
    /* padding: 0 55px 0 0; */
  }
  .c-homeMvNews_textLine{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 3.18em;
  }
  .c-homeMvNews_textArrow {
    position: absolute;
    top: 5px;
    right: 21px;
    margin-top: 0;
  }
}

/* c-homeHeadLv1 */
.c-homeHeadLv1_en {
  display: block;
  color: #CDC369;
  font-size: 14px;
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
.c-homeHeadLv1_ja {
  display: block;
  margin-top: -3px;
  color: #1A1A1A;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .c-homeHeadLv1_en {
    font-size: 12px;
  }
  .c-homeHeadLv1_ja {
    margin-top: 0;
    font-size: 30px;
  }
}

/* c-homeFeatures */
.c-homeFeatures_vessel {
  padding: 134px 0 120px 7.46vw;
}
@media screen and (max-width: 767px) {
  .c-homeFeatures_vessel {
    padding: 80px 0 100px 8vw;
  }
}

/* c-homeFeaturesSwiper */
.c-homeFeaturesSwiper {
  position: relative;
  margin: 82px 0 0 -97px;
  margin: 82px 0 0 -7.46vw;
  padding-right: calc(7.46vw + 7.46vw);
}
.c-homeFeaturesSwiper .swiper-wrapper {
  display: block;

  padding-left: 97px;
  padding-left: 7.46vw;
}
.c-homeFeaturesSwiper .swiper-slide {
  width: auto;

  will-change: transform;
}
.c-homeFeaturesSwiper .swiper-slide + .swiper-slide {
  margin-top: 80px;
}
.c-homeFeaturesSwiper .swiper-scrollbar {
  display: none;

  top: auto;
  bottom: 0;
  left: calc(7.46vw + 81px);
  width: calc(100% - (7.46vw + 81px + 7.46vw + 81px));
  height: 2px;
  cursor: -webkit-grab;
  cursor: grab;
  background-color: transparent;
}
.c-homeFeaturesSwiper .-is-drag .swiper-scrollbar {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.c-homeFeaturesSwiper .swiper-scrollbar-inner {
  background-color: #EBEBEB;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.c-homeFeaturesSwiper .swiper-scrollbar-drag {
  background-color: #1A1A1A;
  height: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .c-homeFeaturesSwiper {
    margin: 44px 0 0 -8vw;
    padding-right: 0;
  }
  .c-homeFeaturesSwiper .swiper-wrapper {
    display: flex;

    height: auto;
    min-height: 0;

    padding-left: 8vw;
    padding-bottom: 25px;
  }
  .c-homeFeaturesSwiper .swiper-slide {
    margin-right: 7.2vw;
    width: 78.66vw;
  }
  .c-homeFeaturesSwiper .swiper-slide + .swiper-slide {
    margin-top: 0;
  }
  .c-homeFeaturesSwiper .swiper-wrapper .swiper-slide:last-child {
    margin-right: calc(7.2vw + 8vw + 8vw);
  }
  .c-homeFeaturesSwiper .swiper-scrollbar {
    display: block;

    left: 8vw;
    width: calc(100% - 16vw);
  }
}

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

  position: relative;
}
.c-homeFeaturesBox_main {
  flex: 1;

  padding: 91px 6.15vw 0 81px;
}
.c-homeFeaturesBox_image {
  padding-top: 45px;
  width: 41.59%;
}
.c-homeFeaturesBox_no {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.c-homeFeaturesBox_noCap {
  display: flex;
  justify-content: center;
  align-items: center;

  border: 1px solid #EAE8E4;
  border-radius: 59px;
  width: 118px;
  height: 118px;
  font-size: 14px;
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  text-indent: 0.1em;
  letter-spacing: 0.1em;
}
.c-homeFeaturesBox_head {
  position: relative;
  font-size: 34px;
  font-weight: 300;
  line-height: 1.48;
  z-index: 2;
}
.c-homeFeaturesBox_text {
  margin-top: 26px;
  color: #4A4845;
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 2;
}
@media screen and (min-width: 1000px) and (max-width: 1299px) {
  .c-homeFeaturesBox_head {
    font-size: 2.61vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .c-homeFeaturesBox_head {
    font-size: 34px;
  }
  .c-homeFeaturesBox {
    display: block;
  }
  .c-homeFeaturesBox_image {
    padding-left: 81px;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .c-homeFeaturesBox {
    display: block;
  }
  .c-homeFeaturesBox_main {
    padding: 51px 0 0 0;
  }
  .c-homeFeaturesBox_image {
    margin-top: 21px;
    padding: 0;
    width: auto;
  }
  .c-homeFeaturesBox_no {
    position: absolute;
    top: 0;
    left: -24px;
    z-index: 1;
  }
  .c-homeFeaturesBox_noCap {
    border-radius: 32px;
    width: 64px;
    height: 64px;
    font-size: 12px;
    text-indent: 0;
    letter-spacing: 0;
  }
  .c-homeFeaturesBox_head {
    font-size: 22px;
    line-height: 1.46;
  }
  .c-homeFeaturesBox_text {
    margin-top: 20px;
  }
  .c-homeFeaturesBox_textBr {
    display: none;
  }
}
@media screen and (max-width: 374px) {
  .c-homeFeaturesBox_head {
    font-size: 18px;
  }
}

/* c-homeCred */
.c-homeCred_vessel {
  padding-bottom: 160px;
  background: #FFF;
}
.c-homeCred_inner {
  position: relative;
  margin-right: 97px;
  margin-right: 7.46vw;
  padding: 112px 0 185px 97px;
  padding: 112px 0 185px 7.46vw;
  z-index: 1;
}
.c-homeCred_inner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 80.30vw;
  height: 100%;
  background: #F5F0E2;
  z-index: 2;
}
.c-homeCred_inner .c-homeHeadLv1 {
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .c-homeCred_vessel {
    padding-bottom: 120px;
  }
  .c-homeCred_inner {
    margin-right: 0;
    padding: 80px 8vw 39px 8vw;
    background: #F5F0E2;
  }
  .c-homeCred_inner::before {
    display: none;
  }
}

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

  position: relative;
  margin-top: 94px;
  z-index: 3;
}
.c-homeCredClm_image {
  width: 484px;
  width: 43.76%;
}
.c-homeCredClm_main {
  padding: 76px 0 0 0;
  width: 516px;
  width: 46.65%;
}
.c-homeCredClm_sub {
  color: rgba(26, 26, 26, 0.43);
  font-size: 15px;
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.c-homeCredClm_head {
  margin-top: 2px;
  font-size: 32px;
  font-weight: 200;
  line-height: 1.38;
  letter-spacing: -0.04em;
}
.c-homeCredClm_text {
  margin-top: 53px;
  color: #4A4845;
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 2;
}
.c-homeCredClm_link {
  margin: 28px 0 0 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .c-homeCredClm_head {
    font-size: 2.6vw;
  }
}
@media screen and (max-width: 767px) {
  .c-homeCredClm {
    display: block;

    margin-top: 38px;
  }
  .c-homeCredClm_image {
    width: auto;
  }
  .c-homeCredClm_main {
    padding: 42px 0 0 0;
    width: auto;
  }
  .c-homeCredClm_sub {
    font-size: 12px;
  }
  .c-homeCredClm_head {
    margin-top: 1px;
    font-size: 22px;
    line-height: 1.46;
    letter-spacing: -0.06em;
  }
  .c-homeCredClm_text {
    margin-top: 25px;
  }
  .c-homeCredClm_textBr {
    display: none;
  }
  .c-homeCredClm_link {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    flex-direction: row;

    margin: 31px 0 0 0;
  }
}
@media screen and (max-width: 374px) {
  .c-homeCredClm_head {
    font-size: 5.88vw;
  }
}

/* c-homeLink */
.c-homeLink {
  display: inline-flex;
  align-items: center;

  position: relative;
  padding: 0 69px 0 0;
  height: 88px;
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  text-decoration: none;
}
.c-homeLink_arrow {
  display: flex;
  justify-content: center;
  align-items: center;

  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid rgba(205, 195, 105, 0.34);
  border-radius: 44px;
  width: 88px;
  height: 88px;
}
@media screen and (max-width: 767px) {
  .c-bs_text .c-homeLink,
  .c-homeCs_bottom .c-homeLink {
    height: 82px;
  }
  .c-bs_text .c-homeLink_arrow,
  .c-homeCs_bottom .c-homeLink_arrow {
    border-radius: 41px;
    width: 82px;
    height: 82px;
  }
}

/* c-homeCs */
.c-homeCs_vessel {
  padding: 163px 97px 149px 97px;
  padding: 163px 7.46vw 149px 7.46vw;
}
.c-homeCs_bottom {
  display: none;
}
@media screen and (max-width: 767px) {
  .c-homeCs_vessel {
    padding: 80px 8vw 102px 8vw;
  }
  .c-homeCs_bottom {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    flex-direction: row;

    margin-top: 35px;
  }
}

/* c-homeCsHeader */
.c-homeCsHeader {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  .c-homeCsHeader {
    display: block;
  }
  .c-homeCsHeader_side {
    display: none;
  }
}

/* c-homeCsSwiper */
.c-homeCsSwiper {
  position: relative;
  margin: 71px -97px 0 -97px;
  margin: 71px -7.46vw 0 -7.46vw;
}
.c-homeCsSwiper .swiper-wrapper {
  padding-left: 97px;
  padding-left: 7.46vw;
  padding-bottom: 88px;
}
.c-homeCsSwiper .swiper-slide {
  margin-right: 40px;
  margin-right: 3.07vw;
  width: 446px;
  width: 34.30vw;

  will-change: transform;
}
.c-homeCsSwiper .swiper-wrapper .swiper-slide:last-child {
  margin-right: calc(3.07vw + 97px);
  margin-right: calc(3.07vw + 7.46vw);
}
.c-homeCsSwiper .swiper-scrollbar {
  top: auto;
  bottom: 0;
  left: 7.46vw;
  width: calc(100% - 14.92vw);
  height: 2px;
  cursor: -webkit-grab;
  cursor: grab;
  background-color: transparent;
}
.c-homeCsSwiper .-is-drag .swiper-scrollbar {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.c-homeCsSwiper .swiper-scrollbar-inner {
  background-color: #EBEBEB;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.c-homeCsSwiper .swiper-scrollbar-drag {
  background-color: #1A1A1A;
  height: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .c-homeCsSwiper {
    margin: 59px -8vw 0 -8vw;
  }
  .c-homeCsSwiper .swiper-wrapper {
    height: auto;
    min-height: 0;

    padding-left: 8vw;
    padding-bottom: 44px;
  }
  .c-homeCsSwiper .swiper-slide {
    margin-right: 5.33vw;
    width: 78.66vw;
  }
  .c-homeCsSwiper .swiper-wrapper .swiper-slide:last-child {
    margin-right: calc(5.33vw + 8vw);
  }
  .c-homeCsSwiper .swiper-scrollbar {
    left: 8vw;
    width: calc(100% - 16vw);
  }
}

/* c-homeCsBox */
.c-homeCsBox {
  display: block;
  text-decoration: none;
}
body:not(.-is-touchDevice) .c-homeCsBox:hover {
  opacity: 0.7;
}
.c-homeCsBox_image {
  display: block;
}
.c-homeCsBox_info {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;

  margin-top: 25px;
}
.c-homeCsBox_infoDate {
  color: #292929;
  font-size: 16px;
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
}
.c-homeCsBox_infoName {
  color: rgba(26, 26, 26, 0.7);
  font-size: 13px;
  font-family: 'Noto Sans JP', sans-serif;
}
.c-homeCsBox_text {
  margin-top: 19px;
  display: block;
  color: #292929;
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .c-homeCsBox_info {
    margin-top: 14px;
  }
  .c-homeCsBox_infoDate {
    font-size: 12px;
    letter-spacing: 0;
  }
  .c-homeCsBox_infoName {
    padding-top: 1px;
    font-size: 10px;
  }
  .c-homeCsBox_text {
    margin-top: 11px;
    font-size: 14px;
    line-height: 1.72;
  }
}

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

  padding: 134px 0 126px 97px;
  padding: 134px 0 126px 7.46vw;
  background: #F5F0E2;
}
.c-homePrice_main {
  width: 24.84vw;
  min-width: 24.84vw;
}
.c-homePrice_main .c-homeHeadLv1 {
  margin-top: -14px;
}
.c-homePrice_detail {
  flex: 1;

  padding: 88px 97px;
  padding: 6.76vw 7.46vw;
  background: #FFF;
}
.c-homePrice_notes {
  margin-top: 68px;
  margin-right: 5.46vw;
  color: rgba(74, 72, 69, 0.69);
  font-size: 12px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.67;
}
.c-homePrice_notes .c-listNo_no {
  padding-right: 2px;
}
.c-homePrice_notes .c-listNo_items + .c-listNo_items {
  margin-top: 10px;
}
.c-homePrice_head {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.c-homePrice_text {
  margin-top: 16px;
  color: #4A4845;
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 2;
}
.c-homePrice_image {
  margin-top: 37px;
}
@media screen and (min-width: 768px) and (max-width: 1299px) {
  .c-homePrice_vessel {
    display: block;
  }
  .c-homePrice_main {
    width: auto;
    min-width: 0;
    padding: 0 0 80px 0;
  }
  .c-homePrice_notes {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-homePrice_vessel {
    display: block;

    padding: 80px 8vw 70px 8vw;
  }
  .c-homePrice_main {
    width: auto;
    min-width: 0;
    padding: 0 0 38px 0;
  }
  .c-homePrice_main .c-homeHeadLv1 {
    margin-top: 0;
  }
  .c-homePrice_detail {
    margin-right: -8vw;
    padding: 30px 8vw 50px 8vw;
  }
  .c-homePrice_notes {
    margin-top: 18px;
    margin-right: 0;
  }
  .c-homePrice_notes .c-listNo_items + .c-listNo_items {
    margin-top: 5px;
  }
  .c-homePrice_head {
    font-size: 14px;
  }
  .c-homePrice_text {
    margin-top: 16px;
    font-size: 12px;
  }
  .c-homePrice_image {
    margin-top: 16px;
  }

}

/* c-homePriceTable */
.c-homePriceTable {
  margin-top: 49px;
  font-family: 'Noto Sans JP', sans-serif;
}
.c-homePriceTable_table {
  border-top: 1px solid #EBE9E6;
  border-left: 1px solid #EBE9E6;
  width: 100%;
  border-collapse: collapse;
}
.c-homePriceTable_td,
.c-homePriceTable_th {
  border-bottom: 1px solid #EBE9E6;
  border-right: 1px solid #EBE9E6;
}
.c-homePriceTable_thead .c-homePriceTable_th {
  padding: 6px 10px;
  background: #EFEFEF;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  text-indent: 0.03em;
  vertical-align: middle;
  letter-spacing: 0.03em;
}
.c-homePriceTable_thead .c-homePriceTable_th.-product {
  width: auto;
}
.c-homePriceTable_thead .c-homePriceTable_th.-price {
  width: 34.47%;
}
.c-homePriceTable_tbody .c-homePriceTable_td {
  padding: 20px 19px 18px 19px;
  font-size: 14px;
  vertical-align: top;
}
.c-homePriceTable_tbody .c-homePriceTable_td.-product {
  text-align: left;
}
.c-homePriceTable_tbody .c-homePriceTable_td.-price {
  color: #4A4845;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-homePriceTable {
    margin-top: 30px;
  }
  .c-homePriceTable_thead .c-homePriceTable_th {
    padding: 8px 10px 5px 10px;
    font-size: 11px;
    line-height: 1.55;
  }
  .c-homePriceTable_thead .c-homePriceTable_th.-price {
    width: 27.71%;
    min-width: 79px;
  }
  .c-homePriceTable_tbody .c-homePriceTable_td {
    padding: 16px 10px 12px 14px;
    font-size: 11px;
  }
  .c-homePriceTable_tbody .c-homePriceTable_td.-product {

  }
  .c-homePriceTable_tbody .c-homePriceTable_td.-price {
    font-size: 12px;
  }
}

/* c-homeFaq */
.c-homeFaq_vessel {
  padding: 164px 97px 0 97px;
  padding: 164px 7.46vw 0 7.46vw;
}
@media screen and (max-width: 767px) {
  .c-homeFaq_vessel {
    padding: 80px 8vw 0 8vw;
  }
}

/* c-faq */
.c-faq {
  border-top: 1px solid #EAE8E4;
}
.c-homeHeadLv1 + .c-faq {
  margin-top: 96px;
}
.c-faq_dl {
  border-bottom: 1px solid #EAE8E4;
}
.c-faq_dt {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;

  position: relative;
  height: 100px;
  transition: opacity 0.3s ease;
}
body:not(.-is-touchDevice) .c-faq_dt:hover {
  cursor: pointer;
  opacity: 0.7;
}
.c-faq_dt::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  margin-top: -7.5px;
  width: 15px;
  height: 15px;
  background: url(../images/common/icn_plus_01.svg) no-repeat;
  background-size: 15px 15px;
}
.c-faq_dl.-is-open .c-faq_dt::after {
  background: url(../images/common/icn_minus_01.svg) no-repeat;
  background-size: 15px 15px;
}
.c-faq_dtQ {
  width: 64px;
  color: #CDC369;
  font-size: 16px;
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.c-faq_dtText {
  flex: 1;

  padding: 0 55px 2px 0;
  color: #4A4845;
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.75;
}
.c-faq_dd {
  display: none;
}
.c-faq_ddVessel {
  padding: 0 0 30px 64px;
  color: #4A4845;
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .c-homeHeadLv1 + .c-faq {
    margin-top: 40px;
  }
  .c-faq_dt {
    align-items: stretch;

    height: auto;
  }
  .c-faq_dt::after {
    content: '';
    right: 0;
  }
  .c-faq_dtQ {
    padding: 19px 0 0 0;
    width: 31px;
    font-size: 14px;
  }
  .c-faq_dtText {
    padding: 19px 32px 18px 0;
    font-size: 13px;
    line-height: 1.69;
  }
  .c-faq_dd {
    display: none;
  }
  .c-faq_ddVessel {
    padding: 0 0 18px 31px;
    font-size: 13px;
    line-height: 1.69;
  }
}

/* c-homeNews */
.c-homeNews_vessel {
  padding: 192px 97px;
  padding: 192px 7.46vw;
}
@media screen and (max-width: 767px) {
  .c-homeNews_vessel {
    padding: 100px 8vw;
  }
}

/* c-news */
.c-news {
  border-top: 1px solid #EAE8E4;
}
.c-homeHeadLv1 + .c-news {
  margin-top: 96px;
}
.c-news_items {
  border-bottom: 1px solid #EAE8E4;
}
.c-news_a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;

  height: 100px;
  text-decoration: none;
}
.c-news_date {
  padding: 2px 0 0 0;
  width: 113px;
  color: #CDC369;
  font-size: 18px;
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  letter-spacing: 0.06em;
}
.c-news_text {
  flex: 1;

  padding: 0 55px 2px 0;
  color: #4A4845;
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .c-homeHeadLv1 + .c-news {
    margin-top: 40px;
  }
  .c-news_a {
    display: block;

    position: relative;
    height: auto;
  }
  .c-news_date {
    display: block;

    padding: 19px 0 0 0;
    width: auto;
    font-size: 14px;
    letter-spacing: 0.05em;
  }
  .c-news_text {
    display: block;

    position: relative;

    padding: 4px 27px 21px 0;
    font-size: 13px;
    line-height: 1.69;
  }
  .c-news_arrow {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7.5px;
  }
}

/* 追加CSS */
.swiper-wrapper,
.swiper-container-fade .swiper-slide{
  /* pointer-events: none; */
}

.c-homeMvSwiper{
  opacity: 0;
}

.c-homeMvBoxWrap{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .swiper-wrapper{
    height: 102.9vw;
    min-height: 386px;
  }
  .c-homeMvBoxWrap{
    /* position: relative; */
  }
}

/* case
------------------------------------------ */
/* c-caseArea */
.c-caseArea {
  margin: 0 auto;
  padding: 293px 0 204px 0;
  width: 840px;
}
@media screen and (min-width: 768px) and (max-width: 939px) {
  .c-caseArea {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .c-caseArea {
    padding: 103px 0 104px 0;
    width: auto;
  }
}

/* c-caseInfo */
.c-caseInfo {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
}
.c-caseInfo_date {
  color: #292929;
  font-size: 20px;
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.c-caseInfo_name {
  padding-top: 5px;
  color: rgba(26, 26, 26, 0.51);
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .c-caseInfo_date {
    font-size: 16px;
  }
  .c-caseInfo_name {
    padding-top: 3px;
    font-size: 12px;
  }
}

/* c-caseHead */
.c-caseHead {
  margin-top: 27px;
  font-size: 32px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .c-caseHead {
    margin-top: 12px;
    font-size: 20px;
  }
}

/* c-casePost */
.c-casePost {
  margin-top: 103px;
  font-family: 'Noto Sans JP', sans-serif;
}
@media screen and (max-width: 767px) {
  .c-casePost {
    margin-top: 55px;
  }
}

/* m-headLv1 */
.m-headLv1 {
  margin-top: 160px;
  font-size: 24px;
  font-weight: 700;
}
.c-casePost > .m-headLv1:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .m-headLv1 {
    margin-top: 72px;
    font-size: 18px;
  }
  .c-casePost > .m-headLv1:first-child {
    margin-top: 0;
  }
}

/* m-headLv2 */
.m-headLv2 {
  margin-top: 55px;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .m-headLv2 {
    margin-top: 23px;
    font-size: 14px;
  }
}

/* m-text */
.m-text {
  color: #4A4845;
  font-size: 16px;
  line-height: 2;
}
.m-headLv1 + .m-text {
  margin-top: 51px;
}
.m-headLv2 + .m-text {
  margin-top: 27px;
}
@media screen and (max-width: 767px) {
  .m-text {
    font-size: 14px;
  }
  .m-headLv1 + .m-text {
    margin-top: 23px;
  }
  .m-headLv2 + .m-text {
    margin-top: 11px;
  }
}

/* m-imageClm */
.m-text + .m-imageClm {
  margin-top: 52px;
}
.m-imageClm + .m-imageClm {
  margin-top: 48px;
}
.m-imageClm.-clm3,
.m-imageClm.-clm2 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
}
.m-imageClm.-clm2 .m-imageClm_block {
  width: calc((100% - 30px) / 2);
}
.m-imageClm.-clm3 .m-imageClm_block {
  width: calc((100% - 60px) / 3);
}
@media screen and (max-width: 767px) {
  .m-text + .m-imageClm {
    margin-top: 28px;
  }
  .m-imageClm + .m-imageClm {
    margin-top: 32px;
  }
  .m-imageClm.-clm3 {
    display: block;
  }
  .m-imageClm.-clm2 .m-imageClm_block {
    width: calc((100% - 15px) / 2);
  }
  .m-imageClm.-clm3 .m-imageClm_block {
    width: auto;
    text-align: center;
  }
  .m-imageClm.-clm3 .m-imageClm_block + .m-imageClm_block {
    margin-top: 32px;
  }
  .m-imageClm.-clm3 .m-imageClm_block .c-imageItem_image {
    width: 69.33vw;
  }
}

/* m-notes */
.m-notes {
  color: #4A4845;
  font-size: 13px;
  line-height: 1.85;
}
.m-imageClm + .m-notes {
  margin-top: 46px;
}
.m-listNo + .m-notes,
.m-listDot + .m-notes {
  margin-top: 43px;
}
.m-notes .c-listNo_no {
  padding-right: 8px;
}
@media screen and (max-width: 767px) {
  .m-notes {
    font-size: 12px;
    line-height: 1.8;
  }
  .m-imageClm + .m-notes {
    margin-top: 30px;
  }
  .m-listNo + .m-notes,
  .m-listDot + .m-notes {
    margin-top: 28px;
  }
}

/* m-listDot */
.m-listDot {
  color: #4A4845;
  font-size: 16px;
  line-height: 1.8;
}
.m-headLv1 + .m-listDot {
  margin-top: 53px;
}
.m-listDot + .m-listDot,
.m-listNo + .m-listDot {
  margin-top: 43px;
}
.m-listDot_items {
  position: relative;
  padding: 0 0 0 18px;
}
.m-listDot_items + .m-listDot_items {
  margin-top: 10px;
}
.m-listDot_items::before {
  content: '';
  position: absolute;
  top: 12px;
  left: 0;
  display: block;
  border-radius: 3px;
  width: 6px;
  height: 6px;
  background: #CDC369;
}
@media screen and (max-width: 767px) {
  .m-listDot {
    font-size: 14px;
  }
  .m-headLv1 + .m-listDot {
    margin-top: 21px;
  }
  .m-listDot + .m-listDot,
  .m-listNo + .m-listDot {
    margin-top: 27px;
  }
  .m-listDot_items + .m-listDot_items {
    margin-top: 9px;
  }
  .m-listDot_items::before {
    content: '';
    position: absolute;
    top: 10px;
  }
}

/* m-listNo */
.m-listNo {
  color: #4A4845;
  font-size: 16px;
  line-height: 1.8;
}
.m-headLv1 + .m-listNo {
  margin-top: 53px;
}
.m-listNo + .m-listNo,
.m-listDot + .m-listNo {
  margin-top: 43px;
}
.m-listNo .c-listNo_items + .c-listNo_items {
  margin-top: 10px;
}
.m-listNo .c-listNo_no {
  padding-right: 12px;
}
@media screen and (max-width: 767px) {
  .m-listNo {
    font-size: 14px;
  }
  .m-headLv1 + .m-listNo {
    margin-top: 21px;
  }
  .m-listNo + .m-listNo,
  .m-listDot + .m-listNo {
    margin-top: 27px;
  }
  .m-listNo .c-listNo_items + .c-listNo_items {
    margin-top: 9px;
  }
}

/* m-table */
.m-headLv1 + .m-table {
  margin-top: 55px;
}
.m-table_table {
  border-top: 1px solid #EAE8E4;
  width: 100%;
  border-collapse: collapse;
}
.m-table_tr {
  border-bottom: 1px solid #EAE8E4;
}
.m-table_tbody .m-table_th {
  padding: 29px 24px 27px 24px;
  width: 232px;
  background: #F9F9F9;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
}
.m-table_tbody .m-table_td {
  padding: 29px 32px 27px 32px;
  width: auto;
  color: #4A4845;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .m-headLv1 + .m-table {
    margin-top: 23px;
  }
  .m-table_tr {
    border-bottom: 1px solid #EAE8E4;
  }
  .m-table_tbody .m-table_th {
    padding: 10px 12px 8px 12px;
    width: 132px;
    font-size: 13px;
    line-height: 1.6;
  }
  .m-table_tbody .m-table_td {
    padding: 10px 17px 8px 17px;
    font-size: 13px;
    line-height: 1.6;
  }
}

/* m-a */
.m-a {
  color: #4A4845;
}

/* m-link */
.m-link {
  font-size: 16px;
  line-height: 2;
}
.m-table + .m-link {
  margin-top: 52px;
}
.m-link_a {
  color: #4A4845;
}
.m-link_arrow {
  margin-left: 12px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .m-link {
    font-size: 14px;
  }
  .m-table + .m-link {
    margin-top: 28px;
  }
  .m-link_arrow {
    margin-left: 8px;
  }
}

/* m-slider */
.m-slider {
  position: relative;
  margin-top: 55px;
  margin-left: calc(((100vw - 15px - 840px) / 2) * -1);
  margin-right: calc(((100vw - 15px - 840px) / 2) * -1);
}
body.-is-tablet .m-slider {
  margin-left: calc(((100vw - 840px) / 2) * -1);
  margin-right: calc(((100vw - 840px) / 2) * -1);
}
.m-listNo + .m-slider,
.m-listDot + .m-slider {
  margin-top: 53px;
}
.m-text + .m-slider {
  margin-top: 52px;
}
.m-slider .swiper-container {
  padding-left: calc((100vw - 15px - 840px) / 2);
  padding-bottom: 57px;
}
body.-is-tablet .m-slider .swiper-container  {
  padding-left: calc((100vw - 840px) / 2);
}
.m-slider .swiper-slide {
  margin-right: 30px;
  width: 257px;
}
.m-slider .swiper-scrollbar {
  top: auto;
  bottom: 0;
  left: calc((100vw - 15px - 840px) / 2);
  width: calc(100% - ((100vw - 15px - 840px) / 2));
  height: 2px;
  cursor: -webkit-grab;
  cursor: grab;
  background-color: transparent;
}
body.-is-tablet .m-slider .swiper-scrollbar {
  left: calc((100vw - 840px) / 2);
  width: calc(100% - ((100vw - 840px) / 2));
}
.m-slider .-is-drag .swiper-scrollbar {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.m-slider .swiper-scrollbar-inner {
  background-color: #EBEBEB;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.m-slider .swiper-scrollbar-drag {
  background-color: #1A1A1A;
  height: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (min-width: 768px) and (max-width: 939px) {
  body.-is-tablet .m-slider,
  .m-slider {
    margin-left: -50px;
    margin-right: -50px;
  }
  body.-is-tablet .m-slider .swiper-container,
  .m-slider .swiper-container {
    padding-left: 50px;
  }
  body.-is-tablet .m-slider .swiper-scrollbar,
  .m-slider .swiper-scrollbar {
    left: 50px;
  }
}
@media screen and (max-width: 767px) {
  .m-slider {
    margin-top: 23px;
    margin-left: -8vw;
    margin-right: -8vw;
  }
  body.-is-tablet .m-slider {
    margin-left: -8vw;
    margin-right: -8vw;
  }
  .m-listNo + .m-slider,
  .m-listDot + .m-slider {
    margin-top: 23px;
  }
  .m-text + .m-slider {
    margin-top: 23px;
  }
  .m-slider .swiper-wrapper {
    height: auto;
    min-height: 0;
  }
  .m-slider .swiper-container {
    padding-left: 8vw;
    padding-bottom: 25px;
  }
  body.-is-tablet .m-slider .swiper-container  {
    padding-left: 8vw;
  }
  .m-slider .swiper-slide {
    margin-right: 4.8vw;
    width: 42.66vw;
  }
  .m-slider .swiper-scrollbar {
    left: 8vw;
    width: calc(100% - 8vw);
  }
  body.-is-tablet .m-slider .swiper-scrollbar {
    left: 8vw;
    width: calc(100% - 8vw);
  }
}

/* brand
------------------------------------------ */
@-webkit-keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}

@-webkit-keyframes fadeInP {
  0% {opacity: 0}
  80% {opacity: 0}
  100% {opacity: 1}
}
@keyframes fadeInP {
  0% {opacity: 0}
  80% {opacity: 0}
  100% {opacity: 1}
}

/* c-brandArea */
.c-brandArea {
  margin: 0 auto;
  padding: 137px 0 203px 0;
  width: 840px;
}
@media screen and (min-width: 768px) and (max-width: 939px) {
  .c-brandArea {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .c-brandArea {
    padding: 99px 0 82px 0;
    width: auto;
  }
}

/* c-brandFv */
.c-brandFv {
  position: relative;
  height: 100vh;
  min-height: 800px;
  max-height: 1000px;
}
.c-brandFv_dark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.11);

  -webkit-animation: fadeIn 6s ease;

          animation: fadeIn 6s ease;
}
.c-brandFv_mark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/brand/brand_img_fv_mark_01.svg) no-repeat 50% 50%;
  background-size: 41.84vw 41.84vw;

  -webkit-animation: fadeIn 6s ease;

          animation: fadeIn 6s ease;
}
.c-brandFv_ticker {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -8.46vw;
  overflow: hidden;
  z-index: 3;
  opacity: 1;
  transition: .2s ease;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .c-brandFv {
    height: 159.46vw;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
  }
  .c-brandFv_mark {
    background: url(../images/brand/brand_img_fv_mark_01.svg) no-repeat 50% 56%;
    background-size: 78.66vw 78.66vw;
  }
  .c-brandFv_ticker {
    top: 53%;
    margin-top: -10.66vw;
  }
}

/* c-brandTicker */
.c-brandTicker {
  width: 100%;
  display: flex;
  overflow: hidden;
  box-sizing: content-box;
}
.c-brandTicker_wrap {
  display: inline-block;
  white-space: nowrap;
  box-sizing: content-box;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.c-brandTicker_wrap.-ticker01 {
  -webkit-animation: loop 220s -110s linear infinite;
  animation: loop 220s -110s linear infinite;
}
.c-brandTicker_wrap.-ticker02 {
  -webkit-animation: loop2 220s linear infinite;
  animation: loop2 220s linear infinite;
}
.c-brandTicker_text {
  display: inline-flex;
  background: transparent;
  font-family: cormorant-garamond, serif;
  font-size: 220px;
  font-size: 16.92vw;
  font-weight: 500;
  color: #FFF;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .c-brandTicker_text {
    font-size: 80px;
    font-size: 21.33vw;
  }
}

/* c-brandFvBg */
.c-brandFvBg {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;

  height: 100%;
}
.c-brandFvBg_l3,
.c-brandFvBg_l2,
.c-brandFvBg_l1 {
  position: relative;
  height: 33.3333%;
}
.c-brandFvBg_lVessel {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: row;

  height: 100%;
}
.c-brandFvBg_l1P1 {
  width: 430px;
  width: 33.07%;
  background: url(../images/brand/brand_img_fv_01_01.jpg) no-repeat 50% 50%;
  background-size: cover;

  /*animation: fadeInP 1s ease;*/
}
.c-brandFvBg_l1P2 {
  width: 28px;
  width: 21.53%;
  background: url(../images/brand/brand_img_fv_01_02.jpg) no-repeat 50% 50%;
  background-size: cover;

  /*animation: fadeInP 1.5s ease;*/
}
.c-brandFvBg_l1P3 {
  width: 430px;
  width: 33.07%;
  background: url(../images/brand/brand_img_fv_01_03.jpg) no-repeat 50% 50%;
  background-size: cover;

  /*animation: fadeInP 2s ease;*/
}
.c-brandFvBg_l1P4 {
  width: 12.33%;
  background: url(../images/brand/brand_img_fv_01_04.jpg) no-repeat 50% 50%;
  background-size: cover;

  /*animation: fadeInP 0.5s ease;*/
}
.c-brandFvBg_l2P1 {
  width: 280px;
  width: 21.53%;
  background: url(../images/brand/brand_img_fv_02_01.jpg) no-repeat 50% 50%;
  background-size: cover;

  /*animation: fadeInP 1.2s ease;*/
}
.c-brandFvBg_l2P2 {
  width: 360px;
  width: 27.69%;
  background: url(../images/brand/brand_img_fv_02_02.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.c-brandFvBg_l2P3 {
  width: 430px;
  width: 33.07%;
  background: url(../images/brand/brand_img_fv_02_03.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.c-brandFvBg_l2P4 {
  width: 17.71%;
  background: url(../images/brand/brand_img_fv_02_04.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.c-brandFvBg_l3P1 {
  width: 251px;
  width: 19.30%;
  background: url(../images/brand/brand_img_fv_03_01.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.c-brandFvBg_l3P2 {
  width: 430px;
  width: 33.07%;
  background: url(../images/brand/brand_img_fv_03_02.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.c-brandFvBg_l3P3 {
  width: 290px;
  width: 22.30%;
  background: url(../images/brand/brand_img_fv_03_03.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.c-brandFvBg_l3P4 {
  width: 25.33%;
  background: url(../images/brand/brand_img_fv_03_04.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .c-brandFvBg_l1 {
    height: 200px;
    height: 33.44%;
  }
  .c-brandFvBg_l1 .c-brandFvBg_lVessel {
    position: absolute;
    top: 0;
    left: -18px;
    left: -4.8vw;
    width: 929px;
    width: 247.73vw;
  }
  .c-brandFvBg_l2 {
    height: 158px;
    height: 26.43%;
  }
  .c-brandFvBg_l2 .c-brandFvBg_lVessel {
    position: absolute;
    top: 0;
    left: 0;
    width: 744px;
    width: 198.4vw;
  }
  .c-brandFvBg_l3 {
    height: 240px;
    height: 40.13%;
  }
  .c-brandFvBg_l3 .c-brandFvBg_lVessel {
    position: absolute;
    top: 0;
    left: -369px;
    left: -98.4vw;
    width: 1115px;
    width: 297.33vw;
  }
}

/* c-brandHeadLv1 */
.c-brandHeadLv1_en {
  display: block;
  color: #CDC369;
  font-size: 14px;
  font-family: cormorant-garamond, serif;
  font-weight: 500;
  text-align: center;
  text-indent: 0.05em;
  letter-spacing: 0.05em;
}
.c-brandHeadLv1_ja {
  display: block;
  margin-top: 17px;
  font-size: 50px;
  font-weight: 200;
  text-align: center;
  text-indent: 0.06em;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .c-brandHeadLv1_en {
    font-size: 12px;
  }
  .c-brandHeadLv1_ja {
    margin-top: 9px;
    font-size: 32px;
    line-height: 1.38;
  }
}

/* c-brandHeadLv2 */
.c-brandHeadLv2 {
  font-size: 26px;
  font-weight: 200;
  letter-spacing: 0.06em;
}
.c-brandHeadLv1 + .c-brandHeadLv2 {
  margin-top: 192px;
}
.c-brandText + .c-brandHeadLv2 {
  margin-top: 156px;
}
.c-brandLogo + .c-brandHeadLv2 {
  margin-top: 105px;
}
@media screen and (max-width: 767px) {
  .c-brandHeadLv2 {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.67;
  }
  .c-brandHeadLv1 + .c-brandHeadLv2 {
    margin-top: 59px;
  }
  .c-brandText + .c-brandHeadLv2 {
    margin-top: 92px;
  }
  .c-brandLogo + .c-brandHeadLv2 {
    margin-top: 58px;
  }
}

/* c-brandText */
.c-brandText {
  color: #4A4845;
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 2.25;
}
.c-brandHeadLv2 + .c-brandText {
  margin-top: 61px;
}
.c-brandHeadLv2.-logo + .c-brandText.-logo {
  margin-top: 35px;
}
.c-brandText + .c-brandText {
  margin-top: 36px;
}
.c-brandText.-logo + .c-brandText.-logo {
  margin-top: 17px;
}
@media screen and (max-width: 767px) {
  .c-brandText {
    font-size: 14px;
  }
  .c-brandHeadLv2 + .c-brandText {
    margin-top: 38px;
  }
  .c-brandHeadLv2.-logo + .c-brandText.-logo {
    margin-top: 38px;
  }
  .c-brandText + .c-brandText {
    margin-top: 19px;
  }
  .c-brandText.-logo + .c-brandText.-logo {
    margin-top: 19px;
  }
}

/* c-brandListNo */
.c-brandListNo {
  color: #4A4845;
  font-size: 13px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.85;
}
.c-brandText + .c-brandListNo {
  margin-top: 32px;
}
.c-brandListNo .c-listNo_no {
  padding-right: 8px;
}
@media screen and (max-width: 767px) {
  .c-brandListNo {
    font-size: 12px;
    line-height: 1.75;
  }
  .c-brandText + .c-brandListNo {
    margin-top: 23px;
  }
}

/* c-brandLogo */
.c-brandLogo {
  margin-top: 311px;
  line-height: 0;
  text-align: center;
}
.c-brandLogo_img {
  width: 204px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .c-brandLogo {
    margin-top: 97px;
  }
  .c-brandLogo_img {
    width: 113px;
  }
}

/* c-brandBox */
.c-brandBox {
  margin-top: 123px;
  font-family: 'Noto Sans JP', sans-serif;
}
.c-brandBox_a {
  display: table;
  width: 100%;

  border: 1px solid #E2E0DC;
  padding: 35px 30px 35px 39px;

  text-decoration: none;
}
body:not(.-is-touchDevice) .c-brandBox_a:hover {
  opacity: 0.7;
}
.c-brandBox_main,
.c-brandBox_image {
  display: table-cell;
  vertical-align: middle;
}
.c-brandBox_image {
  width: 180px;
  min-width: 180px;
  line-height: 0;
  vertical-align: top;
}
.c-brandBox_main {
  width: auto;
  padding: 4px 0 0 33px;
}
.c-brandBox_head {
  display: block;
  color: #1A1A1A;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.c-brandBox_text {
  display: block;
  color: #4A4845;
  font-size: 14px;
  line-height: 1.72;
}
.c-brandBox_head + .c-brandBox_text {
  margin-top: 14px;
}
@media screen and (max-width: 767px) {
  .c-brandBox {
    margin-top: 74px;
  }
  .c-brandBox_a {
    display: block;
    width: auto;
    padding: 29px 19px 27px 19px;
  }
  .c-brandBox_main,
  .c-brandBox_image {
    display: block;
    vertical-align: baseline;
  }
  .c-brandBox_image {
    width: auto;
    min-width: 0;
    text-align: center;
    vertical-align: baseline;
  }
  .c-brandBox_image .c-imageItem_image {
    width: 180px;
    height: auto;
  }
  .c-brandBox_main {
    width: auto;
    padding: 15px 0 0 0;
  }
  .c-brandBox_head {
    margin-left: -1em;
    margin-right: -1em;
    font-size: 16px;
    text-align: center;
    text-indent: 0.02em;
  }
  .c-brandBox_text {
    font-size: 12px;
    line-height: 1.75;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

    line-height: 1.75em; /* for IE */
    max-height: 5.25em; /* for IE */
  }
  .c-brandBox_head + .c-brandBox_text {
    margin-top: 8px;
  }
}

/* page mailform
------------------------------------------ */
body.mailform .c-main{
  padding: 220px 17.69vw 20px 17.69vw;
}
body.mailform .c-pageWrap{
  padding: 0 1.538vw;
}
body.mailform .c-pageTitle{
  margin-bottom: 120px
}
body.mailform .c-pageTitle_en{
  font-size: 64px;
  /* line-height: 1.5; */
  font-family: cormorant-garamond, serif;
  font-weight: 300;
  letter-spacing: -0.021em;
  text-transform: uppercase;
}
body.mailform .c-pageTitle_ja{
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-top: -1px;
}
body.mailform .c-footer{
  text-align: center;
  padding: 140px 7.46vw 100px 7.46vw;
}
body.mailform .c-footer_bottom{
  justify-content: center;
}
@media screen and (max-width: 767px) {
  body.mailform .c-main{
    padding: 140px 30px 16px 30px;
  }
  body.mailform .c-pageTitle{
    margin-bottom: 80px;
  }
  body.mailform .c-pageTitle_en {
    padding: 0;
    font-size: 36px;
  }
  body.mailform .c-pageTitle_ja {
    font-size: 12px;
  }
  body.mailform .c-footer{
    padding: 64px 8vw 50px 8vw;
  }
}

/* formLayout
------------------------------------------ */
.section.-contactComplet{
  padding-bottom: 200px;
}
body.mailform .contactText{
  color: #4A4845;
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 2;
}
body.mailform .contactLead + .contactLead{
  margin-top: 1em;
}
body.mailform .textLinkMod01{
  margin-top: 2em;
  display: inline-block;
}

/* formLayout
------------------------------------------ */
.formWrap{
  font-family: 'Noto Sans JP', sans-serif;
}
.formItem {
  /* margin-top: 120px;
  color: #000; */
}
.formItem + .formItem {
  margin-top: 50px;
}
.formItemTitle {
  font-size: 16px;
  font-weight: 400;
}
.formItemTitleLabel{
  display: flex;
  align-items: center;
}
.formItemTitleNote{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1;
  color: #BB4A4A;
  padding: 4px 5px;
  border: 1px solid #BB4A4A;
  margin-left: 10px;
}
.formItemTitleSub {
  display: inline-block;
  margin-left: 13px;
  color: rgba(0, 0, 0, 0.61);
  font-size: 12px;
}
.formNotes {
  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;
}
.formItemContent {
  margin-top: 17px;
}
.formItemRow{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.formItemColumn-2{
  width: calc(50% - 8px);
}
.formItemColumn-3{
  width: calc(33.3% - 8px);
}
.formItemColumn-4{
  width: calc(25% - 8px);
}

@media screen and (max-width: 767px) {
  .formItem + .formItem {
    margin-top: 40px;
  }
  .formItemTitle {
    font-size: 14px;
  }
  .formItemTitleNote{
    font-size: 11px;
    margin-left: 8px;
  }
  .formItemTitleSub {
    margin-left: 10px;
  }
  .formNotes {
    margin-top: 10px;
    font-size: 12px;
  }
  .formItemContent {
    margin-top: 18px;
  }
  .formItemRow{
  }
  .formItemColumn-2{
    width: calc(50% - 5px);
  }
  .formItemColumn-3{
    width: calc(33.3% - 5px);
  }
  .formItemColumn-4{
    width: calc(25% - 5px);
  }
}

/* formContent
------------------------------------------ */
/* inputText */
input.inputText {
  display: inline-block;
  padding: 0 20px;
  border: none;
  background: #F4F4F4;
  border: 1px solid #EAE8E4;
  width: 100%;
  height: 62px;
  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 14px;
    height: 60px;
  }
}

/* checkbox */
.checkboxWrap{
  display: flex;
  flex-wrap: wrap;
}
.checkboxLabel{
  display: inline-flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #E5E2DC;
  padding: 18px 28px 18px 52px;
  font-size: 16px;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
  margin-right: 16px;
  transition: background-color .2s ease;
}
.checkboxLabel *{
  pointer-events: none;
}
body:not(.-is-touchDevice) .checkboxLabel:hover{
  background-color: #F4F4F4;
}
.checkboxLabel.checked{
  background-color: #F4F4F4;
}
.checkboxLabel::before,
.checkboxLabel::after {
  content: "";
  display: block; 
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.checkboxLabel::before {
  background-color: #fff;
  border: 1px solid #E5E2DC;
  width: 24px;
  height: 24px;
  left: 19px;
  border-radius: 2px;
}
.checkboxLabel::after {
  /* background-color: #CDC369; */
  width: 12.48px;
  height: 12.48px;
  left: 25px;
  opacity: 0;
  background: no-repeat url(../images/form/checkbox.svg);
  background-size: 12.48px;
  background-position: center;
  transition: opacity .16s ease;
}
.checkboxLabel.checked::after {
  opacity: 1;
}
.checkboxLabel .visually-hidden {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
}
@media screen and (max-width: 767px) {
  .checkboxLabelWrap{
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
  }
  .checkboxLabel{
    font-size: 14px;
    padding: 13px 20px 13px 50px;
    margin-left: 0;
  }
  .checkboxLabel + .checkboxLabel{
    margin-bottom: 12px;
  }
  .checkboxLabel::before {
    left: 16px;
  }
  .checkboxLabel::after {
    left: 22px;
  }
}

/* radioButton */
.radioLabelWrap{
  display: flex;
  flex-wrap: wrap;
}
.radioLabel{
  display: inline-flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #E5E2DC;
  padding: 18px 28px 18px 52px;
  font-size: 16px;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
  margin-right: 16px;
  transition: background-color .2s ease;
}
body:not(.-is-touchDevice) .radioLabel:hover{
  background-color: #F4F4F4;
}
.radioLabel.checked{
  background-color: #F4F4F4;
}
.radioLabel::before,
.radioLabel::after {
  content: "";
  display: block; 
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.radioLabel::before {
  background-color: #fff;
  border: 1px solid #E5E2DC;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  left: 19px;
}
.radioLabel::after {
  background-color: #CDC369;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  left: 25px;
  opacity: 0;
  transition: opacity .2s ease;
}
.radioLabel.checked::after {
  opacity: 1;
}
.radioLabel .visually-hidden {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%); 
  margin: -1px;
}
@media screen and (max-width: 767px) {
  .radioLabelWrap{
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
  }
  .radioLabel{
    font-size: 14px;
    padding: 13px 20px 13px 50px;
    margin-left: 0;
  }
  .radioLabel + .radioLabel{
    margin-bottom: 12px;
  }
  .radioLabel::before {
    left: 16px;
  }
  .radioLabel::after {
    left: 22px;
  }
}

/* textarea */
textarea.textarea {
  padding: 20px;
  border: none;
  width: 100%;
  height: 200px;
  background: #F4F4F4;
  border: 1px solid #EAE8E4;
  font-size: 16px;
  outline: none;
  resize: vertical;
  white-space: pre-wrap;
  font-family: sans-serif;
}
@media screen and (max-width: 767px) {
  textarea.textarea {
    padding: 14px;
    height: 150px;
    line-height: 1.6;
  }
}

/* buttons
------------------------------------------ */
/* inputSubmit */
button.inputSubmit,
input.inputSubmit {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 0;
  width: 384px;
  height: 98px;
  background: #313131;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 0 auto;
  border-radius: 49px;

  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: 72px;
    transition: none;
    font-size: 16px;
  }
}

/* submit
------------------------------------------ */
/* formSubmitWrap */
.formSubmitWrap {
  margin-top: 120px;
}
.formSubmitCaption{
  margin-bottom: 60px;
  font-size: 14px;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .formSubmitWrap {
    margin-top: 70px;
  }
  .formSubmitLo_content{
    padding: 0 20px;
  }
  .formSubmitCaption{
    text-align: left;
    font-size: 12px;
    margin-bottom: 40px;
    padding: 0 30px;
  }
}

/* Validate
------------------------------------------ */
/* formValidate */
.formValidateWrap + .formValidateWrap {
  margin-top: 17px;
  margin-top: 1.3vw;
}
.formValidateWrap.-is-error input.inputMod01,
.formValidateWrap.-is-error textarea {
  border-color: #ff0000;
}
.formValidateWrap.-is-error .agreeText01::before {
  border: 1px solid #ff0000;
}
.formErrorContent {
  margin-top: 16px;
  color: #BB4A4A;
  font-size: 14px;
}


/* maintenance
------------------------------------------ */
.c-homeHealthStatus{
  background: linear-gradient(-40deg,#f5f0e2  0%,#fff 100%);
}
.c-maintenance{
  background: linear-gradient(-40deg,#f5f0e2  0%,#fff 100%);
}

.c-maintenance_vessel {
  padding: 220px 7.46vw 120px 7.46vw;
}
@media screen and (max-width: 767px) {
  body.maintenance .c-homeHeadLv1_ja{
    font-size: 22px;
  }
  body.maintenanceLog .c-homeHeadLv1_ja{
    font-size: 30px;
  }
  .c-maintenance_vessel {
    padding: 140px 8vw 80px 8vw;
  }
}
/* .c-status */
.c-status{
  width: 553px;
  height: 90px;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 0 20px 0 20px;
  border-radius: 10px;
  border: 1px solid #E2DBCA;
}
.c-service-health-status.c-health-loading.is-active{
  width: 553px;
  height: 90px;
  display: flex;
  align-items: center;
}
.c-homeHealthStatus .c-service-health-status{
  margin-top: 95px;
}
.c-status::before{
  display: block;
  content: '';
  width: 26px;
  height: 26px;
  margin-right: 15px;
  background: url(../images/common/icn_status_normal.svg) no-repeat 0 0;
}
.c-status.-is-fault::before{
  background-image: url(../images/common/icn_status_fault.svg);
}
.c-status.-is-stop::before{
  background-image: url(../images/common/icn_status_stop.svg);
}
.c-status_text{
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .c-homeHealthStatus .c-service-health-status{
    margin-top: 40px;
  }
  .c-homeHealthStatus .c-status{
    width: 100%;
  }
}

/* .c-status_logWrap */
.c-status_logWrap{
  margin-top: 60px;
}
.c-status_log_Wrap + .c-status_log_Wrap{
  margin-top: 60px;
}
.c-homeHeadLv1 + .c-status_log_Wrap{
  margin-top: 95px;
}
.c-status_log {
  margin-top: 20px;
  border-top: 1px solid #E2DBCA;
}
.c-homeHeadLv1 + .c-status_log {
  margin-top: 96px;
}
.c-status_log_title{
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.c-headLv2 + .c-status_log {
  margin-top: 20px;
}
.c-status_log_link{
  display: flex;
  align-items: center;
  font-size: 16px;
  text-decoration: none;
}
.c-status_log_link .c-arrow{
  transform: none;
}
.c-status_log_link_text{
  padding-right: 12px;
}
.c-status_log_dl {
  border-bottom: 1px solid #E2DBCA;
}
.c-status_log_dt {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  position: relative;
  height: 100px;
  transition: opacity 0.3s ease;
}
body:not(.-is-touchDevice) .c-status_log_dt:hover {
  cursor: pointer;
  opacity: 0.7;
}
.c-status_log_dt::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 30px;
  display: block;
  margin-top: -3.5px;
  width: 11px;
  height: 6px;
  background: url(../images/common/icn_achordion_arrow_01.svg) no-repeat;
}
.c-status_log_dl.-is-open .c-status_log_dt::after {
  transform: rotate(180deg);
}
.c-status_log_dtQ {
  width: 113px;
  color: #CDC369;
  font-size: 16px;
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.c-status_log_dtText {
  flex: 1;
  padding: 0 55px 2px 0;
  color: #4A4845;
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.75;
}
.c-status_log_dd {
  display: none;
}
.c-status_log_ddVessel {
  padding: 0 0 30px 113px;
  color: #4A4845;
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .c-status_logWrap{
    margin-top: 40px;
  }
  .c-homeHeadLv1 + .c-status_log_Wrap{
    margin-top: 40px;
  }
  .c-homeHeadLv1 + .c-status_log {
    margin-top: 40px;
  }
  .c-headLv2 + .c-status_log {
    margin-top: 16px;
  }
  .c-status_log_link_text{
    font-size: 12px;
  }
  .c-status_log_dt {
    align-items: stretch;
    height: auto;
  }
  .c-status_log_dt::after {
    content: '';
    right: 0;
  }
  .c-status_log_dtQ {
    padding: 19px 0 0 0;
    width: 72px;
    font-size: 13px;
  }
  .c-status_log_dtText {
    padding: 17px 32px 18px 0;
    font-size: 13px;
    line-height: 1.69;
  }
  .c-status_log_dd {
    display: none;
  }
  .c-status_log_ddVessel {
    padding: 0 34px 18px 72px;
    font-size: 13px;
    line-height: 1.5;
  }
}


/* c-faq */
.c-maintenanceFaq_vessel {
  padding: 110px 7.46vw 120px 7.46vw;
}
@media screen and (max-width: 767px) {
  .c-maintenanceFaq_vessel {
    padding: 80px 8vw 80px 8vw;
  }
}
/* c-faq */
.c-maintenanceFaq_Wrap{

}
.c-maintenanceFaq_Wrap + .c-maintenanceFaq_Wrap{
  margin-top: 60px;
}
.c-homeHeadLv1 + .c-maintenanceFaq_Wrap{
  margin-top: 95px;
}
.c-maintenanceFaq {
  border-top: 1px solid #EAE8E4;
}
.c-homeHeadLv1 + .c-maintenanceFaq {
  margin-top: 96px;
}
.c-headLv2 + .c-maintenanceFaq {
  margin-top: 20px;
}
.c-maintenanceFaq_dl {
  border-bottom: 1px solid #EAE8E4;
}
.c-maintenanceFaq_dt {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;

  position: relative;
  height: 100px;
  transition: opacity 0.3s ease;
}
body:not(.-is-touchDevice) .c-maintenanceFaq_dt:hover {
  cursor: pointer;
  opacity: 0.7;
}
.c-maintenanceFaq_dt::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  margin-top: -7.5px;
  width: 15px;
  height: 15px;
  background: url(../images/common/icn_plus_01.svg) no-repeat;
  background-size: 15px 15px;
}
.c-maintenanceFaq_dl.-is-open .c-maintenanceFaq_dt::after {
  background: url(../images/common/icn_minus_01.svg) no-repeat;
  background-size: 15px 15px;
}
.c-maintenanceFaq_dtQ {
  width: 64px;
  color: #CDC369;
  font-size: 16px;
  font-family: garamond-premier-pro, serif;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.c-maintenanceFaq_dtText {
  flex: 1;

  padding: 0 55px 2px 0;
  color: #4A4845;
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.75;
}
.c-maintenanceFaq_dd {
  display: none;
}
.c-maintenanceFaq_ddVessel {
  padding: 0 0 30px 64px;
  color: #4A4845;
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .c-homeHeadLv1 + .c-maintenanceFaq_Wrap{
    margin-top: 40px;
  }
  .c-homeHeadLv1 + .c-maintenanceFaq {
    margin-top: 40px;
  }
  .c-headLv2 + .c-maintenanceFaq {
    margin-top: 20px;
  }
  .c-maintenanceFaq_dt {
    align-items: stretch;

    height: auto;
  }
  .c-maintenanceFaq_dt::after {
    content: '';
    right: 0;
  }
  .c-maintenanceFaq_dtQ {
    padding: 19px 0 0 0;
    width: 31px;
    font-size: 14px;
  }
  .c-maintenanceFaq_dtText {
    padding: 19px 32px 18px 0;
    font-size: 13px;
    line-height: 1.69;
  }
  .c-maintenanceFaq_dd {
    display: none;
  }
  .c-maintenanceFaq_ddVessel {
    padding: 0 0 18px 31px;
    font-size: 13px;
    line-height: 1.69;
  }
}