@charset "UTF-8";
/*******　人事制度　*******/
.wlb {
  width: 100%;
  overflow-x: hidden; }
  .wlb .keyvisual {
    width: 100vw;
    aspect-ratio: 390 / 400;
    background-image: url("../../wlb/img/wlb_kv_sp.jpg");
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 769px) {
      .wlb .keyvisual {
        width: 100%;
        aspect-ratio: 1920 / 700;
        background-image: url("../../wlb/img/wlb_kv_pc.jpg"); } }
  .wlb .keyvisual-inner {
    width: 100vw;
    padding-top: calc(115 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .wlb .keyvisual-inner {
        width: 100%;
        padding-top: calc(375 / 1920 * 100vw); } }
  .wlb .keyvisual-inner-logo {
    width: calc(330 / 390 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .wlb .keyvisual-inner-logo {
        width: calc(858 / 1920 * 100vw); } }
  .wlb .keyvisual-inner-lead {
    width: calc(370 / 390 * 100vw);
    margin: calc(35 / 390 * 100vw) auto 0;
    font-size: calc(14 / 390 * 100vw);
    font-weight: 600;
    line-height: 1.7;
    text-align: center; }
    @media only screen and (min-width: 769px) {
      .wlb .keyvisual-inner-lead {
        width: calc(858 / 1920 * 100vw);
        margin: calc(95 / 1920 * 100vw) auto 0;
        font-size: calc(35 / 1920 * 100vw);
        line-height: 1.65; } }
  .wlb .outline {
    width: 100%;
    position: relative;
    padding: calc(47 / 390 * 100vw) 0 calc(55 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .wlb .outline {
        margin: calc(0 / 1080 * 100vw) auto 0;
        padding: calc(125 / 1080 * 100vw) 0 calc(188 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .wlb .outline {
        margin: 0px auto 0;
        padding: 125px 0 188px; } }
    @media only screen and (min-width: 1981px) {
      .wlb .outline {
        margin: 0px auto 0; } }
  .wlb .page-title {
    position: absolute;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: calc(340 / 390 * 100vw);
    height: calc(62 / 390 * 100vw);
    margin: auto;
    top: calc(-60 / 390 * 100vw);
    left: 0;
    right: 0; }
    @media only screen and (min-width: 769px) {
      .wlb .page-title {
        width: calc(960 / 1080 * 100vw);
        height: calc(110 / 1080 * 100vw);
        top: calc(-60 /1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .wlb .page-title {
        width: 960px;
        height: 110px;
        top: -60px; } }
  .wlb .outline-inner {
    width: calc(300 / 390 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .wlb .outline-inner {
        width: calc(878 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .wlb .outline-inner {
        width: 878px; } }
  .wlb .outline-inner-text {
    margin: 0 auto 0; }
    @media only screen and (min-width: 769px) {
      .wlb .outline-inner-text {
        margin: 0 auto 0; } }
    @media only screen and (min-width: 1080px) {
      .wlb .outline-inner-text {
        margin: 0 auto 0; } }
  .wlb .h2-text {
    font-size: calc(20 / 390 * 100vw);
    line-height: 1.5;
    font-weight: 600;
    text-align: center; }
    @media only screen and (min-width: 769px) {
      .wlb .h2-text {
        font-size: calc(33 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .wlb .h2-text {
        font-size: 3.3rem; } }
  .wlb .h2-text-w {
    color: #FFF;
    font-size: calc(20 / 390 * 100vw);
    line-height: 1.5;
    font-weight: 600;
    text-align: center; }
    @media only screen and (min-width: 769px) {
      .wlb .h2-text-w {
        font-size: calc(33 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .wlb .h2-text-w {
        font-size: 3.3rem; } }
  .wlb .h3-text {
    font-size: calc(20 / 390 * 100vw);
    line-height: 1.5;
    font-weight: 600;
    text-align: left; }
    @media only screen and (min-width: 769px) {
      .wlb .h3-text {
        font-size: calc(33 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .wlb .h3-text {
        font-size: 3.3rem; } }
  .wlb .h3-text_full {
    width: 100%;
    font-size: calc(20 / 390 * 100vw);
    line-height: 1.5;
    font-weight: 600;
    text-align: left;
    margin-bottom: 1em; }
    @media only screen and (min-width: 769px) {
      .wlb .h3-text_full {
        font-size: calc(33 / 1080 * 100vw);
        margin-bottom: 0; } }
    @media only screen and (min-width: 1080px) {
      .wlb .h3-text_full {
        font-size: 3.3rem; } }
  .wlb .h3-pink {
    color: #df6a86;
    font-size: calc(14 / 390 * 100vw);
    line-height: 1.7;
    font-weight: 600;
    text-align: left; }
    @media only screen and (min-width: 769px) {
      .wlb .h3-pink {
        font-size: calc(18 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .wlb .h3-pink {
        font-size: 1.8rem; } }
  .wlb .body-text {
    line-height: 1.7em; }
  .wlb .h3-text + .body-text {
    margin-top: 1em; }
    @media only screen and (min-width: 769px) {
      .wlb .h3-text + .body-text {
        margin-top: 1em; } }
  .wlb .h2-text + .h3-acc_square {
    margin-top: 1.8em; }
  .wlb .h3-acc_square + .body-text {
    margin-top: 1em; }
    @media only screen and (min-width: 769px) {
      .wlb .h3-acc_square + .body-text {
        margin-top: 1.2em; } }
  .wlb .note {
    text-align: right;
    margin-top: 0.5em;
    font-size: calc(12 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .wlb .note {
        font-size: calc(12 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .wlb .note {
        font-size: 1.2rem; } }
  .wlb .note02 {
    text-align: right;
    margin-top: 1.5em;
    font-size: calc(12 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .wlb .note02 {
        font-size: calc(12 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .wlb .note02 {
        font-size: 1.2rem; } }
  .wlb .system-list {
    width: calc(350 / 390 * 100vw);
    margin: calc(25 / 390 * 100vw) auto 0; }
    @media only screen and (min-width: 769px) {
      .wlb .system-list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
        margin: calc(40 / 1080 * 100vw) auto 0; } }
    @media only screen and (min-width: 1080px) {
      .wlb .system-list {
        margin: 40px auto 0; } }
    .wlb .system-list dt p {
      background: #87919b;
      width: 12.5em;
      text-align: center;
      font-size: calc(17 / 390 * 100vw);
      color: #FFF;
      font-weight: 600;
      margin: 0 auto;
      padding: 0.3em 0;
      border-radius: 3em; }
      @media only screen and (min-width: 769px) {
        .wlb .system-list dt p {
          font-size: calc(18 / 1080 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1080px) {
        .wlb .system-list dt p {
          font-size: 1.8rem; } }
    .wlb .system-list dd {
      width: 100%;
      font-size: calc(14 / 390 * 100vw);
      line-height: 1.7em;
      margin: 0.5em 0 0; }
      @media only screen and (min-width: 769px) {
        .wlb .system-list dd {
          font-size: calc(16 / 1080 * 100vw);
          width: calc(100% - 14.5em);
          margin: 0 0 2em;
          padding-left: 1.5em; } }
      @media only screen and (min-width: 1080px) {
        .wlb .system-list dd {
          font-size: 1.6rem; } }
    .wlb .system-list dd + dt {
      margin-top: calc(30 / 390 * 100vw); }
      @media only screen and (min-width: 769px) {
        .wlb .system-list dd + dt {
          margin: 0; } }
  .wlb .column-pink {
    position: relative;
    background-color: #fcf0f3;
    width: 100%;
    margin: calc(78 / 390 * 100vw) auto 0;
    padding: calc(67 / 390 * 100vw) calc(24 / 390 * 100vw) calc(63 / 390 * 100vw);
    text-align: center; }
    @media only screen and (min-width: 769px) {
      .wlb .column-pink {
        width: calc(960 / 1080 * 100vw);
        margin: calc(110 / 1080 * 100vw) auto 0;
        padding: calc(75 / 1080 * 100vw) 0 calc(45 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .wlb .column-pink {
        width: 960px;
        margin: 110px auto 0;
        padding: 75px 0 45px; } }
    .wlb .column-pink .column-baloon {
      position: absolute;
      top: calc(-21 / 390 * 100vw);
      left: 0;
      right: 0;
      margin: auto; }
      @media only screen and (min-width: 769px) {
        .wlb .column-pink .column-baloon {
          top: calc(-33 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .wlb .column-pink .column-baloon {
          top: -33px; } }
    @media only screen and (min-width: 769px) {
      .wlb .column-pink .two-block {
        display: flex;
        justify-content: space-between;
        width: calc(840 / 1080 * 100vw);
        margin: 0 auto; } }
    @media only screen and (min-width: 1080px) {
      .wlb .column-pink .two-block {
        width: 840px; } }
    .wlb .column-pink .two-block .ph {
      width: calc(240 / 390 * 100vw);
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .wlb .column-pink .two-block .ph {
          width: calc(240 / 1080 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1080px) {
        .wlb .column-pink .two-block .ph {
          width: 240px; } }
      .wlb .column-pink .two-block .ph .cap {
        text-align: center;
        font-size: calc(12 / 390 * 100vw);
        line-height: 1.4em;
        margin: 1em auto 0; }
        @media only screen and (min-width: 769px) {
          .wlb .column-pink .two-block .ph .cap {
            font-size: calc(12 /1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .wlb .column-pink .two-block .ph .cap {
            font-size: 12px; } }
    .wlb .column-pink .two-block .text-block {
      width: calc(350 / 390 * 100vw);
      margin: calc(15 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .wlb .column-pink .two-block .text-block {
          width: calc(566 / 1080 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1080px) {
        .wlb .column-pink .two-block .text-block {
          width: 566px; } }
      .wlb .column-pink .two-block .text-block .voice-text {
        font-size: calc(14 / 390 * 100vw);
        line-height: 1.7em;
        margin: 1.5em auto 0;
        text-align: left; }
        @media only screen and (min-width: 769px) {
          .wlb .column-pink .two-block .text-block .voice-text {
            font-size: calc(17 /1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .wlb .column-pink .two-block .text-block .voice-text {
            font-size: 17px; } }
      .wlb .column-pink .two-block .text-block .voice-note {
        font-size: calc(12 / 390 * 100vw);
        line-height: 1.7em;
        margin: 0.5em auto 0;
        text-align: left !important; }
        @media only screen and (min-width: 769px) {
          .wlb .column-pink .two-block .text-block .voice-note {
            font-size: calc(14 /1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .wlb .column-pink .two-block .text-block .voice-note {
            font-size: 14px; } }
  .wlb .block01 {
    width: 100%;
    background-color: #df6a86;
    margin: calc(0 / 390 * 100vw) auto 0; }
    @media only screen and (min-width: 769px) {
      .wlb .block01 {
        width: 100%;
        margin: calc(0 / 1080 * 100vw) auto 0; } }
    @media only screen and (min-width: 1080px) {
      .wlb .block01 {
        margin: 0px auto 0; } }
  .wlb .block01-inner {
    width: calc(350 / 390 * 100%);
    padding: calc(44 / 390 * 100vw) 0 calc(64 / 390 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .wlb .block01-inner {
        width: calc(960 / 1080 * 100vw);
        padding: calc(80 / 1080 * 100vw) 0 calc(80 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .wlb .block01-inner {
        width: 960px;
        padding: 80px 0 80px; } }
    .wlb .block01-inner .h2-text {
      color: #FFF; }
    .wlb .block01-inner .body-text {
      color: #FFF;
      text-align: center;
      margin: 2.2em auto 0;
      line-height: 1.7em; }
      @media only screen and (min-width: 769px) {
        .wlb .block01-inner .body-text {
          margin: 2.5em auto 0; } }
  .wlb .block02 {
    background-color: #fcf0f3;
    width: 100%;
    padding: calc(10 / 390 * 100vw) 0 calc(70 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .wlb .block02 {
        width: 100%;
        padding: calc(20 / 1080 * 100vw) 0 calc(115 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .wlb .block02 {
        padding: 20px 0 115px; } }
    .wlb .block02 .block02-inner {
      width: calc(350 / 390 * 100%);
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .wlb .block02 .block02-inner {
          width: calc(960 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .wlb .block02 .block02-inner {
          width: 960px; } }
      .wlb .block02 .block02-inner .info-graphic li {
        padding: calc(40 / 390 * 100vw) 0; }
        @media only screen and (min-width: 769px) {
          .wlb .block02 .block02-inner .info-graphic li {
            width: 100%;
            padding: calc(50 / 1080 * 100vw) 0; } }
        @media only screen and (min-width: 1080px) {
          .wlb .block02 .block02-inner .info-graphic li {
            padding: 50px 0; } }
        .wlb .block02 .block02-inner .info-graphic li .fig {
          margin: calc(40 / 390 * 100vw) auto 0;
          text-align: center; }
          @media only screen and (min-width: 769px) {
            .wlb .block02 .block02-inner .info-graphic li .fig {
              margin: calc(40 / 1080 * 100vw) auto 0; } }
          @media only screen and (min-width: 1080px) {
            .wlb .block02 .block02-inner .info-graphic li .fig {
              margin: 40px auto 0; } }
        @media only screen and (min-width: 769px) {
          .wlb .block02 .block02-inner .info-graphic li.two-block {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap; } }
        .wlb .block02 .block02-inner .info-graphic li.two-block .text-block {
          width: 100%;
          margin: 0; }
          @media only screen and (min-width: 769px) {
            .wlb .block02 .block02-inner .info-graphic li.two-block .text-block {
              width: calc(410 / 1080 * 100vw); } }
          @media only screen and (min-width: 1080px) {
            .wlb .block02 .block02-inner .info-graphic li.two-block .text-block {
              width: 410px; } }
        .wlb .block02 .block02-inner .info-graphic li.two-block .ph-block {
          width: 100%;
          margin: calc(25 / 390 * 100vw) 0 0; }
          @media only screen and (min-width: 769px) {
            .wlb .block02 .block02-inner .info-graphic li.two-block .ph-block {
              width: calc(468 / 1080 * 100vw);
              margin: 0; } }
          @media only screen and (min-width: 1080px) {
            .wlb .block02 .block02-inner .info-graphic li.two-block .ph-block {
              width: 468px; } }
      .wlb .block02 .block02-inner .info-graphic li + li {
        border-top: solid #000 1px; }
  .wlb .block03 {
    width: 100%;
    padding: calc(60 / 390 * 100vw) 0 calc(78 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .wlb .block03 {
        width: 100%;
        padding: calc(80 / 1080 * 100vw) 0 calc(100 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .wlb .block03 {
        padding: 80px 0 100px; } }
    .wlb .block03 .block03-inner {
      width: 100%;
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .wlb .block03 .block03-inner {
          width: calc(960 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .wlb .block03 .block03-inner {
          width: 960px; } }
      .wlb .block03 .block03-inner .block03-column-gray {
        width: calc(350 / 390 * 100vw);
        margin: calc(45 / 390 * 100vw) auto 0;
        padding: 0; }
        @media only screen and (min-width: 769px) {
          .wlb .block03 .block03-inner .block03-column-gray {
            width: 100%;
            margin: calc(66 / 1080 * 100vw) auto 0; } }
        @media only screen and (min-width: 1080px) {
          .wlb .block03 .block03-inner .block03-column-gray {
            margin: 66px auto 0; } }
  .wlb .block04 {
    background-color: #f0f0f0;
    width: 100%;
    padding: calc(60 / 390 * 100vw) 0 calc(60 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .wlb .block04 {
        width: 100%;
        padding: calc(80 / 1080 * 100vw) 0 calc(50 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .wlb .block04 {
        padding: 80px 0 50px; } }
    .wlb .block04 .block04-inner {
      position: relative;
      width: calc(350 / 390 * 100%);
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .wlb .block04 .block04-inner {
          width: calc(960 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .wlb .block04 .block04-inner {
          width: 960px; } }
  .wlb .block05 {
    width: 100%;
    padding: calc(60 / 390 * 100vw) 0 calc(80 / 390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .wlb .block05 {
        width: 100%;
        padding: calc(80 / 1080 * 100vw) 0 calc(90 / 1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .wlb .block05 {
        padding: 80px 0 90px; } }
    .wlb .block05 .block05-inner {
      position: relative;
      width: 100%;
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .wlb .block05 .block05-inner {
          width: calc(960 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .wlb .block05 .block05-inner {
          width: 960px; } }
  .wlb .block06 {
    background-color: #df6a86;
    width: 100%; }
    @media only screen and (min-width: 769px) {
      .wlb .block06 {
        width: 100%; } }
    .wlb .block06 .block06-inner {
      position: relative;
      width: calc(350 / 390 * 100%);
      margin: 0 auto;
      padding: calc(60 / 390 * 100vw) 0 calc(70 / 390 * 100vw); }
      @media only screen and (min-width: 769px) {
        .wlb .block06 .block06-inner {
          width: calc(800 / 1080 * 100vw);
          padding: calc(100 / 1080 * 100vw) 0 calc(100 / 1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .wlb .block06 .block06-inner {
          width: 800px;
          padding: 100px 0 100px; } }
    .wlb .block06 .offtime {
      text-align: center;
      margin: 2em;
      color: #FFF; }
    .wlb .block06 .voice-index {
      width: calc(194 / 390 * 100vw) !important;
      margin: calc(45 / 390 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .wlb .block06 .voice-index {
          width: calc(800 / 1080 * 100vw) !important;
          display: flex;
          justify-content: space-between;
          margin: calc(52 / 1080 * 100vw) auto 0; } }
      @media only screen and (min-width: 1080px) {
        .wlb .block06 .voice-index {
          width: 800px !important;
          margin: 52px auto 0; } }
      .wlb .block06 .voice-index li {
        width: 100%; }
        @media only screen and (min-width: 769px) {
          .wlb .block06 .voice-index li {
            width: calc(194 / 1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .wlb .block06 .voice-index li {
            width: 194px; } }
        .wlb .block06 .voice-index li .link-btn_pink {
          margin: 1em auto 0;
          cursor: pointer;
          width: calc(194 / 390 * 100vw) !important; }
          @media only screen and (min-width: 769px) {
            .wlb .block06 .voice-index li .link-btn_pink {
              width: calc(194 / 1080 * 100vw) !important; } }
          @media only screen and (min-width: 1080px) {
            .wlb .block06 .voice-index li .link-btn_pink {
              width: calc(194 / 1080 * 100vw) !important; } }
          .wlb .block06 .voice-index li .link-btn_pink a {
            width: calc(194 / 390 * 100vw) !important; }
            @media only screen and (min-width: 769px) {
              .wlb .block06 .voice-index li .link-btn_pink a {
                width: calc(194 / 1080 * 100vw) !important; } }
            @media only screen and (min-width: 1080px) {
              .wlb .block06 .voice-index li .link-btn_pink a {
                width: calc(194 / 1080 * 100vw) !important; } }
      .wlb .block06 .voice-index li + li {
        margin-top: calc(23 / 390 * 100vw); }
        @media only screen and (min-width: 769px) {
          .wlb .block06 .voice-index li + li {
            margin-top: 0; } }

.modal-01 .cont_wrap .cont, .modal-02 .cont_wrap .cont, .modal-03 .cont_wrap .cont {
  width: 100%;
  margin: 0 auto 0;
  padding-top: 0.2em; }
  @media only screen and (min-width: 769px) {
    .modal-01 .cont_wrap .cont, .modal-02 .cont_wrap .cont, .modal-03 .cont_wrap .cont {
      margin: 0 auto 0; } }
  @media only screen and (min-width: 1080px) {
    .modal-01 .cont_wrap .cont, .modal-02 .cont_wrap .cont, .modal-03 .cont_wrap .cont {
      margin: 0 auto 0; } }
  .modal-01 .cont_wrap .cont ul, .modal-02 .cont_wrap .cont ul, .modal-03 .cont_wrap .cont ul {
    width: 100%;
    margin: 0 auto 0;
    padding: calc(0/390 * 100vw) 0 calc(45/390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .modal-01 .cont_wrap .cont ul, .modal-02 .cont_wrap .cont ul, .modal-03 .cont_wrap .cont ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: calc(838/1080 * 100vw);
        margin: 0 auto 0;
        padding: calc(0/1080 * 100vw) 0 calc(60/1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .modal-01 .cont_wrap .cont ul, .modal-02 .cont_wrap .cont ul, .modal-03 .cont_wrap .cont ul {
        width: 838px;
        margin: 0px auto 0;
        padding: 0px 0 60px; } }
    .modal-01 .cont_wrap .cont ul .ph, .modal-02 .cont_wrap .cont ul .ph, .modal-03 .cont_wrap .cont ul .ph {
      width: calc(240/390 * 100vw);
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .modal-01 .cont_wrap .cont ul .ph, .modal-02 .cont_wrap .cont ul .ph, .modal-03 .cont_wrap .cont ul .ph {
          width: calc(240/1080 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1080px) {
        .modal-01 .cont_wrap .cont ul .ph, .modal-02 .cont_wrap .cont ul .ph, .modal-03 .cont_wrap .cont ul .ph {
          width: 240px; } }
    .modal-01 .cont_wrap .cont ul .text, .modal-02 .cont_wrap .cont ul .text, .modal-03 .cont_wrap .cont ul .text {
      width: 100%;
      line-height: 1.75em;
      margin-top: calc(23/390 * 100vw); }
      @media only screen and (min-width: 769px) {
        .modal-01 .cont_wrap .cont ul .text, .modal-02 .cont_wrap .cont ul .text, .modal-03 .cont_wrap .cont ul .text {
          width: calc(566/1080 * 100vw);
          margin-top: calc(0/1080 * 100vw); } }
      @media only screen and (min-width: 1080px) {
        .modal-01 .cont_wrap .cont ul .text, .modal-02 .cont_wrap .cont ul .text, .modal-03 .cont_wrap .cont ul .text {
          width: 556px; } }
      .modal-01 .cont_wrap .cont ul .text .post, .modal-02 .cont_wrap .cont ul .text .post, .modal-03 .cont_wrap .cont ul .text .post {
        font-size: calc(12/390 * 100vw);
        line-height: 1.75em;
        margin-top: 0.5em; }
        @media only screen and (min-width: 769px) {
          .modal-01 .cont_wrap .cont ul .text .post, .modal-02 .cont_wrap .cont ul .text .post, .modal-03 .cont_wrap .cont ul .text .post {
            font-size: calc(12/1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .modal-01 .cont_wrap .cont ul .text .post, .modal-02 .cont_wrap .cont ul .text .post, .modal-03 .cont_wrap .cont ul .text .post {
            font-size: 1.2rem; } }
      .modal-01 .cont_wrap .cont ul .text .voice-text, .modal-02 .cont_wrap .cont ul .text .voice-text, .modal-03 .cont_wrap .cont ul .text .voice-text {
        font-size: calc(14/390 * 100vw);
        line-height: 1.75em;
        margin-top: 1em; }
        @media only screen and (min-width: 769px) {
          .modal-01 .cont_wrap .cont ul .text .voice-text, .modal-02 .cont_wrap .cont ul .text .voice-text, .modal-03 .cont_wrap .cont ul .text .voice-text {
            font-size: calc(16/1080 * 100vw); } }
        @media only screen and (min-width: 1080px) {
          .modal-01 .cont_wrap .cont ul .text .voice-text, .modal-02 .cont_wrap .cont ul .text .voice-text, .modal-03 .cont_wrap .cont ul .text .voice-text {
            font-size: 1.6rem; } }
  .modal-01 .cont_wrap .cont .cont01, .modal-02 .cont_wrap .cont .cont01, .modal-03 .cont_wrap .cont .cont01 {
    padding: calc(0/390 * 100vw) 0 calc(45/390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .modal-01 .cont_wrap .cont .cont01, .modal-02 .cont_wrap .cont .cont01, .modal-03 .cont_wrap .cont .cont01 {
        padding: calc(0/1080 * 100vw) 0 calc(60/1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .modal-01 .cont_wrap .cont .cont01, .modal-02 .cont_wrap .cont .cont01, .modal-03 .cont_wrap .cont .cont01 {
        padding: 0px 0 60px; } }
  .modal-01 .cont_wrap .cont .cont02, .modal-02 .cont_wrap .cont .cont02, .modal-03 .cont_wrap .cont .cont02 {
    border-top: solid 1px #df6a86;
    padding: calc(30/390 * 100vw) 0 calc(45/390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .modal-01 .cont_wrap .cont .cont02, .modal-02 .cont_wrap .cont .cont02, .modal-03 .cont_wrap .cont .cont02 {
        padding: calc(60/1080 * 100vw) 0 calc(60/1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .modal-01 .cont_wrap .cont .cont02, .modal-02 .cont_wrap .cont .cont02, .modal-03 .cont_wrap .cont .cont02 {
        padding: 60px 0 60px; } }
  .modal-01 .cont_wrap .cont .cont03, .modal-02 .cont_wrap .cont .cont03, .modal-03 .cont_wrap .cont .cont03 {
    border-top: solid 1px #df6a86;
    padding: calc(30/390 * 100vw) 0 calc(0/390 * 100vw); }
    @media only screen and (min-width: 769px) {
      .modal-01 .cont_wrap .cont .cont03, .modal-02 .cont_wrap .cont .cont03, .modal-03 .cont_wrap .cont .cont03 {
        padding: calc(60/1080 * 100vw) 0 calc(35/1080 * 100vw); } }
    @media only screen and (min-width: 1080px) {
      .modal-01 .cont_wrap .cont .cont03, .modal-02 .cont_wrap .cont .cont03, .modal-03 .cont_wrap .cont .cont03 {
        padding: 60px 0 35px; } }