@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("woff2/NotoSansJP-Regular.woff2") format("woff2");
  font-display: swap; }
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: url("woff2/NotoSansJP-Medium.woff2") format("woff2");
  font-display: swap; }
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url("woff2/NotoSansJP-Bold.woff2") format("woff2");
  font-display: swap; }
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 900;
  src: url("woff2/NotoSansJP-Black.woff2") format("woff2");
  font-display: swap; }
html {
  font-size: calc(10vw / 3.6);
  -webkit-font-smoothing: antialiased; }

body {
  color: #333333;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.6rem;
  line-height: 1.75;
  background-color: #FFFFFF;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

body.lock,
body.loading {
  overflow: hidden;
  width: 100vw;
  height: 100vh; }

@media screen and (min-width: 769px) {
  html {
    font-size: 8px; }

  body {
    font-size: 1.6rem;
    line-height: 1; } }
@media screen and (min-width: 1000px) {
  html {
    font-size: 10px; } }
* {
  -webkit-tap-highlight-color: transparent; }

a {
  color: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

p, dt, dd, li {
  word-break: break-word;
  word-wrap: normal; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: top; }

.title img {
  width: 100%; }

figure img {
  width: 100%;
  height: auto; }

picture img {
  width: 100%;
  height: auto; }

::placeholder {
  color: #CCCCCC; }

:disabled {
  opacity: 0.5; }

.ib {
  display: inline-block;
  line-height: inherit;
  font-weight: inherit; }

.txtBold {
  font-weight: 700; }

.marker {
  background: linear-gradient(transparent 60%, #FFFF50 60%); }

.accordionTrigger {
  cursor: pointer;
  display: block; }

.accordionContent {
  display: none; }

input[type="submit"] {
  cursor: pointer; }

.slide .item {
  opacity: 0;
  position: absolute;
  top: 0; }
  .slide .item:first-child {
    opacity: 1;
    position: relative; }
.slide.slick-initialized .item {
  opacity: 1;
  position: relative; }
.slide .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 3rem 0 0 0; }
  .slide .slick-dots li {
    overflow: hidden;
    flex-basis: 10px;
    margin: 0 10px; }
    .slide .slick-dots li button {
      margin: 0;
      padding: 0;
      background: none;
      border: none;
      border-radius: 0;
      outline: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-sizing: border-box;
      display: block;
      cursor: pointer;
      width: 100%;
      height: 10px;
      text-indent: -9999em;
      background-color: #707070;
      border-radius: 50%;
      transition: background-color 0.2s ease-out; }
    .slide .slick-dots li button:hover, .slide .slick-dots li.slick-active button {
      background-color: #D41926; }
.slide .slick-arrow {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 3.2rem;
  height: 3.2rem;
  text-indent: -9999em;
  margin: auto;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box; }
  .slide .slick-arrow.slick-prev {
    right: 100%;
    background: url(/wp-content/themes/mytheme/lp2-assets/img/icon_arrow_prev.png) center top no-repeat;
    background-size: contain; }
  .slide .slick-arrow.slick-next {
    left: 100%;
    background: url(/wp-content/themes/mytheme/lp2-assets/img/icon_arrow_next.png) center top no-repeat;
    background-size: contain; }

.wpcf7 form .wpcf7-spinner {
  display: none; }

.wpcf7 form.sent .wpcf7-response-output {
  display: none; }

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
  font-size: 1em;
  border: 0; }

.wpcf7 form .wpcf7-response-output {
  color: #D41926;
  font-size: 1em;
  text-align: center;
  background-color: #FFFFFF; }

.wpcf7-form-control-wrap > .wpcf7-not-valid-tip {
  display: none;
  margin-top: 10px; }
.wpcf7-form-control-wrap.is-show > .wpcf7-not-valid-tip {
  display: block;
  color: #D41926; }

.grecaptcha-badge {
  visibility: hidden; }

.recaptcha_message {
  color: #707070;
  font-size: 1.1rem;
  line-height: 1.4;
  text-align: center;
  padding: 3em 0 0 0; }

.recaptcha_message a {
  color: inherit;
  text-decoration: underline; }

@media screen and (min-width: 769px) {
  .slide .slick-arrow {
    width: 4.8rem;
    height: 4.8rem; }
    .slide .slick-arrow.slick-prev {
      right: calc(100% - 3.2rem); }
    .slide .slick-arrow.slick-next {
      left: calc(100% - 3.2rem); }
    .slide .slick-arrow.slick-prev, .slide .slick-arrow.slick-next {
      transition: opacity 0.2s ease-out; }
      .slide .slick-arrow.slick-prev:hover, .slide .slick-arrow.slick-next:hover {
        opacity: 0.8; }

  /* mover */
  .mover {
    transition: opacity 0.2s ease-out;
    backface-visibility: hidden;
    zoom: 1; }
    .mover:hover {
      opacity: 0.8; }

  .moverContent > * {
    transition: opacity 0.2s ease-out;
    backface-visibility: hidden;
    zoom: 1; }
  .moverContent:hover > * {
    opacity: 0.8; }

  .moverLine.white .line {
    background-image: linear-gradient(90deg, #FFFFFF, #FFFFFF); }
  .moverLine .line {
    position: relative;
    background-image: linear-gradient(90deg, #333333, #333333);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size 0.2s ease-out; }
  .moverLine:hover .line {
    animation: 0.4s ease-out lineMove; } }
.modePC,
.modePCib {
  display: none; }
  .modePC.important,
  .modePCib.important {
    display: none !important; }

.modeSP {
  display: block; }
  .modeSP.important {
    display: block !important; }

@media screen and (min-width: 769px) {
  .modePC {
    display: block; }
    .modePC.important {
      display: block !important; }

  .modePCib {
    display: inline-block; }
    .modePCib.important {
      display: inline-block !important; }

  .modeSP {
    display: none; }
    .modeSP.important {
      display: none !important; } }
@keyframes lineMove {
  0% {
    background-size: 0 1px; }
  50% {
    background-size: 0 1px; }
  100% {
    background-size: 100% 1px; } }
.wrapper {
  overflow: hidden;
  position: relative;
  padding: calc(62 / 360 * 100%) 0 0 0;
  transition: opacity 0.3s; }
  .load_complete .wrapper {
    opacity: 1; }

.contentWrap {
  margin: calc(-54 / 360 * 100%) 0 0 0;
  padding: calc(54 / 360 * 100%) 0 0 0; }

.contentInner {
  width: calc(328 / 360 * 100%);
  margin: auto; }

.fadeContent {
  opacity: 0;
  transition: opacity 1.0s ease-out; }

.fadeContent.current {
  opacity: 1; }

@media screen and (min-width: 769px) {
  .wrapper {
    padding: 80px 0 0 0; }

  .contentWrap {
    margin: -80px 0 0 0;
    padding: 80px 0 0 0; }

  .contentInner {
    position: relative;
    width: 100%;
    max-width: 1300px;
    padding: 0 10px;
    box-sizing: border-box; } }
#firstContent .wrap .title img {
  width: 100%; }
#firstContent .wrap .buttonArea {
  width: calc(260 / 360 * 100%);
  text-align: center;
  margin: auto;
  padding: calc(19 / 360 * 100%) 0 calc(27 / 360 * 100%) 0; }
  #firstContent .wrap .buttonArea .balloon {
    display: inline-block;
    position: relative;
    color: #D41926;
    font-size: 2.1rem;
    line-height: 1.38;
    font-weight: 700;
    margin: 0 0 0.3em 0; }
    #firstContent .wrap .buttonArea .balloon:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: -0.4em;
      left: -1.25em;
      width: 2px;
      height: 1.4em;
      background-color: #D41926;
      margin: auto;
      transform: rotate(-24deg); }
    #firstContent .wrap .buttonArea .balloon:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: -0.4em;
      right: -1.25em;
      width: 2px;
      height: 1.4em;
      background-color: #D41926;
      margin: auto;
      transform: rotate(24deg); }
    #firstContent .wrap .buttonArea .balloon .num {
      font-size: 2.9rem;
      line-height: 1; }
  #firstContent .wrap .buttonArea .button {
    letter-spacing: 0;
    padding: 0.65em 0.8em 0.75em 0.8em; }
#firstContent .worry {
  position: relative;
  background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_worry_sp.jpg) center bottom no-repeat;
  background-size: cover;
  padding: calc(33 / 360 * 100%) 0 calc(121 / 360 * 100%) 0; }
  #firstContent .worry:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: calc(103 / 360 * 100%);
    background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_worry_person_sp.png) center bottom no-repeat;
    background-size: contain;
    margin: auto;
    padding: 0 0 calc(132 / 360 * 100%) 0; }
  #firstContent .worry .worryTitle {
    color: #FFFFFF;
    font-size: 2.2rem;
    line-height: 1.18;
    font-weight: 900;
    text-align: center;
    background-color: #333333;
    margin: 0 0 calc(17 / 328 * 100%) 0;
    padding: 0.25em 0 0.28em 0; }
    #firstContent .worry .worryTitle .color {
      color: #FFF500;
      font-size: 2.6rem;
      line-height: 1; }
  #firstContent .worry .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    #firstContent .worry .list .item {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-basis: calc(156 / 328 * 100%);
      font-size: 1.5rem;
      line-height: 1.33;
      font-weight: 500;
      text-align: center;
      background-color: #FFFFFF;
      margin: 0 0 calc(18 / 328 * 100%) 0;
      padding: 0.45em 0;
      border: 2px solid #EEEEEE;
      border-radius: 4px;
      box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.08);
      box-sizing: border-box; }
      #firstContent .worry .list .item .marker {
        color: #D41926;
        font-weight: 700; }
