@charset "UTF-8";

/* ==========================================================================
   Sections
========================================================================== */
.section {
  margin-top: 60px;
  margin-bottom: 60px;
}
.section-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}
.content {
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .section {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .content {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

body:not(.home) #main {
  margin-top: 85px;
}
@media (min-width: 992px) {
  body:not(.home) #main {
    margin-top: 120px;
  }
}


/* ==========================================================================
   Bootstrap grid custom
========================================================================== */
.container {
  padding-right: 25px;
  padding-left: 25px;
}
@media (min-width: 576px) {
  .container { max-width: 540px; }
}
@media (min-width: 768px) {
  .container { max-width: 720px; }
}
@media (min-width: 992px) {
  .container { max-width: 960px; }
}
@media (min-width: 1200px) {
  .container { max-width: 1150px; }
  .container.container_M { max-width: 960px; }
}
@media (min-width: 1440px) {
  .container { max-width: 1320px; }
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
  padding-right: 20px;
  padding-left: 20px;
}

.row {
  margin-right: -20px;
  margin-left: -20px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  padding-right: 20px;
  padding-left: 20px;
}


@media (min-width: 768px) {
  .container.container_pM > .row {
    margin-right: -25px;
    margin-left: -25px;
  }
  .container.container_pM > .row > [class*="col-"] {
    padding-right: 25px;
    padding-left: 25px;
  }
  .container.container_pL > .row {
    margin-right: -35px;
    margin-left: -35px;
  }
  .container.container_pL > .row > [class*="col-"] {
    padding-right: 35px;
    padding-left: 35px;
  }
}
@media (min-width: 992px) {
  .container.container_pM > .row {
    margin-right: -35px;
    margin-left: -35px;
  }
  .container.container_pM > .row > [class*="col-"] {
    padding-right: 35px;
    padding-left: 35px;
  }
  .container.container_pL > .row {
    margin-right: -45px;
    margin-left: -45px;
  }
  .container.container_pL > .row > [class*="col-"] {
    padding-right: 45px;
    padding-left: 45px;
  }
}
@media (min-width: 1200px) {
  .container.container_pM > .row {
    margin-right: -40px;
    margin-left: -40px;
  }
  .container.container_pM > .row > [class*="col-"] {
    padding-right: 40px;
    padding-left: 40px;
  }
  .container.container_pL > .row {
    margin-right: -75px;
    margin-left: -75px;
  }
  .container.container_pL > .row > [class*="col-"] {
    padding-right: 75px;
    padding-left: 75px;
  }
}
/* ==========================================================================
   Links
========================================================================== */
a {
  color: inherit;
  text-decoration: none;
  transition: all .2s ease-in-out;
}

/* ==========================================================================
   Image
========================================================================== */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.clip img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.clip-L-tl { clip-path: inset(0 0 0 round 120px 0 0 0); }
.clip-L-tr { clip-path: inset(0 0 0 round 0 120px 0 0); }
.clip-L-br { clip-path: inset(0 0 0 round 0 0 120px 0); }
.clip-L-bl { clip-path: inset(0 0 0 round 0 0 0 120px); }
.clip-M-tl { clip-path: inset(0 0 0 round 96px 0 0 0); }
.clip-M-tr { clip-path: inset(0 0 0 round 0 96px 0 0); }
.clip-M-br { clip-path: inset(0 0 0 round 0 0 96px 0); }
.clip-M-bl { clip-path: inset(0 0 0 round 0 0 0 96px); }
.clip-S-tl { clip-path: inset(0 0 0 round 56px 0 0 0); }
.clip-S-tr { clip-path: inset(0 0 0 round 0 56px 0 0); }
.clip-S-br { clip-path: inset(0 0 0 round 0 0 56px 0); }
.clip-S-bl { clip-path: inset(0 0 0 round 0 0 0 56px); }

@media (min-width: 992px) {
  .clip-L-tl { clip-path: inset(0 0 0 round 200px 0 0 0); }
  .clip-L-tr { clip-path: inset(0 0 0 round 0 200px 0 0); }
  .clip-L-br { clip-path: inset(0 0 0 round 0 0 200px 0); }
  .clip-L-bl { clip-path: inset(0 0 0 round 0 0 0 200px); }
  .clip-M-tl { clip-path: inset(0 0 0 round 150px 0 0 0); }
  .clip-M-tr { clip-path: inset(0 0 0 round 0 150px 0 0); }
  .clip-M-br { clip-path: inset(0 0 0 round 0 0 150px 0); }
  .clip-M-bl { clip-path: inset(0 0 0 round 0 0 0 150px); }
  .clip-S-tl { clip-path: inset(0 0 0 round 100px 0 0 0); }
  .clip-S-tr { clip-path: inset(0 0 0 round 0 100px 0 0); }
  .clip-S-br { clip-path: inset(0 0 0 round 0 0 100px 0); }
  .clip-S-bl { clip-path: inset(0 0 0 round 0 0 0 100px); }
}
@media (orientation: portrait){
  .img_h { display: none !important; }
}
@media (orientation: landscape){
  .img_v { display: none !important; }
}

.post--thumbnail {
  display: block;
  position: relative;
  transition: transform .6s cubic-bezier(.39, .575, .565, 1);
}
.post--thumbnail > img,
.post--thumbnail > .no-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.post--thumbnail > .no-image {
  background-color: var(--l-gray2);
  background-image: url(../img/logo.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20%;
}

/* ==========================================================================
   Layout
========================================================================== */
.over-right {
  margin-right: calc(((100vw - 100%)/2)*-1);
}
.over-left {
  margin-left: calc(((100vw - 100%)/2)*-1);
}
.full {
  margin-right: calc(((100vw - 100%)/2)*-1);
  margin-left: calc(((100vw - 100%)/2)*-1);
}
@media (max-width: 991px) {
  .full_md {
    margin-right: calc(((100vw - 100%)/2)*-1);
    margin-left: calc(((100vw - 100%)/2)*-1);
  }
}
@media (max-width: 767px) {
  .full_sm {
    margin-right: calc(((100vw - 100%)/2)*-1);
    margin-left: calc(((100vw - 100%)/2)*-1);
  }
}
@media (max-width: 575px) {
  .full_sp {
    margin-right: calc(((100vw - 100%)/2)*-1);
    margin-left: calc(((100vw - 100%)/2)*-1);
  }
}

hr {
  border-top-color: var(--border1);
}
hr.border2 {
  border-top-color: var(--border2);
}

/* ==========================================================================
   Typography
========================================================================== */
.font1 {
  font-family: var(--font1) !important;
  text-transform: uppercase;
}
.font2 {
  font-family: var(--font2) !important;
  text-transform: uppercase;
}
.mincho {
  font-family: var(--mincho) !important;
  font-weight: 400 !important;
}
.gothic {
  font-family: var(--gothic) !important;
}


.huge, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: var(--mincho);
  font-weight: 400;
  letter-spacing: .08em;
  position: relative; }
.huge a, h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
  text-decoration: none; }

