@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 {
  width: 100%;
  font-size: 1.4rem;
  margin: 0;
  padding: 0;
  overflow-x: hidden; }
  @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; }

@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; } }
.mv {
  background-image: url("../img/bg_mv_sp.png");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 750px) {
    .mv {
      background-image: url("../img/bg_mv_pcl.png");
      background-position: top center;
      background-size: auto 100%; } }
  @media only screen and (min-width: 960px) {
    .mv {
      background-image: url("../img/bg_mv_pcl.png");
      background-position: top center;
      background-size: auto auto; } }
  @media only screen and (min-width: 2000px) {
    .mv {
      background-size: cover; } }
  .mv--inner {
    width: 100%;
    padding: 2.533vw 0 3.733vw;
    margin: 0 auto;
    height: 54.266vw; }
    @media only screen and (min-width: 750px) {
      .mv--inner {
        width: calc(960/960 * 100%);
        padding: calc(32/960 * 100vw) 0 0;
        margin: 0 auto;
        height: calc(422/960 * 100vw); } }
    @media only screen and (min-width: 960px) {
      .mv--inner {
        width: 960px;
        padding: 32px 0 0;
        margin: 0 auto;
        height: 422px; } }
  .mv .navi {
    width: 96%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    @media only screen and (min-width: 750px) {
      .mv .navi {
        margin: 0 auto;
        width: calc(810/960 * 100%); } }
    @media only screen and (min-width: 960px) {
      .mv .navi {
        margin: 0 auto;
        width: 810px; } }
    .mv .navi img {
      height: 2.3vw;
      width: auto; }
      @media only screen and (min-width: 750px) {
        .mv .navi img {
          height: calc(18/960 * 100vw); } }
      @media only screen and (min-width: 960px) {
        .mv .navi img {
          height: 18px; } }
  .mv .mv_text {
    width: 89.6%;
    padding: 0 0 0;
    margin: 5.333vw auto 0; }
    @media only screen and (min-width: 750px) {
      .mv .mv_text {
        width: calc(827/960 * 100%);
        margin: calc(72/960 * 100%) auto 0; } }
    @media only screen and (min-width: 960px) {
      .mv .mv_text {
        width: 827px;
        margin: 72px auto 0; } }

.loss {
  background-image: url("../img/bg_yellow_sp.png");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: repeat-y; }
  @media only screen and (min-width: 750px) {
    .loss {
      background-image: url("../img/bg_yellow_pc.png");
      background-position: top center;
      background-size: 100% auto; } }
  @media only screen and (min-width: 960px) {
    .loss {
      background-image: url("../img/bg_yellow_pcl.png");
      background-position: top center;
      background-size: auto auto; } }
  @media only screen and (min-width: 2000px) {
    .loss {
      background-image: url("../img/bg_yellow_pcl.png");
      background-position: top center;
      background-size: 100% auto; } }
  .loss--inner {
    width: 100%;
    padding: 5.733vw 0 9.8vw;
    margin: 0 auto; }
    @media only screen and (min-width: 750px) {
      .loss--inner {
        position: relative;
        height: calc(1096/960 * 100vw);
        width: calc(960/960 * 100%);
        padding: calc(42/960 * 100vw) 0 calc(45/960 * 100vw);
        margin: 0 auto; } }
    @media only screen and (min-width: 960px) {
      .loss--inner {
        width: 960px;
        height: 1096px;
        padding: 42px 0 45px;
        margin: 0 auto; } }
  .loss .loss01 {
    width: 73%;
    margin: 0 auto 0; }
    @media only screen and (min-width: 750px) {
      .loss .loss01 {
        position: absolute;
        width: calc(531/960 * 100%);
        top: calc(62/960 * 100%);
        left: calc(80/960 * 100%); } }
    @media only screen and (min-width: 960px) {
      .loss .loss01 {
        width: 531px;
        top: 62px;
        left: 80px; } }
  .loss .loss02 {
    width: 84.266%;
    margin: 5.2vw auto 0; }
    @media only screen and (min-width: 750px) {
      .loss .loss02 {
        position: absolute;
        width: calc(576/960 * 100%);
        top: calc(346/960 * 100vw);
        left: calc(63/960 * 100vw);
        margin: 0 auto 0; } }
    @media only screen and (min-width: 960px) {
      .loss .loss02 {
        width: 576px;
        top: 346px;
        left: 63px; } }
  .loss .loss03 {
    width: 84.533%;
    margin: 2.666vw auto 0; }
    @media only screen and (min-width: 750px) {
      .loss .loss03 {
        position: absolute;
        width: calc(356/960 * 100%);
        top: calc(17/960 * 100vw);
        right: calc(37/960 * 100vw);
        margin: 0 auto 0; } }
    @media only screen and (min-width: 960px) {
      .loss .loss03 {
        width: 356px;
        top: 17px;
        right: 37px; } }
  .loss .loss04 {
    width: 68.133%;
    margin: -5.2vw auto 0; }
    @media only screen and (min-width: 750px) {
      .loss .loss04 {
        position: absolute;
        width: calc(467/960 * 100%);
        margin: 0 auto 0;
        bottom: calc(82/960 * 100vw);
        left: calc(98/960 * 100vw); } }
    @media only screen and (min-width: 960px) {
      .loss .loss04 {
        width: 467px;
        bottom: 82px;
        left: 98px; } }

.initiative--inner {
  width: 100%;
  padding: 10.4vw 0 11.2vw;
  margin: 0 auto; }
  @media only screen and (min-width: 750px) {
    .initiative--inner {
      position: relative;
      width: calc(960/960 * 100%);
      padding: calc(83/960 * 100vw) 0 calc(100/960 * 100vw);
      margin: 0 auto; } }
  @media only screen and (min-width: 960px) {
    .initiative--inner {
      width: 960px;
      padding: 83px 0 100px;
      margin: 0 auto; } }
  .initiative--inner .kyoto {
    width: 90.666vw;
    margin: 0 auto; }
    @media only screen and (min-width: 750px) {
      .initiative--inner .kyoto {
        width: calc(810/960 * 100%); } }
    @media only screen and (min-width: 960px) {
      .initiative--inner .kyoto {
        width: 810px; } }
    .initiative--inner .kyoto .bt_kyoto {
      display: block;
      width: 78vw;
      margin: -13.866vw auto 0; }
      @media only screen and (min-width: 750px) {
        .initiative--inner .kyoto .bt_kyoto {
          width: calc(656/960 * 100%);
          margin: calc(-122/960 * 100vw) auto 0; } }
      @media only screen and (min-width: 960px) {
        .initiative--inner .kyoto .bt_kyoto {
          width: 656px;
          margin: -122px auto 0; } }
  .initiative--inner .osaka {
    width: 90.666vw;
    margin: 11.6vw auto 0; }
    @media only screen and (min-width: 750px) {
      .initiative--inner .osaka {
        width: calc(811/960 * 100%);
        margin: calc(102/960 * 100vw) auto 0; } }
    @media only screen and (min-width: 960px) {
      .initiative--inner .osaka {
        width: 811px;
        margin: 102px auto 0; } }

.recipe {
  background-image: url("../img/bg_yellow_sp.png");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: repeat-y; }
  @media only screen and (min-width: 750px) {
    .recipe {
      background-image: url("../img/bg_yellow_pc.png");
      background-position: top center;
      background-size: 100% auto; } }
  @media only screen and (min-width: 960px) {
    .recipe {
      background-image: url("../img/bg_yellow_pcl.png");
      background-position: top center;
      background-size: auto auto; } }
  @media only screen and (min-width: 2000px) {
    .recipe {
      background-image: url("../img/bg_yellow_pcl.png");
      background-position: top center;
      background-size: 100% auto; } }
  .recipe--inner {
    width: 100%;
    margin: 0 auto;
    padding: 10.133vw 0 11.733vw; }
    @media only screen and (min-width: 750px) {
      .recipe--inner {
        width: calc(960/960 * 100%);
        padding: calc(82/960 * 100vw) 0 calc(110/960 * 100vw); } }
    @media only screen and (min-width: 960px) {
      .recipe--inner {
        width: 960px;
        padding: 82px 0 110px; } }
    .recipe--inner .recipe01 {
      width: 86.666vw;
      margin: 0 auto; }
      @media only screen and (min-width: 750px) {
        .recipe--inner .recipe01 {
          width: calc(821/960 * 100vw); } }
      @media only screen and (min-width: 960px) {
        .recipe--inner .recipe01 {
          width: 821px; } }
    .recipe--inner .recipe02 {
      position: relative;
      width: 89.466vw;
      height: 130.4vw;
      margin: 6.666vw auto 0; }
      @media only screen and (min-width: 750px) {
        .recipe--inner .recipe02 {
          width: calc(867/960 * 100vw);
          height: calc(780/960 * 100vw);
          margin: calc(37/960 * 100vw) auto 0; } }
      @media only screen and (min-width: 960px) {
        .recipe--inner .recipe02 {
          width: 867px;
          height: 780px;
          margin: 37px auto 0; } }
    .recipe--inner .recipe_ph {
      position: absolute;
      display: flex;
      justify-content: space-between;
      width: 79.333vw;
      top: 19.733vw;
      left: 0;
      right: 0;
      margin: auto; }
      @media only screen and (min-width: 750px) {
        .recipe--inner .recipe_ph {
          width: calc(742/960 * 100vw);
          top: calc(160/960 * 100vw); } }
      @media only screen and (min-width: 960px) {
        .recipe--inner .recipe_ph {
          width: 742px;
          top: 160px; } }
      .recipe--inner .recipe_ph li {
        width: 38.533vw; }
        @media only screen and (min-width: 750px) {
          .recipe--inner .recipe_ph li {
            width: calc(361/960 * 100vw); } }
        @media only screen and (min-width: 960px) {
          .recipe--inner .recipe_ph li {
            width: 361px; } }
    .recipe--inner .bt_recipe {
      position: absolute;
      width: 45.6vw;
      bottom: 5.866vw;
      left: 0;
      right: 0;
      margin: auto; }
      @media only screen and (min-width: 750px) {
        .recipe--inner .bt_recipe {
          width: calc(326/960 * 100%);
          bottom: calc(78/960 * 100vw);
          left: inherit;
          right: calc(30/960 * 100vw); } }
      @media only screen and (min-width: 960px) {
        .recipe--inner .bt_recipe {
          width: 326px;
          bottom: 78px;
          left: inherit;
          right: 30px; } }

#cp {
  position: relative;
  width: 100%;
  margin: 0 auto; }
  #cp .close {
    position: absolute;
    z-index: 20;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%; }
    #cp .close .close_comment {
      width: 87.2vw;
      margin: 0 auto;
      padding: 13.333vw 0 0 0; }
      @media only screen and (min-width: 750px) {
        #cp .close .close_comment {
          width: calc(836/960 * 100vw);
          padding: calc(150/960 * 100vw) 0 0 0; } }
      @media only screen and (min-width: 960px) {
        #cp .close .close_comment {
          width: 836px;
          padding: 150px 0 0 0; } }