#firstContent .reason {
  overflow: hidden;
  position: relative;
  background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_reason_sp.jpg) center top no-repeat;
  background-size: contain;
  background-color: #FFF9EC;
  padding: calc(46 / 360 * 100%) 0 calc(13 / 360 * 100%) 0; }
  #firstContent .reason:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    width: calc(240 / 360 * 100%);
    background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_triangle.png) center top no-repeat;
    background-size: contain;
    margin: auto;
    padding: calc(93 / 360 * 100%) 0 0 0; }
  #firstContent .reason .solution {
    position: relative;
    z-index: 1;
    width: calc(341 / 360 * 100%);
    margin: 0 auto calc(15 / 360 * 100%) auto; }
  #firstContent .reason .contentInner {
    position: relative;
    z-index: 1; }
  #firstContent .reason .reasonTitle {
    color: #FFFFFF;
    font-size: 2.5rem;
    line-height: 1.32;
    font-weight: 900;
    text-align: center;
    background-color: #333333;
    margin: 0 0 calc(16 / 328 * 100%) 0;
    padding: 0.25em 0 0.25em 0; }
    #firstContent .reason .reasonTitle .color {
      color: #FFF500;
      font-size: 2.9rem;
      line-height: 1.14; }
  #firstContent .reason .list .item {
    position: relative;
    margin: 0 0 calc(17 / 328 * 100%) 0; }
    #firstContent .reason .list .item:nth-child(1):before {
      right: 0;
      width: calc(416 / 328 * 100%);
      background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_reason01.webp) center center no-repeat;
      background-size: contain;
      margin: calc(-43 / 328 * 100%) calc(-222 / 328 * 100%) 0 0;
      padding: calc(342 / 328 * 100%) 0 0 0; }
    #firstContent .reason .list .item:nth-child(2):before {
      left: 0;
      width: calc(435 / 328 * 100%);
      background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_reason02.webp) center center no-repeat;
      background-size: contain;
      margin: calc(-2 / 328 * 100%) 0 0 calc(-217 / 328 * 100%);
      padding: calc(389 / 328 * 100%) 0 0 0; }
    #firstContent .reason .list .item:nth-child(2) .itemTitle:after {
      background: url(/wp-content/themes/mytheme/lp2-assets/img/img_reason02_sp.jpg) center center no-repeat;
      background-size: contain; }
    #firstContent .reason .list .item:nth-child(3):before {
      right: 0;
      width: calc(419 / 328 * 100%);
      background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_reason03.webp) center center no-repeat;
      background-size: contain;
      margin: calc(-21 / 328 * 100%) calc(-237 / 328 * 100%) 0 0;
      padding: calc(361 / 328 * 100%) 0 0 0; }
    #firstContent .reason .list .item:nth-child(3) .itemTitle:after {
      background: url(/wp-content/themes/mytheme/lp2-assets/img/img_reason03_sp.jpg) center center no-repeat;
      background-size: contain; }
    #firstContent .reason .list .item:before {
      content: "";
      display: block;
      position: absolute;
      top: 0; }
    #firstContent .reason .list .item .itemTitle {
      position: relative; }
      #firstContent .reason .list .item .itemTitle:after {
        content: "";
        display: block;
        width: 100%;
        background: url(/wp-content/themes/mytheme/lp2-assets/img/img_reason01_sp.webp) center center no-repeat;
        background-size: contain;
        margin: calc(15 / 328 * 100%) 0 calc(10 / 328 * 100%) 0;
        padding: calc(200 / 328 * 100%) 0 0 0; }
      #firstContent .reason .list .item .itemTitle img {
        margin: auto; }
    #firstContent .reason .list .item .text {
      position: relative;
      font-size: 1.8rem;
      line-height: 1.44;
      font-weight: 500; }
      #firstContent .reason .list .item .text .marker {
        font-weight: 700; }
#firstContent .resultWrap {
  background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_result_sp.jpg) center top no-repeat;
  background-size: cover;
  padding: calc(33 / 360 * 100%) 0 calc(34 / 360 * 100%) 0; }

@media screen and (min-width: 769px) {
  #firstContent .wrap {
    position: relative; }
    #firstContent .wrap .buttonArea {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: calc(477 / 1366 * 100%);
      min-width: 330px;
      margin: 0 auto calc(37 / 1366 * 100%) auto;
      padding: 0 calc(649 / 1366 * 100%) 0 calc(154 / 1366 * 100%); }
      #firstContent .wrap .buttonArea .balloon {
        font-size: 1.8rem;
        line-height: 1.33;
        margin: 0 0 0.35em 0; }
      #firstContent .wrap .buttonArea .button {
        font-size: 2.6rem;
        line-height: 1;
        font-weight: 900;
        letter-spacing: 0.04em;
        padding: 0.6em 0 0.75em 0; }
        #firstContent .wrap .buttonArea .button .icon {
          padding: 0 0 0 0.4em; }
  #firstContent .worry {
    position: relative;
    background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_worry.jpg) center bottom no-repeat;
    background-size: cover;
    padding: calc(42 / 1366 * 100%) 0 0 0; }
    #firstContent .worry:after {
      display: none; }
    #firstContent .worry .contentInner {
      text-align: center; }
      #firstContent .worry .contentInner:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: calc(263 / 1300 * 100%);
        background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_worry_person.png) center bottom no-repeat;
        background-size: contain;
        margin: auto;
        padding: 0 0 calc(402 / 1300 * 100%) 0; }
    #firstContent .worry .worryTitle {
      display: inline-block;
      font-size: 4.8rem;
      line-height: 1.17;
      margin: 0 0 1.8em 0;
      padding: 0.18em 0.3em 0.28em 0.3em; }
      #firstContent .worry .worryTitle .color {
        font-size: 5.6rem;
        line-height: 1; }
    #firstContent .worry .list {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 0 0 calc(30 / 1280* 100%) 0; }
      #firstContent .worry .list .item {
        flex-basis: calc(484 / 1280 * 100%);
        font-size: 2.8rem;
        line-height: 1.43;
        margin: 0 0 calc(34 / 1280 * 100%) 0;
        padding: 0.55em 0.3em 0.65em 0.3em;
        border: 3px solid #EEEEEE;
        border-radius: 8px;
        box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.08);
        box-sizing: border-box; }
  #firstContent .reason {
    background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_reason.jpg) center top no-repeat;
    background-size: contain;
    padding: calc(58 / 1366* 100%) 0 0 0; }
    #firstContent .reason:before {
      top: -6px;
      width: calc(520 / 1366 * 100%);
      max-width: 502px;
      background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_triangle.png) center top no-repeat;
      background-size: contain;
      padding: calc(212 / 1366 * 100%) 0 0 0; }
    #firstContent .reason .solution {
      width: calc(809 / 1366 * 100%);
      margin: 0 auto calc(45 / 1366 * 100%) auto; }
    #firstContent .reason .contentInner {
      text-align: center; }
    #firstContent .reason .reasonTitle {
      display: inline-block;
      font-size: 4.8rem;
      line-height: 1.25;
      margin: 0 0 1.15em 0;
      padding: 0.3em 0.36em 0.3em 0.36em; }
      #firstContent .reason .reasonTitle .color {
        font-size: 5.6rem;
        line-height: 1.14; }
    #firstContent .reason .list {
      text-align: left; }
      #firstContent .reason .list .item {
        display: flex;
        justify-content: space-between;
        margin: 0 0 calc(61 / 1280 * 100%) 0; }
        #firstContent .reason .list .item:nth-child(1):before {
          right: 0;
          width: calc(416 / 1280 * 100%);
          background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_reason01.webp) center center no-repeat;
          background-size: contain;
          margin: calc(-155 / 1280 * 100%) calc(-226 / 1280 * 100%) 0 0;
          padding: calc(342 / 1280 * 100%) 0 0 0; }
        #firstContent .reason .list .item:nth-child(2):before {
          left: 0;
          width: calc(435 / 1280 * 100%);
          background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_reason02.webp) center center no-repeat;
          background-size: contain;
          margin: calc(105 / 1280 * 100%) 0 0 calc(-143 / 1280 * 100%);
          padding: calc(389 / 1280 * 100%) 0 0 0; }
        #firstContent .reason .list .item:nth-child(2) .inner {
          order: 2;
          flex-basis: calc(744 / 1280 * 100%); }
        #firstContent .reason .list .item:nth-child(2):after {
          order: 1;
          background: url(/wp-content/themes/mytheme/lp2-assets/img/img_reason02.jpg) center center no-repeat;
          background-size: contain; }
        #firstContent .reason .list .item:nth-child(3):before {
          right: 0;
          width: calc(419 / 1280 * 100%);
          background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_reason03.webp) center center no-repeat;
          background-size: contain;
          margin: calc(-135 / 1280 * 100%) calc(-136 / 1280 * 100%) 0 0;
          padding: calc(361 / 1280 * 100%) 0 0 0; }
        #firstContent .reason .list .item:nth-child(3):after {
          background: url(/wp-content/themes/mytheme/lp2-assets/img/img_reason03.jpg) center center no-repeat;
          background-size: contain; }
        #firstContent .reason .list .item:before {
          content: "";
          display: block;
          position: absolute;
          top: 0; }
        #firstContent .reason .list .item:after {
          content: "";
          display: block;
          position: relative;
          z-index: 1;
          flex-basis: calc(485 / 1280 * 100%);
          height: 0;
          background: url(/wp-content/themes/mytheme/lp2-assets/img/img_reason01.jpg) center center no-repeat;
          background-size: contain;
          margin: 0;
          padding: calc(360 / 1280 * 100%) 0 0 0; }
        #firstContent .reason .list .item .inner {
          flex-basis: calc(765 / 1280 * 100%);
          position: relative;
          z-index: 1; }
        #firstContent .reason .list .item .itemTitle {
          position: relative;
          margin: 0 0 1.3rem 0; }
          #firstContent .reason .list .item .itemTitle:after {
            display: none; }
        #firstContent .reason .list .item .text {
          font-size: 2.8rem;
          line-height: 1.57; }
  #firstContent .resultWrap {
    background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_result.jpg) center top no-repeat;
    background-size: cover;
    padding: calc(65 / 1366 * 100%) 0 calc(64 / 1366 * 100%) 0; }
    #firstContent .resultWrap .result {
      width: calc(811 / 1280 * 100%);
      margin: auto; } }
