@charset "UTF-8";
/* 共通
------------------------------------------------------------ */
body {
  font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: calc(0.875rem + ((1vw - 3.2px) * 0.4545));
  color: #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.667;
  font-weight: 500;
  letter-spacing: -.075em;
}

.wrapper {
  margin: 0 auto;
}

img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

em {
  display: inline;
  padding: 0 0.2rem;
  font-style: normal;
}

sup {
  position: relative;
  top: -0.1em;
  font-size: calc(0.625rem + ((1vw - 3.2px) * 0.4545));
  vertical-align: top;
}

sub {
  font-size: 65%;
}

.company_info {
  margin: 0 auto;
  width: 95%;
}

.company_info,
.guide_block,
.product_block_R,
.product_block_NEO,
.attached_block {
  max-width: 1500px;
}

/* PC用改行 */
.pc {
  display: none;
}

/* header
------------------------------------------------------------ */
header {
  border-bottom: 2px solid #0074cc;
  background: #fff;
}

header .company_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}

@media screen and (min-width: 768px) {
  header .company_info {
    padding: 0.5% 0;
  }
}

header .header_logo,
header .header_btn {
  width: calc(260 / 750 * 100vw);
}

header .header_btn {
  text-align: right;
  width: calc(323 / 750 * 100vw);
  padding-top: calc(6 / 750 * 100vw);
}

header img {
  margin-bottom: 0 !important;
}

header .header_logo img {
  margin-left: 0 !important;
}

header .header_btn img {
  margin-right: 0 !important;
}

@media screen and (min-width: 768px) {
  header .header_logo,
  header .header_btn {
    width: auto;
  }
}

/* メインビジュアル
------------------------------------------------------------ */
.mv {
  margin: 0 auto;
  width: 100%;
  max-width: 1500px;
  background-color: #FE5F7F;
  padding-bottom: 15px;
}

.mv_block {
  position: relative;
  background: url("../images/mv_sp_b.png") no-repeat center top/cover;
  overflow: hidden
}

.mv_title {
  position: relative;
}

