/*SP*/
@charset "utf-8";

/*トップの動き*/
.parallax-section {  background-image:url('../img/photo_top.jpg'); margin-bottom:0; }
section.parallax-section { background-position: -70vw; }
.content h1{ color:#fff; }

/*レイアウト*/
.contents { margin-bottom: 80px; }
.contents_wrap { background:#fff; color:#000; padding:0 0; }
.contents .content_wrap { margin: 140px 0 0; }
.contents .flex_wrap_pc { margin: 140px 0 0; }
.contents .content_wrap:first-child { margin: 0; }
.contents .figure_wrap { text-align: center; }
.content_business p { margin: 20px 0; }
@media only screen and (min-device-width: 768px) and (max-device-width:1280px) {
  .contents { width:90%; }
}
@media screen and (min-width:1281px) {
  .contents { width:1080px; }
}


/*コピー*/
.contents .content_business { position: relative; }
.content_business h2 { font-size: 18px; }
.copy_english { position: absolute; top: -56px; left: -20px; font-size: 80px; line-height: 1em; color: #F5F5F5; mix-blend-mode: multiply; }
.copy { padding: 0 0 20px; font-size: 24px; }

/*画像*/
.img_wrap { position: relative; width: 100%; height: 100%; }
.contents .figure_wrap .img_wrap img { width: 290px; margin: 20px 0 0; }
@media screen and (max-width:768px) {
  .contents .figure_wrap .img_wrap img { width:100%; }
}
.main_img img { width: 100vw; margin: 0 calc(50% - 50vw); }
.sub_img img { width: 75vw; margin: 0 calc(50% - 50vw) 0 calc(65vw - 50%); }
.flex_wrap_pc .main_img img { height: 45vw; object-fit: cover; }
.object_position_top img { object-position: top; }

/*PC*/
@media screen and (min-width:768px) {
  /*トップの動き*/
  section.parallax-section { background-position: center; }

  /*レイアウト*/
  .contents_wrap { padding:120px 0; }
  .contents .content_wrap { margin: 80px 0 0; }
  .contents .figure_wrap .content_business { width: 100%; margin-bottom: 160px; }
  .contents .figure_wrap .content_business span { font-size: 24px; }
  .contents .content_business { width:60%; }
  .contents .n1_wrap .content_business  { margin: 0 0 0 40%;}
  .n2_wrap p { height: 380px; }
  .flex_wrap_pc { display: flex; justify-content: space-between; }
  .flex_wrap_pc .content_wrap { margin: 0 0 0; }
  .flex_wrap_pc .n1_wrap .content_business { margin: 0 0 0 0;}
  .contents .flex_wrap_pc .content_business { width: 500px; }
 


  /*コピー*/
  .copy_english { position: absolute; top: 480px; left: -420px; font-size: 96px; letter-spacing: 0.04em; z-index: 2;}
  .n1_wrap .copy_english { top: 460px; left: -420px; }
  .n2_wrap .copy_english { top: 460px; left: auto; right: -420px; }
  .copy { font-size: 32px; }
  .flex_wrap_pc .copy_english { display: none; }

  /*画像*/
  .contents .figure_wrap .img_wrap img { width:100%; margin: 40px 0 0; }
  .main_img,.sub_img { overflow: hidden; }
  .main_img { height: 360px; }
  .main_img img { width: 100%; object-fit: cover; margin: 0; }
  .n1_wrap .main_img { width: calc(120px + 50vw); max-width: 800px; }
  .n2_wrap .main_img { width: 800px; }
  .sub_img { position: absolute; width: 360px; height: 380px; }
  .sub_img img { width: 100%; height: 100%; object-fit: cover; margin: 0; }
  .n1_wrap .sub_img { top: 80px; left: -420px; }
  .n2_wrap .sub_img { top: 610px; left: 720px; }
  .flex_wrap_pc .main_img { width: 100%; height: auto; }
  .flex_wrap_pc .main_img img { width: 100%; height: auto; }
}

@media screen and (min-width:1280px) {
  .contents .content_business { width: 660px; }
  .contents .n1_wrap .content_business  { margin: 0 0 0 420px;}
  .flex_wrap_pc .content_wrap { margin: 250px 0 0; }

}





@media screen and (min-width:768px) and (max-width:1080px) {
  .contents .flex_wrap_pc .content_business { width: calc(45vw - 40px); }
}


/*アニメーション*/
.img_animation img { animation: zoomIn 2.5s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
@keyframes zoomIn {
  0% { transform: scale(1.5); opacity: 0;}
  100% { transform: scale(1); opacity: 1;}
}
/*
.img_wrap::before { animation: img_wrap 2s cubic-bezier(0.4, 0, 0.2, 1) forwards; background: #fff; content: ''; inset: 0; pointer-events: none; position: absolute; z-index: 1; }
@keyframes img_wrap {
  100% { transform: translateX(100%); }
}
*/

/*.fadeRight{ animation-name:fadeRightAnime; animation-duration:1s; animation-fill-mode:forwards; opacity:0; }
@keyframes fadeRightAnime{
  from { opacity: 0; transform: translateX(-200px); }
  to { opacity: 1; transform: translateX(0); }
}
@media screen and (min-width:768px) {
  .fadeRight{ animation-name:fadeRightAnime; animation-duration:1.5s; animation-fill-mode:forwards; opacity:0; }
  @keyframes fadeRightAnime{
    from { opacity: 0; transform: translateX(100px); }
    to { opacity: 1; transform: translateX(0); }
  }
}*/

/*事業推進*/
.n2_wrap .copy_english.copy_english.longleft { width:100%; right:initial; left:0; }
@media screen and (min-width:768px) {
  .contents .content_business .sub_img.positiontop { position:absolute; top:0; }

}
@media screen and (min-width:1080px) {
  .n2_wrap .copy_english.copy_english.longleft { width:870px; }
  .n2_wrap .copy_english.copy_english.position-bottom { top:initial; bottom:0; }
}

.color_gold { color:#B39721; }
.color_blue { color:#217BB3 }
.color_blown { color:#B34321; }
.color_lightred { color:rgba(179, 66, 33, 0.1);}
.color_lightgold { color:rgba(179, 151, 33, 0.1);}
.color_lightblue { color:rgba(33, 123, 179, 0.1);}
.color_lightblown { color:rgba(179, 67, 33, 0.1) ; }

.mt-minus-100 {margin-top: -100px;}