@media screen and (min-width: 1000px) {
  #firstContent .wrap .buttonArea {
    min-width: 400px;
    margin-bottom: calc(16 / 1366 * 100%); }
    #firstContent .wrap .buttonArea .balloon {
      font-size: 2.1rem;
      line-height: 1.38;
      margin: 0 0 0.55em 0; }
    #firstContent .wrap .buttonArea .button {
      font-size: 3.2rem;
      line-height: 1; } }
@media screen and (min-width: 1100px) {
  #firstContent .wrap .buttonArea {
    margin-bottom: calc(37 / 1366 * 100%); } }
#attractArea .content {
  background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_attract_sp.jpg) center top no-repeat;
  background-size: contain;
  padding: calc(35 / 360 * 100%) 0 calc(31 / 360 * 100%) 0; }
#attractArea .contentInner {
  width: 100%; }
#attractArea .title {
  width: calc(345 / 360 * 100%);
  margin: 0 auto; }
#attractArea .change {
  position: relative;
  width: calc(328 / 360 * 100%);
  margin: calc(-5 / 360 * 100%) auto calc(16 / 360 * 100%) auto; }
  #attractArea .change img {
    position: relative;
    z-index: 1; }
  #attractArea .change:after {
    content: "";
    position: absolute;
    top: calc(100% - 3px);
    left: 0;
    right: 0;
    width: calc(240 / 328 * 100%);
    background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_triangle2.png) center top no-repeat;
    background-size: contain;
    margin: auto;
    padding: calc(85 / 328 * 100%) 0 0 0; }
#attractArea .countermeasure {
  position: relative;
  z-index: 1;
  margin: 0 0 calc(18 / 360 * 100%) 0; }
  #attractArea .countermeasure:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(511 / 360 * 100%);
    background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_attract_l.webp) center center no-repeat;
    background-size: contain;
    margin: calc(165 / 360 * 100%) 0 0 calc(-256 / 360 * 100%);
    padding: calc(504 / 360 * 100%) 0 0 0; }
  #attractArea .countermeasure:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: calc(265 / 360 * 100%);
    background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_attract_r.webp) center center no-repeat;
    background-size: contain;
    margin: calc(656 / 360 * 100%) calc(-132 / 360 * 100%) 0 0;
    padding: calc(211 / 360 * 100%) 0 0 0; }
  #attractArea .countermeasure img {
    position: relative;
    z-index: 1; }
#attractArea .listing {
  width: calc(328 / 360 * 100%);
  font-size: 1.8rem;
  line-height: 1.44;
  font-weight: 500;
  margin: 0 auto; }

@media screen and (min-width: 769px) {
  #attractArea .content {
    background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_attract.jpg) center top no-repeat;
    background-size: contain;
    padding: calc(64 / 1366 * 100%) 0 calc(62 / 1366 * 100%) 0; }
  #attractArea .title {
    width: calc(1040 / 1280 * 100%);
    margin: 0 auto calc(8 / 1280 * 100%) auto; }
  #attractArea .change {
    width: 100%;
    margin: 0 auto calc(16 / 1280 * 100%) auto; }
    #attractArea .change:after {
      top: calc(100% - 6px);
      width: calc(520 / 1280 * 100%);
      padding: calc(195 / 1280 * 100%) 0 0 0; }
  #attractArea .countermeasure {
    width: calc(844 / 1280 * 100%);
    margin: 0 auto calc(42 / 1280 * 100%) auto; }
    #attractArea .countermeasure:before {
      width: calc(847 / 844 * 100%);
      margin: calc(241 / 844 * 100%) 0 0 calc(-725 / 844 * 100%);
      padding: calc(834 / 844 * 100%) 0 0 0; }
    #attractArea .countermeasure:after {
      top: auto;
      bottom: 0;
      width: calc(453 / 844 * 100%);
      margin: 0 calc(-500 / 844 * 100%) calc(-98 / 844 * 100%) 0;
      padding: calc(361 / 844 * 100%) 0 0 0; }
  #attractArea .listing {
    width: calc(900 / 1280 * 100%);
    font-size: 2.4rem;
    line-height: 1.46;
    font-weight: 400;
    letter-spacing: 0.04em; } }
#lpArea .content {
  background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_lp.jpg) left top repeat;
  background-size: 2.1rem;
  padding: calc(10 / 360 * 100%) 0 calc(32 / 360 * 100%) 0; }
#lpArea .question {
  margin: 0 0 calc(35 / 328 * 100%) 0; }
#lpArea .titleWrap {
  text-align: center; }
  #lpArea .titleWrap .small {
    display: inline-block;
    position: relative;
    font-size: 2.7rem;
    line-height: 1;
    font-weight: 900;
    margin: 0 0 calc(24 / 328 * 100%) 0; }
    #lpArea .titleWrap .small:before {
      content: "";
      position: absolute;
      bottom: -0.3em;
      right: calc(100% + 0.45em);
      width: 1.15em;
      height: 1.24em;
      background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_line_l.png) center center no-repeat;
      background-size: contain; }
    #lpArea .titleWrap .small:after {
      content: "";
      position: absolute;
      bottom: -0.3em;
      left: calc(100% + 0.45em);
      width: 1.15em;
      height: 1.24em;
      background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_line_r.png) center center no-repeat;
      background-size: contain; }
  #lpArea .titleWrap .title {
    color: #FFFFFF;
    font-size: 2.2rem;
    line-height: 1.45;
    font-weight: 900;
    text-align: center;
    background-color: #333333;
    padding: 0.45em 0 0.65em 0; }
    #lpArea .titleWrap .title .color {
      color: #FFF500; }
  #lpArea .titleWrap .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    padding: calc(16 / 328 * 100%) calc(8 / 328 * 100%) calc(16 / 328 * 100%) calc(16 / 328 * 100%);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
    #lpArea .titleWrap .box:after {
      content: "";
      display: block;
      flex-basis: calc(103 / 304 * 100%);
      background: url(/wp-content/themes/mytheme/lp2-assets/img/img_lp_phone.png) center center no-repeat;
      background-size: contain;
      padding: calc(192 / 304 * 100%) 0 0 0; }
    #lpArea .titleWrap .box .text {
      flex-basis: calc(195 / 304 * 100%);
      font-size: 1.6rem;
      line-height: 1.5;
      font-weight: 500;
      text-align: left; }

@media screen and (min-width: 769px) {
  #lpArea .content {
    padding: calc(65 / 1366 * 100%) 0 calc(64 / 1366 * 100%) 0; }
  #lpArea .contentInner {
    max-width: 932px; }
  #lpArea .question {
    margin: 0 0 calc(31 / 912 * 100%) 0; }
  #lpArea .titleWrap {
    width: calc(900 / 912 * 100%);
    margin: 0 auto; }
    #lpArea .titleWrap .small {
      font-size: 4.1rem;
      line-height: 1;
      margin: 0 0 calc(27 / 900 * 100%) 0; }
      #lpArea .titleWrap .small:before {
        content: "";
        position: absolute;
        bottom: -0.3em;
        right: calc(100% + 0.45em);
        width: 1.15em;
        height: 1.24em;
        background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_line_l.png) center center no-repeat;
        background-size: contain; }
      #lpArea .titleWrap .small:after {
        content: "";
        position: absolute;
        bottom: -0.3em;
        left: calc(100% + 0.45em);
        width: 1.15em;
        height: 1.24em;
        background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_line_r.png) center center no-repeat;
        background-size: contain; }
    #lpArea .titleWrap .title {
      position: relative;
      font-size: 4rem;
      line-height: 1.25;
      padding: 0.45em 0 0.49em 0; }
      #lpArea .titleWrap .title:after {
        content: "";
        display: block;
        position: absolute;
        top: calc(100% - 1px);
        left: 0;
        right: 0;
        width: 6rem;
        height: 2.8rem;
        background-color: #333333;
        margin: auto;
        clip-path: polygon(0 0, 100% 0, 50% 100%); }
    #lpArea .titleWrap .box {
      padding: calc(26 / 900 * 100%) calc(48 / 900 * 100%) calc(18 / 900 * 100%) calc(30 / 900 * 100%); }
      #lpArea .titleWrap .box:after {
        flex-basis: calc(124 / 822 * 100%);
        padding: calc(231 / 822 * 100%) 0 0 0; }
      #lpArea .titleWrap .box .text {
        flex-basis: calc(669 / 822 * 100%);
        font-size: 2.4rem;
        line-height: 1.46;
        font-weight: 400; } }