.mv_title_new {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.mv_bottom {
  padding: calc(40 / 750 * 100vw) calc(40 / 750 * 100vw) 0;
  margin-bottom: calc(40 / 750 * 100vw);
}

.mv_bottom .contents {
  width: 100%;
}

.mv_bottom_text {
  color: #ff0000;
  font-size: 13px;
  margin-bottom: calc(40 / 750 * 100vw);
  text-indent: -1em;
  padding-left: 1em;
  letter-spacing: -.005em;
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .mv {
    padding-bottom: 30px;
  }
  .mv_block {
    background: url("../images/mv_bg_pc.png") no-repeat center top/cover;
    overflow: visible
  }
}

@media screen and (min-width: 768px) {
  .mv_bottom {
    padding: 34px 20px 0;
    margin-bottom: 5%;
  }
  .mv_bottom .contents {
    width: 1070px;
  }
  .mv_bottom p {
    font-size: 18px;
    margin-bottom: 2rem;
  }
}



[class*="mv_sub0"] {
  position: absolute;
}

.mv_sub01 {
  -webkit-transition: 1.8s;
  transition: 1.8s;
  -webkit-animation: ani01_sp 1.8s infinite linear alternate;
          animation: ani01_sp 1.8s infinite linear alternate;
  top: 4%;
  left: -5%;
  width: 30%;
}

@media screen and (min-width: 768px) {
  .mv_sub01 {
    top: 4%;
    left: 50%;
    width: 18.9%;
    -webkit-transform: translateX(-230%);
            transform: translateX(-230%);
    -webkit-animation: ani01 1.8s infinite linear alternate;
            animation: ani01 1.8s infinite linear alternate;
  }
}

@media screen and (min-width: 769px) {
  .mv_sub01 {
    left: 45%;
  }
}

@media screen and (min-width: 1366px) {
  .mv_sub01 {
    left: 50%;
  }
}



/* footer
------------------------------------------------------------ */
footer {
  background: #fff;
}

.privacy_link,
.document_number,
.copyright {
  font-size: calc(0.625rem + ((1vw - 3.2px) * 0.4545));
}

/* トップに戻る */
.toTop {
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
  background: url("images/pagetop_bg.png");
  width: 100%;
}

.toTop a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.toTop a img {
  width: 100%;
}

/* 会社情報 */
footer .company_info img {
  margin-left: 0;
}

footer .company_info {
  padding: 2% 0;
}

footer .company_info,
footer .company_info dl {
  margin: 0 auto 1%;
}

footer .company_logo {
  max-width: 80%;
}

footer .company_date {
  font-size: 12px;
  margin: 3% 0 5%;
}

/* footer - pc  */
@media screen and (min-width: 768px) {
  .privacy_link,
  .document_number {
    font-size: 16px;
  }
  .privacy_link {
    text-rendering: none;
  }
  .copyright {
    font-size: 20px;
  }
  footer .company_info {
    padding: 3% 2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  footer .company_info dl {
    margin: 0;
  }
  footer .company_info dl dt {
    margin-bottom: 20px;
  }
  footer .company_info dl dd {
    margin-bottom: 0;
    font-size: 16px;
  }
  footer .company_info > div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 7%;
  }
}

@media screen and (min-width: 1000px) {
  .privacy_link,
  .document_number {
    font-size: 20px;
  }
  .copyright {
    font-size: 24px;
  }
  footer .company_info dl dt dd {
    font-size: 20px;
  }
}

/* プライバシーポリシー */
.privacy_link {
  text-align: center;
}

.privacy_link a {
  color: #0066ff;
}

/* 募集文書番号 */
.document_number {
  text-align: right;
}

/* コピーライト */
.copyright {
  padding: 1% 0;
  color: #fff;
  text-align: center;
  background: #0074cc;
}

/* フローティングボタン
------------------------------------------------------------ */
.floating,
.floating_totop {
  position: fixed;
  height: auto;
  z-index: 999;
}

.floating {
  bottom: 0;
  width: 100%;
  line-height: 1;
}

.floating_totop {
  right: 2%;
  bottom: 15vw;
  text-align: right;
}
.floating_totop p a img {
  width: 50px;
}


@media screen and (min-width: 768px) {
  .floating_totop {
    right: 2%;
    bottom: 140px;
  }
  .floating_totop p a img {
    width: 60px;
  }
}

.floating picture {
  display: block;
  text-align: center;
  line-height: 1;
}

.floating picture img {
  width: 100%;
  margin-bottom: 0;
}

.is-fixed {
  display: none !important;
}

/* コンテンツエリア
------------------------------------------------------------ */
main {
  margin-top: -30px;
  position: relative;
}
@media screen and (min-width: 768px) {
  main {
    margin-top: -30px;
  }
}
.content_wrapper {
  max-width: 1500px;
  margin: 0 auto;
}

.contents {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  width: 1120px;
  max-width: 100%;
}

/* know
------------------------------------------------------------ */
.know {
  background-image: url("images/know_bg_sp.jpg");
  background-repeat: repeat-y;
  background-position: top center;
  background-size: 100% auto;
  padding: calc(50 / 750 * 100vw) 0 calc(80 / 750 * 100vw);
  border-radius: 15px 15px 0 0;
}

/* .know_comment {
  padding: 0 calc(20 / 750 * 100vw);
  margin-bottom: calc(48 / 750 * 100vw);
} */

.know_comment_inner {
  /* background-color: #fff; */
  border-radius: 15px;
  padding: calc(30 / 750 * 100vw) calc(30 / 750 * 100vw) 0;
  position: relative;
  text-align: center;
}
.know_comment_inner .img01 {
  display: inline-block;
  margin-top: -5.33vw;
  /* margin-bottom: 5.33vw; */
}
.know_comment_inner .img02 {
  display: inline-block;
  margin-top: 28px;
}
.know .bg_white {
  width: calc((690 / 750) * 100vw);
  margin: 0 auto;
  background-color: #ffffff;
  padding: 0 calc((15 / 750) * 100vw) 25px;
  margin-top: calc((120/ 750) * 100vw);
  border-radius: 14px;
}
.know .bg_white .note {
  font-size: 13px;
  display: flex;
  margin-top: 15px;
}
.know .bg_white .note span {
  white-space: nowrap;
}
.know .bg_white .img09 {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .know .bg_white {
    max-width: 1050px;
    padding: 0 15px 88px;
    margin-top: 120px;
    border-radius: 28px;
  }
  .know .bg_white .note {
    font-size: 20px;
  }

}
.know .bg_white .img04 {
  width: calc((570 / 750) * 100vw);
  margin: 0 auto;
  transform: translateY(-50%);
  position: relative;
}
@media screen and (min-width: 768px) {
  .know .bg_white .img04 {
    max-width: 800px;
  }
}
.accordion {
  width: 100%;
  margin-top: 15px;
}
.accordion .data-more-btn {
  position: relative;
}
.accordion .data-more-btn.mt-20.mt-md-25 {
  margin-top: 20px;
}
.accordion .data-more-btn::before,
.accordion .data-more-btn::after {
  position: absolute;
  content: '';
  width: calc((20 / 750) * 100vw);
  height: 2px;
  background-color: #ffffff;
  top: 50%;
  right: 5vw;
  transform: translateX(-50%);
}
.accordion .data-more-btn::after {
  transform: translateX(-50%) rotate(90deg);
}
.accordion .data-more-btn.open::after {
  display: none;
}
.accordion .data-more-content {
  display: none;
  padding-top: 15px;
}
.accordion .data-more-content ul {
  font-size: 13px;
  margin-top: 15px;
}
.accordion .data-more-content ul li {
  display: flex;
}
.accordion .data-more-content ul li span {
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .accordion {
    width: 100%;
    max-width: 800px;
    margin: 35px auto 0;
  }
  .accordion .data-more-btn:hover {
    cursor: pointer;
  }
  .accordion .data-more-btn::before,
  .accordion .data-more-btn::after {
    max-width: 20px;
    right: min(30px,3.75%);
  }
  .accordion .data-more-btn.mt-20.mt-md-25 {
    margin-top: 25px;
  }
  .accordion .data-more-content {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .accordion .data-more-content ul {
    margin-top: 25px;
    font-size: 20px;
  }
}
.request_btn.mt-30.mt-md-50 {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .request_btn.mt-30.mt-md-50 {
    margin-top: 50px;
  }
}

.know_comment_inner p {
  font-size: calc(24 / 750 * 100vw);
  font-weight: bold;
  margin-bottom: .5em;
}

.know_comment_inner p span {
  color: #fc5e7e;
}

.know_cost {
  position: relative;
}

.know_cost_frame {
  position: absolute;
  overflow-x: hidden;
  width: calc(555 / 750 * 100vw);
  height: calc(300 / 750 * 100vw);
  bottom: calc(330 / 750 * 100vw);
  left: calc(100 / 750 * 100vw);
  white-space: nowrap;
}

.know_cost_frame > div {
  display: inline-block;
  width: calc(2140 / 750 * 100vw);
}

.know_cost_frame > div:first-child {
  -webkit-animation: loop 46s -23s linear infinite;
          animation: loop 46s -23s linear infinite;
  margin-right: calc(30 / 750 * 100vw);
}

.know_cost_frame > div:last-child {
  -webkit-animation: loop2 46s linear infinite;
          animation: loop2 46s linear infinite;
}

.know_cost_frame ul {
  white-space: nowrap;
}

.know_cost_frame ul li {
  width: calc(270 / 750 * 100vw);
  display: inline-block;
  white-space: nowrap;
  margin-right: calc(40 / 750 * 100vw);
}

.know_cost_frame ul li:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .know {
    padding: 3.5% 0 4.5%;
    border-radius: 30px 30px 0 0;
  }
  .know_comment {
    width: 920px;
    max-width: calc(976 / 1120 * 100%);
    margin: 0 auto;
  }
  .know_comment_inner {
    border-radius: 20px;
    padding: 27px 10px 0;
  }
  .know_comment_inner .img01 {
    margin-top: 0;
    /* margin-bottom: 0; */
  }
  .know_comment_inner .img02 {
    margin-top: 55px;
  }
  /* .know_comment_inner::after {
    bottom: -25px;
    border-top-width: 26px;
    border-right-width: 16px;
    border-left-width: 16px;
  } */
  .know_comment_inner p {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 3px;
  }
}

@media screen and (min-width: 769px) {
  .know_cost_frame {
    display: none;
  }
}

@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@-webkit-keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}

@keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}

/* point
------------------------------------------------------------ */
.point {
  padding-bottom: calc(60 / 750 * 100vw);
}

.point h4 {
  text-align: center;
  font-size: 24px;
  line-height: 1;
  margin: 52px 0 32px;
}

.point_note {
  padding: 0 calc(40 / 750 * 100vw);
  margin: calc(20 / 750 * 100vw) 0 calc(40 / 750 * 100vw);
}

.point_note ol {
  list-style-type: none;
}

.point_note ol li {
  counter-increment: number;
  padding-left: 2em;
  text-indent: -2em;
  font-size: calc(26 / 750 * 100vw);
  margin-bottom: .5em;
}

.point_note ol li::before {
  content: "※" counter(number);
  margin-right: 4px;
}

.point_note .small_note {
  margin: 12px 0;
  font-size: calc(26 / 750 * 100vw);
  color: #ff3333
}

.point_box {
  max-width: calc(100% - (58 / 750* 100vw));
  margin: 0 auto calc(50 / 750 * 100vw);
}

.point_box dt {
  border-radius: calc(30 / 750 * 100vw) calc(30 / 750 * 100vw) 0 0;
}

.box2 .point_box dt {
  background-color: #0e9bc8;
}

.point_box dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-width: 1px;
  border-style: solid;
  border-radius: 0 0 calc(30 / 750 * 100vw) calc(30 / 750 * 100vw);
  overflow: hidden;
  padding: calc(20 / 750 * 100vw) calc(25 / 750 * 100vw);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.point_box dd > p {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  font-size: calc(24 / 750 * 100vw);
}