.cp_inner {
  padding: 8vw 0 27.733vw;
  width: 100%;
  margin: 0 auto; }
  @media only screen and (min-width: 750px) {
    .cp_inner {
      padding: calc(94/960 * 100vw) 0 calc(180/960 * 100vw); } }
  @media only screen and (min-width: 960px) {
    .cp_inner {
      width: 960px;
      padding: 94px 0 180px; } }
  .cp_inner h2 {
    width: 87.333vw;
    margin: 0vw auto 0; }
    @media only screen and (min-width: 750px) {
      .cp_inner h2 {
        width: calc(837/960 * 100%); } }
    @media only screen and (min-width: 960px) {
      .cp_inner h2 {
        width: 837px; } }
  .cp_inner .cp_mv {
    margin: 8.266vw auto 0; }
    @media only screen and (min-width: 750px) {
      .cp_inner .cp_mv {
        margin: calc(30/960 * 100%) auto 0; } }
    @media only screen and (min-width: 960px) {
      .cp_inner .cp_mv {
        margin: 30px auto 0; } }
  .cp_inner .method {
    width: 89.6vw;
    margin: 9.333vw auto 0; }
    @media only screen and (min-width: 750px) {
      .cp_inner .method {
        width: calc(859/960 * 100%);
        margin: calc(70/960 * 100vw) auto 0; } }
    @media only screen and (min-width: 960px) {
      .cp_inner .method {
        width: 859px;
        margin: 70px auto 0; } }
    .cp_inner .method .flow {
      position: relative;
      margin: 6.8vw auto 0; }
      @media only screen and (min-width: 750px) {
        .cp_inner .method .flow {
          margin: calc(38/960 * 100vw) auto 0; } }
      @media only screen and (min-width: 960px) {
        .cp_inner .method .flow {
          margin: 38px auto 0; } }
      .cp_inner .method .flow .flow_bt {
        position: absolute;
        width: 31.866vw;
        top: 14.533vw;
        left: 9.466vw;
        line-height: 0em; }
        @media only screen and (min-width: 750px) {
          .cp_inner .method .flow .flow_bt {
            width: calc(174/960 * 100%);
            top: calc(40/960 * 100vw);
            left: calc(39/960 * 100vw); } }
        @media only screen and (min-width: 960px) {
          .cp_inner .method .flow .flow_bt {
            width: 174px;
            top: 40px;
            left: 39px; } }
    .cp_inner .method .bt_x {
      display: block;
      width: 78vw;
      margin: 6.666vw auto 0; }
      @media only screen and (min-width: 750px) {
        .cp_inner .method .bt_x {
          width: calc(657/960 * 100%);
          margin: calc(58/960 * 100vw) auto 0; } }
      @media only screen and (min-width: 960px) {
        .cp_inner .method .bt_x {
          width: 657px;
          margin: 58px auto 0; } }
    .cp_inner .method .method_note {
      font-size: 3.066vw;
      text-align: center;
      color: #009244;
      font-weight: bold;
      margin: 11.733vw auto 0; }
      @media only screen and (min-width: 750px) {
        .cp_inner .method .method_note {
          font-size: calc(20/960 * 100vw);
          margin: calc(104/960 * 100vw) auto 0; } }
      @media only screen and (min-width: 960px) {
        .cp_inner .method .method_note {
          font-size: 20px;
          margin: 104px auto 0; } }
    .cp_inner .method .apply_h3 {
      width: 90.133vw;
      margin: 4vw auto 0;
      font-size: 2.8vw;
      line-height: 1em; }
      @media only screen and (min-width: 750px) {
        .cp_inner .method .apply_h3 {
          width: calc(656/960 * 100vw);
          margin: calc(35/960 * 100vw) auto 0;
          font-size: calc(16/960 * 100vw); } }
      @media only screen and (min-width: 960px) {
        .cp_inner .method .apply_h3 {
          width: 656px;
          margin: 35px auto 0;
          font-size: 16px; } }
    .cp_inner .method .apply_wrap {
      width: 90.133vw;
      margin: 1.6vw auto 0;
      padding: 5vw 5vw 5vw 5vw;
      border: 0.8vw solid #cecece;
      background: #FFF; }
      @media only screen and (min-width: 750px) {
        .cp_inner .method .apply_wrap {
          width: calc(656/960 * 100vw);
          margin: calc(13/960 * 100vw) auto 0;
          padding: calc(32/960 * 100vw) calc(30/960 * 100vw) calc(32/960 * 100vw) calc(30/960 * 100vw);
          border: calc(3/960 * 100vw) solid #cecece; } }
      @media only screen and (min-width: 960px) {
        .cp_inner .method .apply_wrap {
          width: 656px;
          margin: 13px auto 0;
          padding: 32px 30px 32px 30px;
          border: 3px solid #cecece; } }
      .cp_inner .method .apply_wrap .apply_inner {
        width: 80vw;
        height: 60vw;
        margin: 0 auto 0 0;
        padding: 0 1em 0 0;
        overflow-y: scroll; }
        @media only screen and (min-width: 750px) {
          .cp_inner .method .apply_wrap .apply_inner {
            width: calc(600/960 * 100vw);
            height: calc(250/960 * 100vw); } }
        @media only screen and (min-width: 960px) {
          .cp_inner .method .apply_wrap .apply_inner {
            width: 600px;
            height: 250px; } }
        .cp_inner .method .apply_wrap .apply_inner p {
          font-size: 2.8vw; }
          @media only screen and (min-width: 750px) {
            .cp_inner .method .apply_wrap .apply_inner p {
              font-size: calc(13/960 * 100vw); } }
          @media only screen and (min-width: 960px) {
            .cp_inner .method .apply_wrap .apply_inner p {
              font-size: 1.3rem; } }
        .cp_inner .method .apply_wrap .apply_inner h3 {
          font-size: 3.2vw;
          text-align: left;
          border-bottom: solid 1px #000;
          padding: 0em 0em 0.2em;
          margin-top: 2em; }
          @media only screen and (min-width: 750px) {
            .cp_inner .method .apply_wrap .apply_inner h3 {
              font-size: calc(18/960 * 100vw); } }
          @media only screen and (min-width: 960px) {
            .cp_inner .method .apply_wrap .apply_inner h3 {
              font-size: 1.8rem; } }
          .cp_inner .method .apply_wrap .apply_inner h3:first-child {
            margin-top: 0em; }
        .cp_inner .method .apply_wrap .apply_inner h3 + h4 {
          margin-top: 1em; }
        .cp_inner .method .apply_wrap .apply_inner h4 {
          font-size: 3vw;
          margin: 1em 0 0 0; }
          @media only screen and (min-width: 750px) {
            .cp_inner .method .apply_wrap .apply_inner h4 {
              font-size: calc(16/960 * 100vw); } }
          @media only screen and (min-width: 960px) {
            .cp_inner .method .apply_wrap .apply_inner h4 {
              font-size: 1.6rem; } }
        .cp_inner .method .apply_wrap .apply_inner h4 + p {
          margin-top: 0.3em; }
        .cp_inner .method .apply_wrap .apply_inner h3 + p {
          margin-top: 1em; }
        .cp_inner .method .apply_wrap .apply_inner p + p {
          margin-top: 0.5em; }
        .cp_inner .method .apply_wrap .apply_inner .list {
          margin: 1em 0 0 1em; }
          .cp_inner .method .apply_wrap .apply_inner .list li {
            font-size: 2.8vw;
            margin-top: 0.5em;
            list-style: disc; }
            @media only screen and (min-width: 750px) {
              .cp_inner .method .apply_wrap .apply_inner .list li {
                font-size: calc(13/960 * 100vw); } }
            @media only screen and (min-width: 960px) {
              .cp_inner .method .apply_wrap .apply_inner .list li {
                font-size: 1.3rem; } }
            .cp_inner .method .apply_wrap .apply_inner .list li .number li {
              list-style: none; }
            .cp_inner .method .apply_wrap .apply_inner .list li ol {
              padding: 0.5em 0 0 1.2em; }
              .cp_inner .method .apply_wrap .apply_inner .list li ol li {
                list-style: decimal !important; }
            .cp_inner .method .apply_wrap .apply_inner .list li:first-child {
              margin-top: 0; }
        .cp_inner .method .apply_wrap .apply_inner .number {
          padding-left: 1em;
          margin-top: 1em; }
          .cp_inner .method .apply_wrap .apply_inner .number li {
            text-indent: -1em;
            font-size: 2.8vw;
            margin-top: 0.5em; }
            @media only screen and (min-width: 750px) {
              .cp_inner .method .apply_wrap .apply_inner .number li {
                font-size: calc(13/960 * 100vw); } }
            @media only screen and (min-width: 960px) {
              .cp_inner .method .apply_wrap .apply_inner .number li {
                font-size: 1.3rem; } }
            .cp_inner .method .apply_wrap .apply_inner .number li .number02 {
              padding-left: 1em;
              margin-top: 0; }
              .cp_inner .method .apply_wrap .apply_inner .number li .number02 li {
                text-indent: -1em;
                font-size: 2.8vw;
                margin-top: 0em; }
                @media only screen and (min-width: 750px) {
                  .cp_inner .method .apply_wrap .apply_inner .number li .number02 li {
                    font-size: calc(13/960 * 100vw); } }
                @media only screen and (min-width: 960px) {
                  .cp_inner .method .apply_wrap .apply_inner .number li .number02 li {
                    font-size: 1.3rem; } }
            .cp_inner .method .apply_wrap .apply_inner .number li:first-child {
              margin-top: 0; }
        .cp_inner .method .apply_wrap .apply_inner h3 + .list, .cp_inner .method .apply_wrap .apply_inner h3 + .number, .cp_inner .method .apply_wrap .apply_inner h4 + .list, .cp_inner .method .apply_wrap .apply_inner h4 + .number {
          margin-top: 0.7em; }
        .cp_inner .method .apply_wrap .apply_inner .mt2 {
          margin-top: 2em; }
        .cp_inner .method .apply_wrap .apply_inner .mt1 {
          margin-top: 1em; }
  .cp_inner .period {
    width: 89.6vw;
    margin: 12.533vw auto 0; }
    @media only screen and (min-width: 750px) {
      .cp_inner .period {
        width: calc(859/960 * 100%);
        margin: calc(68/960 * 100vw) auto 0; } }
    @media only screen and (min-width: 960px) {
      .cp_inner .period {
        width: 859px;
        margin: 68px auto 0; } }
  .cp_inner .privacy {
    width: 89.6vw;
    margin: 10.666vw auto 0; }
    @media only screen and (min-width: 750px) {
      .cp_inner .privacy {
        width: calc(859/960 * 100%);
        margin: calc(70/960 * 100vw) auto 0; } }
    @media only screen and (min-width: 960px) {
      .cp_inner .privacy {
        width: 859px;
        margin: 70px auto 0; } }
    .cp_inner .privacy .privacy_text {
      width: 82.933vw;
      margin: 3.333vw auto 0;
      font-size: 2.1vw;
      line-height: 1.666em; }
      @media only screen and (min-width: 750px) {
        .cp_inner .privacy .privacy_text {
          width: calc(795/960 * 100%);
          margin: calc(30/960 * 100vw) auto 0;
          font-size: calc(15/960 * 100vw); } }
      @media only screen and (min-width: 960px) {
        .cp_inner .privacy .privacy_text {
          width: 795px;
          margin: 30px auto 0;
          font-size: 1.5rem; } }
  .cp_inner .cp_cont {
    position: relative;
    width: 100%;
    margin: 5vw auto 0; }
    @media only screen and (min-width: 750px) {
      .cp_inner .cp_cont {
        margin: 15px auto 0; } }
    @media only screen and (min-width: 960px) {
      .cp_inner .cp_cont {
        margin: 15px auto 0; } }
    .cp_inner .cp_cont .color {
      background: #555;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      width: 95%;
      height: 102.5%;
      position: absolute;
      mix-blend-mode: multiply; }
    .cp_inner .cp_cont .close_text {
      position: absolute;
      top: 15%;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      text-align: center;
      font-weight: bold;
      font-size: 1.8rem;
      color: #FFF; }
      @media only screen and (min-width: 750px) {
        .cp_inner .cp_cont .close_text {
          font-size: 3rem; } }
    .cp_inner .cp_cont .btarea {
      width: 60vw;
      margin: -16vw auto 0; }
      @media only screen and (min-width: 750px) {
        .cp_inner .cp_cont .btarea {
          width: calc(560/960 * 100%);
          margin: calc(-140/960 * 100%) auto 0; } }
      @media only screen and (min-width: 960px) {
        .cp_inner .cp_cont .btarea {
          width: 560px;
          margin: -140px auto 0; } }
      .cp_inner .cp_cont .btarea a {
        display: block; }
      .cp_inner .cp_cont .btarea a:last-child {
        margin-bottom: 0; }

.ptop {
  position: fixed;
  bottom: 3vw;
  right: 3vw;
  width: 17vw;
  z-index: 1000; }
  @media only screen and (min-width: 750px) {
    .ptop {
      width: calc(143/960 * 100%);
      bottom: calc(15/960 * 100%);
      right: calc(15/960 * 100%); } }
  @media only screen and (min-width: 960px) {
    .ptop {
      width: 143px;
      bottom: 15px;
      right: 15px; } }