#attentionArea .content {
  background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_attention_sp.webp) center center no-repeat;
  background-size: cover;
  padding: calc(32 / 360 * 100%) 0 calc(32 / 360 * 100%) 0; }
#attentionArea .title img {
  width: 100%; }
#attentionArea .box {
  color: #FFFFFF;
  background-color: #333333;
  padding: calc(7 / 328 * 100%) calc(16 / 328 * 100%) calc(16 / 328 * 100%) calc(16 / 328 * 100%); }
  #attentionArea .box:before {
    content: "";
    display: block;
    width: calc(122 / 296 * 100%);
    background: url(/wp-content/themes/mytheme/lp2-assets/img/img_attention_phone.webp) center center no-repeat;
    background-size: contain;
    margin: 0 auto calc(5 / 296 * 100%) auto;
    padding: calc(129 / 296 * 100%) 0 0 0; }
  #attentionArea .box .textWrap .text {
    font-size: 1.8rem;
    line-height: 1.44;
    font-weight: 500; }

@media screen and (min-width: 769px) {
  #attentionArea .content {
    background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_attention.jpg) center center no-repeat;
    background-size: cover;
    padding: calc(64 / 1366 * 100%) 0 calc(63 / 1366 * 100%) 0; }
  #attentionArea .contentInner {
    max-width: 920px; }
  #attentionArea .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc(19 / 900 * 100%) calc(13 / 900 * 100%) calc(18 / 900 * 100%) calc(27 / 900 * 100%); }
    #attentionArea .box:before {
      content: "";
      display: block;
      width: calc(216 / 860 * 100%);
      margin: 0;
      padding: calc(229 / 860 * 100%) 0 0 0; }
    #attentionArea .box .textWrap {
      width: calc(620 / 860 * 100%); }
      #attentionArea .box .textWrap .text {
        font-size: 2.4rem;
        line-height: 1.46;
        font-weight: 400; } }
#failureArea .content {
  background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_failure_sp.webp) center center no-repeat;
  background-size: cover;
  padding: calc(32 / 360 * 100%) 0 calc(11 / 360 * 100%) 0; }
#failureArea .title {
  color: #FFFFFF;
  font-size: 2.2rem;
  line-height: 1.18;
  font-weight: 900;
  text-align: center;
  background-color: #333333;
  margin: 0 0 calc(17 / 328 * 100%) 0;
  padding: 0.25em 0 0.28em 0; }
  #failureArea .title .color {
    color: #FFF500;
    font-size: 2.6rem;
    line-height: 1; }
#failureArea .list .item {
  margin: 0 0 calc(20 / 328 * 100%) 0; }
  #failureArea .list .item:nth-child(1) .box:before {
    background: url(/wp-content/themes/mytheme/lp2-assets/img/img_failure_num1_sp.jpg) center center no-repeat;
    background-size: contain; }
  #failureArea .list .item:nth-child(2) .box:before {
    background: url(/wp-content/themes/mytheme/lp2-assets/img/img_failure_num2_sp.jpg) center center no-repeat;
    background-size: contain; }
  #failureArea .list .item:nth-child(3) .box:before {
    background: url(/wp-content/themes/mytheme/lp2-assets/img/img_failure_num3_sp.jpg) center center no-repeat;
    background-size: contain; }
  #failureArea .list .item:nth-child(4) .box:before {
    background: url(/wp-content/themes/mytheme/lp2-assets/img/img_failure_num4_sp.jpg) center center no-repeat;
    background-size: contain; }
  #failureArea .list .item .box {
    position: relative;
    background-color: #FFFFFF;
    padding: calc(16 / 328 * 100%) calc(16 / 328 * 100%);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
    #failureArea .list .item .box:before {
      content: "";
      display: block;
      width: 100%;
      padding: calc(200/ 296 * 100%) 0 0 0; }
    #failureArea .list .item .box .num {
      position: absolute;
      top: 0;
      left: 0;
      width: calc(120 / 328 * 100%);
      margin: calc(-10 / 328 * 100%) 0 0 calc(4 / 328 * 100%); }
    #failureArea .list .item .box .textWrap .boxTitle {
      font-size: 2.4rem;
      line-height: 1.42;
      font-weight: 700;
      text-align: center;
      margin: 0 0 calc(13 / 296 * 100%) 0;
      padding: calc(10 / 296 * 100%) 0 calc(10 / 296 * 100%) 0;
      border-bottom: 1px solid #CCCCCC; }
    #failureArea .list .item .box .textWrap .text {
      font-size: 1.8rem;
      line-height: 1.44;
      font-weight: 500; }

@media screen and (min-width: 769px) {
  #failureArea .content {
    background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_failure.jpg) center center no-repeat;
    background-size: cover;
    padding: calc(64 / 1366 * 100%) 0 calc(31 / 1366 * 100%) 0; }
  #failureArea .contentInner {
    text-align: center; }
  #failureArea .title {
    display: inline-block;
    font-size: 4.8rem;
    line-height: 1.17;
    margin: 0 0 1.07em 0;
    padding: 0.26em 0.33em 0.33em 0.33em; }
    #failureArea .title .color {
      font-size: 5.6rem;
      line-height: 1; }
  #failureArea .list {
    text-align: left; }
    #failureArea .list .item {
      margin: 0 0 calc(33 / 1280 * 100%) 0; }
      #failureArea .list .item:nth-child(1) .box:before {
        background: url(/wp-content/themes/mytheme/lp2-assets/img/img_failure_num1.jpg) center center no-repeat;
        background-size: contain; }
      #failureArea .list .item:nth-child(2) .box:before {
        background: url(/wp-content/themes/mytheme/lp2-assets/img/img_failure_num2.jpg) center center no-repeat;
        background-size: contain; }
      #failureArea .list .item:nth-child(3) .box:before {
        background: url(/wp-content/themes/mytheme/lp2-assets/img/img_failure_num3.jpg) center center no-repeat;
        background-size: contain; }
      #failureArea .list .item:nth-child(4) .box:before {
        background: url(/wp-content/themes/mytheme/lp2-assets/img/img_failure_num4.jpg) center center no-repeat;
        background-size: contain; }
      #failureArea .list .item .box {
        display: flex;
        justify-content: space-between;
        width: calc(1254 / 1280 * 100%);
        margin: 0 0 0 auto;
        padding: calc(45 / 1280 * 100%) calc(32 / 1280 * 100%) calc(32 / 1280 * 100%) calc(29 / 1280 * 100%);
        box-sizing: border-box; }
        #failureArea .list .item .box:before {
          content: "";
          display: block;
          flex-basis: calc(344 / 1193 * 100%);
          padding: calc(328/ 1193 * 100%) 0 0 0; }
        #failureArea .list .item .box .num {
          width: calc(178 / 1254 * 100%);
          margin: calc(-19 / 1254 * 100%) 0 0 calc(-26 / 1254 * 100%); }
        #failureArea .list .item .box .textWrap {
          flex-basis: calc(816 / 1193 * 100%); }
          #failureArea .list .item .box .textWrap .boxTitle {
            font-size: 3.8rem;
            line-height: 1.45;
            text-align: left;
            margin: 0 0 calc(16 / 816 * 100%) 0;
            padding: calc(4 / 816 * 100%) 0 calc(16 / 816 * 100%) 0; }
          #failureArea .list .item .box .textWrap .text {
            font-size: 2.8rem;
            line-height: 1.43;
            font-weight: 400;
            letter-spacing: 0.04em; } }
#introductionArea .content {
  background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_introduction_sp.webp) center center no-repeat;
  background-size: cover;
  padding: calc(29 / 360 * 100%) 0 calc(30 / 360 * 100%) 0; }