.huge {
  font-size: 2.5625em;
  line-height: 1.3; }   /*41*/

h1, .h1 {
  font-size: 2.376em;
  line-height: 1.4; }   /*38*/

h2, .h2 {
  font-size: 2.376em;
  line-height: 1.45; }   /*38*/

h3, .h3 {
  font-size: 1.375em;
  line-height: 1.5; }   /*22*/

h4, .h4 {
  font-size: 1.125em;
  line-height: 1.75; }   /*18*/

h5, .h5 {
  font-size: 1.125em;
  line-height: 1.75; }   /*18*/

h6, .h6 {
  font-size: 1em; }     /*16*/

.small { font-size: 0.8em; }

@media (min-width: 576px) {
  .huge { font-size: 3em; }
}
@media (min-width: 768px) {
  .huge { font-size: 2.2em; }
}
@media (min-width: 992px) {
  .huge { font-size: 2.8em; }
  h1, .h1 { font-size: 2.876em; } /*46*/
  h2, .h2 { font-size: 2.125em; } /*34*/
}
@media (min-width: 1200px) {
  .huge { font-size: 3.2em; }   /*70*/
  h1, .h1 { font-size: 3.126em; } /*50*/
  h2, .h2 { font-size: 2.5em; }   /*40*/
  h3, .h3 { font-size: 1.5em; }   /*24*/
  h4, .h4 { font-size: 1.375em; } /*22*/
  h5, .h5 { font-size: 1.25em; }  /*20*/
  h6, .h6 { font-size: 1.125em; } /*18*/
}
@media (min-width: 1500px) {
  .huge {
	font-size: 3.9em;
  }
}

p, .p {
  color: var(--black);
  font-size: .938rem;
}
p {
  margin-top: 2em;
  margin-bottom: 2em;
}
p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  p, .p {
    font-size: .813rem;
  }
}
@media (min-width: 1200px) {
  p, .p {
    font-size: .875rem;
  }
}



.fw-400,
.text-normal { font-weight: 400 !important; }
.fw-500,
.text-medium { font-weight: 500 !important; }
.fw-600,
.text-semibold { font-weight: 600 !important; }
.fw-700,
.text-bold { font-weight: 700 !important; }
.text-italic { font-style: italic; }
.text-justify { text-align: justify; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }

@media (min-width: 576px) {
  .text-sm-left { text-align: left !important; }
  .text-sm-right { text-align: right !important; }
  .text-sm-center { text-align: center !important; }
}
@media (min-width: 768px) {
  .text-md-left { text-align: left !important; }
  .text-md-right { text-align: right !important; }
  .text-md-center { text-align: center !important; }
}
@media (min-width: 992px) {
  .text-lg-left { text-align: left !important; }
  .text-lg-right { text-align: right !important; }
  .text-lg-center { text-align: center !important; }
}
@media (min-width: 1200px) {
  .text-xl-left { text-align: left !important; }
  .text-xl-right { text-align: right !important; }
  .text-xl-center { text-align: center !important; }
}

/* ==========================================================================
   Button
========================================================================== */
.btn {
  color: var(--color1);
  display: inline-block;
  text-align: left;
  font-family: var(--font1);
  font-size: .938rem;
  letter-spacing: .08em;
  line-height: 1;
  font-weight: 600;
  padding: 1em 2.5em 1em 1em;
  width: 235px;
  max-width: 100%;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid currentColor;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  position: relative;
}
.btn::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 8px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%228%22%20viewBox%3D%220%200%205%208%22%20width%3D%225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m14.739%2010.195-3.309-3.025a.536.536%200%200%201%200-.807.673.673%200%200%201%20.885%200l3.749%203.427a.536.536%200%200%201%20.018.788l-3.764%203.452a.671.671%200%200%201%20-.885%200%20.536.536%200%200%201%200-.807z%22%20fill%3D%22%23392209%22%20transform%3D%22translate(-11.246%20-6.196)%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  transition: right .2s;
}
.btn:hover::before {
  right: .75em;
}
.btn.btn-w {
  color: #FFF;
}
.btn.btn-w::before {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%228%22%20viewBox%3D%220%200%205%208%22%20width%3D%225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m14.739%2010.195-3.309-3.025a.536.536%200%200%201%200-.807.673.673%200%200%201%20.885%200l3.749%203.427a.536.536%200%200%201%20.018.788l-3.764%203.452a.671.671%200%200%201%20-.885%200%20.536.536%200%200%201%200-.807z%22%20fill%3D%22%23FFF%22%20transform%3D%22translate(-11.246%20-6.196)%22%2F%3E%3C%2Fsvg%3E');
}

