@charset "UTF-8";
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap");
/* line 5, ../sass/_base.scss */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/* line 11, ../sass/_base.scss */
* {
  box-sizing: border-box;
}

/* line 15, ../sass/_base.scss */
::-moz-selection, ::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 20, ../sass/_base.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 29, ../sass/_base.scss */
audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

/* line 33, ../sass/_base.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 39, ../sass/_base.scss */
textarea {
  resize: vertical;
}

/* line 43, ../sass/_base.scss */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #222;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* line 53, ../sass/_base.scss */
html {
  font-size: 62.5%;
}

/* line 56, ../sass/_base.scss */
body {
  color: #222;
  font-family: "Noto Sans JP","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}

/* line 63, ../sass/_base.scss */
h1, h2, h3, h4, h5, h6, p, dl {
  margin: 0;
}

/* line 67, ../sass/_base.scss */
dd {
  margin-left: 0;
}

/* line 71, ../sass/_base.scss */
a {
  color: #222;
  text-decoration: none;
}

/* line 76, ../sass/_base.scss */
a:focus {
  border: 0;
  outline: 0;
}

/* line 81, ../sass/_base.scss */
ul, ol {
  margin: 0;
  padding-left: 0;
}
/* line 84, ../sass/_base.scss */
ul li, ol li {
  list-style: none;
}

/* line 89, ../sass/_base.scss */
img {
  max-width: 100%;
  height: auto;
}

/* line 94, ../sass/_base.scss */
img[src$=".svg"] {
  max-width: 100%;
  height: auto;
}

/* line 99, ../sass/_base.scss */
svg {
  max-width: 100%;
  height: auto;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/* line 117, ../sass/_base.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/* line 122, ../sass/_base.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* line 132, ../sass/_base.scss */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* line 143, ../sass/_base.scss */
.invisible {
  visibility: hidden;
}

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  /* line 153, ../sass/_base.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  /* line 158, ../sass/_base.scss */
  *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 165, ../sass/_base.scss */
  a {
    text-decoration: underline;
  }
  /* line 167, ../sass/_base.scss */
  a:visited {
    text-decoration: underline;
  }
  /* line 170, ../sass/_base.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 174, ../sass/_base.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* line 178, ../sass/_base.scss */
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: "";
  }

  /* line 182, ../sass/_base.scss */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 186, ../sass/_base.scss */
  thead {
    display: table-header-group;
  }

  /* line 189, ../sass/_base.scss */
  tr {
    page-break-inside: avoid;
  }

  /* line 192, ../sass/_base.scss */
  img {
    page-break-inside: avoid;
    max-width: 100% !important;
  }

  /* line 196, ../sass/_base.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 200, ../sass/_base.scss */
  h2, h3 {
    page-break-after: avoid;
  }
}
@font-face {
  font-family: 'Yu Gothic';
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: 'Yu Gothic';
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: local("Helvetica Neue Regular");
}
@font-face {
  font-family: 'HelveticaNeue-CondensedBold';
  src: local("HelveticaNeue-CondensedBold");
}
/* =====================
  all
===================== */
/* line 7, ../sass/_layout.scss */
html {
  width: 100%;
}

/* line 11, ../sass/_layout.scss */
body {
  position: relative;
  margin: 0;
}

/* line 16, ../sass/_layout.scss */
img {
  width: 100%;
}

/* line 20, ../sass/_layout.scss */
.svg-container {
  display: none;
}

/* line 24, ../sass/_layout.scss */
.wrapper {
  position: relative;
  overflow: hidden;
}

/* line 29, ../sass/_layout.scss */
.wrap {
  width: 89.33333%;
  max-width: 1024px;
  margin: 0 auto;
}

/* =====================
  elements
===================== */
/* line 37, ../sass/_layout.scss */
h2,
h3 {
  font-weight: normal;
}
@media all and (-ms-high-contrast: none) {
  /* line 37, ../sass/_layout.scss */
  h2,
  h3 {
    font-weight: bold;
  }
}
@supports (-ms-ime-align: auto) {
  /* line 37, ../sass/_layout.scss */
  h2,
  h3 {
    font-weight: bold;
  }
}

/* line 48, ../sass/_layout.scss */
.ib {
  display: inline-block;
}

/* line 52, ../sass/_layout.scss */
.sp {
  display: none;
}

/* =====================
  header-block
===================== */
/* line 62, ../sass/_layout.scss */
header .header-id {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  padding: 2.14844% 2.92969%;
  width: 14.28571%;
  background: #514068;
}
/* line 71, ../sass/_layout.scss */
header .header-id a {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 74, ../sass/_layout.scss */
header .header-id a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
@media screen and (max-width: 640px) {
  /* line 80, ../sass/_layout.scss */
  header .header-id {
    padding: 2.66667% 4.26667% 3.73333%;
    width: 30.4%;
  }
}

/* =====================
  mv-block
===================== */
/* line 90, ../sass/_layout.scss */
.mv-wrap > .text {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  /* line 90, ../sass/_layout.scss */
  .mv-wrap > .text {
    font-size: calc((20 - 16) * ((100vw - 641px) / (1024 - 641)) + 1.6rem);
  }
}
@media screen and (max-width: 640px) {
  /* line 90, ../sass/_layout.scss */
  .mv-wrap > .text {
    font-size: calc((26 - 13) * ((100vw - 320px) / (640 - 320)) + 1.3rem);
  }
}
/* line 103, ../sass/_layout.scss */
.mv-wrap > .text > span {
  display: inline-block;
  margin-top: .5em;
  border-bottom: 2px solid #dc0032;
}

/* line 110, ../sass/_layout.scss */
.mv-block {
  position: relative;
  background: url("../img/mv.jpg") center/cover no-repeat;
  width: 100%;
  padding-bottom: 50%;
  height: 0;
  overflow: hidden;
}
/* line 118, ../sass/_layout.scss */
.mv-block .mv-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 73.14286%;
  margin: 0 auto;
  height: 100%;
}
/* line 127, ../sass/_layout.scss */
.mv-block .mv-box h1 {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 132, ../sass/_layout.scss */
.mv-block .mv-box h1 .txt01 {
  position: absolute;
  top: 21.14286%;
  left: 50%;
  display: inline-block;
  width: 78.32031%;
  opacity: 0;
  transform: translateX(-50%);
  letter-spacing: .05em;
  animation: fadeInLeft02 .2s 2.5s ease forwards;
}
/* line 144, ../sass/_layout.scss */
.mv-block .mv-box h1 .txt02 {
  opacity: 0;
  width: 76.36719%;
  position: absolute;
  top: 39.28571%;
  left: 50%;
  line-height: 1;
  transform: translateX(-50%);
  animation: fadeInLeft02 .2s 2.7s ease forwards;
}
/* line 156, ../sass/_layout.scss */
.mv-block .mv-box h1 .txt03 {
  opacity: 0;
  width: 73.53516%;
  position: absolute;
  top: 62%;
  left: 50%;
  transform: translateX(-50%);
  animation: fadeInLeft02 .2s 2.9s ease forwards;
}
/* line 167, ../sass/_layout.scss */
.mv-block .mv-box .mv_lead {
  opacity: 0;
  width: 77.44141%;
  position: absolute;
  top: 75.42857%;
  left: 50%;
  transform: translateX(-50%);
  animation: fadeInLeft02 0.2s 2.9s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@media screen and (max-width: 640px) {
  /* line 110, ../sass/_layout.scss */
  .mv-block {
    background: url("../img/mv_sp.jpg") center/cover no-repeat;
    padding-bottom: 120%;
  }
  /* line 184, ../sass/_layout.scss */
  .mv-block .mv-box {
    width: 100%;
  }
  /* line 188, ../sass/_layout.scss */
  .mv-block .mv-box h1 .txt01 {
    top: 47.6vw;
    left: 5.86667vw;
    width: 74.66667vw;
    transform: translateX(0);
    animation: fadeInLeft .2s 2.5s ease forwards;
  }
  /* line 196, ../sass/_layout.scss */
  .mv-block .mv-box h1 .txt02 {
    width: 89.6%;
    top: 69.2vw;
  }
  /* line 201, ../sass/_layout.scss */
  .mv-block .mv-box h1 .txt03 {
    width: 88.93333%;
    top: 87.2vw;
  }
  /* line 207, ../sass/_layout.scss */
  .mv-block .mv-box .mv_lead {
    width: 90.8%;
    top: 98.66667vw;
  }
}

/* =====================
  footer-block
===================== */
/* line 219, ../sass/_layout.scss */
footer .footer-block {
  padding: 5.5rem 0 4rem;
  border-bottom: 1px solid #635377;
}
/* line 223, ../sass/_layout.scss */
footer .footer-block .footer-id {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
/* line 229, ../sass/_layout.scss */
footer .footer-block .footer-id .logo_100th {
  width: 25.39063%;
}
/* line 233, ../sass/_layout.scss */
footer .footer-block .footer-id .id_messege {
  padding-left: 2.4rem;
  color: #dc0032;
  font-size: 2rem;
  font-weight: bold;
}
/* line 239, ../sass/_layout.scss */
footer .footer-block .footer-id .id_messege .per_140 {
  font-size: 140%;
}
/* line 246, ../sass/_layout.scss */
footer .footer-bottom {
  background: #514068;
  padding: 3rem 0;
  color: #fff;
}
/* line 251, ../sass/_layout.scss */
footer .footer-bottom .wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 40px;
}
/* line 259, ../sass/_layout.scss */
footer .footer-bottom .footer-left {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  width: 55.08475%;
}
/* line 266, ../sass/_layout.scss */
footer .footer-bottom .footer-left .tu-id {
  width: 27.69231%;
}
/* line 269, ../sass/_layout.scss */
footer .footer-bottom .footer-left .tu-id a {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 272, ../sass/_layout.scss */
footer .footer-bottom .footer-left .tu-id a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 278, ../sass/_layout.scss */
footer .footer-bottom .footer-left .address-box {
  width: 63.46154%;
  font-size: 13px;
  font-weight: bold;
}
/* line 283, ../sass/_layout.scss */
footer .footer-bottom .footer-left .address-box p {
  margin-bottom: 2px;
}
/* line 288, ../sass/_layout.scss */
footer .footer-bottom .footer-left .address-box ul li {
  display: inline-block;
}
/* line 291, ../sass/_layout.scss */
footer .footer-bottom .footer-left .address-box ul li a {
  color: #fff;
}
/* line 299, ../sass/_layout.scss */
footer .footer-bottom .footer-right {
  width: 42.37288%;
  text-align: right;
}
/* line 303, ../sass/_layout.scss */
footer .footer-bottom .footer-right .link {
  font-size: 13px;
  font-weight: bold;
}
/* line 307, ../sass/_layout.scss */
footer .footer-bottom .footer-right .link a {
  position: relative;
  padding-left: 1.2em;
  color: #fff;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 313, ../sass/_layout.scss */
footer .footer-bottom .footer-right .link a:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-top: 2px solid #f574a1;
  border-right: 2px solid #f574a1;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 326, ../sass/_layout.scss */
footer .footer-bottom .footer-right .link a:hover {
  color: #f574a1;
}

/* line 335, ../sass/_layout.scss */
#fixed_btn {
  display: block;
  position: fixed;
  bottom: 14px;
  right: 38px;
  width: 130px;
  height: 0;
  padding-top: 130px;
  background-color: #ef8bae;
  border-radius: 50%;
  text-align: center;
  z-index: 9999;
  transition: .7s;
  border: 2px solid #ef8bae;
}
/* line 351, ../sass/_layout.scss */
#fixed_btn .txt_wrap {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* line 359, ../sass/_layout.scss */
#fixed_btn .txt_wrap .txt01 span {
  font-size: 2rem;
  color: #fff;
  border-bottom: 3px #fff solid;
  padding-bottom: 2px;
}
/* line 367, ../sass/_layout.scss */
#fixed_btn .txt_wrap .txt02 {
  color: #fff;
  font-size: 1.2rem;
  padding-top: 8px;
  line-height: 1.3;
  font-weight: bold;
}
/* line 375, ../sass/_layout.scss */
#fixed_btn:hover {
  background: #fff;
}
/* line 378, ../sass/_layout.scss */
#fixed_btn:hover .txt01 span {
  color: #ef8bae;
  border-bottom: 3px #ef8bae solid;
}
/* line 383, ../sass/_layout.scss */
#fixed_btn:hover .txt02 {
  color: #ef8bae;
}

