@charset "UTF-8";

/* ==========================================================================
   archive
========================================================================== */


/* ==========================================================================
   single
========================================================================== */
/* =========================
   #intro
========================= */
#intro {
  background: url(img/intro_bg-txt.svg) no-repeat 2% 70vw / 85%;
}
#intro .over figure {
  box-shadow: 0 3px 15px rgba(0,0,0,.1);
  position: relative;
}
#intro .over .fit-img {
  height: 70vw;
  max-height: 24rem;
}

#intro .meta .position {
  display: block;
  color: var(--color1);
  font-size: .75rem;
}
#intro .meta .name {
  display: block;
  font-size: 1rem;
  font-weight: 700;
}

@media (min-width: 576px) {
  #intro {
    background-position: 2% 26rem;
  }
}
@media (min-width: 992px) {
  #intro {
    background-position: 10% 24%;
    background-size: 65%;
  }
  #intro .txtBox {
    padding-top: 3em;
  }
  #intro .imgBox * {
    height: 100%;
  }
  #intro .over .fit-img {
    height: 100%;
    max-height: inherit;
  }
}
@media (min-width: 1200px) {
  #intro {
    background-size: 55%;
  }
}


/* =========================
   #main-work
========================= */
#main-work .box {
  background: var(--white);
  padding: 7% 6%;
  margin: 20px 0;
}
#main-work .box .en_ttl {
  color: var(--color1);
  font-weight: 300;
  line-height: 1.5;
}
@media (min-width: 768px) {
  #main-work .box {
    padding: 4% 5%;
  }
}


/* =========================
   content
========================= */
.single .entry__content h3 {
  color: var(--color1);
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: .06em;
  border-bottom: 1px solid var(--border1);
  padding-bottom: 1rem;
}

@media (min-width: 992px) {
  .single .entry__content .inner{
  }
  .single .entry__content .inner .imgBox{
    width: 100%;
    pointer-events: none;
  }
  .single .entry__content .inner .imgBox figure {
    margin: 0;
    width: 50%;
  }
  .single .entry__content .inner .imgBox img {
    margin: 0;
  }
  .single .entry__content .inner .txtBox-content{
    padding: 0 0 0 calc(50% + 70px);
  }
  .single .entry__content .inner .txtBox-content > *:first-child{
    margin-top: 0;
  }
  .single .entry__content h3.arrow-label {
    font-size: 1.375rem;
  }


  .js-fix-area {
    position: relative;
  }
  .js-fix {
    position: absolute;
    top: 0;
  }
  .js-fix.is-fixed {
    position: fixed;
  }
}