i.arrow {
  display: block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid var(--color2);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 4px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224%22%20height%3D%228%22%20viewBox%3D%220%200%204%208%22%3E%3Cpath%20d%3D%22M15672.521%2C4424.471a.5.5%2C0%2C0%2C1-.38-.825l2.722-3.175-2.722-3.175a.5.5%2C0%2C0%2C1%2C.76-.65l3%2C3.5a.5.5%2C0%2C0%2C1%2C0%2C.65l-3%2C3.5A.5.5%2C0%2C0%2C1%2C15672.521%2C4424.471Z%22%20transform%3D%22translate(-15672.021%20-4416.471)%22%20fill%3D%22%2371675d%22%2F%3E%3C%2Fsvg%3E%0A');
}
i.arrow-w {
  display: block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid #FFF;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 4px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224%22%20height%3D%228%22%20viewBox%3D%220%200%204%208%22%3E%3Cpath%20d%3D%22M15672.521%2C4424.471a.5.5%2C0%2C0%2C1-.38-.825l2.722-3.175-2.722-3.175a.5.5%2C0%2C0%2C1%2C.76-.65l3%2C3.5a.5.5%2C0%2C0%2C1%2C0%2C.65l-3%2C3.5A.5.5%2C0%2C0%2C1%2C15672.521%2C4424.471Z%22%20transform%3D%22translate(-15672.021%20-4416.471)%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E%0A');
}

/* ==========================================================================
   Contact menu
========================================================================== */
.contact-menu .item a {
  display: block;
  line-height: 1.25;
  padding: .75em 0;
  position: relative;
}
.contact-menu .item a::before {
  content: '';
  display: block;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  opacity: .5;
  transition: opacity .2s;
  position: absolute;
  top: calc(50% + .6em);
  right: 0;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: .25em;
  background-color: #FFF;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%225.517%22%20viewBox%3D%220%200%202.964%205.517%22%20width%3D%222.964%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m15672.521%204421.077%201.76-2.053-1.76-2.053%22%20fill%3D%22none%22%20stroke%3D%22%2336230e%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20transform%3D%22translate(-15671.815%20-4416.266)%22%2F%3E%3C%2Fsvg%3E');
}
.contact-menu .item a:hover::before {
  opacity: .75;
}
.contact-menu .item a span {
  display: block;
  font-family: var(--font2);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .16em;
  color: var(--gray);
  margin-bottom: .25em;
}
.contact-menu .item a em {
  display: inline-block;
  font-size: .938rem;
  font-weight: 600;
  font-style: normal;
  margin-right: 1em;
}
.contact-menu .item a small {
  display: inline-block;
  font-size: .75rem;
  font-weight: 400;
  margin-top: .25em;
}
/* ==========================================================================
   Page header
========================================================================== */
.section__header {
  margin-bottom: 2em;
}
.section__header span {
  display: block;
}
.section__header .en_ttl {
  font-family: var(--font1);
  font-weight: 600;
  letter-spacing: .16em;
  line-height: 1.25;
  text-transform: uppercase;
  color: var(--color2);
}
.section__header .ttl {
  display: block;
  font-family: var(--mincho);
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .08em;
}
.section__header .sub_ttl {
  font-family: var(--font1);
  text-transform: uppercase;
  margin-top: 1.5em;
}
.section__header .copy {
  margin-top: .5em;
}
@media (min-width: 992px) {
  .section__header {
    margin-bottom: 3.5em;
  }
}

.content_ttl {
  line-height: 1;
  padding-left: .5em;
  border-left: 5px solid var(--border1);
  margin-bottom: 1.25em;
}