#introductionArea .wrap {
  position: relative; }
  #introductionArea .wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -3px;
    width: 6.4rem;
    height: 6.4rem;
    border-top: 6px solid #333333;
    border-left: 6px solid #333333; }
  #introductionArea .wrap:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -3px;
    width: 6.4rem;
    height: 6.4rem;
    border-top: 6px solid #333333;
    border-right: 6px solid #333333; }
  #introductionArea .wrap .frame {
    background-color: #FFFFFF;
    padding: calc(36 / 328 * 100%) calc(16 / 328 * 100%); }
    #introductionArea .wrap .frame:before {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: -3px;
      width: 6.4rem;
      height: 6.4rem;
      border-bottom: 6px solid #333333;
      border-left: 6px solid #333333; }
    #introductionArea .wrap .frame:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      right: -3px;
      width: 6.4rem;
      height: 6.4rem;
      border-bottom: 6px solid #333333;
      border-right: 6px solid #333333; }
    #introductionArea .wrap .frame .title {
      font-size: 2.2rem;
      line-height: 1.45;
      font-weight: 900;
      text-align: center;
      margin: 0 0 calc(17 / 328 * 100%) 0; }
      #introductionArea .wrap .frame .title .color {
        color: #D41926; }
    #introductionArea .wrap .frame .introduction {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; }
      #introductionArea .wrap .frame .introduction .image {
        flex-basis: calc(136 / 296 * 100%); }
      #introductionArea .wrap .frame .introduction .nameWrap {
        flex-basis: calc(144 / 296 * 100%); }
        #introductionArea .wrap .frame .introduction .nameWrap .post {
          font-size: 1.8rem;
          line-height: 1.33;
          font-weight: 500; }
        #introductionArea .wrap .frame .introduction .nameWrap .name {
          font-size: 2.8rem;
          line-height: 1.43;
          font-weight: 700; }
      #introductionArea .wrap .frame .introduction .text {
        flex-basis: 100%;
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 500;
        margin: calc(17 / 328 * 100%) 0 0 0; }

@media screen and (min-width: 769px) {
  #introductionArea .content {
    background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_introduction.jpg) center center no-repeat;
    background-size: cover;
    padding: calc(61 / 1366 * 100%) 0 calc(62 / 1366 * 100%) 0; }
  #introductionArea .contentInner {
    max-width: 920px; }
  #introductionArea .wrap {
    position: relative; }
    #introductionArea .wrap:before {
      left: 0;
      width: 9.6rem;
      height: 9.6rem; }
    #introductionArea .wrap:after {
      right: 0;
      width: 9.6rem;
      height: 9.6rem; }
    #introductionArea .wrap .frame {
      padding: calc(42 / 900 * 100%) calc(64 / 900 * 100%); }
      #introductionArea .wrap .frame:before {
        left: 0;
        width: 9.6rem;
        height: 9.6rem; }
      #introductionArea .wrap .frame:after {
        content: "";
        right: 0;
        width: 9.6rem;
        height: 9.6rem; }
      #introductionArea .wrap .frame .title {
        font-size: 3.8rem;
        line-height: 1.45;
        margin: 0 0 calc(32 / 772 * 100%) 0; }
        #introductionArea .wrap .frame .title .color {
          color: #D41926; }
      #introductionArea .wrap .frame .introduction {
        display: block;
        position: relative;
        width: calc(509 / 772 * 100%);
        padding: 0 0 0 calc(264 / 772 * 100%); }
        #introductionArea .wrap .frame .introduction .image {
          position: absolute;
          top: 0;
          left: 0;
          width: calc(232 / 772 * 100%); }
        #introductionArea .wrap .frame .introduction .nameWrap {
          margin: 0 0 calc(23 / 772 * 100%) 0;
          padding: 0 0 calc(20 / 772 * 100%) 0;
          border-bottom: 1px solid #333333; }
          #introductionArea .wrap .frame .introduction .nameWrap .post {
            font-size: 2.8rem;
            line-height: 1.43; }
          #introductionArea .wrap .frame .introduction .nameWrap .name {
            font-size: 3.4rem;
            line-height: 1.53; }
        #introductionArea .wrap .frame .introduction .text {
          font-size: 2.4rem;
          line-height: 1.46;
          font-weight: 400;
          margin: 0; } }
#choiceArea .problem .content {
  background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_choice_problem_sp.jpg) center top repeat-y;
  background-size: contain;
  padding: calc(40 / 360 * 100%) 0 calc(31 / 360 * 100%) 0; }
#choiceArea .problem .titleWrap {
  text-align: center; }
  #choiceArea .problem .titleWrap .small {
    display: inline-block;
    position: relative;
    font-size: 2.7rem;
    line-height: 1;
    font-weight: 900;
    margin: 0 0 calc(24 / 328 * 100%) 0;
    padding: 0 0 0 0.5em; }
    #choiceArea .problem .titleWrap .small:before {
      content: "";
      position: absolute;
      bottom: -0.3em;
      right: calc(100% + 0.15em);
      width: 1.15em;
      height: 1.24em;
      background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_line_l.png) center center no-repeat;
      background-size: contain; }
    #choiceArea .problem .titleWrap .small:after {
      content: "";
      position: absolute;
      bottom: -0.3em;
      left: calc(100% + 0.15em);
      width: 1.15em;
      height: 1.24em;
      background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_line_r.png) center center no-repeat;
      background-size: contain; }
  #choiceArea .problem .titleWrap .title {
    font-size: 2.4rem;
    line-height: 1.46;
    font-weight: 900;
    background-color: #FFFFFF;
    margin: 0 0 calc(8 / 328 * 100%) 0;
    padding: calc(15 / 328 * 100%) 0; }
  #choiceArea .problem .titleWrap .data {
    color: #D41926;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 700;
    background-color: #FFFFFF;
    margin: 0 0 calc(51 / 328 * 100%) 0;
    padding: calc(9 / 328 * 100%) 0; }
#choiceArea .problem .list .item {
  position: relative;
  margin: 0 0 calc(34 / 328 * 100%) 0; }
  #choiceArea .problem .list .item:nth-child(1) .text:before {
    background: url(/wp-content/themes/mytheme/lp2-assets/img/img_choice_problem1_sp.webp) center center no-repeat;
    background-size: contain; }
  #choiceArea .problem .list .item:nth-child(2) {
    margin: 0; }
    #choiceArea .problem .list .item:nth-child(2) .text:before {
      background: url(/wp-content/themes/mytheme/lp2-assets/img/img_choice_problem2_sp.webp) center center no-repeat;
      background-size: contain; }
  #choiceArea .problem .list .item .reason {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    color: #FFFFFF;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 700;
    background-color: #D41926;
    margin: calc(-11 / 328 * 100%) 0 0 calc(10 / 328 * 100%);
    padding: 0.08em 0.85em;
    transform: rotate(-4deg); }
    #choiceArea .problem .list .item .reason .num {
      font-size: 2rem;
      line-height: 1; }
  #choiceArea .problem .list .item .itemTitle {
    color: #FFFFFF;
    font-size: 2.2rem;
    line-height: 1.32;
    font-weight: 700;
    text-align: center;
    background-color: #333333;
    padding: 0.37em 0 0.45em 0; }
  #choiceArea .problem .list .item .text {
    font-size: 1.8rem;
    line-height: 1.44;
    font-weight: 500;
    background-color: #FFFFFF;
    padding: calc(16 / 328 * 100%); }
    #choiceArea .problem .list .item .text:before {
      content: "";
      display: block;
      width: 100%;
      margin: 0 0 calc(10 / 328 * 100%) 0;
      padding: calc(180/ 296 * 100%) 0 0 0; }
#choiceArea .choice .content {
  background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_choice_sp.jpg) center center no-repeat;
  background-size: cover;
  padding: calc(33 / 360 * 100%) 0 calc(33 / 360 * 100%) 0; }
#choiceArea .choice .data {
  margin: calc(-6 / 328 * 100%) 0 calc(8 / 328 * 100%) 0; }
#choiceArea .choice .note {
  font-size: 1.4rem;
  line-height: 1.43;
  font-weight: 500;
  text-shadow: 0px 0px 6px #FFFFFF; }

@media screen and (min-width: 769px) {
  #choiceArea .problem .content {
    background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_choice_problem.jpg) center top repeat-y;
    background-size: contain;
    padding: calc(73 / 1366 * 100%) 0 calc(65 / 1366 * 100%) 0; }
  #choiceArea .problem .titleWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 calc(50 / 1280* 100%) 0; }
    #choiceArea .problem .titleWrap .small {
      font-size: 4rem;
      line-height: 1;
      margin: 0 0 0.1em 0;
      padding: 0 0 0 1em; }
      #choiceArea .problem .titleWrap .small:before {
        bottom: -0.22em;
        right: calc(100% + 0.22em); }
      #choiceArea .problem .titleWrap .small:after {
        bottom: -0.22em;
        left: calc(100% + 0.22em); }
    #choiceArea .problem .titleWrap .title {
      display: inline-block;
      font-size: 4.8rem;
      line-height: 1.46;
      margin: 0 0 0.11em 0;
      padding: 0.2em 1.3em 0.17em 1.3em; }
    #choiceArea .problem .titleWrap .data {
      display: inline-block;
      font-size: 3.4rem;
      line-height: 1.44;
      margin: 0;
      padding: 0.1em 0.75em; }
  #choiceArea .problem .list .item {
    display: flex;
    justify-content: space-between;
    margin: 0 0 calc(51 / 1280 * 100%) 0; }
    #choiceArea .problem .list .item:nth-child(1):after {
      background: url(/wp-content/themes/mytheme/lp2-assets/img/img_choice_problem1.jpg) center top no-repeat;
      background-size: contain; }
    #choiceArea .problem .list .item:nth-child(2) {
      margin: 0; }
      #choiceArea .problem .list .item:nth-child(2):after {
        background: url(/wp-content/themes/mytheme/lp2-assets/img/img_choice_problem2.jpg) center top no-repeat;
        background-size: contain; }
    #choiceArea .problem .list .item:after {
      content: "";
      display: block;
      flex-basis: calc(472 / 1280 * 100%);
      height: 0;
      padding: calc(296/ 1280 * 100%) 0 0 0; }
    #choiceArea .problem .list .item .inner {
      flex-basis: calc(776 / 1280 * 100%); }
    #choiceArea .problem .list .item .reason {
      font-size: 2rem;
      line-height: 1.5;
      margin: calc(-19 / 776 * 100%) 0 0 calc(6 / 776 * 100%);
      padding: 0.2em 0.7em 0.4em 0.7em;
      transform: rotate(-5deg); }
      #choiceArea .problem .list .item .reason .num {
        font-size: 3rem;
        line-height: 1; }
    #choiceArea .problem .list .item .itemTitle {
      font-size: 3.8rem;
      line-height: 1.45;
      letter-spacing: 0.04em;
      text-align: left;
      padding: 0.37em 0.2em 0.49em 0.7em; }
    #choiceArea .problem .list .item .text {
      font-size: 2.8rem;
      line-height: 1.43;
      font-weight: 400;
      letter-spacing: 0.04em;
      padding: 0.85em 0.85em; }
      #choiceArea .problem .list .item .text:before {
        display: none; }
  #choiceArea .choice .content {
    background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_choice.jpg) center center no-repeat;
    background-size: cover;
    padding: calc(63 / 1366 * 100%) 0 calc(63 / 1366 * 100%) 0; }
  #choiceArea .choice .data {
    width: calc(1115 / 1280* 100%);
    margin: calc(-108 / 1280* 100%) auto calc(33 / 1280* 100%) auto; }
  #choiceArea .choice .note {
    font-size: 2rem;
    line-height: 1.45;
    font-weight: 400;
    text-align: center; } }