@media screen and (max-width: 1024px) {
  /* line 390, ../sass/_layout.scss */
  footer .footer-block {
    padding: 5.37109% 0 3.90625%;
  }
  /* line 394, ../sass/_layout.scss */
  footer .footer-block .footer-id .id_messege {
    padding-left: 2.34375%;
    font-size: calc((20 - 14) * ((100vw - 640px) / (1024 - 640)) + 1.4rem);
  }

  /* line 402, ../sass/_layout.scss */
  #fixed_btn {
    bottom: 14px;
    right: 38px;
    width: 12.69531%;
    padding-top: 12.69531%;
  }
  /* line 410, ../sass/_layout.scss */
  #fixed_btn .txt_wrap .txt01 span {
    font-size: calc((20 - 14) * ((100vw - 640px) / (1024 - 640)) + 1.4rem);
    padding-bottom: 1.53846%;
  }
  /* line 416, ../sass/_layout.scss */
  #fixed_btn .txt_wrap .txt02 {
    font-size: calc((12 - 10) * ((100vw - 640px) / (1024 - 640)) + 1.0rem);
    padding-top: 6.15385%;
  }
}
@media screen and (max-width: 640px) {
  /* line 425, ../sass/_layout.scss */
  footer .footer-block {
    padding: 0;
    border-bottom: 1px solid #635377;
  }
  /* line 429, ../sass/_layout.scss */
  footer .footer-block .footer-id {
    padding: 10.29851% 0 11.64179%;
    display: block;
  }
  /* line 433, ../sass/_layout.scss */
  footer .footer-block .footer-id .logo_100th {
    width: 49.40299%;
    margin: 0 auto 4.47761% auto;
  }
  /* line 438, ../sass/_layout.scss */
  footer .footer-block .footer-id .id_messege {
    line-height: 1.4;
    padding-left: 0;
    text-align: center;
    font-size: calc((24 - 14) * ((100vw - 320px) / (640 - 320)) + 1.4rem);
  }
  /* line 448, ../sass/_layout.scss */
  footer .footer-bottom {
    padding: 3rem 0 1.5rem;
  }
  /* line 451, ../sass/_layout.scss */
  footer .footer-bottom .wrap {
    display: block;
    padding: 0;
  }
  /* line 456, ../sass/_layout.scss */
  footer .footer-bottom .footer-left {
    display: block;
    width: 100%;
    text-align: center;
  }
  /* line 461, ../sass/_layout.scss */
  footer .footer-bottom .footer-left .tu-id {
    margin: 0 auto;
    width: 37.31343%;
  }
  /* line 466, ../sass/_layout.scss */
  footer .footer-bottom .footer-left .address-box {
    width: 100%;
    margin: 5.97015% 0 3.8806%;
  }
  /* line 472, ../sass/_layout.scss */
  footer .footer-bottom .footer-right {
    text-align: center;
    width: 100%;
  }
  /* line 476, ../sass/_layout.scss */
  footer .footer-bottom .footer-right .link {
    margin-bottom: 3.73134%;
  }
  /* line 479, ../sass/_layout.scss */
  footer .footer-bottom .footer-right .link a {
    display: inline-block;
    width: auto;
    padding: 2.98507% 10.44776%;
    font-weight: bold;
    color: #fff;
    font-family: 'Gothic MB101 Bold';
    border-radius: 30px;
    background: #514068;
    font-size: calc((24 - 12) * ((100vw - 320px) / (640 - 320)) + 1.2rem);
  }
  /* line 490, ../sass/_layout.scss */
  footer .footer-bottom .footer-right .link a:before {
    display: none;
  }
  /* line 494, ../sass/_layout.scss */
  footer .footer-bottom .footer-right .link a::after {
    content: "";
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    border-bottom: #ef8bae solid 2px;
    border-right: #ef8bae solid 2px;
    width: 10px;
    height: 10px;
  }
  /* line 506, ../sass/_layout.scss */
  footer .footer-bottom .footer-right .link a:hover {
    color: #514068;
    background: #fff;
  }
  /* line 510, ../sass/_layout.scss */
  footer .footer-bottom .footer-right .link a:hover::after {
    border-bottom: #514068 solid 2px;
    border-right: #514068 solid 2px;
  }
  /* line 518, ../sass/_layout.scss */
  footer .footer-bottom .footer-right .copy {
    word-break: break-all;
    font-size: 1rem;
  }

  /* line 526, ../sass/_layout.scss */
  #fixed_btn {
    bottom: 8px;
    right: 8px;
    width: 17.91045%;
    padding-top: 17.91045%;
  }
  /* line 532, ../sass/_layout.scss */
  #fixed_btn .txt_wrap {
    transform: translate(-50%, -62%);
  }
  /* line 536, ../sass/_layout.scss */
  #fixed_btn .txt_wrap .txt01 span {
    font-size: calc((16 - 13) * ((100vw - 320px) / (640 - 320)) + 1.2rem);
    border-bottom: 2px #fff solid;
    padding-bottom: 1.66667%;
  }
  /* line 543, ../sass/_layout.scss */
  #fixed_btn .txt_wrap .txt02 {
    display: none;
  }
}
/* line 6, ../sass/_loading.scss */
#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 10000000;
  margin: 0;
  padding: 0;
}

/* line 18, ../sass/_loading.scss */
#loader-bg #loader {
  position: fixed;
  top: 32%;
  left: 50%;
  width: 247px;
  margin-left: -123px;
  text-align: center;
  color: #514068;
  z-index: 20000000;
}

/* ball-pulse-sync */
/* line 29, ../sass/_loading.scss */
.ball-pulse-sync > div {
  background-color: #514068;
  border-radius: 100%;
  margin: 20px 5px 0;
  display: inline-block;
}

@-webkit-keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  66% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  66% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 68, ../sass/_loading.scss */
.ball-pulse-sync > div:nth-child(1) {
  -webkit-animation: ball-pulse-sync 0.6s -.21s infinite ease-in-out;
  animation: ball-pulse-sync 0.6s -.14s infinite ease-in-out;
}

/* line 73, ../sass/_loading.scss */
.ball-pulse-sync > div:nth-child(2) {
  -webkit-animation: ball-pulse-sync 0.6s -.14s infinite ease-in-out;
  animation: ball-pulse-sync 0.6s -.14s infinite ease-in-out;
}

/* line 78, ../sass/_loading.scss */
.ball-pulse-sync > div:nth-child(3) {
  -webkit-animation: ball-pulse-sync 0.6s -70ms infinite ease-in-out;
  animation: ball-pulse-sync 0.6s -70ms infinite ease-in-out;
}

/* line 83, ../sass/_loading.scss */
.ball-pulse-sync > div:nth-child(4) {
  -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
  animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
}