.page__header {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 6.5vw;
  position: relative;
}
.page__header .imgBox {
  order: 5;
}
.page__header .imgBox .clip {
  height: 246px;
  min-height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.page__header .imgBox .clip.clip-investmentsDetail {
  display: none;
}
.page__header .ttlBox {
  margin: 1.5em 0 1em;
  position: relative;
  z-index: 2;
}
.page__header .en_ttl {
  font-family: var(--font1);
  line-height: 1.25;
}
.page__header .ttl {
  font-family: var(--mincho);
  letter-spacing: .08em;
}

.page__header.page__header-no-image .ttlBox {
  margin-top: 3rem;
  margin-bottom: 0;
}
@media (max-width: 424px) {
  body.privacy-policy .page__header .en_ttl {
    letter-spacing: .03em;
  }
}
@media (min-width: 768px) {
  .page__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .page__header .imgBox {
    flex: 0 0 55%;
  }
  .page__header .imgBox .clip {
    height: 320px;
  }
  .page__header .imgBox .clip.clip-investmentsDetail {
    display: block;
    height: 720px;
  }
  .page__header .ttlBox {
    margin: 1.5em -10em 1em 0;
  }
  .page__header .en_ttl {
    letter-spacing: .16em;
  }

  .page__header.page__header-no-image .ttlBox {
    margin-top: 4rem;
  }
}
@media (min-width: 992px) {
  .page__header .imgBox .clip {
    height: 452px;
  }
  .page__header .imgBox .clip.clip-investmentsDetail {
    display: block;
    height: 1200px;
  }
  .page__header.page__header-no-image .ttlBox {
    margin-top: 5rem;
  }
}
@media (min-width: 1200px) {
  .page__header .imgBox {
    flex: 0 0 60%;
  }

  .page__header.page__header-no-image .ttlBox {
    margin-top: 6rem;
  }
}

.page__header_S {
  padding-right: 0;
  padding-left: 0;
}
.page__header_S > .container {
  display: flex;
  flex-direction: column;
}
.page__header_S .ttlBox {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin: 0;
  padding: 2.5em 0 0;
}
.page__header .en_label {
  flex: 0 0 100%;
  font-family: var(--font1);
  font-size: 4rem;
  line-height: 1;
  letter-spacing: .16em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--border1);
  opacity: .2;
  margin: 1rem 0 -6rem;
}
.page__header_S .en_ttl {
  font-family: var(--font1);
  font-weight: 600;
  line-height: 1;
  color: var(--color2);
}
.page__header_S .ttl {
  font-family: var(--mincho);
  line-height: 1;
  margin-left: 1.5em;
  padding-left: 1em;
  border-left: 1px solid currentColor;
}
@media (max-width: 991px) {
  .page__header_S .en_ttl {
    font-size: 1.813rem;
  }
  .page__header_S .ttl {
    font-size: .688rem;
  }
}
@media (min-width: 768px) {
  .page__header_S .ttlBox {
    padding: 3.5em 0;
  }
  .page__header_S > .container  {
    flex-direction: row;
    justify-content: space-between;
  }
  .page__header .en_label {
    font-size: 5rem;
  }
}
@media (min-width: 992px) {
  .page__header .en_label {
    font-size: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .page__header .en_label {
    font-size: 10rem;
  }
}



.single-page__header {
  padding-right: 0;
  padding-left: 0;
}
.single-page__header > .container {
  display: flex;
  flex-direction: column;
}
.single-page__header .ttlBox .category .label {
  font-family: var(--mincho);
  letter-spacing: .08em;
  display: inline-block;
  padding: .25em .75em;
  margin-bottom: 1em;
  border-bottom: 1px solid currentColor;
}
.single-page__header .entry__meta > * {
  display: inline-block;
  font-size: .938rem;
  margin-top: 1.25rem;
  padding-left: .5em;
  font-family: var(--gothic);
  line-height: 1;
  letter-spacing: .08em;
  border-left: 1px solid var(--border2);
}

.page__header_S.page__header_float .ttlBox {
  padding: 2.5em 0 2em;
}
@media (max-width: 991px) {
  .single-page__header .ttlBox .ttl {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .single-page__header .imgBox {
    order: -1;
  }
}
@media (min-width: 768px) {
  .page__header_float {
    position: absolute;
  }
  .single-page__header > .container  {
    flex-direction: row;
    justify-content: space-between;
  }
  .single-page__header .ttlBox {
    margin: 1.5em 0 1em 0;
    padding: 10em 2em 2em 0;
  }
  .single-page__header .ttlBox .category .cat {
    padding: .25em 1.75em;
    margin-bottom: 1.5em;
  }
  .single-page__header .entry__meta > * {
    margin-top: 2rem;
  }
  .single-page__header .excerpt  {
    max-width: 19em;
  }
}
@media (min-width: 992px) {
  .single-page__header .excerpt  {
    margin-top: 3em;
  }
}
@media (min-width: 1200px) {
  .single-page__header .imgBox {
    flex: 0 0 65%;
  }
}


.page__header a {
  text-decoration: none; }
.page__header .ttl + p {
  margin: 3rem 0 1rem; }
p.description {
  line-height: 2;
}
.byline {
  color: #A0A0A0;
  margin: 0; }


/* ==========================================================================
   Badge
========================================================================== */
.number-plate {
  font-family: var(--font2);
  line-height: 1.5;
  display: flex;
  margin-bottom: 1.5rem;
}
.number-plate span {
  display: inline-block;
}
.number-plate span.num {
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: .16em;
  width: 3em;
}
.number-plate span.text {
  font-size: .813rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--gray);
}
.number-plate span.en_ttl {
  font-family: var(--font1);
  font-size: 1.75rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}


.badge {
  display: inline-block;
  font-family: var(--font2);
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: .16em;
  padding-bottom: .25em;
  position: relative;
}
.badge::after {
  content: '';
  display: block;
  width: 1.24em;
  height: 1px;
  background: currentColor;
  position: absolute;
  bottom: 0;
  left: 0;
}


/* ==========================================================================
   Hero
========================================================================== */
.hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #FFF;
  padding: 88px 25px 72px;
  position: relative;
}
.hero .imgBox {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 1.875rem;
  right: 0;
  bottom: 0;
  left: 0;
}
.hero.overlay .imgBox::before {
  content: '';
  display: block;
  background-color: rgba(0,0,0,0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.hero .ttlBox {
  margin-bottom: 1.5rem;
  position: relative;
}
.hero .ttlBox .en_ttl {
  font-family: var(--font1);
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: .5rem;
}
.hero .ttlBox .ttl {
  font-family: var(--mincho);
  letter-spacing: .08em;
}

.hero .btn {
  margin-top: 2.5rem;
}
.full-screen {
  height: 100vh;
}
@media (min-width: 992px) {
  .hero {
    padding: 120px 25px 80px;
  }
  .hero .imgBox {
    top: 2.5rem;
  }
  .hero .ttlBox {
    margin-bottom: 3rem;
  }
  .hero .ttlBox .en_ttl {
    font-size: 5rem;
  }
  .hero .btn {
    margin-top: 3rem;
  }
}

/* ==========================================================================
   Responsive iframe
========================================================================== */
.iframeBox {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
.iframeBox iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}


/* ==========================================================================
   Slick
========================================================================== */
.clip .slick-slider,
.clip .slick-list,
.clip .slick-track {
  width: 100%;
  height: 100%;
}
.slick-arrow {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 4rem;
  height: 4rem;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  position: absolute;
  top: 50%;
  z-index: 5;
}
.slick-arrow.slick-next {
  right: 0;
}
.slick-arrow::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #FFF;
  transition: .2s;
  backdrop-filter: blur(7px);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 4px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224%22%20height%3D%228%22%20viewBox%3D%220%200%204%208%22%3E%3Cpath%20d%3D%22M15672.521%2C4424.471a.5.5%2C0%2C0%2C1-.38-.825l2.722-3.175-2.722-3.175a.5.5%2C0%2C0%2C1%2C.76-.65l3%2C3.5a.5.5%2C0%2C0%2C1%2C0%2C.65l-3%2C3.5A.5.5%2C0%2C0%2C1%2C15672.521%2C4424.471Z%22%20transform%3D%22translate(-15672.021%20-4416.471)%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E%0A');
}
.slick-arrow.slick-prev::before {
  transform: rotate(180deg);
}


.slider__half .slick-list {
  padding-right: 7vw;
}
.slick-arrow.slick-next {
  right: 7vw;
  transform: translate(50%, -50%);
}
.slick-arrow.slick-prev {
  left: 7vw;
  transform: translate(-50%, -50%);
}
.slider__half .slick-arrow.slick-prev {
  display: none !important;
}
.slider__half .slick-slide {
  padding-right: 1px;
}
.slider__half .slick-slide img {
  aspect-ratio: 8/7;
}
@media (min-width: 768px) {
  .slider__half .slick-arrow {
    width: 5rem;
    height: 5rem;
  }
}
@media (min-width: 992px) {
  .slider__half .slick-slide img {
    aspect-ratio: 4/3;
  }
}
@media (min-width: 1200px) {
  .slider__half .slick-arrow {
    width: 6.25rem;
    height: 6.25rem;
  }
  .slider__half .slick-slide img {
    aspect-ratio: 5/3;
  }
}

/* ==========================================================================
   List
========================================================================== */
ul.row,
ol.row,
.lists {
  list-style-type: none;
}
.lists {
  border-top: 1px solid var(--border1);
}
.lists .list {
  padding: 1.75em 0;
  line-height: 1.5;
  letter-spacing: .08em;
  border-bottom: 1px solid var(--border1);
}
.lists .list .category {
  font-family: var(--mincho);
  color: var(--color2);
  margin-bottom: .5em;
}
.lists .list .category .cat {
  display: inline-block;
}
.lists .list a.title_link {
  display: flex;
  flex-direction: column;
  position: relative;
}
.lists .list .imgBox {
  margin: .75em auto 1.25em;
  width: 235px;
}
.lists .list .post--thumbnail {
  padding-bottom: 71.5%;
}
.lists .list .ttl {
  padding-right: 4.5em;
  position: relative;
}
.lists .list .ttl::before {
  content: '';
  display: block;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  border: 1px solid var(--color2);
  opacity: .5;
  transition: .2s;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 4px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224%22%20height%3D%228%22%20viewBox%3D%220%200%204%208%22%3E%3Cpath%20d%3D%22M15672.521%2C4424.471a.5.5%2C0%2C0%2C1-.38-.825l2.722-3.175-2.722-3.175a.5.5%2C0%2C0%2C1%2C.76-.65l3%2C3.5a.5.5%2C0%2C0%2C1%2C0%2C.65l-3%2C3.5A.5.5%2C0%2C0%2C1%2C15672.521%2C4424.471Z%22%20transform%3D%22translate(-15672.021%20-4416.471)%22%20fill%3D%22%2371675d%22%2F%3E%3C%2Fsvg%3E%0A');
}
.lists .list a.title_link:hover .ttl::before {
  opacity: .75;
}
.lists .list a .entry__meta {
  display: block;
  font-size: 1rem;
  letter-spacing: .1em;
  margin-right: 30px;
  margin-bottom: .5em;
}

@media (min-width: 768px) {
  .lists .list {
    display: flex;
    padding: 1.5em 0;
  }
  .lists .list .category {
    flex: 0 0 10em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid var(--border1);
    padding: 0 1em;
    margin-right: 2em;
    margin-bottom: 0;
    line-height: 1.25;
  }
  .lists .list a.title_link {
    padding-right: 4.5em;
    min-height: 6.25em;
    flex-direction: row-reverse;
    align-items: center;
    flex-basis: 100%;
  }
  .lists .list .imgBox {
    margin: 0 0 0 1.5em;
    width: 163px;
    flex: 0 0 163px;
  }
  .lists .list .txtBox {
    flex-basis: 100%;
  }
  .lists .list a .entry__meta {
    margin-bottom: .25em;
  }
  .lists .list .ttl {
    padding-right: 0;
  }
  .lists .list .ttl::before {
    display: none;
  }
  .lists .list a.title_link::before {
    content: '';
    display: block;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    border: 1px solid var(--color2);
    opacity: .5;
    transition: opacity .2s;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 4px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224%22%20height%3D%228%22%20viewBox%3D%220%200%204%208%22%3E%3Cpath%20d%3D%22M15672.521%2C4424.471a.5.5%2C0%2C0%2C1-.38-.825l2.722-3.175-2.722-3.175a.5.5%2C0%2C0%2C1%2C.76-.65l3%2C3.5a.5.5%2C0%2C0%2C1%2C0%2C.65l-3%2C3.5A.5.5%2C0%2C0%2C1%2C15672.521%2C4424.471Z%22%20transform%3D%22translate(-15672.021%20-4416.471)%22%20fill%3D%22%2371675d%22%2F%3E%3C%2Fsvg%3E%0A');
  }
  .lists .list a.title_link:hover::before {
    opacity: .75;
  }
}
@media (min-width: 992px) {
  .lists .list a.title_link {
    padding-right: 7em;
  }
  .lists .list a.title_link::before {
    right: 1.5em;
  }
  .lists .list .ttl .p {
    font-size: 1rem;
  }
}
/* ==========================================================================
   Card
========================================================================== */
.cards {
  list-style-type: none;
}
.cards .card {
  margin-top: 15px;
  margin-bottom: 15px;
}
.cards li .card {
  margin-bottom: 30px;
}

/* 追加 */
.cards li .card--downloads{
	margin-bottom: 15px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .cards li .card--downloads{
    margin-bottom: 40px;
  }
}

.card {
  display: block;
  line-height: 1.5;
  letter-spacing: .08em;
  position: relative;
}
.card > a {
  display: block;
}
.card .imgBox {
  margin-bottom: 1em;
  overflow: hidden;
}
.card .imgBox .post--thumbnail {
  background: var(--l-gray2);
  width: 100%;
  padding-bottom: 67%;
  position: relative;
}
.card .imgBox .post--thumbnail.v_investments {
  padding-bottom: 140%;
}
a.card:hover .imgBox .post--thumbnail,
.card > a:hover .imgBox .post--thumbnail {
  transform: scale(1.1);
}
.card .entry__meta {
  flex-wrap: wrap;
  color: var(--color2);
  font-size: .813rem;
  white-space: nowrap;
}
.card .entry__meta > *:not(:last-child)::after {
  content: '｜';
  color: var(--border2);
}
.card .ttl {
  font-family: var(--mincho);
  font-size: 1.125rem;
}
@media (min-width: 1200px) {
  .card .ttl {
    font-size: 1.25rem;
  }
}

/* ==========================================================================
   Table (Outline)
========================================================================== */
table.outline {
  width: 100%;
  font-size: .875rem;
  line-height: 1.8;
  position: relative;
}
table.outline th {
  width: 6em;
  padding: 1.25em 2em 1.25em 0;
  font-weight: 400;
  text-align: left;
  border-bottom: 1px solid var(--border2);
}
table.outline td {
  padding: 1.25em 0;
  border-bottom: 1px solid var(--border2);
}
table.outline td a {
  text-decoration: underline;
}
table.outline td a:hover {
  text-decoration: none;
}


@media (max-width: 767px) {
  table.outline.block th {
    display: block;
    width: 100%;
    padding: 1.25em 0 0;
    border-bottom: 0;
  }
  table.outline.block td {
    display: block;
    width: 100%;
    padding: .5em 0 1.25em;
  }
}
@media (min-width: 768px) {
  table.outline th {
    width: 11em;
    padding: 1.75em 2.5em 1.75em 1.5em;
  }
  table.outline td {
    padding: 1.75em 0;
  }
}

/* ==========================================================================
   Color
========================================================================== */
.white { color: #FFF; }
.bg-l-gray { background-color: var(--l-gray); }
.bg-l-gray2 { background-color: var(--l-gray2); }


/* ==========================================================================
   Archive menu
========================================================================== */
.archive-menu-wrapper {
  background: var(--l-gray2);
  padding-top: 60px;
  margin-top: -60px;
}
.category-search {
  margin: 2em 0;
}
.category-search-list li a {
  display: block;
  font-family: var(--mincho);
  color: var(--color2);
  text-align: center;
  padding: .25em 0;
  border-bottom: 1px solid transparent;
}
.category-search-list li a:hover {
  border-bottom-color: currentColor;
}
.category-search-list li.current a {
  color: var(--color1);
  border-bottom-color: currentColor;
}
@media (max-width: 991px) {
  .category-search-list li a {
    font-size: .813rem;
  }
}

/* ==========================================================================
   WP Post
========================================================================== */
@media (min-width: 1200px) {
  .container-entry {
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
  }
}

.article__header {
  padding-bottom: 1.75rem;
}
.article__header .category {
  font-family: var(--mincho);
  color: var(--color2);
  margin-bottom: .5em;
}
.article__header .category .cat {
  display: inline-block;
  margin-bottom: .5em;
}
.article__header .entry__meta {
  margin-bottom: .25em;
}
.article__header .ttl {
  margin: 0!important;
}
@media (max-width: 767px) {
  .article__header .category .cat {
    border-bottom: 1px solid var(--border1);
  }
}
@media (min-width: 768px) {
  .article__header {
    display: flex;
  }
  .article__header .category {
    flex: 0 0 9em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid var(--border1);
    padding-right: 1em;
    margin-right: 2.5em;
    margin-bottom: 0;
    line-height: 1.25;
  }
  .article__header .ttlBox {
    padding: 1.25em 0 1.5em;
  }
}
@media (min-width: 1200px) {
  .article__header .ttl {
    font-size: 2rem;
  }
}

.article__header + .thumb {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .article__header + .thumb {
    margin-bottom: 3.5rem;
  }
}

.article__footer {
  max-width: 800px;
  margin: 60px auto 15px;
  padding-top: 45px;
  border-top: 1px solid rgba(0,0,0,0.1);
}

.entry__meta {
  display: flex;
  align-items: center;
  font-family: var(--font2);
  font-weight: 500;
  margin-bottom: .5em;
}
.entry__meta time {
  display: inline-block;
  width: 6.25em;
  font-size: .75rem;
  letter-spacing: .16em;
  color: var(--gray);
  margin-right: 1.25em;
}
.entry__meta .category {
  color: var(--color2);
  font-size: .813rem;
}
.entry__meta .cat {
  display: inline-block;
}

/* entry__content */
.entry__content {
  font-size: .983rem;
  letter-spacing: 0;
  line-height: 2;
  -webkit-font-smoothing: antialiased;
  color: var(--black);
}
@media (min-width: 992px) {
  .entry__content  {
    font-size: .875rem;
  }
}

.entry__content a {
  text-decoration: underline;
  color:rgb(68, 128, 196);
}

.entry__content hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border-top-color: var(--border2);
}
@media (min-width: 992px) {
  .entry__content hr {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.entry__content blockquote {
  margin: 0 0 1.5em 0.75em;
  padding: 0 0 0 0.75em;
  border-left: 3px solid #8da0b6;
  font-style: italic;
  color: #abb1b5;
}

.entry__content dl {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.entry__content dt {
  font-feature-settings: "palt";
  background-color: #1a1a1a;
  font-weight: 700;
  font-size: 1.125em;
  margin-bottom: .75em;
  padding: .5em .75em;
}
.entry__content dd {
  margin-left: 0;
  margin-bottom: 1em;
  padding: 0 1em;
}
.entry__content dd + dt {
  margin-top: 1em;
}

.entry__content figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.entry__content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.entry__content .image_2col {
  margin: 2rem -1rem;
}
.entry__content .image_2col > [class*="col-"] {
  padding: 0 1rem;
}
.entry__content .image_2col img {
  margin: 0;
  width: 100%;
  height: 53vw;
  object-fit: cover;
}
@media (min-width: 576px) {
  .entry__content .image_2col img {
    height: 17em;
  }
}
@media (min-width: 768px) {
  .entry__content .image_2col img {
    height: 24em;
  }
}
@media (min-width: 992px) {
  .entry__content .image_2col img {
    height: 30.25em;
  }
}


.entry__content pre {
  background: #323944;
  color: #f8f9fa;
  font-size: 0.9em;
  padding: 15px;
  border-radius: 3px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
  
.entry__content .video{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.entry__content .video iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.entry__content table {
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
}
.entry__content table th {
  background-color: var(--l-gray2);
  border: 1px solid var(--border1);
  padding: .5em;
  font-weight: 400;
}
.entry__content table tbody th {
  text-align: left;
}
.entry__content table td {
  border: 1px solid var(--border1);
  padding: .5em;
}
.entry__content .scroll-table {
  overflow-x: auto;
  margin-bottom: 3rem;
}
.entry__content .scroll-table table {
  margin-bottom: 1rem;
}
.entry__content .scroll-table table tbody th {
  white-space: nowrap;
}

.entry__content ul,
.entry__content ol {
  margin-left: 0;
  padding-left: 0;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.entry__content ol ol,
.entry__content ul ul,
.entry__content ol ul,
.entry__content ul ol {
  margin-top: .5rem;
  margin-bottom: .5rem;
}
.entry__content ol li,
.entry__content ul li  {
  margin-top: .5rem;
  margin-bottom: .5rem;
}
.entry__content ul li ul,
.entry__content ol li ul {
  list-style-type: none;
}
.entry__content ol li ol li,
.entry__content ul li ul li,
.entry__content ul li ol li,
.entry__content ol li ul li {
  margin-top: .25rem;
  margin-bottom: .25rem;
}
.entry__content ol li p,
.entry__content ul li p {
  margin-top: .25rem;
  margin-bottom: 2rem;
}

.entry__content ol > li {
  list-style-type: none;
  padding-left: 2em;
  counter-increment: cnt;
  position: relative;
}
.entry__content ol > li::before {
  content: counter(cnt)".";
  position: absolute;
  left: 0;
}
.entry__content ol li ol li {
  padding-left: 2em;
}
.entry__content ol li ol li::before {
  content: "("counter(cnt)")";
}
.entry__content ol li ol li ol {
  margin-left: 2em;
}
.entry__content ol li ol li ol li,
.entry__content .list-katakana-iroha li {
  list-style-type: katakana-iroha;
  padding-left: 1em;
  text-indent: -1em;
}
.entry__content ol li ol li ol li::before,
.entry__content .list-katakana-iroha li::before {
  display: none;
}
.entry__content ul.strong,
.entry__content ol.strong {
  font-weight: 700;
}
.entry__content ul.strong ul,
.entry__content ol.strong ul,
.entry__content ul.strong ol,
.entry__content ol.strong ol,
.entry__content ul.strong p,
.entry__content ol.strong p {
  font-weight: 400;
}

.entry__content p  {
  margin-top: 2rem;
  margin-bottom: 3rem;
}
@media (min-width: 992px) {
  .entry__content p  {
    font-size: .875rem;
  }
}

.entry__content h1,
.entry__content h2,
.entry__content h3,
.entry__content h4,
.entry__content h5,
.entry__content h6 {
  color: var(--color1);
  margin: 3rem 0;
  position: relative;
}
.entry__content h1 {
  font-size: 2em;
  line-height: 1.5;
}
.entry__content h2 {
  font-size: 1.75em;
  line-height: 1.5;
}
.entry__content h3 {
  font-size: 1.5em;
  line-height: 1.75;
}
.entry__content h4 {
  font-size: 1.25rem;
  line-height: 1.75;
  padding-left: .75em;
}
.entry__content h4::before {
  content: '';
  width: 5px;
  height: 1em;
  background: var(--border1);
  position: absolute;
  top: .375em;
  left: 0;
}
.entry__content h5 {
  font-size: 1.125em;
  line-height: 2;
}
.entry__content h6 {
  font-size: 1em;
  line-height: 2;
}

.entry__content > .section > h2:first-child {
  margin-top: 0;
}


/* tags */
.tags {
  margin: .75em 0 0;
}
.tags span {
  display: inline-block;
  font-size: .923rem;
  margin-right: .75em;
}
.tags a {  
  text-decoration: none;
}

/* not found */
#post-not-found {
  text-align: center;
  margin: 0 auto;
  padding: 1em 0;
}

.entry__content .alignfull,
.entry__content .alignwide {
  width: 100vw;
  margin-left: calc(((100vw - 100%)/2)*-1);
}
@media (min-width: 576px) {
  .entry__content .alignwide {
    width: calc(100% + (100vw - 100%)/2);
    margin-left: calc(((100vw - 100%)/4)*-1);
  }
}
.entry__content .alignfull > img,
.entry__content .alignwide > img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  min-width: 100%;
}
@media (min-width: 576px) {
  .entry__content .excerpt {
    margin-right: -1.25em;
    margin-left: -1.25em;
  }
}

/* ==========================================================================
   Pagination - Archive
========================================================================== */
.pagination {
  text-align: center;
}
.pagination ul {
  display: flex;
  justify-content: center;
  white-space: nowrap;
  margin: 0 -.75rem;
  padding: 0;
}
.pagination li {
  margin: 0;
  overflow: hidden;
}
.pagination li .page-numbers {
  display: block;
  text-decoration: none;
  margin: .75rem;
  padding: 0;
  line-height: 1rem;
  font-family: var(--font2);
  font-size: .813rem;
  font-weight: 700;
  letter-spacing: .16em;
  padding: .25em 0;
  border-bottom: 1px solid transparent;
}
.pagination li .page-numbers:not(.current):not(.next):not(.prev) {
  color: var(--color2);
}
.pagination li .page-numbers:hover,
.pagination li .page-numbers:focus {
  border-bottom-color: currentColor;
}
.pagination li .page-numbers.current {
  cursor: default;
  border-bottom-color: currentColor;
}
.pagination li .page-numbers.dots {
  color: var(--border1) !important;
  margin: .75rem 0;
}
.pagination li .page-numbers.next,
.pagination li .page-numbers.prev {
  margin: 0;
  padding: 0;
  border-bottom: 0;
  transition: opacity .2s;
}
.pagination li .page-numbers.next:hover,
.pagination li .page-numbers.prev:hover {
  opacity: .5;
}
.pagination li .page-numbers.prev i.arrow {
  transform: rotate(180deg);
}

@media (min-width: 576px) {
  .pagination ul {
    margin: 0 -1.25rem;
  }
  .pagination li .page-numbers {
    margin: .75rem 1.25rem;
  }
  .pagination li .page-numbers.next {
    margin-left: .75em;
  }
  .pagination li .page-numbers.prev {
    margin-right: .75em;
  }
  .pagination li .page-numbers.dots {
    margin: .75rem .5em;
  }
}

/* ==========================================================================
   Pagination - Single
========================================================================== */
.pagenav ul {
  justify-content: space-between;
}
.pagenav li {
  min-width: 3em;
}
.pagenav li a:not(.btn) {
  display: inline-block;
  padding: 0;
}
.pagenav li.prev i.arrow {
  transform: rotate(180deg);
}
.pagenav li.back .btn {
  width: 150px;
  text-align: center;
}

/* ==========================================================================
   Banner
========================================================================== */
@media (max-width: 991px) {
  #other-contents .section__header .en_ttl {
    font-size: 1.875rem;
  }
}
@media (max-width: 575px) {
  #other-contents .section__header .en_ttl {
    letter-spacing: .08em;
  }
}

.bnr {
  display: block;
  height: 8.5em;
  color: #FFF;
  margin-bottom: 1px;
  transition: none;
  background-size: cover;
  background-position: center center;
}
.bnr .txtBox {
  width: 100%;
  height: 100%;
  padding: 0 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(54,35,15,0.48);
  color: #FFF;
  margin-bottom: 1px;
  transition: backdrop-filter .4s, background .4s;
  position: relative;
}
.bnr .en_ttl {
  font-family: var(--font1);
}
.bnr .ttl {
  margin-bottom: .25em;
}
.bnr:hover .txtBox {
  backdrop-filter: blur(4px);
}
@media (max-width: 767px) {
  .bnr i {
    position: absolute;
    right: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .bnr .txtBox {
    padding: 0 calc((100vw - 490px) /2);
  }
  .bnr i {
    right: calc((100vw - 490px) /2);
  }
}
@media (min-width: 768px) {
  .bnr {
    height: 18em;
    margin-bottom: 0;
  }
  .bnr-list li:not(:last-child) .bnr {
    margin-right: 1px;
  }
  .bnr .txtBox {
    align-items: center;
  }
  .bnr i {
    margin-top: 1.5em;
  }
}
@media (min-width: 992px) {
  .bnr {
    height: 22.25em;
  }
}



#bnr-reason .bnr {
  background-position: 85% center;
}


/* ==========================================================================
   Form
========================================================================== */
.form-box {
  border-top: 1px solid var(--border2);
  overflow: hidden;
}
.form-group {
  padding: 1.75em 0;
  border-bottom: 1px solid var(--border2);
}
.form-label {
  font-family: var(--mincho);
  font-size: .938rem;
  line-height: 1.25;
  color: var(--color2);
  margin-bottom: .75em;
}
.form-box .buttons  {
  text-align: center;
}
.form-box .buttons .btn  {
  text-align: center;
}
.form-box .buttons .btn.btn-back  {
  opacity: .5;
  width: 120px;
  padding: 1em;
}
.form-box .buttons .btn.btn-back::before  {
  display: none;
}
@media (min-width: 768px) {
  .form-label {
    margin-bottom: 0;
  }
  .form-label {
    line-height: 2.285rem;
  }
  .mw_wp_form_input .form-label {
    line-height: 56px;
  } 
}
@media (min-width: 992px) {
  .form-label {
    font-size: 1.125rem;
  }
  .form-box .buttons .btn  {
    font-size: 1.375rem;
  }
}
@media (min-width: 1200px) {
  .form-label {
    padding-left: 3em;
  }
}

.form-box .mw_wp_form .error {
  font-size: 50% !important;
  color: var(--red) !important;
}

.form-box .bd-field {
  width: 100%;
  max-width: 28.25rem;
  display: flex;
}
.form-box .bd-field > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.form-box .bd-field > div .form-control {
  max-width: calc(100% - 3rem);
}
.form-box .bd-field > div span:not(.error) {
  margin: 0 1em 0 .5em;
}
.form-box .bd-field > div span.error {
  order: 5;
  flex: 0 0 100%;
  max-width: 140px;
}
@media (min-width: 576px) {
  .form-box .bd-field > div .form-control {
    max-width: calc(100% - 2.5rem);
  }
}



input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
button,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  background-color: #FFF;
  border: 1px solid transparent;
  border-radius: 10px;
  outline: 0;
  box-sizing: border-box;
  font-size: 16px;
  color: inherit;
  max-width: 100%;
  transition: border 0.2s ease-out;
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--l-gray2);
}
/* スピンボタン非表示 chrome,safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button {
  /*-webkit-appearance: none;
  margin: 0;*/
  display: none;
}
/* スピンボタン非表示(firefox) */
input[type="number"],
input[type="month"],
input[type="datetime-local"],
input[type="week"],
input[type="time"],
input[type="date"] {
  -moz-appearance: textfield;
}
/* クリアボタン非表示 */
input[type="date"]::-webkit-clear-button,
input[type="month"]::-webkit-clear-button,
input[type="datetime-local"]::-webkit-clear-button,
input[type="time"]::-webkit-clear-button,
input[type="week"]::-webkit-clear-button {
  -webkit-appearance: none;
}


