@charset "UTF-8";
/*! Writen  by SCSS */
/*	モーダル	*/
.modal_cont {
  display: none; }

.iziModal {
  background: none !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important; }

.modal_box {
  margin: 0 auto;
  padding: 0 70px;
  position: relative;
  max-width: 1100px; }
  @media screen and (max-width: 768px) {
    .modal_box {
      padding: 30px 20px; } }
  .modal_box .cap_l {
    margin-top: 10px;
    color: #fff;
    display: block;
    width: 100%;
    line-height: 1; }
  .modal_box .m_box {
    padding: 22px 17px;
    position: relative;
    background: #FFF;
    border-radius: 10px;
    flex-direction: row-reverse; }
    @media screen and (max-width: 768px) {
      .modal_box .m_box {
        flex-wrap: wrap;
        padding: 20px 17px; } }
    .modal_box .m_box p {
      font-size: 15px;
      line-height: 2.2;
      color: #060; }
      @media screen and (max-width: 960px) {
        .modal_box .m_box p {
          font-size: 13px; } }
      @media screen and (max-width: 768px) {
        .modal_box .m_box p {
          font-size: 15px; } }
      @media screen and (max-width: 480px) {
        .modal_box .m_box p {
          font-size: 13px; } }
  .modal_box a.close {
    position: absolute;
    top: 20px;
    right: 20px;
    border: none;
    width: auto;
    height: auto;
    background: none;
    cursor: pointer;
    z-index: 1000; }
    .modal_box a.close span {
      font-size: 40px;
      color: #FFF;
      display: block;
      line-height: 1;
      transform-origin: center;
      transition: 0.6s all ease-in-out 0s;
      text-shadow: 0 0 3px rgba(0, 0, 0, 0.8), 0 0 8px rgba(0, 0, 0, 0.7), 0 2px 6px rgba(0, 0, 0, 0.6); }
      .modal_box a.close span:hover {
        transform: rotate(360deg); }
  .modal_box .controls {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    @media screen and (max-width: 768px) {
      .modal_box .controls {
        position: relative;
        max-width: 120px;
        margin: 20px auto 0;
        display: flex;
        justify-content: space-between; } }
    .modal_box .controls li {
      position: absolute;
      top: 50%;
      margin-top: -35px;
      cursor: pointer;
      width: 50px;
      height: 50px;
      border: 1px solid #FFF;
      border-radius: 100px; }
      @media screen and (max-width: 768px) {
        .modal_box .controls li {
          position: static;
          margin-top: 0; } }
      .modal_box .controls li span {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 0;
        height: 0;
        border: 8px solid transparent; }
      .modal_box .controls li.prev {
        left: 10px; }
        .modal_box .controls li.prev span {
          margin-left: 8px;
          border-right: 14px solid #FFF; }
      .modal_box .controls li.next {
        right: 10px; }
        .modal_box .controls li.next span {
          margin-right: 8px;
          border-left: 14px solid #FFF; }

/* sec02 */

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