.point_box dd > p strong {
  color: #fc5e7e;
}

.point_box dd .image {
  width: calc(175 / 750 * 100vw);
  margin-left: calc(10 / 750 * 100vw);
}

.point_box.box1 dt {
  background-color: #0e9bc8;
}

.point_box.box1 dd {
  border-color: #0e9bc8;
}

.point_box.box2 dt {
  background-color: #998650;
}

.point_box.box2 dd {
  border-color: #998650;
}

@media screen and (min-width: 768px) {
  .point {
    overflow: hidden;
    padding-bottom: 5.5%;
  }
  .point h3 {
    background-color: #fc5e7e;
    margin-left: -190px;
    margin-right: -190px;
    padding-left: 190px;
    padding-right: 190px;
  }
  .point_note {
    margin: 3% auto;
    max-width: calc(976 / 1120 * 100%);
    padding: 0;
  }
  .point_note ol {
    list-style-type: none;
  }
  .point_note ol li {
    font-size: 20px;
    margin-bottom: .25em;
  }
  .point_box {
    max-width: calc(976 / 1120 * 100%);
    width: 976px;
    margin: 0 auto 3.2%;
  }
  .point_box dt {
    border-radius: 20px 20px 0 0;
  }
  .point_box dd {
    border-radius: 0 0 20px 20px;
    padding: 2%;
    overflow: visible;
  }
  .point_box dd > p {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    font-size: 26px;
  }
  .point_box dd > p strong {
    color: #fc5e7e;
  }
  .point_box dd .image {
    width: 148px;
    margin-left: 10px;
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
    z-index: 1;
    position: relative;
  }
  .point_box.box1 dt {
    background-color: #0e9bc8;
  }
  .point_box.box1 dd {
    border-color: #0e9bc8;
  }
  .point_box.box2 dd {
    padding: 2% 6%;
  }
}

/* plan
------------------------------------------------------------ */
.plan {
  max-width: calc(100% - (94 / 750 * 100vw));
  margin: calc(68 / 750 *100vw) auto;
}

.plan_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 calc(20 / 750 *100vw);
}