#voiceArea .content {
  background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_voice_sp.webp) center top repeat-y;
  background-size: 100% auto;
  padding: calc(35 / 360 * 100%) 0 calc(76 / 360 * 100%) 0; }
#voiceArea .title {
  font-size: 3.2rem;
  line-height: 1.25;
  font-weight: 900;
  text-align: center;
  margin: 0 0 calc(37 / 328 * 100%) 0; }
  #voiceArea .title:before {
    content: "";
    display: block;
    width: calc(39 / 328 * 100%);
    background: url(/wp-content/themes/mytheme/lp2-assets/img/icon_voice.png) center top no-repeat;
    background-size: contain;
    margin: 0 auto calc(2 / 328 * 100%) auto;
    padding: calc(34 / 328 * 100%) 0 0 0; }
#voiceArea .slideWrap {
  width: calc(272 / 360 * 100%);
  margin: auto; }
  #voiceArea .slideWrap .list {
    overflow: visible; }
    #voiceArea .slideWrap .list .slick-list {
      overflow: visible; }
    #voiceArea .slideWrap .list .slick-track {
      display: flex; }
    #voiceArea .slideWrap .list .item {
      float: none;
      height: auto; }
      #voiceArea .slideWrap .list .item button {
        cursor: pointer;
        display: block;
        width: 100%;
        height: 100%; }
      #voiceArea .slideWrap .list .item .inner {
        display: flex;
        align-items: center;
        height: 100%;
        background-color: #333333;
        margin: 0 calc(16 / 272 * 100%); }

@media screen and (min-width: 769px) {
  #voiceArea .content {
    background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_voice.jpg) center top repeat-y;
    background-size: 100% auto;
    padding: calc(65 / 1366 * 100%) 0 calc(66 / 1366 * 100%) 0; }
  #voiceArea .contentInner {
    text-align: center; }
  #voiceArea .title {
    display: inline-block;
    position: relative;
    font-size: 4.8rem;
    line-height: 1.46;
    margin: 0 0 0.7em 0; }
    #voiceArea .title:before {
      position: absolute;
      top: 0;
      right: 0;
      width: 1.1em;
      height: 1.1em;
      margin: 0.15em -1.1em 0 0;
      padding: 0; }
  #voiceArea .slideWrap {
    width: calc(1248 / 1366 * 100%); }
    #voiceArea .slideWrap .list .item .inner {
      margin: 0 calc(16 / 312 * 100%); } }
#faqArea .content {
  background-color: #FFF9EC;
  padding: 0 0 calc(16 / 360 * 100%) 0; }
#faqArea .title {
  font-size: 3.2rem;
  line-height: 1.25;
  font-weight: 900;
  text-align: center;
  margin: 0 0 calc(37 / 328 * 100%) 0; }
  #faqArea .title:before {
    content: "";
    display: block;
    width: calc(81 / 328 * 100%);
    background: url(/wp-content/themes/mytheme/lp2-assets/img/icon_faq.png) center top no-repeat;
    background-size: contain;
    margin: 0 auto calc(-12 / 328 * 100%) auto;
    padding: calc(81 / 328 * 100%) 0 0 0; }
#faqArea .wrap .row {
  overflow: hidden;
  margin: 0 0 calc(13 / 328 * 100%) 0;
  border-radius: 0.4em; }
  #faqArea .wrap .row.open .question .icon:before {
    transform: rotate(90deg); }
  #faqArea .wrap .row.open .question .icon:after {
    opacity: 0;
    transform: rotate(90deg); }
  #faqArea .wrap .row .question {
    display: flex;
    align-items: center;
    position: relative;
    color: #FFFFFF;
    font-size: 2rem;
    line-height: 1.45;
    font-weight: 700;
    background-color: #333333;
    padding: 0.6em 2.3em 0.8em 0; }
    #faqArea .wrap .row .question:before {
      content: "Q";
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      width: 1.7em;
      height: 1.7em;
      font-size: 2.6rem;
      line-height: 1;
      font-weight: 700; }
    #faqArea .wrap .row .question .icon {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0.7em;
      width: 1em;
      height: 1em;
      margin: auto; }
      #faqArea .wrap .row .question .icon:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 3px;
        height: 1em;
        background-color: #FFFFFF;
        margin: auto;
        transition: all 0.2s; }
      #faqArea .wrap .row .question .icon:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 1em;
        height: 3px;
        background-color: #FFFFFF;
        margin: auto;
        transition: all 0.2s; }
  #faqArea .wrap .row .answer .inner {
    display: flex;
    font-size: 1.8rem;
    line-height: 1.44;
    font-weight: 500;
    background-color: #FFFFFF;
    padding: 1em 1.5em 1em 0; }
    #faqArea .wrap .row .answer .inner:before {
      content: "A";
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      width: 1.7em;
      height: 1.7em;
      color: #D41926;
      font-size: 2.6rem;
      line-height: 1;
      font-weight: 700;
      margin: -0.2em 0 0 0; }

@media screen and (min-width: 769px) {
  #faqArea .content {
    padding: calc(62 / 1360 * 100%) 0 calc(48 / 1360 * 100%) 0; }
  #faqArea .contentInner {
    max-width: 920px;
    text-align: center; }
  #faqArea .title {
    display: inline-block;
    position: relative;
    font-size: 4.8rem;
    line-height: 1.46;
    margin: 0 0 0.7em 0; }
    #faqArea .title:before {
      position: absolute;
      top: 0;
      right: 0;
      width: 1.65em;
      height: 1.65em;
      margin: -0.85em -1.12em 0 0;
      padding: 0; }
  #faqArea .wrap {
    text-align: left; }
    #faqArea .wrap .row {
      margin: 0 0 calc(31 / 900 * 100%) 0; }
      #faqArea .wrap .row.open .question:after {
        top: 0.5em;
        transform: rotate(-135deg); }
      #faqArea .wrap .row .question {
        font-size: 3.6rem;
        line-height: 1.33;
        padding: 0.55em 2em 0.50em 0.45em; }
        #faqArea .wrap .row .question:before {
          font-size: 3.6rem;
          line-height: 1;
          margin: 0 0.4em 0 0; }
        #faqArea .wrap .row .question .icon {
          right: 0.55em;
          width: 1em;
          height: 1em; }
          #faqArea .wrap .row .question .icon:before {
            width: 3px;
            height: 0.6em; }
          #faqArea .wrap .row .question .icon:after {
            width: 0.6em;
            height: 3px; }
      #faqArea .wrap .row .answer .inner {
        font-size: 2.8rem;
        line-height: 1.43;
        padding: 0.6em 1.5em 0.4em 0.45em; }
        #faqArea .wrap .row .answer .inner:before {
          font-size: 3.6rem;
          line-height: 1;
          margin: -0.3em 0 0 0; } }
#formArea .content {
  background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_lp.jpg) left top repeat;
  background-size: 2.1rem;
  padding: calc(32 / 360 * 100%) 0 calc(35 / 360 * 100%) 0; }
#formArea .title {
  position: relative;
  color: #FFFFFF;
  font-size: 2.2rem;
  line-height: 1.45;
  font-weight: 700;
  text-align: center;
  background-color: #333333;
  margin: 0 0 calc(30 / 328 * 100%) 0;
  padding: 0.4em 0 0.55em 0;
  border-radius: 2em; }
  #formArea .title:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    right: 0;
    width: 0.8em;
    height: 0.8em;
    background-color: #333333;
    margin: auto;
    clip-path: polygon(0 0, 100% 0, 50% 80%); }
