/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Page Style

/////////////////////////////////////////////////////////////////////////////////////////////////*/

.inner { padding-bottom: 0;}

.ttl-block .txt-area {
  display: flex;
  justify-content: space-between;
  padding: 50px;
}
.ttl-block .txt-area p {
  width: calc(50% - 25px);
}

.img-area { 
  margin: 50px 0 80px;
}
.img-area.max-1000 img { 
  max-width: 1000px; 
  margin: 0 auto;
}
.img-area .btn-arrow {
  margin: 50px auto 0;
}

.r-img {
  display: flex;
  align-items:flex-start;
  padding: 50px;
  position: relative;
  border-bottom: #f0f0f0 2px solid;
}
.r-img img { max-width: 558px;}
.r-img .data-block {
  flex: 1;
  padding: 0 50px 0 0;
  margin-top: 50px;
  border-top: none;
}

/* [SP] */
@media screen and (max-width: 767px) {

  .inner { padding: 0;}

  .ttl-block .txt-area { display: block; padding: 50px 20px;}
  .ttl-block .txt-area p { width: 100%; margin-bottom: 1em;}
  .ttl-block .txt-area p:last-child { margin-bottom: 0;}

  .img-area { margin: 30px 20px 50px;}
  .img-area .btn-arrow { margin-top: 20px;}
  
  .item-list { padding: 0 20px;}
  .r-img { display: block; padding: 30px 0; border-width: 1px;}
  .r-img .data-block { padding: 0; margin: 0 0 20px;}
}