.plan_tab li {
  width: calc(190 / 750 *100vw);
  border-radius: calc(20 / 750 *100vw) calc(20 / 750 *100vw) 0 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.plan_tab li:nth-child(1) {
  background-color: #96bc00;
}

.plan_tab li:nth-child(2) {
  background-color: #1369ba;
}

.plan_tab li:nth-child(3) {
  background-color: #ffab00;
}

.plan_tab li:not(.active) {
  -webkit-box-shadow: 0 calc(-1 * (20 / 750 *100vw)) calc(30 / 750 *100vw) calc(-1 * (20 / 750 *100vw)) rgba(0, 0, 0, 0.4) inset;
          box-shadow: 0 calc(-1 * (20 / 750 *100vw)) calc(30 / 750 *100vw) calc(-1 * (20 / 750 *100vw)) rgba(0, 0, 0, 0.4) inset;
}

.plan_tab_bottom li {
  border-radius: 0 0 calc(20 / 750 *100vw) calc(20 / 750 *100vw);
}

.plan_tab_bottom li:not(.active) {
  -webkit-box-shadow: 0 calc(20 / 750 *100vw) calc(30 / 750 *100vw) calc(-1 * (20 / 750 *100vw)) rgba(0, 0, 0, 0.4) inset;
          box-shadow: 0 calc(20 / 750 *100vw) calc(30 / 750 *100vw) calc(-1 * (20 / 750 *100vw)) rgba(0, 0, 0, 0.4) inset;
}

.plan_block {
  border-top-width: calc(18 / 750 *100vw);
  border-top-style: solid;
  border-bottom-width: calc(18 / 750 *100vw);
  border-bottom-style: solid;
  border-radius: calc(10 / 750 *100vw);
  padding: calc(20 / 750 *100vw) calc(30 / 750 *100vw);
}

.plan_block:not(.active) {
  display: none;
}

.plan_block.plan1 {
  border-top-color: #96bc00;
  border-bottom-color: #96bc00;
  background-color: #e2ecd0;
}

.plan_block.plan2 {
  border-top-color: #1369ba;
  border-bottom-color: #1369ba;
  background-color: #e3f1f9;
}

.plan_block.plan3 {
  border-top-color: #ffab00;
  border-bottom-color: #ffab00;
  background-color: #fff0d0;
}

.plan_block dl {
  margin-bottom: calc(20 / 750 * 100vw);
}

.plan_block dl dt {
  font-size: calc(25 / 750 * 100vw);
  font-weight: bold;
}

.plan_block dl dd {
  font-size: calc(20 / 750 * 100vw);
}

.plan_note {
  text-align: center;
  font-size: calc(18 / 750 *100vw);
  margin-top: calc(50 / 750 *100vw);
}

.plan_modal {
  position: relative;
}

.plan_modal_btn {
  position: absolute;
  display: block;
  cursor: pointer;
}

.plan_modal_btn.btn1 {
  width: calc(200 / 750 * 100vw);
  height: calc(80 / 750 * 100vw);
  top: 32%;
  left: 33%;
}

.plan_modal_btn.btn2 {
  width: calc(240 / 750 * 100vw);
  height: calc(60 / 750 * 100vw);
  top: 53%;
  left: 30%;
}

.plan_modal_btn.btn3 {
  width: calc(80 / 750 * 100vw);
  height: calc(280 / 750 * 100vw);
  bottom: 9.4%;
  right: 25%;
}

.plan_modal_btn.btn4 {
  width: calc(70 / 750 * 100vw);
  height: calc(150 / 750 * 220vw);
  top: 22%;
  left: 79%;
}

.plan_modal_btn.btn5 {
  width: calc(120 / 750 * 100vw);
  height: calc(100 / 750 * 100vw);
  top: 32%;
  left: 27%;
}

.plan_modal_btn.btn6 {
  width: calc(140 / 750 * 100vw);
  height: calc(70 / 750 * 100vw);
  top: 55%;
  left: 25%;
}

.plan_modal_btn.btn7 {
  width: calc(140 / 750 * 100vw);
  height: calc(70 / 750 * 100vw);
  top: 55%;
  left: 56%;
}

.plan_modal_btn.btn8 {
  width: calc(70 / 750 * 100vw);
  height: calc(270 / 750 * 100vw);
  top: 72%;
  right: 42%;
}

.plan_modal_btn.btn9 {
  width: calc(60 / 750 * 100vw);
  height: calc(150 / 750 * 220vw);
  top: 22%;
  right: 5%;
}

.plan_modal_btn.btn10 {
  width: calc(250 / 750 * 100vw);
  height: calc(45 / 750 * 100vw);
  bottom: 43.5%;
  left: 28%;
}

.plan_modal_btn.btn11 {
  width: calc(70 / 750 * 100vw);
  height: calc(260 / 750 * 100vw);
  bottom: 10%;
  right: 26%;
}

.plan_modal_btn.btn12 {
  width: calc(60 / 750 * 100vw);
  height: calc(150 / 750 * 220vw);
  top: 22%;
  right: 9%;
}

@media screen and (min-width: 768px) {
  .plan {
    max-width: calc(976 / 1120 * 100%);
    margin: 6.5% auto 4.5%;
  }
  .plan_tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 2%;
  }
  .plan_tab li {
    width: calc(285 / (976 - 80) * 100%);
    border-radius: 20px 20px 0 0;
    padding: 2.4% 0;
  }
  .plan_tab li:not(.active) {
    -webkit-box-shadow: 0 -20px 30px -20px rgba(0, 0, 0, 0.5) inset;
            box-shadow: 0 -20px 30px -20px rgba(0, 0, 0, 0.5) inset;
  }
  .plan_tab_bottom {
    margin-top: -1px;
  }
  .plan_tab_bottom li {
    border-radius: 0 0 20px 20px;
  }
  .plan_tab_bottom li:not(.active) {
    -webkit-box-shadow: 0 20px 30px -20px rgba(0, 0, 0, 0.5) inset;
            box-shadow: 0 20px 30px -20px rgba(0, 0, 0, 0.5) inset;
  }
  .plan_block {
    border-top-width: 18px;
    border-bottom-width: 18px;
    border-radius: 10px;
    padding: 3% 3.8%;
  }
  .plan_block dl {
    margin-bottom: 2.8%;
  }
  .plan_block dl dt {
    font-size: 25px;
  }
  .plan_block dl dd {
    font-size: 20px;
  }
  .plan_note {
    font-size: 16px;
    margin-top: 5%;
  }
  .plan_modal_btn.btn1 {
    width: 26%;
    height: 8%;
    top: 40%;
    left: 32%;
  }
  .plan_modal_btn.btn2 {
    width: 28%;
    height: 4.5%;
    top: 62%;
    left: 37%;
  }
  .plan_modal_btn.btn3 {
    width: 31%;
    height: 5%;
    bottom: 17%;
    right: 24%;
  }
  .plan_modal_btn.btn4 {
    width: 7%;
    height: 27%;
    top: 17%;
    left: 86%;
  }
  .plan_modal_btn.btn5 {
    width: 30%;
    height: 8%;
    top: 38%;
    left: 20%;
  }
  .plan_modal_btn.btn6 {
    width: 15%;
    height: 7%;
    top: 67%;
    left: 27%;
  }
  .plan_modal_btn.btn7 {
    width: 15%;
    height: 7%;
    top: 67%;
    left: 61%;
  }
  .plan_modal_btn.btn8 {
    width: 11%;
    height: 27%;
    top: 62%;
    left: 46%;
  }
  .plan_modal_btn.btn9 {
    width: 9%;
    height: 27%;
    top: 17%;
    right: 5%;
  }
  .plan_modal_btn.btn10 {
    width: 28%;
    height: 4%;
    bottom: 34%;
    left: 37%;
  }
  .plan_modal_btn.btn11 {
    width: 30%;
    height: 5%;
    bottom: 17%;
    right: 25%;
  }
  .plan_modal_btn.btn12 {
    width: 7%;
    height: 27%;
    top: 17%;
    right: 7%;
  }
}

