/*
  PROJECTS
*/
/*------------------------
  Contents
------------------------*/
.content-box {
  position: relative;
  margin-top: 12.5%; }
  .content-box .image {
    margin-right: 8.33vw;
    height: 520px;
    overflow: hidden;
    position: relative; }
    .content-box .image img {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0);
      /*max-width: none;
      min-height: 100%;
      min-width: 100%;*/}
  .content-box:nth-child(odd) .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-left: 8.33vw;
    margin-right: 0; }
  .content-box .text-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0; }
    .content-box .text-wrap::before {
      content: '';
      width: 50%;
      height: calc(100% - 90px);
      background: #fff;
      position: absolute;
      left: 0;
      top: 0; }
    .content-box .text-wrap .wrapper {
      height: 100%; }
    .content-box .text-wrap .text {
      width: 50%;
      padding: 0 8.33vw;
      position: relative; }
    .content-box .text-wrap p {
      font-weight: 500;
      line-height: 2.2; }
  .content-box:nth-child(even) .text-wrap {
    left: 0;
    right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }
    .content-box:nth-child(even) .text-wrap::before {
      left: auto;
      right: 0; }
  .content-box .tit {
    margin-bottom: 70px;
    position: relative;
    font-weight: 400; }
    .content-box .tit .en {
      color: #b61e28;
      font-size: 5.5rem;
      font-family: 'Poppins', sans-serif; }
    .content-box .tit .jp {
      color: #8a8a8a;
      font-size: 1.4rem;
      font-weight: 500;
      letter-spacing: .05em;
      position: absolute;
      display: block;
      right: 0;
      top: -1.5em; }

.container .content-box:nth-child(1) {
  margin-top: 0; }

@media screen and (max-width: 768px) {
  .content-box {
    margin-top: 16%; }
    .content-box .image {
      margin-right: 5.33vw;
      height: 49vw; }
      .content-box .image img {
		  /*min-height: 100%;*/
		max-width: calc(100% / 0.8);
		}
}
    .content-box:nth-child(odd) .image {
      margin-left: 5.33vw; }
    .content-box .text-wrap {
      position: relative;
      top: auto; }
      .content-box .text-wrap::before {
        width: calc(100% - 5.33vw);
        height: 100%;
        top: -50px; }
      .content-box .text-wrap .wrapper {
        height: 100%; }
      .content-box .text-wrap .text {
        width: 100%;
        padding: 0 5.33vw 0 10.66vw;
        margin-top: -10px; }
      .content-box .text-wrap p {
        line-height: 2;
        font-size: 1.6rem; }
    .content-box .tit {
      margin-bottom: 30px; }
      .content-box .tit .en {
        font-size: 5.3rem; }
      .content-box .tit .jp {
        font-size: 1.4rem;
        right: 5.33vw;
        top: -2em; }