#formArea .inputArea {
  background-color: #FFFFFF;
  padding: calc(13 / 328 * 100%) calc(16 / 328 * 100%) calc(30 / 328 * 100%) calc(16 / 328 * 100%); }
  #formArea .inputArea .errorMessage {
    display: none;
    color: #D41926;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700; }
  #formArea .inputArea .row {
    margin: 0 0 calc(16 / 296* 100%) 0;
    padding: 0 0 calc(16 / 296* 100%) 0;
    border-bottom: 1px solid #CCCCCC; }
    #formArea .inputArea .row.last {
      padding: 0;
      border-bottom: 0; }
    #formArea .inputArea .row .head {
      font-size: 1.8rem;
      line-height: 1.33;
      font-weight: 500;
      margin: 0 0 calc(7 / 296 * 100%) 0; }
      #formArea .inputArea .row .head .required,
      #formArea .inputArea .row .head .optional {
        display: inline-block;
        flex-shrink: 0;
        color: #FFFFFF;
        font-size: 1.6rem;
        line-height: 1;
        font-weight: 700;
        background-color: #D41926;
        vertical-align: middle;
        margin: 0 0.5em 0 0;
        padding: 0.3em 0.3em 0.4em 0.3em;
        border-radius: 3px; }
      #formArea .inputArea .row .head .optional {
        background-color: #707070; }
      #formArea .inputArea .row .head .small {
        font-size: 1.6rem;
        line-height: 2;
        font-weight: 400; }
    #formArea .inputArea .row .cont {
      font-size: 1.7rem;
      line-height: 1.33;
      font-weight: 500; }
      #formArea .inputArea .row .cont input[type="text"],
      #formArea .inputArea .row .cont input[type="email"],
      #formArea .inputArea .row .cont input[type="tel"] {
        color: inherit;
        margin: 0;
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-sizing: border-box;
        width: 100%;
        background-color: #FFFFFF;
        padding: 0.5em 0.9em 0.6em 0.9em;
        border: 1px solid #B8B6B6;
        border-radius: 4px; }
      #formArea .inputArea .row .cont input[type="checkbox"] {
        color: inherit;
        margin: 0;
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-sizing: border-box;
        display: inline-block;
        position: relative;
        width: 1.3em;
        height: 1.3em;
        vertical-align: middle;
        background-color: #FFFFFF;
        margin: 0 0.4em 0.3em 0;
        border: 1px solid #333333; }
        #formArea .inputArea .row .cont input[type="checkbox"]:checked:after {
          content: "";
          position: absolute;
          top: -0.1em;
          left: 0.35em;
          width: 0.4em;
          height: 0.9em;
          border-bottom: 4px solid #D41926;
          border-right: 4px solid #D41926;
          transform: rotate(45deg); }
      #formArea .inputArea .row .cont textarea {
        width: 100%;
        height: 7em;
        background-color: #FFFFFF;
        padding: 0.5em 0.9em 0.6em 0.9em;
        border: 1px solid #B8B6B6;
        border-radius: 4px; }
      #formArea .inputArea .row .cont .note {
        margin: 0.8em 0 0 0; }
      #formArea .inputArea .row .cont .wpcf7-list-item {
        display: block;
        font-size: 1.6rem;
        line-height: 1.5;
        margin-left: 0; }
  #formArea .inputArea .acceptArea .errorMessage {
    text-align: center; }
  #formArea .inputArea .accept {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500;
    text-align: center; }
    #formArea .inputArea .accept input[type="checkbox"] {
      color: inherit;
      margin: 0;
      padding: 0;
      background: none;
      border: none;
      border-radius: 0;
      outline: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-sizing: border-box;
      display: inline-block;
      position: relative;
      width: 1.3em;
      height: 1.3em;
      vertical-align: middle;
      background-color: #FFFFFF;
      margin: 0 0.4em 0.3em 0;
      border: 1px solid #333333; }
      #formArea .inputArea .accept input[type="checkbox"]:checked:after {
        content: "";
        position: absolute;
        top: -0.1em;
        left: 0.35em;
        width: 0.4em;
        height: 0.9em;
        border-bottom: 4px solid #D41926;
        border-right: 4px solid #D41926;
        transform: rotate(45deg); }
    #formArea .inputArea .accept .mwform-checkbox-field-text {
      display: none; }
    #formArea .inputArea .accept a {
      color: inherit;
      text-decoration: none; }
      #formArea .inputArea .accept a .line {
        position: relative;
        background-image: linear-gradient(90deg, #333333, #333333);
        background-position: 0 100%;
        background-repeat: no-repeat;
        background-size: 100% 1px; }
  #formArea .inputArea .buttonArea {
    padding: calc(28 / 296 * 100%) 0 0 0; }
    #formArea .inputArea .buttonArea .button {
      display: block;
      position: relative;
      width: calc(292 / 296 * 100%);
      color: #FFFFFF;
      font-size: 2.2rem;
      line-height: 1;
      font-weight: 700;
      text-align: center;
      background-color: #D41926;
      margin: auto;
      padding: 0.7em 0 0.8em 0;
      box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.24);
      box-sizing: border-box;
      border-radius: 2em; }
  #formArea .inputArea .message {
    color: #707070;
    font-size: 1.1rem;
    line-height: 1.64;
    text-align: center;
    padding: 3em 0 0 0; }
    #formArea .inputArea .message a {
      text-decoration: underline; }

@media screen and (min-width: 769px) {
  #formArea .content {
    padding: calc(63 / 1360 * 100%) 0 calc(64 / 1360 * 100%) 0; }
  #formArea .contentInner {
    max-width: 920px;
    text-align: center; }
  #formArea .title {
    display: inline-block;
    font-size: 4.8rem;
    line-height: 1;
    margin: 0 0 0.75em 0;
    padding: 0.6em 0.95em 0.75em;
    border-radius: 2em; }
    #formArea .title:after {
      width: 0.7em;
      height: 0.6em; }
  #formArea .inputArea {
    text-align: left;
    padding: calc(43 / 900 * 100%) calc(36 / 900 * 100%) calc(40 / 900 * 100%) calc(36 / 900 * 100%); }
    #formArea .inputArea .errorMessage {
      font-size: 1.8rem;
      line-height: 1.44; }
    #formArea .inputArea .row {
      display: flex;
      margin: 0 0 calc(32 / 828 * 100%) 0;
      padding: 0 0 calc(20 / 828* 100%) 0; }
      #formArea .inputArea .row.middle {
        align-items: center; }
      #formArea .inputArea .row.last {
        margin: 0 0 calc(24 / 828* 100%) 0; }
      #formArea .inputArea .row .head {
        flex-basis: calc(304 / 828 * 100%);
        flex-shrink: 0;
        min-width: 10em;
        font-size: 2.8rem;
        line-height: 1.29;
        margin: 0 0 0.5em 0;
        padding: 0.45em 0; }
        #formArea .inputArea .row .head p {
          display: flex;
          align-items: center; }
        #formArea .inputArea .row .head .required,
        #formArea .inputArea .row .head .optional {
          font-size: 2rem;
          line-height: 1;
          margin: 0 0.8em 0 0;
          padding: 0.5em 0.4em 0.6em 0.4em; }
      #formArea .inputArea .row .cont {
        flex-basis: calc(524 / 828 * 100%);
        font-size: 2.2rem;
        line-height: 1.64; }
        #formArea .inputArea .row .cont input[type="text"],
        #formArea .inputArea .row .cont input[type="email"],
        #formArea .inputArea .row .cont input[type="tel"] {
          padding: 0.8em 1.1em; }
        #formArea .inputArea .row .cont input[type="checkbox"] {
          width: 1.1em;
          height: 1.1em; }
          #formArea .inputArea .row .cont input[type="checkbox"]:checked:after {
            top: -0.2em; }
        #formArea .inputArea .row .cont textarea {
          height: 12.7em;
          padding: 0.8em 1.1em; }
        #formArea .inputArea .row .cont .wpcf7-list-item {
          display: inline-block;
          font-size: 2rem;
          line-height: 1.8;
          margin-left: 0;
          margin-right: 1em; }
    #formArea .inputArea .accept {
      font-size: 2rem;
      line-height: 1.4; }
      #formArea .inputArea .accept input[type="checkbox"] {
        width: 1.1em;
        height: 1.1em; }
        #formArea .inputArea .accept input[type="checkbox"]:checked:after {
          top: -0.2em; }
      #formArea .inputArea .accept a .line {
        background-size: 100% 1px; }
    #formArea .inputArea .buttonArea {
      padding: calc(30 / 828 * 100%) 0 0 0; }
      #formArea .inputArea .buttonArea .button {
        width: 420px;
        font-size: 3.2rem;
        line-height: 1; } }
.contactArea .content {
  background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_contact_sp.jpg) center center no-repeat;
  background-size: cover;
  padding: calc(30 / 360 * 100%) 0 0 0; }
.contactArea .contentInner {
  position: relative;
  width: 100%; }
.contactArea .contact {
  margin: calc(-18 / 360 * 100%) 0 0 0; }
.contactArea .buttonArea {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: calc(292 / 360 * 100%);
  margin: auto;
  padding: 0 0 calc(44 / 360 * 100%) 0; }
.contactArea.contact02 .contact {
  margin: calc(-13 / 360 * 100%) 0 0 0; }
