@charset "UTF-8";
html {
  font-size: 62.5%;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  word-wrap: break-word; }

body {
  font-size: 1.4rem;
  margin: 0;
  padding: 0; }
  @media only screen and (min-width: 750px) {
    body {
      font-size: 1.6rem; } }

*,
*::before,
*::after {
  box-sizing: border-box; }

h1, h2, h3, div, p, ul, li {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

img {
  width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: bottom; }

a:hover {
  opacity: 0.8; }

.only_pc {
  display: none; }
  @media only screen and (min-width: 750px) {
    .only_pc {
      display: inline; } }

.only_sp {
  display: inline; }
  @media only screen and (min-width: 750px) {
    .only_sp {
      display: none; } }

@media only screen and (min-width: 960px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }

@media only screen and (min-width: 420px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }
.header {
  background: #FFF; }
  .header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 12vw;
    padding: 0 3.066vw 0 2.666vw;
    margin: 0 auto; }
    @media only screen and (min-width: 750px) {
      .header__inner {
        width: 100%;
        height: calc(90/960 * 100vw); } }
    @media only screen and (min-width: 960px) {
      .header__inner {
        width: 960px;
        height: 90px;
        padding: 0 15px; } }
    .header__inner .logo_gum {
      width: 17.333vw; }
      @media only screen and (min-width: 750px) {
        .header__inner .logo_gum {
          width: calc(130/960 * 100vw); } }
      @media only screen and (min-width: 960px) {
        .header__inner .logo_gum {
          width: 130px; } }
    .header__inner .logo_sunstar {
      width: 18.8vw; }
      @media only screen and (min-width: 750px) {
        .header__inner .logo_sunstar {
          width: calc(142/960 * 100vw); } }
      @media only screen and (min-width: 960px) {
        .header__inner .logo_sunstar {
          width: 142px; } }

.kv {
  width: 100%;
  background-image: url("../img/bg_pale_sp.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover; }
  @media only screen and (min-width: 750px) {
    .kv {
      background-image: url("../img/bg_pale_pc.png");
      background-position: top center;
      background-size: 100% auto; } }
  @media only screen and (min-width: 960px) {
    .kv {
      background-image: url("../img/bg_pale_pcl.png");
      background-position: top center;
      background-size: auto auto; } }
  .kv__inner {
    width: 100%;
    margin: 0 auto;
    padding: 8.933vw 0 10.666vw; }
    @media only screen and (min-width: 750px) {
      .kv__inner {
        width: calc(960/960 * 100%);
        margin: 0 auto;
        padding: calc(45/960 * 100vw) 0 calc(80/960 * 100vw); } }
    @media only screen and (min-width: 960px) {
      .kv__inner {
        width: 960px;
        margin: 0 auto;
        padding: 45px 0 80px; } }
    .kv__inner h1 {
      width: 90.266%;
      margin: 0 auto; }
      @media only screen and (min-width: 750px) {
        .kv__inner h1 {
          width: calc(712/960 * 100%); } }
      @media only screen and (min-width: 960px) {
        .kv__inner h1 {
          width: 712px; } }
    .kv__inner__message {
      width: 89.333%;
      margin: 7.466vw auto 0; }
      @media only screen and (min-width: 750px) {
        .kv__inner__message {
          width: calc(680/960 * 100%);
          margin: calc(54/1040 * 100vw) auto 0; } }
      @media only screen and (min-width: 960px) {
        .kv__inner__message {
          width: 680px;
          margin: 54px auto 0; } }
    .kv__inner .close_glay {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 100;
      width: 90%;
      height: 25vw;
      background-color: rgba(0, 0, 0, 0.6);
      top: 39%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      z-index: 150; }
      @media only screen and (min-width: 750px) {
        .kv__inner .close_glay {
          width: calc(900/1040 * 100%);
          height: calc(200/1040 * 100vw);
          top: 55%; } }
      @media only screen and (min-width: 960px) {
        .kv__inner .close_glay {
          width: 900px;
          height: 200px; } }
    .kv__inner .close_comment {
      width: 80%;
      max-width: 850px;
      filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.8)); }

.prize {
  background-color: #1eafaf; }
  @media only screen and (min-width: 750px) {
    .prize {
      background-image: url("../img/bg_peacock_pc.png");
      background-position: top center;
      background-repeat: no-repeat;
      background-size: 100% auto; } }
  @media only screen and (min-width: 960px) {
    .prize {
      background-image: url("../img/bg_peacock_pcl.png");
      background-size: auto auto; } }
  .prize__inner {
    width: 89.333%;
    margin: 0 auto;
    padding: 10vw 0 4.5vw; }
    @media only screen and (min-width: 750px) {
      .prize__inner {
        width: calc(670/960 * 100vw);
        padding: calc(80/960 * 100vw) 0 calc(36/960 * 100vw); } }
    @media only screen and (min-width: 960px) {
      .prize__inner {
        width: 670px;
        padding: 80px 0 36px; } }
    .prize__inner .prize_text {
      width: 79.466vw;
      margin: 4.666vw auto 0; }
      @media only screen and (min-width: 750px) {
        .prize__inner .prize_text {
          width: calc(542/1040 * 100%);
          margin: 37px auto 0; } }
      @media only screen and (min-width: 960px) {
        .prize__inner .prize_text {
          width: 542px;
          margin: 37px auto 0; } }

.period {
  background: #000000; }
  .period__inner {
    width: 83.333%;
    margin: 0 auto;
    padding: 3.7vw 0; }
    @media only screen and (min-width: 750px) {
      .period__inner {
        width: calc(792/960 * 100%);
        margin: 0 auto;
        padding: calc(23/960 * 100vw) 0; } }
    @media only screen and (min-width: 960px) {
      .period__inner {
        width: 792px;
        margin: 0 auto;
        padding: 23px 0; } }

.schedule {
  background-image: url("../img/bg_pale_sp.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover; }
  @media only screen and (min-width: 750px) {
    .schedule {
      background-image: url("../img/bg_pale_pc.png");
      background-position: top center;
      background-size: 100% auto; } }
  @media only screen and (min-width: 960px) {
    .schedule {
      background-image: url("../img/bg_pale_pcl.png");
      background-position: top center;
      background-size: auto auto; } }
  .schedule__inner {
    width: 100%;
    margin: 0 auto;
    padding: 10vw 0 11vw; }
    @media only screen and (min-width: 750px) {
      .schedule__inner {
        width: calc(960/960 * 100%);
        padding: calc(78/960 * 100vw) 0 calc(75/960 * 100vw); } }
    @media only screen and (min-width: 960px) {
      .schedule__inner {
        width: 960px;
        padding: 78px 0 75px; } }
    .schedule__inner__graph {
      width: 89.333vw;
      margin: 0 auto; }
      @media only screen and (min-width: 750px) {
        .schedule__inner__graph {
          width: calc(840/960 * 100%); } }
      @media only screen and (min-width: 960px) {
        .schedule__inner__graph {
          width: 840px; } }
    .schedule__inner__text {
      width: 72vw;
      margin: 7.333vw auto 0; }
      @media only screen and (min-width: 750px) {
        .schedule__inner__text {
          width: calc(846/960 * 100%);
          margin: calc(50/960 * 100%) auto 0; } }
      @media only screen and (min-width: 960px) {
        .schedule__inner__text {
          width: 846px;
          margin: 50px auto 0; } }

.method {
  background-color: #1eafaf; }
  @media only screen and (min-width: 750px) {
    .method {
      background-image: url("../img/bg_peacock_pc.png");
      background-position: top center;
      background-size: 100% auto;
      background-repeat: no-repeat; } }
  @media only screen and (min-width: 960px) {
    .method {
      background-image: url("../img/bg_peacock_pcl.png");
      background-position: top center;
      background-size: auto auto; } }
  .method__inner {
    width: 100%;
    margin: 0 auto;
    padding: 10.666vw 0 10.666vw; }
    @media only screen and (min-width: 750px) {
      .method__inner {
        width: calc(960/960 * 100%);
        padding: calc(75/960 * 100vw) 0 calc(80/960 * 100vw); } }
    @media only screen and (min-width: 960px) {
      .method__inner {
        width: 960px;
        padding: 75px 0 80px; } }
    .method__inner h2 {
      width: 70vw;
      margin: 0 auto; }
      @media only screen and (min-width: 750px) {
        .method__inner h2 {
          width: calc(420/960 * 100%); } }
      @media only screen and (min-width: 960px) {
        .method__inner h2 {
          width: 420px; } }
    .method__inner__step {
      width: 89.333vw;
      margin: 5.333vw auto 0; }
      @media only screen and (min-width: 750px) {
        .method__inner__step {
          width: calc(840/960 * 100%);
          margin: calc(40/960 * 100vw) auto 0; } }
      @media only screen and (min-width: 960px) {
        .method__inner__step {
          width: 840px;
          margin: 40px auto 0; } }
    .method__inner__bt {
      width: 80vw;
      margin: 7.333vw auto 0;
      filter: drop-shadow(0.56vw 0.56vw 0 rgba(21, 122, 122, 0.6)); }
      @media only screen and (min-width: 750px) {
        .method__inner__bt {
          width: calc(500/960 * 100%);
          margin: calc(55/960 * 100vw) auto 0;
          filter: drop-shadow(calc(6/960 * 100vw) calc(6/960 * 100vw) 0 rgba(21, 122, 122, 0.6)); } }
      @media only screen and (min-width: 960px) {
        .method__inner__bt {
          width: 500px;
          margin: 55px auto 0;
          filter: drop-shadow(6px 6px 0 rgba(21, 122, 122, 0.6)); } }
      .method__inner__bt a:hover {
        filter: brightness(110%);
        opacity: 1; }

.rule_wrap {
  background-image: url("../img/bg_pale_sp.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover; }
  @media only screen and (min-width: 750px) {
    .rule_wrap {
      background-image: url("../img/bg_pale_pc.png");
      background-position: top center;
      background-size: 100% auto; } }
  @media only screen and (min-width: 960px) {
    .rule_wrap {
      background-image: url("../img/bg_pale_pcl.png");
      background-position: top center;
      background-size: auto auto; } }
  .rule_wrap--inner {
    width: 100%;
    margin: 0 auto;
    padding: 13.066vw 0 13.333vw; }
    @media only screen and (min-width: 750px) {
      .rule_wrap--inner {
        width: calc(960/960 * 100%);
        padding: calc(80/960 * 100vw) 0; } }
    @media only screen and (min-width: 960px) {
      .rule_wrap--inner {
        width: 960px;
        padding: 80px 0; } }
    .rule_wrap--inner .bt_apply {
      width: 64vw;
      margin: 0vw auto 0; }
      @media only screen and (min-width: 750px) {
        .rule_wrap--inner .bt_apply {
          width: calc(480/960 * 100%);
          margin: 0 auto 0; } }
      @media only screen and (min-width: 960px) {
        .rule_wrap--inner .bt_apply {
          width: 480px;
          margin: 0 auto 0; } }
    .rule_wrap--inner dl.rule {
      width: 84.266vw;
      margin: 0vw auto 0; }
      @media only screen and (min-width: 750px) {
        .rule_wrap--inner dl.rule {
          width: calc(720/960 * 100vw);
          margin: 0 auto 0; } }
      @media only screen and (min-width: 960px) {
        .rule_wrap--inner dl.rule {
          width: 720px;
          margin: 0px auto 0; } }
    .rule_wrap--inner dl.rule dt {
      background: #787878;
      border-radius: 3.2vw;
      text-align: center;
      padding: 1.2em 2.5em 1.2em 1em;
      background-image: url("../img/rule_open.svg");
      background-repeat: no-repeat;
      background-position: right 1.5em center;
      background-size: 2em auto;
      margin: 0 0;
      cursor: pointer; }
      @media only screen and (min-width: 750px) {
        .rule_wrap--inner dl.rule dt {
          border-radius: calc(24/960 * 100vw); } }
      @media only screen and (min-width: 960px) {
        .rule_wrap--inner dl.rule dt {
          border-radius: 24px; } }
      .rule_wrap--inner dl.rule dt img {
        width: 53.466vw;
        margin: 0 auto 0; }
        @media only screen and (min-width: 750px) {
          .rule_wrap--inner dl.rule dt img {
            width: calc(400/960 * 100vw); } }
        @media only screen and (min-width: 960px) {
          .rule_wrap--inner dl.rule dt img {
            width: 400px; } }
      .rule_wrap--inner dl.rule dt.active {
        background-image: url("../img/rule_close.svg"); }
    .rule_wrap--inner dl.rule dd {
      background: #f2f2f2;
      display: none;
      padding: 2em 0.5em 1.5em 1.5em;
      margin: 0 0 0 0;
      min-height: 2em;
      border-radius: 2.133vw; }
      @media only screen and (min-width: 750px) {
        .rule_wrap--inner dl.rule dd {
          border-radius: calc(20/960 * 100vw);
          padding: 2em 1em 2em 2em; } }
      @media only screen and (min-width: 960px) {
        .rule_wrap--inner dl.rule dd {
          border-radius: 20px; } }
      .rule_wrap--inner dl.rule dd.active {
        display: block; }
      .rule_wrap--inner dl.rule dd .inner {
        padding-right: 1em;
        overflow-y: scroll;
        height: 65vw; }
        @media only screen and (min-width: 750px) {
          .rule_wrap--inner dl.rule dd .inner {
            height: calc(550/960 * 100vw); } }
        @media only screen and (min-width: 960px) {
          .rule_wrap--inner dl.rule dd .inner {
            height: 550px; } }
        .rule_wrap--inner dl.rule dd .inner p {
          font-size: 3vw;
          line-height: 1.5em; }
          @media only screen and (min-width: 750px) {
            .rule_wrap--inner dl.rule dd .inner p {
              font-size: calc(16/960 * 100vw); } }
          @media only screen and (min-width: 960px) {
            .rule_wrap--inner dl.rule dd .inner p {
              font-size: 1.6rem; } }
        .rule_wrap--inner dl.rule dd .inner h3 {
          font-size: 3.8vw;
          text-align: left;
          border-bottom: solid 1px #000;
          padding: 0em 0em 0.2em;
          margin-top: 2em; }
          @media only screen and (min-width: 750px) {
            .rule_wrap--inner dl.rule dd .inner h3 {
              font-size: calc(18/960 * 100vw); } }
          @media only screen and (min-width: 960px) {
            .rule_wrap--inner dl.rule dd .inner h3 {
              font-size: 1.8rem; } }
        .rule_wrap--inner dl.rule dd .inner h3 + h4 {
          margin-top: 1em; }
        .rule_wrap--inner dl.rule dd .inner h3:first-child {
          margin-top: 0; }
        .rule_wrap--inner dl.rule dd .inner h4 {
          font-size: 3.4vw;
          margin: 1.5em 0 0 0;
          font-weight: bold; }
          @media only screen and (min-width: 750px) {
            .rule_wrap--inner dl.rule dd .inner h4 {
              font-size: calc(18/960 * 100vw); } }
          @media only screen and (min-width: 960px) {
            .rule_wrap--inner dl.rule dd .inner h4 {
              font-size: 1.8rem; } }
        .rule_wrap--inner dl.rule dd .inner h5 {
          font-size: 3vw;
          font-weight: bold;
          margin: 1em 0 0 0; }
          @media only screen and (min-width: 750px) {
            .rule_wrap--inner dl.rule dd .inner h5 {
              font-size: calc(16/960 * 100vw); } }
          @media only screen and (min-width: 960px) {
            .rule_wrap--inner dl.rule dd .inner h5 {
              font-size: 1.6rem; } }
        .rule_wrap--inner dl.rule dd .inner h4 + p, .rule_wrap--inner dl.rule dd .inner h5 + ol {
          margin-top: 0.3em; }
        .rule_wrap--inner dl.rule dd .inner h3 + p, .rule_wrap--inner dl.rule dd .inner h3 + ul, .rule_wrap--inner dl.rule dd .inner ol + p {
          margin-top: 1em; }
        .rule_wrap--inner dl.rule dd .inner ul + ul {
          margin-top: 2em; }
        .rule_wrap--inner dl.rule dd .inner p + p {
          margin-top: 0.5em; }
        .rule_wrap--inner dl.rule dd .inner .number {
          padding-left: 0;
          margin-top: 0.3em; }
          .rule_wrap--inner dl.rule dd .inner .number li {
            text-indent: -1em;
            font-size: 3vw;
            margin-top: 0.5em;
            line-height: 1.5em;
            padding-left: 1em; }
            @media only screen and (min-width: 750px) {
              .rule_wrap--inner dl.rule dd .inner .number li {
                font-size: calc(16/960 * 100vw); } }
            @media only screen and (min-width: 960px) {
              .rule_wrap--inner dl.rule dd .inner .number li {
                font-size: 1.6rem; } }
        .rule_wrap--inner dl.rule dd .inner .number02 {
          margin-top: 0; }
          .rule_wrap--inner dl.rule dd .inner .number02 li {
            text-indent: -3em;
            font-size: 3vw;
            margin-top: 0em;
            line-height: 1.5em;
            padding-left: 3em; }
            @media only screen and (min-width: 750px) {
              .rule_wrap--inner dl.rule dd .inner .number02 li {
                font-size: calc(16/960 * 100vw); } }
            @media only screen and (min-width: 960px) {
              .rule_wrap--inner dl.rule dd .inner .number02 li {
                font-size: 1.6rem; } }
        .rule_wrap--inner dl.rule dd .inner h4 + .number {
          margin-top: 0.3em; }
        .rule_wrap--inner dl.rule dd .inner .mt2 {
          margin-top: 2em; }
        .rule_wrap--inner dl.rule dd .inner .note {
          margin-top: 0.5em;
          margin-left: 1em;
          text-indent: -1em; }
        .rule_wrap--inner dl.rule dd .inner ul {
          padding: 0 0 0 0.3em;
          margin-top: 0.5em; }
          .rule_wrap--inner dl.rule dd .inner ul li {
            list-style: disc;
            margin-left: 1em;
            margin-top: 0.3em;
            font-size: 3vw;
            line-height: 1.5em; }
            @media only screen and (min-width: 750px) {
              .rule_wrap--inner dl.rule dd .inner ul li {
                font-size: calc(16/960 * 100vw); } }
            @media only screen and (min-width: 960px) {
              .rule_wrap--inner dl.rule dd .inner ul li {
                font-size: 1.6rem; } }

.qa {
  background-image: url("../img/bg_silver_sp.png");
  background-repeat: repeat-y;
  background-position: top center;
  background-size: cover; }
  @media only screen and (min-width: 750px) {
    .qa {
      background-image: url("../img/bg_silver_pc.png");
      background-position: top center;
      background-size: 100% auto; } }
  @media only screen and (min-width: 960px) {
    .qa {
      background-image: url("../img/bg_silver_pcl.png");
      background-position: top center;
      background-size: auto auto; } }
  .qa--inner {
    width: 100%;
    margin: 0 auto;
    padding: 10.666vw 0 12.4vw; }
    @media only screen and (min-width: 750px) {
      .qa--inner {
        width: calc(960/960 * 100%);
        padding: calc(80/960 * 100vw) 0 calc(100/960 * 100vw); } }
    @media only screen and (min-width: 960px) {
      .qa--inner {
        width: 960px;
        padding: 80px 0 100px; } }
    .qa--inner h2 {
      width: 70vw;
      margin: 0vw auto 0; }
      @media only screen and (min-width: 750px) {
        .qa--inner h2 {
          width: calc(420/960 * 100%); } }
      @media only screen and (min-width: 960px) {
        .qa--inner h2 {
          width: 420px; } }
    .qa--inner dl.question {
      width: 89.333vw;
      background: #FFF;
      border-radius: 3.2vw;
      margin: 5.333vw auto 0; }
      @media only screen and (min-width: 750px) {
        .qa--inner dl.question {
          width: calc(840/960 * 100vw);
          border-radius: calc(24/960 * 100vw);
          margin: calc(40/960 * 100vw) auto 0; } }
      @media only screen and (min-width: 960px) {
        .qa--inner dl.question {
          width: 840px;
          border-radius: 24px;
          margin: 40px auto 0; } }
    .qa--inner dl.question dt {
      display: flex;
      align-items: center;
      padding: 4vw 7vw 4vw 0vw;
      background-image: url("../img/list_open.svg");
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 1.5em auto;
      margin: 0 1.5em;
      cursor: pointer; }
      .qa--inner dl.question dt.active {
        background-image: url("../img/list_close.svg"); }
      @media only screen and (min-width: 750px) {
        .qa--inner dl.question dt {
          padding: calc(40/960 * 100vw) calc(100/960 * 100vw) calc(40/960 * 100vw) calc(10/960 * 100vw);
          margin: 0 2.5em !important;
          background-size: 2.5em auto; } }
      @media only screen and (min-width: 960px) {
        .qa--inner dl.question dt {
          padding: 40px 100px 40px 10px; } }
      .qa--inner dl.question dt .q_icon {
        width: 6.133vw;
        margin-right: 1em; }
        @media only screen and (min-width: 750px) {
          .qa--inner dl.question dt .q_icon {
            width: calc(46/960 * 100vw);
            margin-right: 1em; } }
        @media only screen and (min-width: 960px) {
          .qa--inner dl.question dt .q_icon {
            width: 46px; } }
      .qa--inner dl.question dt .q_text {
        width: 64vw;
        font-size: 3.8vw;
        font-weight: bold; }
        @media only screen and (min-width: 750px) {
          .qa--inner dl.question dt .q_text {
            width: calc(585/960 * 100vw);
            font-size: calc(24/960 * 100vw); } }
        @media only screen and (min-width: 960px) {
          .qa--inner dl.question dt .q_text {
            width: 585px;
            font-size: 2.4rem; } }
    .qa--inner dl.question dd {
      display: none;
      padding: 0 0 4vw;
      margin: 0 1.5em;
      min-height: 2em; }
      @media only screen and (min-width: 750px) {
        .qa--inner dl.question dd {
          padding: 0 0 calc(40/960 * 100vw) calc(0/960 * 100vw);
          margin: 0 2.5em; } }
      @media only screen and (min-width: 960px) {
        .qa--inner dl.question dd {
          padding: 0 0 40px 0px; } }
      .qa--inner dl.question dd.active {
        display: block; }
      .qa--inner dl.question dd .a_inner {
        border-top: 1px solid #1e6e82;
        padding: 1em 0 0 0; }
        .qa--inner dl.question dd .a_inner h3 {
          font-size: 3.2vw;
          font-weight: bold; }
          @media only screen and (min-width: 750px) {
            .qa--inner dl.question dd .a_inner h3 {
              font-size: calc(18/960 * 100vw); } }
          @media only screen and (min-width: 960px) {
            .qa--inner dl.question dd .a_inner h3 {
              font-size: 1.8rem; } }
        .qa--inner dl.question dd .a_inner p {
          font-size: 3vw;
          line-height: 2em; }
          @media only screen and (min-width: 750px) {
            .qa--inner dl.question dd .a_inner p {
              font-size: calc(16/960 * 100vw); } }
          @media only screen and (min-width: 960px) {
            .qa--inner dl.question dd .a_inner p {
              font-size: 1.6rem; } }
          .qa--inner dl.question dd .a_inner p.note {
            margin-left: 1em;
            text-indent: -1em; }
        .qa--inner dl.question dd .a_inner p + p {
          margin-top: 0.5em; }
        .qa--inner dl.question dd .a_inner p + p.note, .qa--inner dl.question dd .a_inner .note + .note {
          margin-top: 0.3em; }
        .qa--inner dl.question dd .a_inner .note + .note {
          margin-top: 0.2em; }
        .qa--inner dl.question dd .a_inner ul li {
          list-style: disc;
          font-size: 2.8vw;
          margin: 0.3em 0 0 1.5em;
          line-height: 1.3em; }
          @media only screen and (min-width: 750px) {
            .qa--inner dl.question dd .a_inner ul li {
              font-size: calc(16/960 * 100vw); } }
          @media only screen and (min-width: 960px) {
            .qa--inner dl.question dd .a_inner ul li {
              font-size: 1.6rem; } }
          .qa--inner dl.question dd .a_inner ul li:first-child {
            margin-top: 0.5em; }
        .qa--inner dl.question dd .a_inner ol {
          padding-left: 0;
          margin: 0.3em 0 0 1.5em; }
          .qa--inner dl.question dd .a_inner ol li {
            list-style: decimal;
            text-indent: 0em;
            font-size: 3vw;
            margin-top: 0.5em;
            line-height: 1.5em; }
            @media only screen and (min-width: 750px) {
              .qa--inner dl.question dd .a_inner ol li {
                font-size: calc(16/960 * 100vw); } }
            @media only screen and (min-width: 960px) {
              .qa--inner dl.question dd .a_inner ol li {
                font-size: 1.6rem; } }
        .qa--inner dl.question dd .a_inner ul + h3, .qa--inner dl.question dd .a_inner ul + p, .qa--inner dl.question dd .a_inner ol + h3 {
          margin-top: 1em; }

.inquiry {
  width: 100%; }
  .inquiry--inner {
    width: 100%;
    margin: 0 auto;
    padding: 10.666vw 0 25vw; }
    @media only screen and (min-width: 750px) {
      .inquiry--inner {
        width: calc(960/960 * 100%);
        padding: calc(80/960 * 100vw) 0 calc(168/960 * 100vw); } }
    @media only screen and (min-width: 960px) {
      .inquiry--inner {
        width: 960px;
        padding: 80px 0 168px; } }
    .inquiry--inner h2 {
      width: 89.333vw;
      margin: 0 auto 0; }
      @media only screen and (min-width: 750px) {
        .inquiry--inner h2 {
          width: calc(780/960 * 100vw); } }
      @media only screen and (min-width: 960px) {
        .inquiry--inner h2 {
          width: 780px; } }
    .inquiry--inner .inquiry_name {
      width: 87.466vw;
      margin: 5.333vw auto 0; }
      @media only screen and (min-width: 750px) {
        .inquiry--inner .inquiry_name {
          width: calc(656/960 * 100vw);
          margin: calc(50/960 * 100vw) auto 0; } }
      @media only screen and (min-width: 960px) {
        .inquiry--inner .inquiry_name {
          width: 656px;
          margin: 50px auto 0; } }
    .inquiry--inner .freecall {
      display: block;
      width: 62.8vw;
      margin: 4.4vw auto 0; }
      @media only screen and (min-width: 750px) {
        .inquiry--inner .freecall {
          width: calc(393/960 * 100vw);
          margin: calc(24/960 * 100vw) auto 0; } }
      @media only screen and (min-width: 960px) {
        .inquiry--inner .freecall {
          width: 393px;
          margin: 24px auto 0; } }
    .inquiry--inner .recept {
      display: block;
      width: 90vw;
      margin: 5.2vw auto 0;
      text-align: center;
      font-size: 3.2vw; }
      @media only screen and (min-width: 750px) {
        .inquiry--inner .recept {
          width: calc(780/960 * 100vw);
          margin: calc(33/960 * 100vw) auto 0;
          font-size: calc(20/960 * 100vw); } }
      @media only screen and (min-width: 960px) {
        .inquiry--inner .recept {
          width: 780px;
          margin: 33px auto 0;
          font-size: 2rem; } }
      .inquiry--inner .recept .recept_note {
        font-size: 85%;
        margin-top: 0.5em; }
        @media only screen and (min-width: 750px) {
          .inquiry--inner .recept .recept_note {
            font-size: calc(16/960 * 100vw);
            margin-top: 1.2em; } }
        @media only screen and (min-width: 960px) {
          .inquiry--inner .recept .recept_note {
            font-size: 1.6rem; } }

.ptop {
  position: fixed;
  bottom: 3vw;
  right: 3vw;
  width: 19.7vw; }
  @media only screen and (min-width: 750px) {
    .ptop {
      width: calc(110/960 * 100vw);
      bottom: calc(15/960 * 100vw);
      right: calc(15/960 * 100vw); } }
  @media only screen and (min-width: 960px) {
    .ptop {
      width: 110px;
      bottom: 15px;
      right: 15px; } }