@charset "UTF-8";

    /** {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body {
      padding: 0 15px;
      color: #55554b;
      font-family: "Mplus 1p";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
      background-color: #fbfbf8;
    }
    .timeline {
      margin: 3em auto;
      max-width: 500px;
      list-style: none;
      background-color: #fff;
      box-shadow: 0 3px 20px rgba(184, 184, 141, 0.3);
    }
    .timeline > li {
      padding: 1.4em 1.5em 1.4em 5em;
      cursor: pointer;
    }
    .timeline > li + li {
      border-top: 1px solid #eaeae0;
    }
    .timeline > li::after {
      display: table;
      content: '';
      clear: both;
    }
    .timeline > li:hover {
      background-color: #fdfdf6;
    }*/
    /*.avatar {
      float: left;
      margin-left: -3.5em;
      width: 54px;
      height: 54px;
      border-radius: 100%;
  }
    .content {
      margin-left: .9em;
    }
    .content > span {
      display: inline-block;
      margin-bottom: .2em;
      font-weight: bold;
    }
    .content > p {
      text-align: justify;
      text-justify: inter-ideograph;
      line-height: 1.4;
      font-size: .95em;
    }*/
    .overlay01,.overlay02,.overlay03,.overlay04 {
      display: none;
      position: fixed;
      top: -10px;
      left: 0;
      right: 0;
      bottom: -10px;
      background-color: rgba(0, 0, 0, .45);
      overflow: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      z-index:102;
    }
    .container {
      display: table;
      padding: 10px 0;
      width: 100%;
      height: 100%;
    }
    .inner {
      display: table-cell;
      padding: 2.5vw;
      vertical-align: middle;
    }
    .modal {
      margin: 0 auto;
      padding: 0;
      max-width: 550px;
      text-align: justify;
      text-justify: inter-ideograph;
      border-radius: 0;
      background-color: #fff;
      box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
          overflow: hidden;
    }
    .modal::after {
      display: table;
      content: '';
      clear: both;
    }
.button {
    /* float: right; */
    /* margin-top: .8em; */
    /* padding: .5em 1.4em; */
    /* color: #fff; */
    /* font-size: .95em; */
    /* border: 0; */
    /* border-radius: 4px; */
    /* outline: 0; */
    cursor: pointer;
    /* -webkit-appearance: none; */
    -moz-appearance: none;
    appearance: none;
    width: calc(13.2rem / 1.5);
    margin: 2rem auto;
    /* text-align: center; */
    display: block;
        border: none;
    background: none;
}



/*追記*/
.modalKv{
    margin-top: 3rem;
}
.modalKv img{
    transform: scale(1.2);
}
.modalInnerBox{
    width: 85%;
    margin:4rem auto 4rem auto;
}
.modalInnerBox h2 {
    font-size: 2.8rem;
    font-weight: 400;
    color: #FF565D;
    position: relative;
    display: inline-block;
    margin-bottom: 2.5rem;
}
.modalInnerBox h2:before{
    content: "";
    width: 200%;
    height: 2px;
    display: block;
    background:#C4092D;
    position: absolute;
    bottom: 0;
    left: -100%;
}
.modalInnerBox p{
    margin-bottom:1.8rem;
}
.modalInnerBox p br{
    display: none;
}
/*色*/
.coLightRed{
    color: #FF565D;
    font-size: 400;
}

.modalSmallBox {
    /* display: flex; */
    margin-top: 4rem;
}
.modalSmallBox p{
    line-height: 1.5;
}
.modalSmallBox p br{
    display: block;
}
.modalSmallBox p:nth-child(1) {
    font-size: 1.5rem;
    margin-bottom: 0.6rem;
}
.modalSmallBox p:nth-child(2) {
    font-size: 2.8rem;
    /* margin-left: 1rem; */
}


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

 ▼▼ 表示 min-768px ▼▼

////////////////////////////////////////////////////////////*/
@media (min-width:768px) {

.modal {
    max-width: 940px;
}
.modalKv img {
    transform: scale(1.0);
}
.modalInnerBox p br{
    display: block;
}
.modalSmallBox {
    display: flex;
    justify-content: flex-end;
}
.modalSmallBox p:nth-child(1) {
    margin-right: 3rem;
}

}/*PC表示 min-768pxここまで */