/* support
------------------------------------------------------------ */
.support {
  background-color: #e3f1f9;
  padding-bottom: calc(50 / 750 * 100vw);
}

.support_list {
  overflow: scroll;
  margin: calc(10 / 750 * 100vw) 0 calc(20 / 750 * 100vw);
}

.support_list ul {
  white-space: nowrap;
  display: block;
  padding-bottom: calc(10 / 750 * 100vw);
}

.support_list ul li {
  display: inline-block;
  width: calc(355 / 750 * 100vw);
  margin: 0 calc(9 / 750 * 100vw);
}

.support_list ul li:first-child {
  margin-left: calc(29 / 750 * 100vw);
}

.support_list ul li:last-child {
  margin-right: calc(29 / 750 * 100vw);
}

.support_note {
  text-align: center;
  font-size: calc(18 / 750 * 100vw);
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .support {
    padding: 3.5% 0 3%;
    overflow: hidden;
  }
  .support h2 {
    background-image: url("images/support_title_bg_pc.png");
    background-repeat: repeat;
    background-size: auto 100%;
    margin-left: -190px;
    margin-right: -190px;
    padding-left: 190px;
    padding-right: 190px;
    margin-bottom: 30px;
  }
  .support_list {
    overflow: visible;
    width: 892px;
    max-width: calc(100% - 40px);
    margin: 10px auto;
  }
  .support_list ul {
    white-space: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 0;
  }
  .support_list ul li {
    width: calc(290 / 892 * 100%);
    margin: 0 0 10px !important;
  }
  .support_list ul li img {
    width: 100%;
  }
  .support_note {
    font-size: 14px;
  }
}

/* cv
------------------------------------------------------------ */
.cv {
  padding: calc(50 / 750 * 100vw) 0 0;
}

.cv_consider {
  margin-top: calc(50 / 750 * 100vw);
  background-image: url("images/consider_bg_sp.jpg");
  background-size: 100% auto;
  padding: 0 0 calc(50 / 750 * 100vw);
}

.cv_consider .contents {
  max-width: calc(100% - (58 / 750* 100vw));
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .cv {
    padding: 4% 0 0;
  }
  .cv_consider {
    margin-top: 4%;
    background-image: url("images/consider_bg_pc.jpg");
    padding: 0 0 3%;
  }
}

/* consultation
------------------------------------------------------------ */
.consultation {
  background-image: url("images/consultation_bg_sp.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  margin-top: calc(10 / 750 * 100vw);
  margin-bottom: calc(40 / 750 * 100vw);
  min-height: calc(625 / 750 * 100vw);
}

.consultation .request_btn {
  margin-bottom: calc(15 / 750 * 100vw);
}

.consultation p {
  text-align: center;
  font-size: calc(24 / 750 * 100vw);
}

@media screen and (min-width: 769px) {
  .consultation {
    background-image: url("images/consultation_bg_pc.jpg");
    min-height: auto;
    margin-top: 2%;
    margin-bottom: 4%;
    padding-bottom: 4.5%;
  }
  .consultation .request_btn {
    margin-bottom: 2%;
  }
  .consultation p {
    text-align: center;
    font-size: 24px;
  }
}

/* tel
------------------------------------------------------------ */
.tel {
  margin-bottom: calc(100 / 750 * 100vw);
}

.tel .contents {
  max-width: calc(100% - (58 / 750* 100vw));
  margin: 0 auto;
}

.tel a {
  display: block;
}

.tel p {
  font-size: calc(24 / 750 * 100vw);
}

@media screen and (min-width: 769px) {
  .tel {
    margin-bottom: 5.5%;
  }
  .tel p {
    max-width: calc((976 - 20 ) / 1120 * 100%);
    font-size: 16px;
    margin: 1% auto 0;
  }
}

/* ボタン
------------------------------------------------------------ */
.request_btn {
  display: block;
  text-align: center;
  line-height: 0;
}

.request_btn img {
  display: block;
}

.request_btn a {
  display: inline-block;
  width: calc(687 / 750 * 100vw);
  max-width: 100%;
}

.request_btn_head {
  text-align: center;
  font-size: calc(34 / 750 * 100vw);
  font-weight: bold;
  letter-spacing: 0;
  display: inline-block;
  position: relative;
  margin-bottom: calc(30 / 750 * 100vw);
}

.request_btn_head::before, .request_btn_head::after {
  content: "";
  display: block;
  width: 2px;
  height: calc(45 / 750 * 100vw);
  background-color: #333333;
  position: absolute;
  top: calc(10 / 750 * 100vw);
}

.request_btn_head::before {
  left: calc(-1 * (20 / 750 * 100vw));
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
}

.request_btn_head::after {
  right: calc(-1 * (20 / 750 * 100vw));
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}

@media screen and (min-width: 768px) {
  .request_btn {
    max-width: calc(976 / 1120 * 100%);
    margin: 0 auto;
  }
  .request_btn a {
    width: auto;
  }
  .request_btn_head {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .request_btn_head::before, .request_btn_head::after {
    content: "";
    height: 40px;
    top: 10px;
  }
  .request_btn_head::before {
    left: -10px;
  }
  .request_btn_head::after {
    right: -10px;
  }
}

.help_btn {
  text-decoration: underline;
  color: #00a0f0;
  font-weight: 500;
  cursor: pointer;
}

.help_btn::after {
  cursor: pointer;
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: url("../images/icon_help.png");
  background-size: contain;
  margin-left: 1px;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}

@media screen and (min-width: 768px) {
  .help_btn::after {
    width: 20px;
    height: 20px;
    margin-left: 2px;
  }
}

/* other 
----------------------------------------------------------*/
.note_ol {
  list-style-type: none;
  margin: calc(25 / 750 * 100vw) 0;
}

.note_ol li {
  padding-left: 1.5em;
  text-indent: -1.5em;
  font-size: calc(25 / 750 * 100vw);
  margin-bottom: .1em;
}

.note_ol li:last-child {
  margin-bottom: 0;
}

.note_ol li .count {
  margin-right: .5em;
}

.note_ol li > ul {
  margin-bottom: calc(15 / 750 * 100vw);
}

.note_ol.astarisk {
  padding-left: 0;
}

.note_ol.astarisk li {
  counter-increment: number;
  padding-left: 1.75em;
  text-indent: -1.75em;
  font-size: calc(22 / 750 * 100vw);
  margin-bottom: .1em;
}

.note_ol.astarisk li::before {
  content: "※" counter(number);
  margin-right: 4px;
}

@media screen and (min-width: 768px) {
  .note_ol {
    margin: 1em 0;
  }
  .note_ol li {
    font-size: 20px;
  }
  .note_ol li > ul {
    margin-bottom: 10px;
  }
  .note_ol.astarisk li {
    font-size: 22px;
  }
}

.note_ul {
  margin: calc(25 / 750 * 100vw) 0 calc(25 / 750 * 100vw) calc(40 / 750 * 100vw);
}

.note_ul li {
  font-size: calc(25 / 750 * 100vw);
  margin-bottom: .1em;
  list-style: disc;
}

.note_ul li:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .note_ul {
    margin: 1em 0 1em 30px;
  }
  .note_ul li {
    font-size: 20px;
  }
}

.color-red {
  color: #ff3333;
}

.color-pink {
  color: #fc5e7e;
}

.color-blue {
  color: #00a0f0;
}

.attention {
  color: #ff3333;
  text-indent: -2em;
  padding-left: 2em;
}

.astarisk {
  font-size: calc(22 / 750 * 100vw) !important;
  text-indent: -1em;
  padding-left: 1em;
}

@media screen and (min-width: 768px) {
  .astarisk {
    font-size: 18px !important;
  }
}

.mb0 {
  margin-bottom: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

@media screen and (max-width: 767px) {
  .floating .request_btn a {
    width: 100%;
  }
}

/* デスクトップ/タブレット横
------------------------------------------------------------ */
@media screen and (min-width: 769px) {
  .pc {
    display: block;
  }
  /* SP用改行 */
  .sp {
    display: none !important;
  }
  /* リンク */
  a:hover {
    opacity: 0.85;
  }
  /* 電話番号のリンク：無効 */
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
  /* header
    ------------------------------------------------------------ */
  /* 商品紹介 */
  .product_list {
   -webkit-flex-basis: 55%;
    -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
  }
  .product_list {
    margin-bottom: 0;
  }
  .product_list li h2 {
    margin-bottom: 5%;
  }
  /* テキスト */
  .floating_block {
    position: absolute;
    top: 85%;
    left: 2vw;
    width: 40%;
  }
  .mv_txt {
    margin-bottom: 5%;
    letter-spacing: 0.1rem;
    color: #333;
    text-shadow: none;
  }
  /* 簡単比較表はこちら */
  .comparison_link {
    text-align: center;
  }
  .comparison_link a:hover {
    text-decoration: underline;
  }
  .comparison_title {
    margin-bottom: -2.5rem;
  }
  .comparison_date_kitR,
  .comparison_date_NEO,
  .comparison_date_digest {
    padding: 2% 5% 1%;
  }
  .cost_list {
    width: 90%;
    max-width: 900px;
  }
  /* グラフ */
  .cost_graph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cost_graph .cost_text {
    padding-top: 75px;
    width: 40%;
    font-size: 1.2em;
    line-height: 2.0;
    text-align: left;
  }
  .cost_graph .cost_text em {
    font-size: 1.2em;
  }
  .cost_graph_img {
    width: 58%;
  }
  /* 帯 */
  .guide_block {
    padding: 2.5% 0;
  }
  /* お申込み方法 */
  .apply_att,
  .attached_att {
    font-size: 14px;
    text-align: center;
  }
  table {
    border-spacing: 10px;
  }
  tbody th,
  tbody td {
    height: 180px;
  }
  .apply_kitR,
  .apply_kitNEO {
    padding-top: 5%;
  }
  .apply_kitNEO a {
    position: absolute;
    display: block;
    bottom: 2%;
  }
  .apply_face {
    left: -210px;
    width: 200%;
    max-width: 420px;
  }
  .apply_mail,
  .apply_net {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 120%;
    max-width: 240px;
  }
  /* 選べるオプション・無料のサポート */
  .attached_block {
    margin-bottom: 2%;
    padding: 7% 0 2%;
  }
  .attached_att {
    margin-bottom: 5%;
  }
  .attached_block h3,
  .attached_txt {
    margin-bottom: 2%;
  }
  .option_item,
  .support_item {
    width: 250px;
    height: 125px;
  }
  .footer_logo::before,
  .which_item::before {
    margin-bottom: 5%;
  }
  /* footer
    ------------------------------------------------------------ */
  .company_info img {
    max-width: 400px;
  }
  .support_info dt {
    font-size: calc(1.75rem + ((1vw - 3.2px) * 0.4545));
  }
  /* フローティングボタン
    ------------------------------------------------------------ */
  .floating {
    position: fixed;
    bottom: 10px;
    right: 0px;
    height: auto;
    z-index: 999;
    width: 210px;
  }
  .floating a:hover {
    opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .sp-only {
    display: none;
  }
}

@media print {
  .floating,
  .floating_totop {
    display: none !important;
  }
  .conditions_list_checked {
    right: 14.8%;
    width: 3.3%;
  }
  .conditions_list_checked.check1 {
    top: 18.3%;
  }
  .conditions_list_checked.check2 {
    top: 38%;
  }
  .conditions_list_checked.check3 {
    top: 65.6%;
  }
}

.floatb {
  margin-right: 0
}

@media screen and (max-width: 768px) {
  .point .contents h4 {
    font-size: 16px;
    margin: 26px 0;
  }
  .modal_content .attention_sign img {
    width: 70%;
  }
}

@media screen and (min-width: 769px) {
  .point_note .small_note {
    font-size: 20px;
  }
}

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