.contactArea.contact02 .buttonArea {
  padding: 0 0 calc(88 / 360 * 100%) 0; }
.contactArea.contact02 .note {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: calc(328 / 360 * 100%);
  font-size: 1.4rem;
  line-height: 1.43;
  font-weight: 500;
  margin: auto;
  padding: 0 0 calc(31 / 360 * 100%) 0;
  text-shadow: 0px 0px 6px #FFFFFF; }
.contactArea.contact03 .contact {
  margin: calc(-13 / 360 * 100%) 0 0 0; }
.contactArea.contact04 .contact {
  margin: calc(20 / 360 * 100%) 0 0 0; }

@media screen and (min-width: 769px) {
  .contactArea .content {
    position: relative;
    background: url(/wp-content/themes/mytheme/lp2-assets/img/bg_contact.jpg) center center no-repeat;
    background-size: cover;
    padding: calc(61 / 1366 * 100%) 0 calc(64 / 1366 * 100%) 0; }
  .contactArea .contentInner {
    position: static; }
  .contactArea .title {
    position: relative;
    z-index: 1;
    width: calc(767 / 1280 * 100%);
    margin: 0 0 calc(30 / 1280 * 100%) calc(23 / 1280 * 100%); }
  .contactArea .contact {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0; }
  .contactArea .buttonArea {
    position: relative;
    z-index: 1;
    width: calc(720 / 1280 * 100%);
    margin: auto;
    padding: 0; }
    .contactArea .buttonArea .button {
      transition: all 0.2s ease-out; }
      .contactArea .buttonArea .button .icon {
        transition: opacity 0.2s ease-out; }
        .contactArea .buttonArea .button .icon:after {
          display: none; }
      .contactArea .buttonArea .button:hover {
        opacity: 1;
        background-color: #DD4751; }
        .contactArea .buttonArea .button:hover .icon {
          opacity: 0.8; }
  .contactArea.contact02 .content {
    padding-bottom: calc(48 / 1366* 100%); }
  .contactArea.contact02 .title {
    width: calc(674 / 1280* 100%);
    margin: 0 0 calc(9 / 1280* 100%) calc(77 / 1280* 100%); }
  .contactArea.contact02 .buttonArea {
    padding: 0 0 calc(16 / 1280 * 100%) 0; }
  .contactArea.contact02 .note {
    position: relative;
    width: 100%;
    font-size: 2rem;
    line-height: 1.45;
    padding: 0; }
  .contactArea.contact03 .title {
    width: calc(721 / 1280 * 100%);
    margin: 0 0 calc(22 / 1280 * 100%) calc(42 / 1280 * 100%); }
  .contactArea.contact03 .contact {
    margin: calc(-13 / 360 * 100%) 0 0 0; }
  .contactArea.contact04 .title {
    width: calc(853 / 1280 * 100%);
    margin: 0 0 calc(31 / 1280 * 100%) calc(35 / 1280 * 100%); }
  .contactArea.contact04 .contact {
    margin: calc(20 / 360 * 100%) 0 0 0; } }
#thanksArea .content {
  padding: calc(54 / 360 * 100%) 0 calc(84 / 360 * 100%) 0; }
#thanksArea .title {
  font-size: 2.4rem;
  line-height: 1.33;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-align: center;
  margin: 0 0 calc(36 / 328 * 100%) 0; }
#thanksArea .textWrap {
  margin: 0 0 calc(45 / 328 * 100%) 0; }
  #thanksArea .textWrap .text {
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: 0.02em;
    margin: 0 0 1.75em 0; }
    #thanksArea .textWrap .text a {
      color: #D41926;
      text-decoration: underline;
      text-underline-offset: 2px; }
#thanksArea .buttonArea {
  max-width: 477px;
  margin: auto; }

@media screen and (min-width: 769px) {
  #thanksArea .content {
    padding: calc(65 / 1366 * 100%) 0 calc(301 / 1366 * 100%) 0; }
  #thanksArea .contentInner {
    max-width: 820px; }
  #thanksArea .title {
    font-size: 3.2rem;
    line-height: 1.38;
    margin: 0 0 calc(51 / 800* 100%) 0; }
  #thanksArea .textWrap {
    max-width: 800px;
    margin: 0 auto calc(52 / 800 * 100%) auto; }
    #thanksArea .textWrap .text {
      font-size: 1.8rem;
      line-height: 1.78;
      margin: 0 0 1.78em 0; }
  #thanksArea .buttonArea .button {
    font-size: 3.2rem;
    line-height: 1; } }
#modalArea .modalContentWrap {
  opacity: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000;
  transform: translateY(100vh);
  transition: opacity 0.2s ease-out; }
  #modalArea .modalContentWrap .bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(25, 25, 25, 0.6); }
  #modalArea .modalContentWrap .modalContent {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%; }
    #modalArea .modalContentWrap .modalContent:before {
      content: "";
      position: absolute;
      top: 3rem;
      right: 1rem;
      width: 4rem;
      height: 2px;
      background-color: #FFFFFF;
      transform: rotate(45deg); }
    #modalArea .modalContentWrap .modalContent:after {
      content: "";
      position: absolute;
      top: 3rem;
      right: 1rem;
      width: 4rem;
      height: 2px;
      background-color: #FFFFFF;
      transform: rotate(-45deg); }
  #modalArea .modalContentWrap.close .bg {
    display: none; }
  #modalArea .modalContentWrap.open {
    opacity: 1;
    transform: translateY(0); }

@media screen and (min-width: 769px) {
  #modalArea .modalContentWrap .modalContent:before {
    width: 5rem;
    height: 2px; }
  #modalArea .modalContentWrap .modalContent:after {
    width: 5rem;
    height: 2px; } }
#modalImage .item {
  display: none;
  width: calc(328 / 360 * 100%);
  margin: auto; }
  #modalImage .item img {
    display: block;
    max-height: 80vh;
    margin: auto; }

@media screen and (min-width: 769px) {
  #modalImage .item {
    width: 750px; } }
#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  background-color: #FFFFFF;
  padding: calc(62 / 360 * 100%) 0 0 0;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08); }
  #header .contentInner {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%; }
  #header .logoArea {
    flex-basis: calc(95 / 360 * 100%);
    padding: 0 0 0 calc(15 / 360 * 100%); }

@media screen and (min-width: 769px) {
  #header {
    padding: 80px 0 0 0; }
    #header .contentInner {
      justify-content: space-between; }
    #header .logoArea {
      flex-basis: calc(139 / 1280 * 100%);
      flex-shrink: 0;
      min-width: 130px;
      padding: 0; }
    #header .buttonArea {
      position: static;
      width: 369px; }
      #header .buttonArea .button {
        font-size: 2.6rem;
        line-height: 1;
        padding: 0.4em 0 0.45em 0;
        border-radius: 2em; } }
#bottomnav .buttonArea {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000; }
  #bottomnav .buttonArea .button {
    font-size: 2.2rem;
    line-height: 1;
    letter-spacing: 0.04em;
    padding: 0.6em 0.5em 0.65em 0.5em;
    border-radius: 0; }
    #bottomnav .buttonArea .button .icon {
      padding: 0 0 0 0.4em; }

#footer .content {
  color: #FFFFFF;
  background-color: #333333;
  padding: calc(40 / 360 * 100%) 0 calc(85 / 360 * 100%) 0; }
#footer .link {
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  padding: 0 0 calc(40 / 360 * 100%) 0; }
  #footer .link a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px; }
#footer .copyright {
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center; }

@media screen and (min-width: 769px) {
  #footer .content {
    position: relative;
    padding: calc(21 / 1366 * 100%) 0 calc(22 / 1366 * 100%) 0; }
  #footer .link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(5rem + 30px);
    font-size: 1.6rem;
    line-height: 1;
    padding: 0; }
  #footer .copyright {
    font-size: 1.6rem;
    line-height: 1; } }
#toTop {
  position: fixed;
  bottom: 6rem;
  right: 1rem;
  z-index: 800; }
  #toTop .link {
    display: block;
    width: 3.2rem; }
    #toTop .link img {
      transform: rotate(-90deg); }

@media screen and (min-width: 769px) {
  #toTop {
    bottom: 20px;
    right: 20px; }
    #toTop .link {
      width: 5rem; } }
/* buttonType01 */
.buttonType01 {
  display: block;
  position: relative;
  color: #FFFFFF;
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-align: center;
  background-color: #D41926;
  margin: auto;
  padding: 0.85em 0.8em 0.95em 0.8em;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.24);
  box-sizing: border-box;
  border-radius: 2em; }
  .buttonType01 .icon {
    display: block;
    position: relative; }
  .buttonType01.next .icon:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 0.3em;
    height: 0.3em;
    margin: auto;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    transform: rotate(45deg); }
  .buttonType01:hover {
    color: #FFFFFF;
    text-decoration: none; }

@media screen and (min-width: 769px) {
  .buttonType01 {
    font-size: 3.8rem;
    line-height: 1;
    letter-spacing: 0.04em;
    padding: 0.6em 0 0.71em 0; }
    .buttonType01.next .icon {
      margin: 0 1em 0 0;
      padding: 0 0 0 1em; }
      .buttonType01.next .icon:after {
        top: 0.2em; }
    .buttonType01:hover {
      color: #FFFFFF;
      text-decoration: none; } }