.model_sec .sec_ttl {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 22px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 45px; }
  @media screen and (max-Width: 644px) {
    .model_sec .sec_ttl {
      margin-bottom: 20px; } }

.model_img figure {
  position: relative; }
  .model_img figure figcaption {
    font-size: 1rem;
    color: #fff;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6); }

.view {
  overflow: hidden; }
  .view .view_in {
    transform: scale(1.1);
    font-weight: 500;
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    opacity: 0;
    transition: transform 2s ease-in-out, opacity 2s ease-in-out, -webkit-clip-path 1.5s ease-in-out;
    transition: clip-path 1.5s ease-in-out, transform 2s ease-in-out, opacity 2s ease-in-out;
    transition: clip-path 1.5s ease-in-out, transform 2s ease-in-out, opacity 2s ease-in-out, -webkit-clip-path 1.5s ease-in-out; }
    @media screen and (max-width: 644px) {
      .view .view_in {
        transition: transform 4s ease-in-out, opacity 3s ease-in-out, -webkit-clip-path 2s ease-in-out;
        transition: clip-path 2s ease-in-out, transform 4s ease-in-out, opacity 3s ease-in-out;
        transition: clip-path 2s ease-in-out, transform 4s ease-in-out, opacity 3s ease-in-out, -webkit-clip-path 2s ease-in-out; } }
    .view .view_inspan {
      display: inline-block; }
    @media screen and (max-width: 644px) {
      .view .view_in.sp_scale1 {
        transform: scale(1); } }
  .view.active .view_in {
    transform: scale(1);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    opacity: 1; }

.cl2_item {
  max-width: 1010px;
  width: calc(100% - 40px);
  margin: 0 auto;
  display: flex;
  align-items: stretch; }
  @media screen and (max-Width: 644px) {
    .cl2_item {
      flex-direction: column; } }
  @media screen and (max-Width: 644px) {
    .cl2_item + .cl2_item {
      margin-top: 100px; } }
  .cl2_item.re {
    flex-direction: row-reverse; }
    @media screen and (max-Width: 644px) {
      .cl2_item.re {
        flex-direction: column; } }
  .cl2_item .sec_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%; }
    @media screen and (max-Width: 644px) {
      .cl2_item .sec_ttl {
        width: 100%; } }
  .cl2_item .model_img {
    width: 50%; }
    @media screen and (max-Width: 644px) {
      .cl2_item .model_img {
        width: 100%; } }

.sec01,
.sec02,
.sec03 {
  margin-bottom: 175px; }
  @media screen and (max-Width: 644px) {
    .sec01,
    .sec02,
    .sec03 {
      margin-bottom: 100px; } }

.sec01 {
  padding-top: 216px; }
  @media screen and (max-Width: 644px) {
    .sec01 {
      padding-top: 60px; } }

.sec04 {
  margin-bottom: 170px; }
  @media screen and (max-Width: 644px) {
    .sec04 {
      margin-bottom: 100px; } }

.sec05 {
  margin-bottom: 155px; }
  @media screen and (max-Width: 644px) {
    .sec05 {
      margin-bottom: 100px; } }

.img_cap.black {
  color: #000; }
.img_cap.left {
  right: auto;
  left: 0; }

@media screen and (max-Width: 644px) {
  .js-scrollable {
    overflow-x: scroll !important; } }

@media screen and (max-Width: 644px) {
  .scroll_sp {
    width: 200%; } }

/*# sourceMappingURL=modelroom.css.map */