/* line 88, ../sass/_loading.scss */
.ball-pulse-sync > div {
  width: 10px;
  height: 10px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-moz-keyframes fadeIn {
  from,to {
    animation-timing-function: cubic-bezier(0.46, 0.1, 0.29, 1);
  }
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from,to {
    animation-timing-function: cubic-bezier(0.46, 0.1, 0.29, 1);
  }
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from,to {
    animation-timing-function: cubic-bezier(0.46, 0.1, 0.29, 1);
  }
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeInUp {
  from {
    opacity: 0;
    -moz-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  from {
    opacity: 0;
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInLeft {
  from {
    opacity: 0;
    -moz-transform: translateX(-1000px);
    transform: translateX(-1000px);
  }
  to {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
  }
  to {
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft02 {
  from {
    opacity: 0;
    -moz-transform: translateX(-1000px);
    transform: translateX(-1000px);
  }
  to {
    opacity: 1;
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@-webkit-keyframes fadeInLeft02 {
  from {
    opacity: 0;
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@keyframes fadeInLeft02 {
  from {
    opacity: 0;
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
  }
  to {
    opacity: 1;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@-moz-keyframes fadeInRight {
  from {
    opacity: 0;
    -moz-transform: translateX(10px);
    transform: translateX(10px);
  }
  to {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  to {
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes imgSlideUp {
  from {
    opacity: 0;
    top: 150%;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}
@-webkit-keyframes imgSlideUp {
  from {
    opacity: 0;
    top: 150%;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}
@keyframes imgSlideUp {
  from {
    opacity: 0;
    top: 150%;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}
@-moz-keyframes imgSlideDown {
  from {
    opacity: 0;
    top: -150%;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}
@-webkit-keyframes imgSlideDown {
  from {
    opacity: 0;
    top: -150%;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}
@keyframes imgSlideDown {
  from {
    opacity: 0;
    top: -150%;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}
@-moz-keyframes bgMoveUp {
  0%,50%,100% {
    animation-timing-function: cubic-bezier(0.29, 0.88, 0.41, 0.95);
  }
  0% {
    -moz-transform: translate3d(-101%, 20px, 0);
    transform: translate3d(-101%, 20px, 0);
  }
  50% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -moz-transform: translate3d(101%, 0, 0);
    transform: translate3d(101%, 0, 0);
  }
}
@-webkit-keyframes bgMoveUp {
  0%,50%,100% {
    animation-timing-function: cubic-bezier(0.29, 0.88, 0.41, 0.95);
  }
  0% {
    -webkit-transform: translate3d(-101%, 20px, 0);
    transform: translate3d(-101%, 20px, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(101%, 0, 0);
    transform: translate3d(101%, 0, 0);
  }
}
@keyframes bgMoveUp {
  0%,50%,100% {
    animation-timing-function: cubic-bezier(0.29, 0.88, 0.41, 0.95);
  }
  0% {
    -moz-transform: translate3d(-101%, 20px, 0);
    -ms-transform: translate3d(-101%, 20px, 0);
    -webkit-transform: translate3d(-101%, 20px, 0);
    transform: translate3d(-101%, 20px, 0);
  }
  50% {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -moz-transform: translate3d(101%, 0, 0);
    -ms-transform: translate3d(101%, 0, 0);
    -webkit-transform: translate3d(101%, 0, 0);
    transform: translate3d(101%, 0, 0);
  }
}
@-moz-keyframes scrollMove {
  0%,100% {
    animation-timing-function: cubic-bezier(0.13, 0.54, 0.47, 0.86);
  }
  0% {
    -moz-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    -moz-transform: translateY(50px);
    transform: translateY(50px);
  }
}
@-webkit-keyframes scrollMove {
  0%,100% {
    animation-timing-function: cubic-bezier(0.13, 0.54, 0.47, 0.86);
  }
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
}
@keyframes scrollMove {
  0%,100% {
    animation-timing-function: cubic-bezier(0.13, 0.54, 0.47, 0.86);
  }
  0% {
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
}
@-moz-keyframes scaleIn {
  0%,100% {
    animation-timing-function: cubic-bezier(0.55, 0.05, 0.22, 0.99);
  }
  0% {
    opacity: 0;
    -moz-transform: perspective(1000px) translate3d(0, 0, 500px);
    transform: perspective(1000px) translate3d(0, 0, 500px);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(1000px) translate3d(0, 0, 0);
    transform: perspective(1000px) translate3d(0, 0, 0);
  }
}
@-webkit-keyframes scaleIn {
  0%,100% {
    animation-timing-function: cubic-bezier(0.55, 0.05, 0.22, 0.99);
  }
  0% {
    opacity: 0;
    -webkit-transform: perspective(1000px) translate3d(0, 0, 500px);
    transform: perspective(1000px) translate3d(0, 0, 500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
    transform: perspective(1000px) translate3d(0, 0, 0);
  }
}
@keyframes scaleIn {
  0%,100% {
    animation-timing-function: cubic-bezier(0.55, 0.05, 0.22, 0.99);
  }
  0% {
    opacity: 0;
    -moz-transform: perspective(1000px) translate3d(0, 0, 500px);
    -ms-transform: perspective(1000px) translate3d(0, 0, 500px);
    -webkit-transform: perspective(1000px) translate3d(0, 0, 500px);
    transform: perspective(1000px) translate3d(0, 0, 500px);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(1000px) translate3d(0, 0, 0);
    -ms-transform: perspective(1000px) translate3d(0, 0, 0);
    -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
    transform: perspective(1000px) translate3d(0, 0, 0);
  }
}
@-moz-keyframes rotateIn {
  0%,100% {
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
  0% {
    opacity: 0;
    -webkit-perspective-origin: left center;
    perspective-origin: left center;
    -moz-transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
    transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
    transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
  }
}
@-webkit-keyframes rotateIn {
  0%,100% {
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
  0% {
    opacity: 0;
    -webkit-perspective-origin: left center;
    perspective-origin: left center;
    -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
    transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
    transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
  }
}
@keyframes rotateIn {
  0%,100% {
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
  0% {
    opacity: 0;
    -webkit-perspective-origin: left center;
    perspective-origin: left center;
    -moz-transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
    -ms-transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
    -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
    transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
    -ms-transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
    -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
    transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
  }
}
/*=====================
common_animation
=====================*/
/* line 7, ../sass/main.scss */
.fadeInUp.animated {
  animation: fadeInUp 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/* line 15, ../sass/main.scss */
.fadeIn.animated {
  animation: fadeIn 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/*=====================
common
=====================*/
/* line 24, ../sass/main.scss */
.ttl_wrap02 {
  text-align: center;
  padding-top: 6rem;
  position: relative;
  margin-bottom: 6.4rem;
  letter-spacing: 0.2rem;
}
/* line 31, ../sass/main.scss */
.ttl_wrap02::before {
  content: "";
  background-color: #dc0032;
  width: 10.2rem;
  height: 4px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
/* line 42, ../sass/main.scss */
.ttl_wrap02 .en {
  color: #dc0032;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-bottom: 8px;
}
/* line 50, ../sass/main.scss */
.ttl_wrap02 h2 {
  color: #514068;
  font-size: 3.2rem;
  font-weight: bold;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1;
}
/* line 57, ../sass/main.scss */
.ttl_wrap02 h2.st02 {
  color: #fff;
}

/* line 64, ../sass/main.scss */
.desc_list > li {
  list-style: disc;
  margin-left: 2em;
}

/* line 71, ../sass/main.scss */
a.tel {
  pointer-events: none;
}
@media screen and (max-width: 640px) {
  /* line 71, ../sass/main.scss */
  a.tel {
    pointer-events: auto;
  }
}

/* line 79, ../sass/main.scss */
.sp {
  display: none;
}
@media screen and (max-width: 640px) {
  /* line 79, ../sass/main.scss */
  .sp {
    display: block;
  }
}

/* line 87, ../sass/main.scss */
.pc {
  display: block;
}
@media screen and (max-width: 640px) {
  /* line 87, ../sass/main.scss */
  .pc {
    display: none;
  }
}

/* line 95, ../sass/main.scss */
.pc_bl {
  display: block;
}
@media screen and (max-width: 1024px) {
  /* line 95, ../sass/main.scss */
  .pc_bl {
    display: inline;
  }
}

/* line 102, ../sass/main.scss */
.sp_bl {
  display: inline;
}
@media screen and (max-width: 640px) {
  /* line 102, ../sass/main.scss */
  .sp_bl {
    display: block;
  }
}

/* line 109, ../sass/main.scss */
.cl_red {
  color: #dc0032;
}

/* line 113, ../sass/main.scss */
.note {
  padding-top: 1.5rem;
  font-size: 12px;
  text-indent: -1em;
  padding-left: 1em;
}
/* line 119, ../sass/main.scss */
.note.red {
  color: #f00;
}
/* line 122, ../sass/main.scss */
.note.mb {
  padding-bottom: 1.5rem;
}

/* line 127, ../sass/main.scss */
.note_list {
  padding-top: 1.5rem;
}
/* line 130, ../sass/main.scss */
.note_list li {
  font-size: 12px;
  text-indent: -1em;
  padding-left: 1em;
}
/* line 134, ../sass/main.scss */
.note_list li.red {
  color: #f00;
}

/* line 141, ../sass/main.scss */
.pdf_box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
  background: #eee;
  padding: 2rem 2rem 2.5rem;
}
/* line 147, ../sass/main.scss */
.pdf_box .arrow_txt {
  width: 100%;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
/* line 151, ../sass/main.scss */
.pdf_box .arrow_txt::before {
  vertical-align: middle;
  display: inline-block;
  margin-right: .5em;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #ef8bae transparent transparent transparent;
}
/* line 163, ../sass/main.scss */
.pdf_box .btn {
  margin: .5rem 1em 0 0;
}
/* line 165, ../sass/main.scss */
.pdf_box .btn > a {
  display: inline-block;
  background: #ef8bae;
  color: #fff;
  font-size: 1.8rem;
  padding: 1.5rem 3rem 1.5rem 3.5rem;
  text-align: center;
  text-indent: initial;
  transition: .5s;
}
/* line 174, ../sass/main.scss */
.pdf_box .btn > a:hover {
  opacity: .5;
}
/* line 179, ../sass/main.scss */
.pdf_box .btn.st02 a {
  background: #514068;
}

/* line 186, ../sass/main.scss */
.btn-box {
  margin-top: 3em;
}
/* line 189, ../sass/main.scss */
.btn-box .btn {
  display: flex;
  justify-content: center;
}
/* line 193, ../sass/main.scss */
.btn-box .btn a {
  position: relative;
  display: block;
  padding: 1.5em 1em;
  width: 53.71094%;
  font-size: 1.3em;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1;
  background: #ef8bae;
  border: 2px solid #ef8bae;
  transition: all .3s ease;
}
/* line 207, ../sass/main.scss */
.btn-box .btn a::before, .btn-box .btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
}
/* line 214, ../sass/main.scss */
.btn-box .btn a::before {
  right: calc(1em + 2px);
  width: calc(.8em + 2px);
  height: calc(.6em + 2px);
  border-bottom: 2px solid;
  border-left: 2px solid;
  transform: translateY(-25%);
}
/* line 223, ../sass/main.scss */
.btn-box .btn a::after {
  right: 1em;
  width: .8em;
  height: .6em;
  border: 2px solid;
  transform: translateY(-50%);
}
/* line 231, ../sass/main.scss */
.btn-box .btn a:hover {
  color: #ef8bae;
  background: #fff;
}

/* line 239, ../sass/main.scss */
.text-link {
  text-decoration: underline;
  transition: all .3s ease;
}
/* line 243, ../sass/main.scss */
.text-link:hover {
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  /* line 249, ../sass/main.scss */
  .ttl_wrap02 {
    padding-top: 5.85938%;
    margin-bottom: 6.25%;
  }
  /* line 253, ../sass/main.scss */
  .ttl_wrap02::before {
    width: 9.96094%;
  }
  /* line 257, ../sass/main.scss */
  .ttl_wrap02 .en {
    font-size: calc((16 - 12) * ((100vw - 640px) / (1024 - 640)) + 1.2rem);
    padding-bottom: 0.78125%;
  }
  /* line 262, ../sass/main.scss */
  .ttl_wrap02 h2 {
    font-size: calc((32 - 24) * ((100vw - 640px) / (1024 - 640)) + 2.4rem);
  }
}
@media screen and (max-width: 640px) {
  /* line 268, ../sass/main.scss */
  .ttl_wrap02 {
    padding-top: 13.13433%;
    margin-bottom: 9.85075%;
  }
  /* line 272, ../sass/main.scss */
  .ttl_wrap02::before {
    width: 15.22388%;
  }
  /* line 276, ../sass/main.scss */
  .ttl_wrap02 .en {
    font-size: 3.2vw;
    padding-bottom: 2.98507%;
  }
  /* line 281, ../sass/main.scss */
  .ttl_wrap02 h2 {
    font-size: calc((40 - 22) * ((100vw - 320px) / (640 - 320)) + 2.2rem);
  }

  /* line 285, ../sass/main.scss */
  .pdf_box {
    margin-top: 4.28571%;
    padding: 3.57143% 3.57143% 4.46429%;
  }
  /* line 288, ../sass/main.scss */
  .pdf_box .btn {
    margin: .5rem 0 0 0;
    width: 100%;
  }
  /* line 291, ../sass/main.scss */
  .pdf_box .btn > a {
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: calc((18 - 14) * ((100vw - 320px) / (640 - 320)) + 1.4rem);
  }

  /* line 303, ../sass/main.scss */
  .btn-box .btn a {
    width: 80%;
    font-size: calc((18 - 14) * ((100vw - 320px) / (640 - 320)) + 1.4rem);
  }
}
/*=====================
head-block
=====================*/
/* line 314, ../sass/main.scss */
.head-block {
  padding: 7.8125% 0 0;
}
/* line 317, ../sass/main.scss */
.head-block .txt {
  padding-bottom: 5.85938%;
  text-align: center;
  font-size: 1.8rem;
}
/* line 322, ../sass/main.scss */
.head-block .txt .cl_red {
  font-weight: bold;
}
/* line 327, ../sass/main.scss */
.head-block .anchor {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 7.8125%;
}
/* line 333, ../sass/main.scss */
.head-block .anchor li {
  display: table;
  width: 24.60938%;
  position: relative;
}
/* line 338, ../sass/main.scss */
.head-block .anchor li a {
  line-height: 1.4;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  background: #dc0032;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 1.6rem;
  padding: 4.7619% 1.98413% 14.28571%;
  transition: all .3s ease;
  border: 2px solid #dc0032;
}
/* line 352, ../sass/main.scss */
.head-block .anchor li a::after {
  position: absolute;
  bottom: 10%;
  left: 50%;
  content: "";
  width: 7%;
  height: 0;
  padding-top: 6.5%;
  border-bottom: solid 3px;
  border-right: solid 3px;
  transform: rotate(45deg) translateX(-50%);
}
/* line 365, ../sass/main.scss */
.head-block .anchor li a:hover {
  color: #dc0032;
  background: #fff;
}
/* line 373, ../sass/main.scss */
.head-block .whats_cont {
  background: url("../img/whats_bg.jpg") center top/cover no-repeat;
    /* .qestion {
      width: (456 / 1024)*100%;
      text-align: center;

      .en {
        @include opensans;
        font-weight: bold;
        font-size: 1.6rem;
        text-align: center;
        padding: (147 / 456)*100% 0 (10 / 456)*100%;
        letter-spacing: 0.1rem;
        position: relative;

        &::after {
          content: "";
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translateX(-50%);
          background: url("../img/icon_qestion.png") center no-repeat;
          background-size: contain;
          width: (40 / 456)*100%;
          height: 0;
          padding-bottom: (40 / 456)*100%;
        }
      }

      & > h2 {
        display: inline-block;
        font-weight: bold;
        font-size: 4rem;
        text-align: center;
        border-bottom: 4px #fff solid;
        line-height: 1.3;
      }
    } */
    /* .answer {
      width: (553 / 1024)*100%;
      margin-right: (15 / 1024)*100%;
      padding: 0 (55 / 1024)*100% (20 / 1024)*100% (45 / 1024)*100%;
      position: relative;

      &::after,
      &::before {
        content: "";
        height: 0;
        padding-bottom: 56px;
        width: 66px;
        position: absolute;
      }

      &::before {
        top: 0;
        left: 0;
        background: url("../img/conma_left.png") no-repeat center;
        background-size: contain;
      }

      &::after {
        background: url("../img/conma_right.png") no-repeat center;
        background-size: contain;
        bottom: 0;
        right: 0;
      }

      .txt01 {
        letter-spacing: 0.2rem;
        font-size: 2.4rem;
        text-align: center;
        font-weight: bold;
        line-height: 1;
        padding-top: 4.2rem;
        position: relative;
        z-index: 1;
      }

      .txt02 {
        letter-spacing: 0.2rem;
        font-size: 4rem;
        text-align: center;
        font-weight: bold;
        padding-bottom: 16px;
      }

      .txt03 {
        position: relative;
        z-index: 1;
      }
    } */
}
/* line 376, ../sass/main.scss */
.head-block .whats_cont .whats_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 48px 0 70px;
  opacity: 0;
  color: #fff;
}
/* line 476, ../sass/main.scss */
.head-block .whats_cont .reccomend {
  display: flex;
  margin-top: 50px;
  width: 100%;
  min-height: 183px;
}
/* line 482, ../sass/main.scss */
.head-block .whats_cont .reccomend .balloon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 .5em;
  width: 31.25%;
  font-size: 24px;
  letter-spacing: .05em;
  text-align: center;
  color: #fff;
  background: #ef8bae;
}
/* line 495, ../sass/main.scss */
.head-block .whats_cont .reccomend .balloon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 99.9%;
  width: 0;
  height: 0;
  border-left: 0.8em solid #ef8bae;
  border-top: .75em solid transparent;
  border-bottom: .75em solid transparent;
  transform: translateY(-50%);
}
/* line 508, ../sass/main.scss */
.head-block .whats_cont .reccomend .balloon span {
  font-weight: 700;
}
/* line 513, ../sass/main.scss */
.head-block .whats_cont .reccomend .check-list {
  padding: 40px 6.83594%;
  width: 68.75%;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.6;
  color: #222;
  background: #f2f2f3;
}
/* line 523, ../sass/main.scss */
.head-block .whats_cont .reccomend .check-list li {
  position: relative;
  padding-left: 2.5em;
}
/* line 528, ../sass/main.scss */
.head-block .whats_cont .reccomend .check-list li::before {
  content: "";
  position: absolute;
  top: .2em;
  left: 0;
  width: 1.4375em;
  height: 1.3125em;
  background: url(../img/icon_check.png) left center/contain no-repeat;
}
/* line 538, ../sass/main.scss */
.head-block .whats_cont .reccomend .check-list li:not(:last-child) {
  margin-bottom: 1em;
}
/* line 544, ../sass/main.scss */
.head-block .whats_cont .reccomend + .text {
  margin-top: .5em;
  font-size: 16px;
  letter-spacing: .05em;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  /* line 554, ../sass/main.scss */
  .head-block .txt {
    font-size: calc((18 - 16) * ((100vw - 320px) / (1024 - 320)) + 1.6rem);
  }
  /* line 560, ../sass/main.scss */
  .head-block .anchor li a {
    font-size: calc((16 - 13) * ((100vw - 480px) / (1024 - 480)) + 1.3rem);
  }
  /* line 566, ../sass/main.scss */
  .head-block .whats_cont {
      /* .qestion {
        .en {
          font-size: calc((16 - 12) * ((100vw - 480px) / (1024 - 480)) + 1.2rem);
        }

        & > h2 {
          font-size: calc((40 - 20) * ((100vw - 480px) / (1024 - 480)) + 2rem);
        }
      } */
      /* .answer {
        &::after,
        &::before {
          width: (66 / 553)*100%;
          padding-bottom: (56 / 553)*100%;
        }

        .txt01 {
          font-size: calc((24 - 18) * ((100vw - 480px) / (1024 - 480)) + 1.8rem);
          padding-top: (42 / 553)*100%;
          line-height: 1.4;
        }

        .txt02 {
          font-size: calc((40 - 22) * ((100vw - 480px) / (1024 - 480)) + 2.2rem);
          padding-bottom: (16 / 553)*100%;
        }
      } */
  }
  /* line 567, ../sass/main.scss */
  .head-block .whats_cont .whats_inner {
    padding: 4.6875% 0 6.83594%;
  }
  /* line 601, ../sass/main.scss */
  .head-block .whats_cont .reccomend .balloon {
    font-size: calc((24 - 18) * ((100vw - 641px) / (1024 - 641)) + 1.8rem);
  }
  /* line 605, ../sass/main.scss */
  .head-block .whats_cont .reccomend .check-list {
    font-size: calc((16 - 14) * ((100vw - 641px) / (1024 - 641)) + 1.4rem);
  }
}
@media screen and (max-width: 640px) {
  /* line 314, ../sass/main.scss */
  .head-block {
    padding: 13.43284% 0 0;
  }
  /* line 614, ../sass/main.scss */
  .head-block .txt {
    padding-bottom: 9.70149%;
    text-align: left;
    font-size: 3.46667vw;
  }
  /* line 619, ../sass/main.scss */
  .head-block .txt .cl_red {
    font-size: 120%;
  }
  /* line 624, ../sass/main.scss */
  .head-block .anchor {
    display: block;
    padding-bottom: 10.14925%;
  }
  /* line 628, ../sass/main.scss */
  .head-block .anchor li {
    width: 100%;
    margin-bottom: 2.98507%;
  }
  /* line 632, ../sass/main.scss */
  .head-block .anchor li a {
    display: block;
    font-size: 3.2vw;
    padding: 3.28358% 0.74627%;
  }
  /* line 637, ../sass/main.scss */
  .head-block .anchor li a::after {
    bottom: 50%;
    left: 5%;
    width: 3%;
    padding-top: 2.5%;
    transform: rotate(45deg) translate(0, 50%);
  }
  /* line 646, ../sass/main.scss */
  .head-block .anchor li:last-child {
    margin-bottom: 0;
  }
  /* line 652, ../sass/main.scss */
  .head-block .whats_cont {
    background: url("../img/whats_bg_sp.jpg") top right/cover no-repeat;
      /* .qestion {
        width: 100%;
        padding-bottom: (62 / 670)*100%;

        .en {
          font-size: (24 / 750)*100vw;
          padding: (85 / 670)*100% 0 0;
          line-height: 1;

          &::after {
            top: 0;
            transform: translate(-50%,0);
            width: (56 / 670)*100%;
            padding-bottom: (56 / 670)*100%;
          }
        }

        & > h2 {
          font-size: (56 / 750)*100vw;
          line-height: 1.4;
        }
      } */
      /* .answer {
        width: 100%;
        margin-right: 0;
        padding: (30 / 670)*100% 0;

        &::after,
        &::before {
          width: (66 / 670)*100%;
          padding-bottom: (56 / 670)*100%;
        }

        .txt01 {
          font-size: (30 / 750)*100vw;
          padding-top: 0;
        }

        .txt02 {
          font-size: (60 / 750)*100vw;
          padding-bottom: (30 / 670)*100%;
        }

        .txt03 {
          font-size: (24 / 750)*100vw;
        }
      } */
  }
  /* line 655, ../sass/main.scss */
  .head-block .whats_cont .whats_inner {
    display: block;
    padding: 8.95522% 0 13.43284%;
  }
  /* line 709, ../sass/main.scss */
  .head-block .whats_cont .reccomend {
    flex-wrap: wrap;
    margin-top: 7.8125vw;
    min-height: 0;
  }
  /* line 714, ../sass/main.scss */
  .head-block .whats_cont .reccomend .balloon, .head-block .whats_cont .reccomend .check-list {
    width: 100%;
  }
  /* line 718, ../sass/main.scss */
  .head-block .whats_cont .reccomend .balloon {
    display: block;
    padding: .5em 0;
    font-size: 4.26667vw;
  }
  /* line 723, ../sass/main.scss */
  .head-block .whats_cont .reccomend .balloon::after {
    top: 99.9%;
    left: 50%;
    border-top: 0.625em solid #ef8bae;
    border-right: .5625em solid transparent;
    border-left: .5625em solid transparent;
    border-bottom: none;
    transform: translate(-50%, 0);
  }
  /* line 734, ../sass/main.scss */
  .head-block .whats_cont .reccomend .check-list {
    padding: 6.66667vw 5.97015%;
    font-size: 3.2vw;
  }
  /* line 738, ../sass/main.scss */
  .head-block .whats_cont .reccomend .check-list li {
    padding-left: 3.375em;
  }
  /* line 741, ../sass/main.scss */
  .head-block .whats_cont .reccomend .check-list li::before {
    top: 0;
    width: 2em;
    height: 1.8333em;
  }
}

/* line 753, ../sass/main.scss */
.info-box {
  margin-bottom: 3em;
  padding: 1.5em 1em;
  text-align: center;
  border: 2px solid;
}
/* line 759, ../sass/main.scss */
.info-box * {
  letter-spacing: .05em;
}
/* line 763, ../sass/main.scss */
.info-box h2 {
  margin-bottom: .5em;
}
@media screen and (max-width: 640px) {
  /* line 763, ../sass/main.scss */
  .info-box h2 {
    font-size: 1.2em;
  }
}

/*=====================
point_block
=====================*/
/* line 775, ../sass/main.scss */
.point_block {
  background: #f2f2f3;
  padding-bottom: 11rem;
}
/* line 779, ../sass/main.scss */
.point_block .item_wrap {
  padding-top: 60px;
  display: flex;
  justify-content: space-between;
}
/* line 785, ../sass/main.scss */
.point_block .item {
  width: 31.25%;
  position: relative;
  opacity: 0;
}
/* line 790, ../sass/main.scss */
.point_block .item .num {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 17.1875%;
  color: #fff;
  text-align: center;
  line-height: 55px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  font-size: 2.5rem;
  z-index: 2;
}
/* line 804, ../sass/main.scss */
.point_block .item .num::before {
  content: "";
  width: 100%;
  border-radius: 50%;
  background: #dc0032;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0;
  padding-top: 100%;
  z-index: -1;
  transform: translate(-50%, -50%);
}
/* line 818, ../sass/main.scss */
.point_block .item .num::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -32%;
  transform: translateX(-50%);
  background: url("../img/point.png") no-repeat center;
  background-size: contain;
  width: 81.81818%;
  height: 0;
  padding-top: 27.27273%;
}
/* line 832, ../sass/main.scss */
.point_block .item .img_wrap {
  width: 100%;
}
/* line 836, ../sass/main.scss */
.point_block .item > h3 {
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  color: #dc0032;
  line-height: 1.6;
  padding: 3rem 0 2rem;
}
/* line 846, ../sass/main.scss */
.point_block .item.st01.animated {
  animation: rotateIn .5s forwards;
}
/* line 852, ../sass/main.scss */
.point_block .item.st02.animated {
  animation: rotateIn .5s .3s forwards;
}
/* line 858, ../sass/main.scss */
.point_block .item.st03.animated {
  animation: rotateIn .5s .6s forwards;
}
@media screen and (max-width: 1024px) {
  /* line 775, ../sass/main.scss */
  .point_block {
    padding-bottom: 10.74219%;
  }
  /* line 866, ../sass/main.scss */
  .point_block .item_wrap {
    padding-top: 5.85938%;
  }
  /* line 871, ../sass/main.scss */
  .point_block .item .num {
    width: 17.1875%;
    line-height: 220%;
    font-size: 2.44141vw;
  }
  /* line 877, ../sass/main.scss */
  .point_block .item > h3 {
    font-size: calc((20 - 18) * ((100vw - 640px) / (1024 - 640)) + 1.8rem);
    padding: 9.375% 0 6.25%;
  }
}
@media screen and (max-width: 640px) {
  /* line 775, ../sass/main.scss */
  .point_block {
    padding-bottom: 14.92537%;
  }
  /* line 886, ../sass/main.scss */
  .point_block .item_wrap {
    display: block;
    padding-top: 2.98507%;
  }
  /* line 891, ../sass/main.scss */
  .point_block .item {
    margin: 9.85075% 0 0;
    padding-bottom: 7.76119%;
    width: 100%;
  }
  /* line 896, ../sass/main.scss */
  .point_block .item:last-child {
    padding-bottom: 0;
  }
  /* line 900, ../sass/main.scss */
  .point_block .item .num {
    width: 11.64179%;
    line-height: 195%;
    font-size: 5.33333vw;
  }
  /* line 905, ../sass/main.scss */
  .point_block .item .num::after {
    width: 83.33333%;
    padding-top: 28.20513%;
  }
  /* line 911, ../sass/main.scss */
  .point_block .item > h3 {
    font-size: 4.26667vw;
    padding: 4.47761% 0 3.58209%;
  }
  /* line 917, ../sass/main.scss */
  .point_block .item.st01.animated {
    animation: rotateIn .5s .1s forwards;
  }
  /* line 923, ../sass/main.scss */
  .point_block .item.st02.animated {
    animation: rotateIn .5s .6s forwards;
  }
  /* line 929, ../sass/main.scss */
  .point_block .item.st03.animated {
    animation: rotateIn .5s 1.1s forwards;
  }
}

/*=====================
appli_block
=====================*/
/* line 940, ../sass/main.scss */
.appli_block {
  /* .cont03 {
    h3 {
      margin-bottom: 20px;
    }

    .item_wrap {
      margin: 58px 0 0;
      display: flex;
      justify-content: space-between;

      .item {
        opacity: 0;
        display: inline-block;
        background-color: #f2f2f3;
        width: 47%;
        padding: (64 / 1024)*100% (28 / 1024)*100% (57 / 1024)*100%;
        position: relative;

        &.st01 {
          &.animated {
            animation: rotateIn 0.5s 0s;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
          }
        }

        &.st02 {
          &.animated {
            animation: rotateIn 0.5s 0.3s;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
          }
        }

        &.st03 {
          &.animated {
            animation: rotateIn 0.5s 0.6s;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
          }
        }

        .num {
          position: absolute;
          top: 0;
          left: 50%;
          transform: translate(-50%,-50%);
          font-size: 26px;
          line-height: 50px;
          width: 50px;
          color: #fff;
          background: $red;
          @include opensans;
          font-weight: bold;
          text-align: center;
          border-radius: 50%;
        }

        .img_wrap {
          padding: 0 10%;
        }

        h4 {
          margin-top: (24 / 320)*100%;
          font-size: 2.4rem;
          color: $red;
          text-align: center;
          font-weight: bold;
          line-height: 1.4;
          margin-bottom: 1rem;

          span {
            font-size: 1.4rem;
            display: block;
          }
        }

        .recommend {
          border-bottom: #cfcfcf 2px solid;
          padding-bottom: 2rem;

          .sub_ttl {
            text-align: center;
            margin-bottom: 10px;

            span {
              background-color: $red;
              font-size: 1.3rem;
              color: #fff;
              padding: 2px 10px;
              position: relative;
              font-weight: bold;

              &::after {
                position: absolute;
                content: "";
                top: 100%;
                left: 50%;
                transform: translate(-50%,0);
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 6px 4px 0 4px;
                border-color: $red transparent transparent transparent;
              }
            }
          }

          .reco_list {
            li {
              text-indent: -2.4em;
              padding-left: 2.4em;
              margin-bottom: 5px;
              font-weight: bold;

              span {
                margin-right: 12px;
                display: inline-block;
                left: 0;
                top: 6px;
                content: "";
                position: relative;
                background: url("../img/check01.svg") center no-repeat;
                background-size: contain;
                width: 23px;
                height: 0;
                padding-top: 21px;
              }
            }
          }
        }

        .reco_tag {
          padding-top: 10px;

          li {
            font-weight: bold;
            display: inline-block;
            color: $purple;
            padding: 0.2rem 2rem;
            border-radius: 3px;
            background: #fff;
            margin: 5px 10px 5px 0;
          }
        }

        .txt {
          padding-top: 2rem;
        }
      }
    }

    .model_ex {
      h5 {
        font-size: 2rem;
        font-weight: bold;
        color: $red;
        border-bottom: 3px #f2f2f3 solid;
        padding-bottom: 1rem;
        margin: 7rem 0 3rem;
      }

      & > ol {
        li {
          background: #f2f2f3;
          margin-bottom: 2rem;
          padding: 2.4rem 0;
          display: flex;
          justify-content: space-between;
          align-items: center;
          position: relative;

          .num {
            position: absolute;
            color: #fff;
            font-weight: bold;
            background: $red;
            width: 50px;
            text-align: center;
            line-height: 50px;
            left: -10px;
            top: -10px;
            border-radius: 50%;
            font-size: 1.6rem;
          }

          .ex {
            width: (800 / 1024)*100%;
            border-right: #c6c6c6 1px solid;
            padding: 0 (48 / 1024)*100% 0 (68 / 1024)*100%;

            .txt {
              margin-bottom: 10px;
              font-size: 16px;
              padding-left: 110px;
              position: relative;

              &:last-child {
                margin-bottom: 0;
              }

              .tag {
                display: inline-block;
                padding: 0 10px;
                font-size: 1.4rem;
                color: #fff;
                font-weight: bold;
                background: $purple;
                position: absolute;
                left: 0;
                top: 3px;
              }

              .small {
                font-size: 1.3rem;
              }

              &.st02 {
                .tag {
                  background: $pink01;
                }
              }
            }
          }

          .money {
            width: (224 / 1024)*100%;
            padding-right: 5rem;
            text-align: right;
            font-size: 1.6rem;

            span {
              font-size: 125%;
            }
          }

          &:last-child {
            margin-bottom: 0;
          }
        }
      }
    }
  } */
}
/* line 941, ../sass/main.scss */
.appli_block .cont {
  padding-bottom: 9.76563%;
}
/* line 944, ../sass/main.scss */
.appli_block .cont h3 {
  line-height: 1.6;
  background: #dc0032;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  padding: 0.78125% 2.73438% 0.97656%;
  margin-bottom: 5.85938%;
}
/* line 956, ../sass/main.scss */
.appli_block .cont01 h3 {
  margin-bottom: 1em;
}
/* line 959, ../sass/main.scss */
.appli_block .cont01 h3 + .text {
  margin-bottom: 3.2em;
}
/* line 964, ../sass/main.scss */
.appli_block .cont01 .item {
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding: 10px;
  width: 100%;
  min-height: 180px;
  text-align: center;
  background: #fff1f4;
  opacity: 0;
}
/* line 975, ../sass/main.scss */
.appli_block .cont01 .item .num {
  position: absolute;
  left: -.357em;
  top: -.357em;
  color: #fff;
  width: 5.27344%;
  line-height: 180%;
  font-size: 28px;
  z-index: 0;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
}
/* line 987, ../sass/main.scss */
.appli_block .cont01 .item .num::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #dc0032;
  width: 100%;
  height: 0;
  padding-top: 100%;
  z-index: -1;
  border-radius: 50%;
}
/* line 1002, ../sass/main.scss */
.appli_block .cont01 .item .icon-wrap {
  display: flex;
  justify-content: center;
  width: 42.96875%;
}
/* line 1007, ../sass/main.scss */
.appli_block .cont01 .item .icon-wrap .icon {
  display: flex;
  align-items: center;
  width: 25%;
}
/* line 1013, ../sass/main.scss */
.appli_block .cont01 .item .icon-wrap .text-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  width: 63.63636%;
  font-weight: bold;
  color: #dc0032;
}
/* line 1023, ../sass/main.scss */
.appli_block .cont01 .item .icon-wrap .text {
  font-size: 20px;
  letter-spacing: .05em;
  line-height: 1.6;
}
/* line 1030, ../sass/main.scss */
.appli_block .cont01 .item .bottun-box {
  display: flex;
  justify-content: center;
  margin-top: 1em;
  width: 100%;
  font-size: 18px;
}
/* line 1038, ../sass/main.scss */
.appli_block .cont01 .item .bottun {
  position: relative;
  display: inline-block;
  padding: .5em;
  width: 90%;
  letter-spacing: .05em;
  text-align: center;
  line-height: 1.4;
  color: #dc0032;
  background: #fff;
  border: 2px solid;
  border-radius: 20px;
  transition: all .2s ease;
}
/* line 1052, ../sass/main.scss */
.appli_block .cont01 .item .bottun::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  width: .5em;
  min-width: 6px;
  height: .5em;
  min-height: 6px;
  border-right: 2px solid;
  border-bottom: 2px solid;
  transform: translateY(-50%) rotate(-45deg);
}
/* line 1066, ../sass/main.scss */
.appli_block .cont01 .item .bottun:hover {
  color: #fff;
  background: #dc0032;
}
/* line 1072, ../sass/main.scss */
.appli_block .cont01 .item .arrow-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.5em 4.88281% 0.8em;
  width: 51.95313%;
  text-align: left;
  background: #fff;
}
/* line 1082, ../sass/main.scss */
.appli_block .cont01 .item .arrow-box::before {
  content: "";
  position: absolute;
  top: 0;
  right: 99.9%;
  width: 6.01504%;
  height: 100%;
  background: linear-gradient(to right bottom, rgba(0, 0, 0, 0) 49%, #ffffff 50%, #ffffff 100%) top right/100% 50% no-repeat, linear-gradient(to right top, rgba(0, 0, 0, 0) 49%, #ffffff 50%, #ffffff 100%) bottom right/100% 50% no-repeat;
}
/* line 1093, ../sass/main.scss */
.appli_block .cont01 .item .mark_list {
  margin-top: .5em;
  font-size: 1.2em;
  font-weight: 700;
  color: #dc0032;
}
/* line 1099, ../sass/main.scss */
.appli_block .cont01 .item .mark_list li {
  padding-left: 1.2em;
  line-height: 1.4;
}
/* line 1103, ../sass/main.scss */
.appli_block .cont01 .item .mark_list li > span:not(.ib) {
  margin-left: -1.2em;
}
/* line 1107, ../sass/main.scss */
.appli_block .cont01 .item .mark_list li:not(:last-child) {
  margin-bottom: .5em;
}
/* line 1113, ../sass/main.scss */
.appli_block .cont01 .item.purple {
  background: #f2f2f3;
}
/* line 1117, ../sass/main.scss */
.appli_block .cont01 .item.purple .icon-wrap .text {
  color: #514068;
}
/* line 1123, ../sass/main.scss */
.appli_block .cont01 .item:not(:last-child) {
  margin-bottom: 4.2em;
}
/* line 1126, ../sass/main.scss */
.appli_block .cont01 .item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 103%;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 2.3em;
  height: 2.3em;
  border-right: 5px #c3c3c3 solid;
  border-bottom: 5px #c3c3c3 solid;
}
/* line 1140, ../sass/main.scss */
.appli_block .cont01 .item.st01.animated {
  animation: rotateIn .7s forwards;
}
/* line 1146, ../sass/main.scss */
.appli_block .cont01 .item.st02.animated {
  animation: rotateIn .5s .7s forwards;
}
/* line 1152, ../sass/main.scss */
.appli_block .cont01 .item.st03.animated {
  animation: rotateIn .5s 1.2s forwards;
}
/* line 1158, ../sass/main.scss */
.appli_block .cont01 .item.st04.animated {
  animation: rotateIn .5s 1.7s forwards;
}
/* line 1167, ../sass/main.scss */
.appli_block .cont02 table,
.appli_block .cont02 td,
.appli_block .cont02 th {
  border: 2px #e5e5e5 solid;
  border-collapse: collapse;
}
/* line 1174, ../sass/main.scss */
.appli_block .cont02 table {
  width: 100%;
}
/* line 1177, ../sass/main.scss */
.appli_block .cont02 table th {
  width: 21.48438%;
  background-color: #f2f2f3;
  font-size: 1.6rem;
}
/* line 1183, ../sass/main.scss */
.appli_block .cont02 table td {
  width: 78.51563%;
  padding: 22px 36px;
}
/* line 1188, ../sass/main.scss */
.appli_block .cont02 table td .mark_list li {
  padding-left: 1em;
  text-indent: -1em;
  display: inline-block;
  margin-right: 24px;
}
/* line 1194, ../sass/main.scss */
.appli_block .cont02 table td .mark_list li span {
  margin-right: 3px;
  color: #dc0032;
  font-size: 85%;
}
/* line 1202, ../sass/main.scss */
.appli_block .cont02 table td .num_list {
  padding: 1rem 0 0;
}
/* line 1205, ../sass/main.scss */
.appli_block .cont02 table td .num_list li {
  font-size: 1.8rem;
  font-weight: bold;
  display: inline-block;
  margin-right: 2rem;
}
/* line 1212, ../sass/main.scss */
.appli_block .cont02 table td .num_list li .circle_bg {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  line-height: 23px;
  width: 23px;
  background: #dc0032;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  margin-right: 10px;
}
/* line 1224, ../sass/main.scss */
.appli_block .cont02 table td .num_list li .small {
  font-size: 12px;
}
/* line 1228, ../sass/main.scss */
.appli_block .cont02 table td .num_list li:last-child {
  margin-right: 0;
}
/* line 1234, ../sass/main.scss */
.appli_block .cont02 table td .tag {
  display: inline-block;
  background: #dc0032;
  color: #fff;
  font-weight: bold;
  padding: 0 26px;
  margin-bottom: 12px;
}
/* line 1243, ../sass/main.scss */
.appli_block .cont02 table td .note {
  font-size: 12px;
}
/* line 1248, ../sass/main.scss */
.appli_block .cont02 table .btn_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: none;
}
/* line 1255, ../sass/main.scss */
.appli_block .cont02 table .btn_box .form_btn {
  width: 250px;
}
/* line 1258, ../sass/main.scss */
.appli_block .cont02 table .btn_box .form_btn a {
  width: 100%;
  display: block;
  border-radius: 30px;
  float: right;
  color: #fff;
  background: #ef8bae;
  font-size: 1.8rem;
  text-align: center;
  padding: 10px;
  position: relative;
}
/* line 1270, ../sass/main.scss */
.appli_block .cont02 table .btn_box .form_btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%) rotate(-45deg);
  width: 10px;
  height: 10px;
  border-bottom: 2px #fff solid;
  border-right: 2px #fff solid;
}
/* line 1285, ../sass/main.scss */
.appli_block .cont02 table .count {
  font-size: 24px;
  color: #dc0032;
  font-weight: bold;
}
/* line 1292, ../sass/main.scss */
.appli_block .cont02 > .text {
  margin-top: 1em;
}
/* line 1542, ../sass/main.scss */
.appli_block .cont04 .item_wrap {
  display: block;
}
/* line 1546, ../sass/main.scss */
.appli_block .cont04 .item {
  position: relative;
  opacity: 0;
}
/* line 1551, ../sass/main.scss */
.appli_block .cont04 .item.st01.animated {
  animation: fadeIn 0.5s 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
/* line 1559, ../sass/main.scss */
.appli_block .cont04 .item.st02 h4 {
  background-color: #514068;
}
/* line 1566, ../sass/main.scss */
.appli_block .cont04 .item.st02 .txt_wrap .cate_list > li .category {
  color: #514068;
  background-color: #eee9f4;
}
/* line 1573, ../sass/main.scss */
.appli_block .cont04 .item.st02 .txt_wrap:not(:last-child) {
  position: relative;
  margin-bottom: 120px;
}
/* line 1577, ../sass/main.scss */
.appli_block .cont04 .item.st02 .txt_wrap:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -70px;
  left: 50%;
  width: 50px;
  height: 50px;
  transform: translateX(-50%) rotate(45deg);
  border-bottom: 5px #c2c2c2 solid;
  border-right: 5px #c2c2c2 solid;
}
/* line 1591, ../sass/main.scss */
.appli_block .cont04 .item.st02.animated {
  animation: fadeIn 0.5s 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
/* line 1598, ../sass/main.scss */
.appli_block .cont04 .item:first-child {
  margin-bottom: 120px;
}
/* line 1601, ../sass/main.scss */
.appli_block .cont04 .item:first-child::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  bottom: -70px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  border-bottom: 5px #c2c2c2 solid;
  border-right: 5px #c2c2c2 solid;
}
/* line 1614, ../sass/main.scss */
.appli_block .cont04 .item h4 {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  background-color: #ef8bae;
  padding: 1.6rem 0;
}
/* line 1623, ../sass/main.scss */
.appli_block .cont04 .item .txt_wrap {
  border-bottom: #e5e5e5 2px solid;
  border-left: #e5e5e5 2px solid;
  border-right: #e5e5e5 2px solid;
  padding: 24px 28px 30px;
}
/* line 1629, ../sass/main.scss */
.appli_block .cont04 .item .txt_wrap .txt {
  font-size: 1.6rem;
  font-weight: bold;
}
/* line 1635, ../sass/main.scss */
.appli_block .cont04 .item .txt_wrap .cate_list .cate_li {
  margin-bottom: 2rem;
}
/* line 1638, ../sass/main.scss */
.appli_block .cont04 .item .txt_wrap .cate_list .cate_li:last-child {
  margin-bottom: 0;
}
/* line 1642, ../sass/main.scss */
.appli_block .cont04 .item .txt_wrap .cate_list .cate_li .category {
  font-size: 1.6rem;
  color: #ef8bae;
  background-color: #ffedf3;
  text-align: center;
  padding: 0.5rem;
  margin-bottom: 1.2rem;
}
/* line 1652, ../sass/main.scss */
.appli_block .cont04 .item .txt_wrap .cate_list .mark_list,
.appli_block .cont04 .item .txt_wrap .cate_list .num_list {
  text-indent: -1em;
  padding-left: 1em;
}
/* line 1665, ../sass/main.scss */
.appli_block .cont05 h4 {
  font-weight: bold;
  font-size: 1.8rem;
  border-bottom: 1px solid #000;
  padding-bottom: 0.97656%;
  margin-bottom: 2.92969%;
}
/* line 1671, ../sass/main.scss */
.appli_block .cont05 h4::before {
  content: "?";
  width: 2em;
  line-height: 2em;
  display: inline-block;
  text-align: center;
  background: #ef8bae;
  border-radius: 50%;
  color: #fff;
  font-size: 110%;
  margin-right: 2rem;
}
/* line 1687, ../sass/main.scss */
.appli_block .cont05 .qa_list > li .qa_wrap {
  margin-bottom: 5.85938%;
}
/* line 1689, ../sass/main.scss */
.appli_block .cont05 .qa_list > li .qa_wrap dt {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 2.53906%;
  padding: 0 3rem 0 7.4rem;
}
/* line 1695, ../sass/main.scss */
.appli_block .cont05 .qa_list > li .qa_wrap dt::before {
  position: absolute;
  left: 2rem;
  top: 0;
  content: "Q";
  display: inline-block;
  background: #514068;
  width: 2em;
  font-size: 100%;
  color: #fff;
  text-align: center;
  line-height: 2em;
  font-weight: bold;
}
/* line 1710, ../sass/main.scss */
.appli_block .cont05 .qa_list > li .qa_wrap dt::after {
  transition: .7s;
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  border-bottom: 2px solid #514068;
  border-right: 2px solid #514068;
  right: 2%;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
/* line 1723, ../sass/main.scss */
.appli_block .cont05 .qa_list > li .qa_wrap dt.open::after {
  transform: translateY(-50%) rotate(-135deg);
}
/* line 1728, ../sass/main.scss */
.appli_block .cont05 .qa_list > li .qa_wrap dd {
  display: none;
  background: #eee9f4;
  padding: 2rem 2rem 2rem 8rem;
  position: relative;
  margin-bottom: 3rem;
}
/* line 1734, ../sass/main.scss */
.appli_block .cont05 .qa_list > li .qa_wrap dd::before {
  position: absolute;
  content: "A";
  width: 2em;
  text-align: center;
  line-height: 2em;
  font-size: 100%;
  color: #514068;
  border: 2px #514068 solid;
  left: 2rem;
  top: 2rem;
  display: inline-block;
  font-weight: bold;
  box-sizing: unset;
}
/* line 1749, ../sass/main.scss */
.appli_block .cont05 .qa_list > li .qa_wrap dd .notes {
  margin-top: .5rem;
  padding-left: 1em;
  font-size: 90%;
  text-indent: -1em;
}
/* line 1755, ../sass/main.scss */
.appli_block .cont05 .qa_list > li .qa_wrap dd .txt {
  margin-top: 1rem;
}
@media screen and (max-width: 1024px) {
  /* line 940, ../sass/main.scss */
  .appli_block {
    /* .cont03 {
      h3 {
        margin-bottom: (20 / 1024)*100%;
      }

      .item_wrap {
        margin: (58 / 1024)*100% 0 0;

        .item {
          h4 {
            font-size: calc((24 - 18) * ((100vw - 640px) / (1024 - 640)) + 1.8rem);
            margin-bottom: (10 / 320)*100%;
          }

          .recommend {
            padding-bottom: (20 / 320)*100%;

            .sub_ttl {
              span {
                background-color: $red;
                padding: 2px (10 / 320)*100%;
              }
            }
          }

          .reco_tag {
            padding-top: 10px;

            li {
              margin: 5px (10 / 320)*100% 5px 0;
            }
          }
        }
      }

      .model_ex {
        h5 {
          font-size: calc((20 - 18) * ((100vw - 640px) / (1024 - 640)) + 1.8rem);
          padding: (54 / 1024)*100% 0 (10 / 1024)*100%;
        }

        & > ol {
          li {
            .ex {
              .txt {
                font-size: calc((16 - 14) * ((100vw - 640px) / (1024 - 640)) + 1.4rem);
              }
            }

            .money {
              padding-right: (30 / 1024)*100%;
              font-size: calc((16 - 14) * ((100vw - 640px) / (1024 - 640)) + 1.4rem);
            }
          }
        }
      }
    } */
  }
  /* line 1766, ../sass/main.scss */
  .appli_block .cont h3 {
    font-size: calc((20 - 18) * ((100vw - 640px) / (1024 - 640)) + 1.8rem);
  }
  /* line 1773, ../sass/main.scss */
  .appli_block .cont01 .item .num {
    font-size: 2.73438vw;
  }
  /* line 1778, ../sass/main.scss */
  .appli_block .cont01 .item .icon-wrap .text {
    font-size: calc((20 - 14) * ((100vw - 640px) / (1024 - 641)) + 1.4rem);
  }
  /* line 1783, ../sass/main.scss */
  .appli_block .cont01 .item .bottun-box {
    font-size: calc((18 - 13) * ((100vw - 640px) / (1024 - 641)) + 1.3rem);
  }
  /* line 1787, ../sass/main.scss */
  .appli_block .cont01 .item .arrow-box {
    font-size: calc((14 - 12) * ((100vw - 640px) / (1024 - 641)) + 1.2rem);
  }
  /* line 1796, ../sass/main.scss */
  .appli_block .cont02 table tr th {
    font-size: calc((16 - 12) * ((100vw - 640px) / (1024 - 640)) + 1.2rem);
  }
  /* line 1800, ../sass/main.scss */
  .appli_block .cont02 table tr td {
    padding: 2.14844% 3.51563%;
  }
  /* line 1804, ../sass/main.scss */
  .appli_block .cont02 table tr td .mark_list li {
    margin-right: 2.71493%;
  }
  /* line 1809, ../sass/main.scss */
  .appli_block .cont02 table tr td .num_list {
    padding: 1.24378% 0 0;
  }
  /* line 1812, ../sass/main.scss */
  .appli_block .cont02 table tr td .num_list li {
    font-size: calc((18 - 16) * ((100vw - 640px) / (1024 - 640)) + 1.6rem);
    margin-right: 2.48756%;
  }
  /* line 1818, ../sass/main.scss */
  .appli_block .cont02 table tr td .tag {
    padding: 0 3.23383%;
    margin-bottom: 1.49254%;
  }
  /* line 1826, ../sass/main.scss */
  .appli_block .cont02 table tr .btn_box .txt_box .count {
    font-size: calc((24 - 20) * ((100vw - 640px) / (1024 - 640)) + 2.0rem);
  }
  /* line 1832, ../sass/main.scss */
  .appli_block .cont02 table tr .btn_box .form_btn a {
    font-size: calc((18 - 14) * ((100vw - 640px) / (1024 - 640)) + 1.8rem);
    padding: 4%;
  }
  /* line 1902, ../sass/main.scss */
  .appli_block .cont04 .item h4 {
    font-size: calc((18 - 16) * ((100vw - 640px) / (1024 - 640)) + 1.6rem);
    padding: 3.40426% 0;
  }
  /* line 1907, ../sass/main.scss */
  .appli_block .cont04 .item .txt_wrap {
    padding: 5.10638% 5.95745% 6.38298%;
  }
  /* line 1910, ../sass/main.scss */
  .appli_block .cont04 .item .txt_wrap .txt {
    font-size: calc((16 - 14) * ((100vw - 640px) / (1024 - 640)) + 1.4rem);
  }
  /* line 1915, ../sass/main.scss */
  .appli_block .cont04 .item .txt_wrap .cate_list .cate_li {
    margin-bottom: 4.25532%;
  }
  /* line 1918, ../sass/main.scss */
  .appli_block .cont04 .item .txt_wrap .cate_list .cate_li .category {
    font-size: calc((16 - 14) * ((100vw - 640px) / (1024 - 640)) + 1.4rem);
  }
  /* line 1928, ../sass/main.scss */
  .appli_block .cont05 h4 {
    font-size: calc((18 - 16) * ((100vw - 640px) / (1024 - 640)) + 1.6rem);
  }
  /* line 1934, ../sass/main.scss */
  .appli_block .cont05 .qa_list > li .qa_wrap dt {
    font-size: calc((16 - 14) * ((100vw - 640px) / (1024 - 640)) + 1.4rem);
  }
}
@media screen and (max-width: 640px) {
  /* line 940, ../sass/main.scss */
  .appli_block {
    /* .cont03 {
      h3 {
        margin-bottom: (36 / 670)*100%;
      }

      .item_wrap {
        margin: (70 / 670)*100% 0 0;
        display: block;

        .item {
          width: 100%;
          padding: (60 / 670)*100% (40 / 670)*100% (62 / 670)*100%;
          margin-bottom: (120 / 670)*100%;
          position: relative;

          &:last-child {
            margin-bottom: 0;
          }

          .num {
            font-size: (36 / 750)*100vw;
            line-height: (70 / 36)*100%;
            width: (70 / 670)*100%;
          }

          .img_wrap {
            float: left;
            padding: 0;

            &.st01 {
              width: (100 / 590)*100%;
            }

            &.st02 {
              width: (90 / 590)*100%;
              margin-left: (20 / 590)*100%;
            }

            &.st03 {
              padding-top: (36 / 590)*100%;
              width: (92 / 590)*100%;
            }
          }

          h4 {
            float: right;
            width: (443 / 590)*100%;
            margin-top: 0;
            text-align: left;
            font-size: (44 / 750)*100vw;
            margin-bottom: (70 / 590)*100%;
            line-height: 1.4;
          }

          .recommend {
            clear: both;
            padding-bottom: (40 / 590)*100%;

            .sub_ttl {
              margin-bottom: (32 / 590)*100%;

              span {
                padding: (5 / 590)*100% (20 / 590)*100% (8 / 590)*100%;
                font-size: (28.4 / 750)*100vw;

                &::after {
                  top: 98%;
                  border-width: 12px 8px 0 8px;
                }
              }
            }

            .reco_list {
              li {
                text-indent: -2em;
                padding-left: 2em;
                margin-bottom: (30 / 590)*100%;
                font-size: calc((24 - 16) * ((100vw - 320px) / (640 - 320)) + 1.6rem);

                span {
                  margin-right: (20 / 590)*100%;
                  width: (47 / 590)*100%;
                  padding-top: (45 / 590)*100%;
                }
              }
            }
          }
        }
      }

      .model_ex {
        h5 {
          font-size: calc((30 - 18) * ((100vw - 320px) / (640 - 320)) + 1.8rem);
          padding-bottom: (20 / 670)*100%;
          margin: (100 / 670)*100% 0 (80 / 670)*100%;
        }

        & > ol {
          li {
            margin-bottom: (50 / 670)*100%;
            padding: (50 / 670)*100% (55 / 670)*100% (20 / 670)*100%;
            display: block;

            .num {
              left: -3%;
              top: -20px;
              width: (77 / 670)*100%;
              line-height: (77 / 26)*100%;
              font-size: (26 / 750)*100vw;
            }

            .ex {
              width: 100%;
              border-right: none;
              border-bottom: #c6c6c6 1px solid;
              padding: 0;

              .txt {
                margin-bottom: (20 / 564)*100%;
                padding-left: 0;

                &:last-child {
                  margin-bottom: (20 / 564)*100%;
                }

                .tag {
                  padding: 0;
                  font-size: calc((22 - 16) * ((100vw - 320px) / (640 - 320)) + 1.6rem);
                  position: static;
                  display: block;
                  text-align: center;
                  margin: 0 (400 / 564)*100% (10 / 564)*100% 0;
                }

                .small {
                  font-size: calc((16 - 12) * ((100vw - 320px) / (640 - 320)) + 1.2rem);
                }
              }
            }

            .money {
              width: 100%;
              padding-right: 0;
              font-size: calc((24 - 16) * ((100vw - 320px) / (640 - 320)) + 1.6rem);

              span {
                font-size: 133%;
              }
            }

            &:last-child {
              margin-bottom: 0;
            }
          }
        }
      }
    } */
  }
  /* line 1944, ../sass/main.scss */
  .appli_block .ttl_wrap02 {
    margin-bottom: 13.13433%;
  }
  /* line 1948, ../sass/main.scss */
  .appli_block .cont {
    padding-bottom: 14.92537%;
  }
  /* line 1951, ../sass/main.scss */
  .appli_block .cont h3 {
    font-size: calc((28 - 18) * ((100vw - 320px) / (640 - 320)) + 1.8rem);
    padding: 2.08955% 5.97015% 2.38806%;
    margin-bottom: 11.9403%;
  }
  /* line 1959, ../sass/main.scss */
  .appli_block .cont01 h3 {
    margin-bottom: 1em;
  }
  /* line 1962, ../sass/main.scss */
  .appli_block .cont01 h3 + .text {
    margin-bottom: 3.2em;
    padding-left: 1em;
    text-indent: -1em;
  }
  /* line 1969, ../sass/main.scss */
  .appli_block .cont01 .item {
    flex-wrap: wrap;
    padding: 6.66667vw 4vw 4vw;
  }
  /* line 1973, ../sass/main.scss */
  .appli_block .cont01 .item .num {
    top: -2.66667vw;
    left: -2.66667vw;
    width: 10.44776%;
    line-height: 208.33333%;
    font-size: 4.8vw;
  }
  /* line 1981, ../sass/main.scss */
  .appli_block .cont01 .item .icon-wrap, .appli_block .cont01 .item .arrow-box {
    width: 100%;
  }
  /* line 1985, ../sass/main.scss */
  .appli_block .cont01 .item .icon-wrap {
    justify-content: flex-end;
    align-items: center;
  }
  /* line 1989, ../sass/main.scss */
  .appli_block .cont01 .item .icon-wrap .icon {
    margin-right: 5.7377%;
    width: 18.03279%;
  }
  /* line 1994, ../sass/main.scss */
  .appli_block .cont01 .item .icon-wrap .text-wrap {
    width: 72.13115%;
  }
  /* line 1998, ../sass/main.scss */
  .appli_block .cont01 .item .icon-wrap .text {
    width: 100%;
    font-size: 4.8vw;
    text-align: left;
    line-height: 1.5;
  }
  /* line 2006, ../sass/main.scss */
  .appli_block .cont01 .item .inc-bottun {
    position: relative;
    padding-bottom: 15.33333vw;
  }
  /* line 2011, ../sass/main.scss */
  .appli_block .cont01 .item .bottun-box {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100%;
    font-size: 3.2vw;
  }
  /* line 2020, ../sass/main.scss */
  .appli_block .cont01 .item .bottun {
    padding: .5em;
    width: 59.70149%;
    border-radius: 40px;
  }
  /* line 2026, ../sass/main.scss */
  .appli_block .cont01 .item .arrow-box {
    margin-top: 10.66667vw;
    padding: 5.33333vw;
    font-size: 3.2vw;
  }
  /* line 2031, ../sass/main.scss */
  .appli_block .cont01 .item .arrow-box::before {
    top: auto;
    right: 0;
    bottom: 99.9%;
    width: 100%;
    height: 5.33333vw;
    background: linear-gradient(to right bottom, rgba(0, 0, 0, 0) 49%, #ffffff 50%, #ffffff 100%) top left/50% 100% no-repeat, linear-gradient(to left bottom, rgba(0, 0, 0, 0) 49%, #ffffff 50%, #ffffff 100%) top right/50% 100% no-repeat;
  }
  /* line 2042, ../sass/main.scss */
  .appli_block .cont01 .item.st01.animated {
    animation: rotateIn .5s .1s forwards;
  }
  /* line 2048, ../sass/main.scss */
  .appli_block .cont01 .item.st02.animated {
    animation: rotateIn .5s .6s forwards;
  }
  /* line 2054, ../sass/main.scss */
  .appli_block .cont01 .item.st03.animated {
    animation: rotateIn .5s 1.1s forwards;
  }
  /* line 2060, ../sass/main.scss */
  .appli_block .cont01 .item.st04.animated {
    animation: rotateIn .5s 1.6s forwards;
  }
  /* line 2068, ../sass/main.scss */
  .appli_block .cont02 table,
  .appli_block .cont02 td,
  .appli_block .cont02 th {
    border: 1px #e5e5e5 solid;
    border-collapse: collapse;
  }
  /* line 2075, ../sass/main.scss */
  .appli_block .cont02 td,
  .appli_block .cont02 th {
    display: block;
  }
  /* line 2080, ../sass/main.scss */
  .appli_block .cont02 table {
    width: 100%;
  }
  /* line 2084, ../sass/main.scss */
  .appli_block .cont02 table tr th {
    width: 100%;
    font-size: 3.46667vw;
    padding: 2.98507% 5.97015%;
    text-align: left;
  }
  /* line 2091, ../sass/main.scss */
  .appli_block .cont02 table tr td {
    width: 100%;
    padding: 5.97015%;
  }
  /* line 2096, ../sass/main.scss */
  .appli_block .cont02 table tr td .mark_list li {
    margin-right: 5.37313%;
  }
  /* line 2101, ../sass/main.scss */
  .appli_block .cont02 table tr td .txt01 {
    font-size: 3.2vw;
  }
  /* line 2105, ../sass/main.scss */
  .appli_block .cont02 table tr td .num_list {
    padding: 2.98507% 0 0;
  }
  /* line 2108, ../sass/main.scss */
  .appli_block .cont02 table tr td .num_list li {
    font-size: 3.73333vw;
    display: block;
    margin-right: 0;
  }
  /* line 2113, ../sass/main.scss */
  .appli_block .cont02 table tr td .num_list li span {
    font-size: 3.2vw;
    line-height: 166.66667%;
    width: 7.01754%;
  }
  /* line 2121, ../sass/main.scss */
  .appli_block .cont02 table tr td .tag {
    font-size: 3.46667vw;
    padding: 0 4.73684%;
    margin-bottom: 1.75439%;
  }
  /* line 2128, ../sass/main.scss */
  .appli_block .cont02 table tr .btn_box {
    display: block;
  }
  /* line 2132, ../sass/main.scss */
  .appli_block .cont02 table tr .btn_box .txt_box .count {
    font-size: 5.33333vw;
  }
  /* line 2137, ../sass/main.scss */
  .appli_block .cont02 table tr .btn_box .form_btn {
    margin: 0 auto;
  }
  /* line 2140, ../sass/main.scss */
  .appli_block .cont02 table tr .btn_box .form_btn a {
    margin-top: 3.58209%;
    float: none;
    font-size: 3.46667vw;
    padding: 2.98507% 17.91045%;
    border-radius: 34px;
  }
  /* line 2312, ../sass/main.scss */
  .appli_block .cont04 .item {
    width: 100%;
    margin-bottom: 22.38806%;
  }
  /* line 2316, ../sass/main.scss */
  .appli_block .cont04 .item:last-child {
    margin-bottom: 0;
  }
  /* line 2320, ../sass/main.scss */
  .appli_block .cont04 .item:first-child {
    margin-bottom: 18.75vw;
  }
  /* line 2323, ../sass/main.scss */
  .appli_block .cont04 .item:first-child::after {
    width: 6vw;
    height: 6vw;
    bottom: -12.5vw;
  }
  /* line 2330, ../sass/main.scss */
  .appli_block .cont04 .item h4 {
    font-size: calc((26 - 12) * ((100vw - 320px) / (640 - 320)) + 1.2rem);
    padding: 2.68657% 0.5em;
    line-height: 1.6;
  }
  /* line 2336, ../sass/main.scss */
  .appli_block .cont04 .item .txt_wrap {
    padding: 4.47761% 4.47761% 7.46269%;
  }
  /* line 2339, ../sass/main.scss */
  .appli_block .cont04 .item .txt_wrap .txt {
    font-size: calc((24 - 14) * ((100vw - 320px) / (640 - 320)) + 1.4rem);
  }
  /* line 2344, ../sass/main.scss */
  .appli_block .cont04 .item .txt_wrap .cate_list .cate_li {
    margin-bottom: 6.71642%;
  }
  /* line 2347, ../sass/main.scss */
  .appli_block .cont04 .item .txt_wrap .cate_list .cate_li .category {
    font-size: calc((16 - 14) * ((100vw - 320px) / (640 - 320)) + 1.4rem);
    padding: 0.74627%;
    margin-bottom: 2.23881%;
  }
  /* line 2358, ../sass/main.scss */
  .appli_block .cont04 .item.st02 .txt_wrap:not(:last-child) {
    margin-bottom: 18.75vw;
  }
  /* line 2361, ../sass/main.scss */
  .appli_block .cont04 .item.st02 .txt_wrap:not(:last-child)::after {
    width: 6vw;
    height: 6vw;
    bottom: -12.5vw;
  }
  /* line 2373, ../sass/main.scss */
  .appli_block .cont05 h4 {
    font-size: calc((26 - 16) * ((100vw - 320px) / (640 - 320)) + 1.6rem);
    padding-bottom: 2.85714%;
    margin-bottom: 7.14286%;
  }
  /* line 2381, ../sass/main.scss */
  .appli_block .cont05 .qa_list > li .qa_wrap {
    margin-bottom: 9.375%;
  }
  /* line 2383, ../sass/main.scss */
  .appli_block .cont05 .qa_list > li .qa_wrap dt {
    font-size: calc((18 - 14) * ((100vw - 320px) / (640 - 320)) + 1.4rem);
    margin-bottom: 4.64286%;
    padding: 0 6.42857% 0 16.07143%;
  }
  /* line 2387, ../sass/main.scss */
  .appli_block .cont05 .qa_list > li .qa_wrap dt::before {
    left: 2%;
  }
  /* line 2390, ../sass/main.scss */
  .appli_block .cont05 .qa_list > li .qa_wrap dt::after {
    width: 1rem;
    height: 1rem;
    right: 1%;
  }
  /* line 2396, ../sass/main.scss */
  .appli_block .cont05 .qa_list > li .qa_wrap dd {
    font-size: calc((18 - 14) * ((100vw - 320px) / (640 - 320)) + 1.4rem);
    padding: 3.57143% 3.57143% 3.57143% 16.07143%;
    margin-bottom: 5.35714%;
  }
  /* line 2400, ../sass/main.scss */
  .appli_block .cont05 .qa_list > li .qa_wrap dd::before {
    left: 2%;
    top: 2rem;
  }
}
@media screen and (max-width: 400px) {
  /* line 2416, ../sass/main.scss */
  .appli_block .cont05 .qa_list > li .qa_wrap dd::before {
    top: 1.5rem;
  }
}

/* line 2428, ../sass/main.scss */
.attention-text {
  margin-top: 1em;
  padding: 2em;
  border: 2px solid #dc0032;
}
/* line 2433, ../sass/main.scss */
.attention-text dl {
  margin-top: 1em;
}
/* line 2437, ../sass/main.scss */
.attention-text dt {
  font-weight: 700;
  color: #dc0032;
}
/* line 2441, ../sass/main.scss */
.attention-text dt:not(:first-child) {
  margin-top: .5em;
}

/*=====================
contact_block
=====================*/
/* line 2450, ../sass/main.scss */
.contact_block {
  opacity: 0;
  background: url("../img/contact_bg.jpg") center no-repeat;
  background-size: cover;
  padding-bottom: 7rem;
  font-family: 'Noto Sans JP', sans-serif;
}
/* line 2457, ../sass/main.scss */
.contact_block .info-text {
  margin-top: 2em;
  color: #fff;
}
/* line 2462, ../sass/main.scss */
.contact_block .cont_wrap {
  display: flex;
  justify-content: center;
}
/* line 2467, ../sass/main.scss */
.contact_block .cont {
  border-right: #8f859b 1px solid;
  width: 50%;
  text-align: center;
  color: #fff;
}
/* line 2473, ../sass/main.scss */
.contact_block .cont:last-child {
  border-right: none;
}
/* line 2477, ../sass/main.scss */
.contact_block .cont h3 {
  letter-spacing: 0.2rem;
  line-height: 1;
  padding-bottom: 1rem;
  color: #ef8bae;
  font-size: 2rem;
  display: inline-block;
  border-bottom: 3px solid #ef8bae;
  font-weight: bold;
  margin-bottom: 2.4rem;
}
/* line 2489, ../sass/main.scss */
.contact_block .cont .name {
  font-weight: bold;
  font-size: 1.4rem;
}
/* line 2495, ../sass/main.scss */
.contact_block .cont .tel > a {
  color: #fff;
  font-size: 3.6rem;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  letter-spacing: 0.3rem;
}
/* line 2503, ../sass/main.scss */
.contact_block .cont .tel span {
  font-weight: bold;
  font-size: 1.6rem;
}
/* line 2509, ../sass/main.scss */
.contact_block .cont .address {
  padding-top: 2.4rem;
}
/* line 2512, ../sass/main.scss */
.contact_block .cont .address > a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3rem;
}
/* line 2522, ../sass/main.scss */
.contact_block .note {
  padding-left: 0;
  text-indent: 0;
}
@media screen and (max-width: 1024px) {
  /* line 2450, ../sass/main.scss */
  .contact_block {
    padding-bottom: 6.83594%;
  }
  /* line 2531, ../sass/main.scss */
  .contact_block .cont h3 {
    padding-bottom: 1.95313%;
    font-size: calc((20 - 18) * ((100vw - 640px) / (1024 - 640)) + 1.8rem);
    margin-bottom: 4.6875%;
  }
  /* line 2538, ../sass/main.scss */
  .contact_block .cont .tel > a {
    font-size: calc((36 - 25) * ((100vw - 640px) / (1024 - 640)) + 2.5rem);
  }
  /* line 2542, ../sass/main.scss */
  .contact_block .cont .tel span {
    font-size: calc((16 - 14) * ((100vw - 640px) / (1024 - 640)) + 1.4rem);
  }
  /* line 2547, ../sass/main.scss */
  .contact_block .cont .address {
    padding-top: 4.6875%;
  }
  /* line 2550, ../sass/main.scss */
  .contact_block .cont .address > a {
    font-size: calc((24 - 16) * ((100vw - 640px) / (1024 - 640)) + 1.6rem);
  }
}
@media screen and (max-width: 640px) {
  /* line 2450, ../sass/main.scss */
  .contact_block {
    background: url("../img/contact_bg_sp.jpg") center no-repeat;
    background-size: cover;
    padding-bottom: 11.34328%;
  }
  /* line 2561, ../sass/main.scss */
  .contact_block .cont_wrap {
    display: block;
  }
  /* line 2565, ../sass/main.scss */
  .contact_block .cont {
    border-right: none;
    border-bottom: #8f859b 1px solid;
    width: 100%;
    margin-bottom: 7.76119%;
  }
  /* line 2571, ../sass/main.scss */
  .contact_block .cont:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }
  /* line 2576, ../sass/main.scss */
  .contact_block .cont h3 {
    padding-bottom: 1.49254%;
    font-size: calc((24 - 18) * ((100vw - 320px) / (640 - 320)) + 1.8rem);
    margin-bottom: 4.47761%;
  }
  /* line 2582, ../sass/main.scss */
  .contact_block .cont .name {
    font-size: calc((24 - 16) * ((100vw - 320px) / (640 - 320)) + 1.6rem);
  }
  /* line 2586, ../sass/main.scss */
  .contact_block .cont .tel {
    padding-bottom: 4.47761%;
  }
  /* line 2589, ../sass/main.scss */
  .contact_block .cont .tel > a {
    font-size: calc((46 - 22) * ((100vw - 320px) / (640 - 320)) + 2.2rem);
  }
  /* line 2593, ../sass/main.scss */
  .contact_block .cont .tel span {
    font-size: 4.26667vw;
  }
  /* line 2598, ../sass/main.scss */
  .contact_block .cont .address {
    padding-top: 0;
  }
  /* line 2601, ../sass/main.scss */
  .contact_block .cont .address > a {
    font-size: 4.53333vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 2609, ../sass/main.scss */
  .contact_block .info-text br {
    display: none;
  }
}