input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"] {
  height: 56px;
  padding: 14px;
}
textarea {
  padding: 14px;
}
select {
  height: 56px;
  padding: 14px 56px 14px 14px;
  background: #FFF url(../img/icon-arrow-down.svg) no-repeat center right 14px / 11px 7px;
}
select::-ms-expand {
  display: none;
}
label {
  display: inline-block;
}
input[type="radio"] {
  width: 22px;
  height: 22px;
  background: #FFF;
  border-color: transparent;
  outline: none;
  margin: 17px 8px 0 0 !important;
}
input[type="radio"] + span {
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
  margin: 17px 16px 0 0 !important;
}

*::-webkit-input-placeholder {
  color: #D1CFCD;
}
*:-moz-placeholder {
  color: #D1CFCD;
}
*::-moz-placeholder {
  color: #D1CFCD;
}
*:-ms-input-placeholder {
  color: #D1CFCD;
}

.req {
  color: var(--red);
  font-size: 80%;
  vertical-align: top;
  margin-left: .5em;
}

@media (min-width: 768px) {
  .pcOnly{
    display: block;
  }
  .spOnly{
    display: none;
  }
}
@media (max-width: 767px) {
  .pcOnly{
    display: none;
  }
  .spOnly{
    display: block;
  }
}



/****************************************************************************
   PRINT STYLE
****************************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }

