/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/**
 * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
 * http://cssreset.com
 * Copyright 2012 Yahoo! Inc. All rights reserved.
 * http://yuilibrary.com/license/
 */
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF.
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,
q:after {
  content: "";
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

/* to preserve line-height and selector appearance */
sup {
  vertical-align: super;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/*to enable resizing for IE*/
input,
textarea,
select {
  *font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
  color: #000;
}

/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset {
  display: none;
}

div#contents {
  width: 100% !important;
}

body {
  -webkit-text-size-adjust: 100%;
}

img {
  width: 100%;
  display: inline-block;
  vertical-align: bottom;
}

a {
  cursor: pointer;
}

* {
  box-sizing: border-box;
}

@media only screen and (min-width: 768.5px) {
  .spshow {
    display: none !important;
  }
}
@media only screen and (max-width: 768.5px) {
  .pcshow {
    display: none !important;
  }
  img {
    width: 100%;
  }
}
@media screen and (max-width: 374px) {
  .sp-374-hide {
    display: none !important;
  }
}
@media only screen and (max-height: 567px) and (max-width: 812px) {
  .lshide {
    display: none !important;
  }
}
@media only screen and (min-width: 768.5px) {
  .img-rend {
    image-rendering: -webkit-optimize-contrast;
  }
}
.wrapper * {
  font-family: "HondaGlobalFontJP-Light", sans-serif;
  font-weight: normal;
  line-height: 170%;
  font-feature-settings: "palt";
}

/* support iOS */
@supports (-webkit-touch-callout: none) {
  html {
    height: -webkit-fill-available;
  }
  body {
    min-height: 100vh;
    height: -webkit-fill-available;
  }
}
.u-mt-0 {
  margin-top: 0px !important;
}
.u-mr-0 {
  margin-right: 0px !important;
}
.u-mb-0 {
  margin-bottom: 0px !important;
}
.u-ml-0 {
  margin-left: 0px !important;
}
.u-pt-0 {
  padding-top: 0px !important;
}
.u-pr-0 {
  padding-right: 0px !important;
}
.u-pb-0 {
  padding-bottom: 0px !important;
}
.u-pl-0 {
  padding-left: 0px !important;
}

.u-mt-5 {
  margin-top: 10px !important;
}
.u-mr-5 {
  margin-right: 10px !important;
}
.u-mb-5 {
  margin-bottom: 10px !important;
}
.u-ml-5 {
  margin-left: 10px !important;
}
.u-pt-5 {
  padding-top: 10px !important;
}
.u-pr-5 {
  padding-right: 10px !important;
}
.u-pb-5 {
  padding-bottom: 10px !important;
}
.u-pl-5 {
  padding-left: 10px !important;
}

.u-mt-10 {
  margin-top: 20px !important;
}
.u-mr-10 {
  margin-right: 20px !important;
}
.u-mb-10 {
  margin-bottom: 20px !important;
}
.u-ml-10 {
  margin-left: 20px !important;
}
.u-pt-10 {
  padding-top: 20px !important;
}
.u-pr-10 {
  padding-right: 20px !important;
}
.u-pb-10 {
  padding-bottom: 20px !important;
}
.u-pl-10 {
  padding-left: 20px !important;
}

.u-mt-15 {
  margin-top: 30px !important;
}
.u-mr-15 {
  margin-right: 30px !important;
}
.u-mb-15 {
  margin-bottom: 30px !important;
}
.u-ml-15 {
  margin-left: 30px !important;
}
.u-pt-15 {
  padding-top: 30px !important;
}
.u-pr-15 {
  padding-right: 30px !important;
}
.u-pb-15 {
  padding-bottom: 30px !important;
}
.u-pl-15 {
  padding-left: 30px !important;
}

.u-mt-20 {
  margin-top: 40px !important;
}
.u-mr-20 {
  margin-right: 40px !important;
}
.u-mb-20 {
  margin-bottom: 40px !important;
}
.u-ml-20 {
  margin-left: 40px !important;
}
.u-pt-20 {
  padding-top: 40px !important;
}
.u-pr-20 {
  padding-right: 40px !important;
}
.u-pb-20 {
  padding-bottom: 40px !important;
}
.u-pl-20 {
  padding-left: 40px !important;
}

.u-mt-25 {
  margin-top: 50px !important;
}
.u-mr-25 {
  margin-right: 50px !important;
}
.u-mb-25 {
  margin-bottom: 50px !important;
}
.u-ml-25 {
  margin-left: 50px !important;
}
.u-pt-25 {
  padding-top: 50px !important;
}
.u-pr-25 {
  padding-right: 50px !important;
}
.u-pb-25 {
  padding-bottom: 50px !important;
}
.u-pl-25 {
  padding-left: 50px !important;
}

.u-mt-30 {
  margin-top: 60px !important;
}
.u-mr-30 {
  margin-right: 60px !important;
}
.u-mb-30 {
  margin-bottom: 60px !important;
}
.u-ml-30 {
  margin-left: 60px !important;
}
.u-pt-30 {
  padding-top: 60px !important;
}
.u-pr-30 {
  padding-right: 60px !important;
}
.u-pb-30 {
  padding-bottom: 60px !important;
}
.u-pl-30 {
  padding-left: 60px !important;
}

.u-mt-35 {
  margin-top: 70px !important;
}
.u-mr-35 {
  margin-right: 70px !important;
}
.u-mb-35 {
  margin-bottom: 70px !important;
}
.u-ml-35 {
  margin-left: 70px !important;
}
.u-pt-35 {
  padding-top: 70px !important;
}
.u-pr-35 {
  padding-right: 70px !important;
}
.u-pb-35 {
  padding-bottom: 70px !important;
}
.u-pl-35 {
  padding-left: 70px !important;
}

.u-mt-40 {
  margin-top: 80px !important;
}
.u-mr-40 {
  margin-right: 80px !important;
}
.u-mb-40 {
  margin-bottom: 80px !important;
}
.u-ml-40 {
  margin-left: 80px !important;
}
.u-pt-40 {
  padding-top: 80px !important;
}
.u-pr-40 {
  padding-right: 80px !important;
}
.u-pb-40 {
  padding-bottom: 80px !important;
}
.u-pl-40 {
  padding-left: 80px !important;
}

.u-mt-45 {
  margin-top: 90px !important;
}
.u-mr-45 {
  margin-right: 90px !important;
}
.u-mb-45 {
  margin-bottom: 90px !important;
}
.u-ml-45 {
  margin-left: 90px !important;
}
.u-pt-45 {
  padding-top: 90px !important;
}
.u-pr-45 {
  padding-right: 90px !important;
}
.u-pb-45 {
  padding-bottom: 90px !important;
}
.u-pl-45 {
  padding-left: 90px !important;
}

.u-mt-50 {
  margin-top: 100px !important;
}
.u-mr-50 {
  margin-right: 100px !important;
}
.u-mb-50 {
  margin-bottom: 100px !important;
}
.u-ml-50 {
  margin-left: 100px !important;
}
.u-pt-50 {
  padding-top: 100px !important;
}
.u-pr-50 {
  padding-right: 100px !important;
}
.u-pb-50 {
  padding-bottom: 100px !important;
}
.u-pl-50 {
  padding-left: 100px !important;
}

html.modal-open {
  overflow: hidden;
}

.sec-head {
  background-image: url(../images/check.jpg);
  background-repeat: repeat;
  background-size: 10px auto;
  width: 100%;
  height: 35px;
  border-radius: 10px 10px 0 0;
}
@media only screen and (min-width: 768.5px) {
  .sec-head {
    max-width: 1100px;
  }
}
@media only screen and (max-width: 768.5px) {
  .sec-head {
    max-width: 335px;
  }
}

.sec-title-area {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.sec-title-area h2 {
  font-size: 38px;
  color: #CA273B;
  line-height: 1.2;
  font-family: "A1 Gothic B", "Hiragino Kaku Gothic W6 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic Medium", Meiryo, sans-serif;
  font-weight: 600 !important;
}
@media only screen and (max-width: 768.5px) {
  .sec-title-area h2 {
    font-size: 30px;
  }
}
.sec-title-area h5 {
  font-size: 20px;
  line-height: 1.2;
  color: #703222;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 768.5px) {
  .sec-title-area h5 {
    font-size: 15px;
    line-height: 1.5;
  }
}
.sec-title-area p {
  font-size: 16px;
  line-height: 1.5;
  color: #703222;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 768.5px) {
  .sec-title-area p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768.5px) {
  .sec-title-area p.p-16 {
    font-size: 16px;
  }
}
.sec-title-area__icon {
  max-width: 60px;
}
@media only screen and (max-width: 768.5px) {
  .sec-title-area__icon {
    max-width: 36px;
  }
}

@media only screen and (max-width: 768.5px) {
  .bg-area {
    overflow: hidden;
    max-width: 335px;
    border-radius: 0 0 10px 10px;
  }
}

.bg-yellow {
  background-color: #FFF7B4;
}
@media only screen and (max-width: 768.5px) {
  .bg-yellow {
    padding: 50px 20px;
    background: #FFF7B4;
    border-radius: 50%/115px;
    width: 120%;
    margin-left: -10%;
  }
}
.bg-yellow.br-top-only {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.info {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 1100px;
  padding: 40px 60px 80px;
}
@media only screen and (max-width: 768.5px) {
  .info {
    padding: 90px calc(20px + 10%) 60px;
    background: #FFF7B4;
    border-radius: 50%/115px;
    width: 120%;
    margin-left: -10%;
  }
}
.info::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDM2IDQ1IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNjY0OF82MDc5MSkiPgogICAgPHBhdGggZD0iTTM0LjQxNjkgMTAuMzE0OUgxLjU4MzA3VjQzLjM2NjZIMzQuNDE2OVYxMC4zMTQ5WiIgZmlsbD0iI0ZBRjhFNCIgc3Ryb2tlPSIjNzAzMjIyIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogICAgPHBhdGggZD0iTTM0LjQxNjkgMjMuMjk5NUgyMS41MTc5VjEwLjMxNDlIMTQuNDgyMVYyMy4yOTk1SDEuNTgzMDdWMzAuMzgySDE0LjQ4MjFWNDMuMzY2NkgyMS41MTc5VjMwLjM4MkgzNC40MTY5VjIzLjI5OTVaIiBmaWxsPSIjQ0EyNzNCIiBzdHJva2U9IiM3MDMyMjIiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgICA8cGF0aCBkPSJNMTggOC4yOTAyN0wyOC41NDc5IDIuMTYzOTFDMjkuMjYzMiAxLjc1MDc3IDMwLjE4MzcgMi4xMzQ0IDMwLjM3MTMgMi45NDI5OUMzMS4xOTggNi41MDc4NCAzMS4xOTggMTAuMDc4NiAzMC4zNzEzIDEzLjY0MzVDMzAuMTgzNyAxNC40NTIgMjkuMjYzMiAxNC44NDE2IDI4LjU0NzkgMTQuNDIyNUwxOCA4LjI5MDI3WiIgZmlsbD0iI0NBMjczQiIgc3Ryb2tlPSIjNzAzMjIyIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogICAgPHBhdGggZD0iTTE4IDcuOTk1MThMMjUuOTUwNSA3LjEwOTg2QzI3LjY3NDIgNi45OTE4MiAyNy42NzQyIDkuNTg4NzQgMjUuOTUwNSA5LjQ3MDdMMTggOC41ODUzOEMxNy42NTk5IDguNTU1ODcgMTcuNjU5OSA4LjAyNDY5IDE4IDcuOTk1MThaIiBmaWxsPSIjNzAzMjIyIi8+CiAgICA8cGF0aCBkPSJNMTggOC4yOTAzOUw3LjQ1MjA5IDE0LjQyMjdDNi43MzY3OCAxNC44MzU4IDUuODE2MjYgMTQuNDUyMiA1LjYyODY0IDEzLjY0MzZDNC44MDE5MyAxMC4wNzg3IDQuODAxOTMgNi41MDc5NyA1LjYyODY0IDIuOTQzMTFDNS44MTYyNiAyLjEzNDUzIDYuNzM2NzggMS43NDQ5OSA3LjQ1MjA5IDIuMTY0MDRMMTggOC4yOTYzVjguMjkwMzlaIiBmaWxsPSIjQ0EyNzNCIiBzdHJva2U9IiM3MDMyMjIiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgICA8cGF0aCBkPSJNMTggOC41ODUzOEwxMC4wNDk1IDkuNDcwN0M4LjMyNTcxIDkuNTg4NzQgOC4zMjU3MSA2Ljk5MTgyIDEwLjA0OTUgNy4xMDk4NkwxOCA3Ljk5NTE4QzE4LjM0IDguMDI0NjkgMTguMzQgOC41NTU4NyAxOCA4LjU4NTM4WiIgZmlsbD0iIzcwMzIyMiIvPgogICAgPHBhdGggZD0iTTE4IDEyLjA2MTlDMjAuMDY5MiAxMi4wNjE5IDIxLjc0NjYgMTAuMzczNCAyMS43NDY2IDguMjkwNDdDMjEuNzQ2NiA2LjIwNzU3IDIwLjA2OTIgNC41MTkwNCAxOCA0LjUxOTA0QzE1LjkzMDggNC41MTkwNCAxNC4yNTM0IDYuMjA3NTcgMTQuMjUzNCA4LjI5MDQ3QzE0LjI1MzQgMTAuMzczNCAxNS45MzA4IDEyLjA2MTkgMTggMTIuMDYxOVoiIGZpbGw9IiNDQTI3M0IiIHN0cm9rZT0iIzcwMzIyMiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzY2NDhfNjA3OTEiPgogICAgICA8cmVjdCB3aWR0aD0iMzYiIGhlaWdodD0iNDQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuOTU5OTYxKSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: contain;
  width: 36px;
  height: 44px;
}
@media only screen and (max-width: 768.5px) {
  .info::before {
    width: 28px;
    height: 34.5px;
  }
}
.info h3 {
  font-size: 30px;
  line-height: 2;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
  color: #703222;
  -webkit-text-decoration: #FFD400 wavy underline;
          text-decoration: #FFD400 wavy underline;
  text-underline-offset: 15px;
}
@media only screen and (max-width: 768.5px) {
  .info h3 {
    font-size: 24px;
    text-underline-offset: 10px;
  }
}
.info__inner {
  display: flex;
  gap: 20px;
  flex: 2;
}
@media only screen and (max-width: 768.5px) {
  .info__inner {
    flex-direction: column;
    align-items: center;
  }
}
.info__gift01 {
  background-color: #fff;
}
@media only screen and (min-width: 768.5px) {
  .info__gift01 {
    max-width: 624px;
    width: 63.6734693878%;
    padding: 40px 40px 20px;
  }
}
@media only screen and (max-width: 768.5px) {
  .info__gift01 {
    padding: 10px 20px 35px;
  }
}
.info__gift02 {
  position: relative;
  background-color: #fff;
}
@media only screen and (min-width: 768.5px) {
  .info__gift02 {
    width: 34.8979591837%;
    max-width: 342px;
    padding: 40px 40px 20px;
  }
}
@media only screen and (max-width: 768.5px) {
  .info__gift02 {
    padding: 35px 20px 25px;
  }
}
.info__list {
  display: flex;
  gap: 14px;
  margin-top: 50px;
}
@media only screen and (max-width: 768.5px) {
  .info__list {
    flex-direction: column;
    align-items: center;
    margin-top: 25px;
    gap: 10px;
  }
}
.info .plus::after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZmlsbD0ibm9uZSI+CiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNTAiIGZpbGw9IiNDQTI3M0IiLz4KICA8cGF0aCBkPSJNMjkuOTk1OCA0OS45OTcxSDY5Ljk5NTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPHBhdGggZD0iTTQ5Ljk5NTggMjkuOTk3MUw0OS45OTU4IDY5Ljk5NzEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 99;
  width: 60px;
  height: 60px;
  top: 32%;
  left: -37px;
}
@media only screen and (max-width: 768.5px) {
  .info .plus::after {
    width: 50px;
    height: 50px;
    top: -30px;
    left: 40%;
  }
}
.info__item {
  flex: 1;
}
.info__item h4 {
  font-size: 24px;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
  line-height: 1.3;
  color: #703222;
}
@media only screen and (max-width: 768.5px) {
  .info__item h4 {
    font-size: 21px;
  }
}
.info__item .gift-text {
  margin-top: 10px;
}
@media only screen and (max-width: 768.5px) {
  .info__item .gift-text {
    margin-top: 10px;
  }
}
.info__item .gift-text p {
  max-width: 262px;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 6px;
  text-align: start;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 768.5px) {
  .info__item .gift-text p {
    font-size: 14px;
  }
}
.info__item .gift-img {
  max-width: 262px;
}
@media only screen and (max-width: 768.5px) {
  .info__item .gift-img {
    margin-top: 10px;
  }
}

.button-area {
  z-index: 1;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  width: 100%;
}
.button-area .button {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #CA273B;
  box-shadow: 0 6px 0 0 #fff;
  border-radius: 15px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
@media only screen and (min-width: 768.5px) {
  .button-area .button {
    border: 5px solid #fff;
    min-width: 200px;
  }
}
@media only screen and (max-width: 768.5px) {
  .button-area .button {
    border: 2.5px solid #fff;
  }
}
.button-area .button a {
  width: 100%;
  transition: all 0.4s ease-in-out;
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
  text-decoration: none;
  padding: 20px 14px 20px 14px;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 768.5px) {
  .button-area .button a {
    padding: 13px 6px 13px 6px;
    font-size: 14px;
  }
}
.button-area .button a span {
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
}
.button-area .button:hover {
  background: #E26B79;
}
.button-area .button:hover a {
  color: #FFF;
}
.button-area .under-arrow a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 14px 10px 14px;
  gap: 7px;
}
@media only screen and (max-width: 768.5px) {
  .button-area .under-arrow a {
    padding: 18px 6px 8px 6px;
  }
}
@media screen and (max-width: 374px) {
  .button-area .under-arrow a {
    padding: 18px 6px 13px 6px;
    font-size: 12px;
    font-family: "HondaGlobalFontJp-Bold", sans-serif;
    font-weight: normal;
  }
}
.button-area .under-arrow a::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDIwIDEyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTggMi41TDkuOTk5ODggOS41TDIgMi41IiBzdHJva2U9IiNGRkQ0MDAiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: cover;
  width: 20px;
  height: 12px;
}
@media only screen and (max-width: 768.5px) {
  .button-area .under-arrow a::after {
    width: 10px;
    height: 6px;
  }
}
.button-area .yellow {
  border: 2px solid var(--ffd-400, #FFD400);
  box-shadow: 0 5px 0 0 #FFD919;
}
.button-area .right-arrow {
  border-radius: 40px;
}
.button-area .right-arrow a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 26px 20px 26px;
  gap: 10px;
}
.button-area .right-arrow a::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNjY0OF82MTQzNCkiPgogICAgPHBhdGggZD0iTTEzIDI2QzIwLjE3OTcgMjYgMjYgMjAuMTc5NyAyNiAxM0MyNiA1LjgyMDMgMjAuMTc5NyAwIDEzIDBDNS44MjAzIDAgMCA1LjgyMDMgMCAxM0MwIDIwLjE3OTcgNS44MjAzIDI2IDEzIDI2WiIgZmlsbD0id2hpdGUiLz4KICAgIDxwYXRoIGQ9Ik0xNCA4TDE4IDEzTDE0IDE4IiBzdHJva2U9IiNDQTI3M0IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgICA8cGF0aCBkPSJNMTggMTNIOCIgc3Ryb2tlPSIjQ0EyNzNCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDwvZz4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfNjY0OF82MTQzNCI+CiAgICAgIDxyZWN0IHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgZmlsbD0id2hpdGUiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgo8L3N2Zz4=");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: contain;
  min-width: 26px;
  height: 26px;
  transition: all 0.4s ease-in-out;
}
@media only screen and (max-width: 768.5px) {
  .button-area .right-arrow a::after {
    width: 20px;
    height: 20px;
  }
}
.button-area .right-arrow a span {
  width: 100%;
}
.button-area .right-arrow a:hover::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNjY0OF82MTQ0MSkiPgogICAgPHBhdGggZD0iTTEzIDI2QzIwLjE3OTcgMjYgMjYgMjAuMTc5NyAyNiAxM0MyNiA1LjgyMDMgMjAuMTc5NyAwIDEzIDBDNS44MjAzIDAgMCA1LjgyMDMgMCAxM0MwIDIwLjE3OTcgNS44MjAzIDI2IDEzIDI2WiIgZmlsbD0id2hpdGUiLz4KICAgIDxwYXRoIGQ9Ik0xNCA4TDE4IDEzTDE0IDE4IiBzdHJva2U9IiNFMjZCNzkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgICA8cGF0aCBkPSJNMTggMTNIOCIgc3Ryb2tlPSIjRTI2Qjc5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDwvZz4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfNjY0OF82MTQ0MSI+CiAgICAgIDxyZWN0IHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgZmlsbD0id2hpdGUiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgo8L3N2Zz4=");
  min-width: 26px;
  height: 26px;
  transition: all 0.4s ease-in-out;
}
@media only screen and (max-width: 768.5px) {
  .button-area .right-arrow a:hover::after {
    width: 20px;
    height: 20px;
  }
}
.button-area .right-arrow span {
  width: 100%;
  font-size: 20px;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 1024px) {
  .button-area .right-arrow span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768.5px) {
  .button-area .right-arrow span {
    font-size: 19px;
  }
}
.button-area .button-num {
  position: absolute;
  width: 38px;
  height: 38px;
  z-index: 1;
  top: -15%;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 768.5px) {
  .button-area .button-num {
    width: 25px;
    height: 25px;
  }
}

.ribbon {
  display: inline-block;
  max-width: 500px;
  height: 40px;
  vertical-align: baseline;
  position: relative;
  background-image: linear-gradient(125deg, rgb(222, 73, 91) 12%, rgb(202, 39, 59) 12% 88%, rgb(222, 73, 91) 88%);
  font-size: 22px;
  line-height: 1.3;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
  color: #fff;
  padding: 6px 60px;
  margin-top: 50px;
}
.ribbon span {
  color: #FFD400;
  line-height: 1.3;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
}
.ribbon::before, .ribbon::after {
  position: absolute;
  top: 0;
  width: 0px;
  height: 0px;
  border-color: #DE495B transparent;
  border-style: solid;
  content: "";
}
.ribbon::before {
  left: -14.4px;
  border-width: 20px 0px 20px 15px;
}
.ribbon::after {
  right: -14.4px;
  border-width: 20px 15px 20px 0px;
}
@media only screen and (max-width: 768.5px) {
  .ribbon {
    background-image: linear-gradient(120deg, rgb(222, 73, 91) 28%, rgb(202, 39, 59) 28% 72%, rgb(222, 73, 91) 72%);
    color: #ffffff;
    height: 66px;
    font-size: 20px;
    max-width: 260px;
    width: 100%;
    margin: 0;
    margin-top: 40px;
    padding: 7px 18px;
  }
  .ribbon::before, .ribbon::after {
    border-color: #DE495B transparent;
  }
  .ribbon::before {
    border-width: 33px 0px 33px 15px;
  }
  .ribbon::after {
    border-width: 33px 15px 33px 0px;
  }
}
.ribbon--yellow {
  height: 36px;
  background-image: none;
  background-color: #CB8F43;
  color: #ffffff;
  font-size: 18px;
  margin: 0;
}
@media only screen and (max-width: 768.5px) {
  .ribbon--yellow {
    width: 100%;
    height: 32px;
    max-width: 209px;
    font-size: 19px;
    line-height: 1;
    padding: 6px 0;
  }
}
.ribbon--yellow::before, .ribbon--yellow::after {
  border-color: #CB8F43 transparent;
}
.ribbon--yellow::before {
  left: -14.2px;
  border-width: 18px 0px 18px 15px;
}
@media only screen and (max-width: 768.5px) {
  .ribbon--yellow::before {
    border-width: 16px 0px 16px 15px;
  }
}
.ribbon--yellow::after {
  right: -14.2px;
  border-width: 18px 15px 18px 0px;
}
@media only screen and (max-width: 768.5px) {
  .ribbon--yellow::after {
    border-width: 16px 15px 16px 0px;
  }
}

.wrapper {
  width: 100%;
  background-image: url(../images/bg_img.jpg);
  background-repeat: repeat;
}

.autumn {
  width: 100%;
}
.autumn .Top-container {
  position: relative;
  background-image: linear-gradient(180deg, rgb(244, 240, 215) 0%, rgb(244, 240, 215) 85%, transparent 85%), url(../images/bg_img.jpg);
  padding: 32px;
}
@media only screen and (max-width: 1024px) {
  .autumn .Top-container {
    overflow: hidden;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn .Top-container {
    background-image: linear-gradient(180deg, rgb(244, 240, 215) 0%, rgb(244, 240, 215) 87%, transparent 87%), url(../images/bg_img.jpg);
    padding: 44px 75px 13px;
  }
}
.autumn .Top-container::before {
  position: absolute;
  content: "";
  background-image: url("../images/curtain_l.png");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: contain;
  width: 185px;
  height: 620px;
  z-index: 1;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 1024px) {
  .autumn .Top-container::before {
    top: -40px;
    left: -100px;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn .Top-container::before {
    background-image: url("../images/curtain_l_sp.png");
    width: 71px;
    height: 371px;
    top: 0;
    left: 0;
  }
}
.autumn .Top-container::after {
  position: absolute;
  content: "";
  background-image: url("../images/curtain_r.png");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: contain;
  width: 185px;
  height: 620px;
  z-index: 1;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 1024px) {
  .autumn .Top-container::after {
    top: -45px;
    right: -100px;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn .Top-container::after {
    background-image: url("../images/curtain_r_sp.png");
    width: 71px;
    height: 371px;
    top: 0;
    right: 0;
  }
}
.autumn .Top-container .head {
  position: absolute;
  content: "";
  background-image: url("../images/curtain_top.png");
  background-repeat: repeat;
  display: inline-block;
  background-size: contain;
  width: 100%;
  height: 50px;
  top: 0;
  left: 0;
  z-index: 99;
}
@media only screen and (max-width: 768.5px) {
  .autumn .Top-container .head {
    height: 25px;
  }
}
.autumn .Top {
  display: flex;
  justify-content: center;
}
.autumn .Top__inner {
  display: flex;
  align-items: end;
  justify-content: center;
  z-index: 9;
}
@media only screen and (min-width: 768.5px) {
  .autumn .Top__inner {
    max-width: 888px;
    padding-top: 59px;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn .Top__inner {
    flex-direction: column;
    align-items: center;
    max-width: 335px;
  }
}
.autumn .Top__img-area {
  position: relative;
}
@media only screen and (min-width: 768.5px) {
  .autumn .Top__img-area {
    width: 100%;
    max-width: 276px;
    margin-right: 60px;
    margin-left: 50px;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn .Top__img-area {
    width: 248px;
    margin-right: 35px;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn .Top__img-area .hold {
    position: absolute;
    width: 102px;
    height: 102px;
    top: -10%;
    left: 86%;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn .Top__text-area {
    text-align: center;
  }
}
.autumn .Top__text-area h5 {
  margin-top: 25px;
}
@media only screen and (min-width: 768.5px) {
  .autumn .Top__text {
    max-width: 438px;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn .Top__text {
    text-align: center;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn .Top__text h1.h1-top-title {
    width: 209px;
    display: inline-block;
  }
}
.autumn .Top__text h5 {
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
  color: #703222;
}
@media only screen and (min-width: 768.5px) {
  .autumn .Top__text h5 {
    font-size: 19px;
    line-height: 1.3;
    font-family: "HondaGlobalFontJp-Bold", sans-serif;
    font-weight: normal;
    margin-top: 27px;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn .Top__text h5 {
    margin-top: 10px;
    line-height: 1.2;
  }
}
.autumn .Top__text--fz14 {
  color: #703222;
}
@media only screen and (min-width: 768.5px) {
  .autumn .Top__text--fz14 {
    font-size: 14px;
    line-height: 1.5;
    font-family: "HondaGlobalFontJp-Bold", sans-serif;
    font-weight: normal;
    margin-top: 8px;
  }
}
.autumn .Top__label {
  display: flex;
  align-items: center;
  text-align: start;
  background-color: #fff;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1.4;
  gap: 20px;
  padding: 12px 8px;
}
@media only screen and (max-width: 768.5px) {
  .autumn .Top__label {
    padding: 17px 10px;
  }
}
.autumn .Top__label-icon {
  width: 110px;
  flex-shrink: 0;
  margin-left: 19px;
}
@media only screen and (max-width: 768.5px) {
  .autumn .Top__label-icon {
    width: 97px;
    margin-left: 11px;
  }
}
.autumn__Anker-container {
  padding: 0 17.5px;
}
.autumn__Anker-container .Anker {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.autumn__Anker-container .Anker__inner {
  max-width: 736px;
  width: 100%;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Anker-container .Anker__inner {
    max-width: 340px;
    gap: 8px;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn__Anker-container .Anker .sec-title-area {
    gap: 25px;
  }
}
.autumn__Anker-container .Anker__list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-top: 22px;
  width: 100%;
  max-width: 736px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Anker-container .Anker__list {
    max-width: 340px;
    gap: 8px;
  }
}
.autumn__Main-container {
  display: flex;
  flex-direction: column;
  padding: 42px 20px;
  gap: 80px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container {
    padding: 0 20px 60px;
    gap: 30px;
  }
}
.autumn__Main-container .About {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.autumn__Main-container .About__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 45px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .About__inner {
    max-width: 340px;
    gap: 34px;
  }
}
.autumn__Main-container .About__inner img {
  max-width: 996px;
}
.autumn__Main-container .Video {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.autumn__Main-container .Video__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #fff;
  width: 100%;
  max-width: 1100px;
  padding: 0 116px 80px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Video__inner {
    max-width: 335px;
    border-radius: 0 0 10px 10px;
    padding: 0 20px 60px;
    gap: 15px;
  }
}
.autumn__Main-container .Video__img {
  max-width: 618px;
}
.autumn__Main-container .Video__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Video__list {
    width: 100%;
    gap: 50px;
  }
}
.autumn__Main-container .Video__item {
  width: 100%;
}
.autumn__Main-container .Video__title-area {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768.5px) {
  .autumn__Main-container .Video__title-area {
    text-align: start;
    gap: 14px;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Video__title-area {
    flex-direction: column;
  }
}
.autumn__Main-container .Video__title-area h3 {
  font-size: 30px;
  color: #703222;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
  line-height: 1.3;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Video__title-area h3 {
    font-size: 23px;
    margin-top: 5px;
  }
}
.autumn__Main-container .Video__title-area p {
  font-size: 16px;
  line-height: 1.5;
  color: #35363B;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Video__title-area p {
    font-size: 14px;
  }
}
.autumn__Main-container .Video__title-num {
  width: 90px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Video__title-num {
    width: 68px;
  }
}
.autumn__Main-container .Video__iframe {
  margin-top: 10px;
}
.autumn__Main-container .Video__iframe iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
.autumn__Main-container .Prezent {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.autumn__Main-container .Prezent__inner {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 1100px;
}
@media only screen and (min-width: 768.5px) {
  .autumn__Main-container .Prezent__inner {
    gap: 40px;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Prezent__inner {
    max-width: 335px;
    border-radius: 0 0 10px 10px;
    gap: 45px;
  }
}
.autumn__Main-container .Prezent .sec-title-area {
  padding: 0 20px;
}
.autumn__Main-container .Prezent__quiz-img {
  position: relative;
}
@media only screen and (min-width: 768.5px) {
  .autumn__Main-container .Prezent__quiz-img {
    padding: 0 97px 60px;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Prezent__quiz-img {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Prezent__quiz-img--nyan {
    position: absolute;
    width: 38%;
    bottom: -20%;
    left: 5%;
    z-index: 9;
  }
}
.autumn__Main-container .Prezent__all {
  position: relative;
  border: 1px solid #CB8F43;
  border-radius: 10px;
  margin-top: 50px;
  padding: 30px 40px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Prezent__all {
    padding: 35px 19px 25px;
  }
}
.autumn__Main-container .Prezent__all h4 {
  font-size: 24px;
  line-height: 1.3;
  color: #703222;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Prezent__all h4 {
    text-align: center;
  }
}
.autumn__Main-container .Prezent .info {
  position: relative;
}
@media only screen and (min-width: 768.5px) {
  .autumn__Main-container .Prezent .info::before {
    top: -2%;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Prezent .info::before {
    top: 3%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.autumn__Main-container .Prezent .info .gift01 {
  position: relative;
}
.autumn__Main-container .Prezent .info .gift01 .win {
  position: absolute;
  width: 35%;
  top: -10%;
  left: 72%;
  z-index: 9;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Prezent .info .gift01 .win {
    top: -9%;
    left: -14%;
  }
}
.autumn__Main-container .Prezent .info .gift02 {
  position: relative;
}
.autumn__Main-container .Prezent .info .gift02 .win {
  position: absolute;
  width: 35%;
  top: -10%;
  left: 72%;
  z-index: 9;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Prezent .info .gift02 .win {
    top: -5%;
    left: -14%;
  }
}
.autumn__Main-container .Prezent .info .gift03 {
  position: relative;
}
.autumn__Main-container .Prezent .info .gift03 .chance {
  position: absolute;
  width: 70%;
  height: 20px;
  top: -16px;
  left: 0;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Prezent .info .gift03 .chance {
    position: static;
    display: inline-block;
    max-width: 193px;
  }
}
.autumn__Main-container .Prezent .info .gift03 .win {
  position: absolute;
  width: 35%;
  top: -10%;
  left: 72%;
  z-index: 9;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Prezent .info .gift03 .win {
    top: 1%;
    left: -14%;
  }
}
.autumn__Main-container .Prezent .info p.p-desc {
  font-size: 12px;
  line-height: 1.3;
  color: #35363B;
  margin-top: 20px;
  font-family: "HondaGlobalFontJP-Light", sans-serif;
  font-weight: normal;
}
.autumn__Main-container .Prezent .info p.start {
  text-align: start;
}
.autumn__Main-container .Prezent__all::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-image: url(../images/prezent_nyan.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: clamp(6.25rem, -12.275rem + 38.54vw, 15.188rem);
  aspect-ratio: 243/241;
  top: 135px;
  left: clamp(31.563rem, 19.311rem + 25.49vw, 35.625rem);
}
@media screen and (max-width: 1140px) {
  .autumn__Main-container .Prezent__all::after {
    left: clamp(35rem, 32.409rem + 5.39vw, 36.25rem);
    top: calc(200px - 3vw);
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Prezent__all::after {
    display: none;
  }
}
.autumn__Main-container .Prezent__all-title {
  width: 100%;
  position: absolute;
  top: -7%;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Prezent__all-title {
    top: -3.5%;
  }
}
.autumn__Main-container .Prezent__all-text {
  display: flex;
  align-items: center;
  text-align: start;
  gap: 24px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Prezent__all-text {
    flex-direction: column;
  }
}
.autumn__Main-container .Prezent__all-text .text {
  color: #35363B;
  font-size: 16px;
  margin-top: 10px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Prezent__all-text .text {
    text-align: center;
  }
}
.autumn__Main-container .Prezent__all-img {
  max-width: 240px;
}
.autumn__Main-container .Prezent__entry {
  width: 100%;
  max-width: 457px;
  text-align: center;
  margin-top: 40px;
}
.autumn__Main-container .Prezent__entry a {
  padding: 15px 30px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Prezent__entry a {
    padding: 17.5px 21px;
  }
}
.autumn__Main-container .Prezent__entry span {
  font-size: 30px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Prezent__entry span {
    font-size: 19px;
  }
}
.autumn__Main-container .Prezent__entry .yellow {
  box-shadow: 0 5px 0 0 #FFD919;
}
.autumn__Main-container .Education {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.autumn__Main-container .Education__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  background-color: #fff;
  width: 100%;
  max-width: 1100px;
  padding: 0 60px 60px;
  gap: 60px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education__inner {
    max-width: 335px;
    padding: 0;
    gap: 45px;
    border-radius: 0 0 10px 10px;
  }
}
.autumn__Main-container .Education__inner .nurie_nyan {
  position: absolute;
  width: 39%;
  top: 7.6%;
  left: 58%;
  z-index: 1;
}
.autumn__Main-container .Education__inner--tre {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education__inner--tre {
    gap: 50px;
  }
}
.autumn__Main-container .Education .sec-title-area {
  padding: 0 20px;
}
.autumn__Main-container .Education .info {
  padding: 40px 52px 30px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education .info {
    padding: 90px 60px 80px;
  }
}
@media only screen and (min-width: 768.5px) {
  .autumn__Main-container .Education .info::before {
    top: -4%;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education .info::before {
    top: 5.5%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.autumn__Main-container .Education .info__list {
  gap: 20px;
  width: 100%;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education .info__list {
    gap: 40px;
  }
}
.autumn__Main-container .Education .info__item {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  width: 100%;
  padding: 38px 15px;
  gap: 18px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education .info__item {
    background-color: #FFF7B4;
    padding: 0;
  }
}
.autumn__Main-container .Education .info__item .bubble1 {
  position: absolute;
  width: 160px;
  top: -20px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education .info__item .bubble1 {
    width: 31%;
    top: -10px;
    left: -16px;
  }
}
.autumn__Main-container .Education .info__item .bubble2 {
  width: 160px;
  top: -20px;
  position: absolute;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education .info__item .bubble2 {
    width: 31%;
    top: 5px;
    left: -10px;
  }
}
.autumn__Main-container .Education .info__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  width: 100%;
  height: 100%;
  gap: 18px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education .info__text {
    background-color: #FFF7B4;
    flex-direction: column-reverse;
  }
}
.autumn__Main-container .Education .info__text h4 {
  display: inline-block;
}
.autumn__Main-container .Education .info__img01 {
  max-width: 265px;
  height: 100%;
}
@media only screen and (min-width: 768.5px) {
  .autumn__Main-container .Education .info__img02 {
    max-width: 163px;
    max-height: 230px;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education .info__img02 {
    max-width: 150px;
    max-height: 211px;
  }
}
.autumn__Main-container .Education .info__img02 img {
  height: 100%;
}
.autumn__Main-container .Education .detail {
  display: inline-block;
  max-width: 226px;
  width: 100%;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education .detail {
    max-width: 100%;
  }
}
.autumn__Main-container .Education .detail a {
  padding: 8px 20px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education .detail a {
    padding: 10px 26px 10px 26px;
  }
}
.autumn__Main-container .Education .detail span {
  font-size: 20px;
}
.autumn__Main-container .Education .detail .button {
  box-shadow: 0 5px 0 0 #FFD919;
}
.autumn__Main-container .Education__kyt {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education__kyt {
    padding: 0 20px;
  }
}
.autumn__Main-container .Education__kyt--title {
  font-size: 30px;
  line-height: 1.5;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
  color: #703222;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education__kyt--title {
    font-size: 24px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768.5px) {
  .autumn__Main-container .Education__kyt--img {
    margin-top: 16px;
    max-width: 568px;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education__kyt--img {
    margin-top: 30px;
  }
}
.autumn__Main-container .Education__kyt--list {
  display: flex;
}
@media only screen and (min-width: 768.5px) {
  .autumn__Main-container .Education__kyt--list {
    margin-top: 20px;
    gap: 32px;
  }
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education__kyt--list {
    flex-direction: column;
    gap: 30px;
  }
}
.autumn__Main-container .Education__kyt .kiken {
  display: inline-block;
  max-width: 260px;
  width: 90%;
  translate: 0 -20px;
}
.autumn__Main-container .Education__kyt .kiken a {
  padding: 10px 20px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education__kyt .kiken a span {
    font-size: 19px;
  }
}
@media screen and (max-width: 374px) {
  .autumn__Main-container .Education__kyt .kiken a span {
    font-size: 15px;
  }
}
.autumn__Main-container .Education__kyt .kiken .button {
  min-width: 0;
}
.autumn__Main-container .Education__other--list {
  display: flex;
  margin-top: 20px;
  gap: 32px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education__other--list {
    flex-direction: column;
    padding: 0 20px 60px;
  }
}
.autumn__Main-container .Education__other--list p {
  margin-top: 10px;
  font-size: 16px;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education__other--list p {
    font-size: 16px;
  }
}
.autumn__Main-container .Education__other--title {
  font-size: 30px;
  line-height: 1.5;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
  color: #703222;
}
@media only screen and (max-width: 768.5px) {
  .autumn__Main-container .Education__other--title {
    font-size: 24px;
    line-height: 1.3;
  }
}
.autumn__Main-container .Education__other img {
  max-width: 305px;
}

.thankyou {
  overflow: hidden;
  padding: 0 18px;
}
.thankyou .section-title {
  color: #CA273B;
  text-align: center;
  line-height: 1.6;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
  font-size: 30px;
  margin: 30px auto;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .section-title {
    margin: 30px auto 0;
  }
}
.thankyou .section-img {
  display: flex;
  justify-content: center;
  gap: 28px;
  margin: 50px auto;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .section-img {
    flex-direction: column-reverse;
    gap: 15px;
    margin: 50px auto 60px;
  }
}
.thankyou .section-img .answer {
  max-width: 341px;
}
.thankyou .section-img p {
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
  color: #703222;
  font-size: 20px;
  text-align: left;
  line-height: 1.8;
}
@media only screen and (min-width: 768.5px) {
  .thankyou .section-img p {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 768.5px) {
  .thankyou .section-img p {
    text-align: center;
    font-size: 14px;
  }
}
.thankyou .subtext {
  position: absolute;
  width: 140px;
  transform: rotate(-9deg);
}
@media only screen and (max-width: 768.5px) {
  .thankyou .subtext {
    left: -12%;
  }
}
.thankyou .subtext p {
  color: #FFE458;
  font-size: 15px;
  word-break: keep-all;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
}
.thankyou .subtext img {
  animation: rotationCircle 16s linear infinite;
}
.thankyou .subtext03 {
  top: 35%;
}
@media only screen and (min-width: 768.5px) {
  .thankyou .subtext03 {
    left: -28%;
  }
}
.thankyou .subtext04 {
  top: 30%;
}
@media only screen and (min-width: 768.5px) {
  .thankyou .subtext04 {
    left: -14%;
  }
}
.thankyou .button-area {
  z-index: 1;
  margin: 0 auto;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.thankyou .button-area .button {
  display: flex;
  justify-content: center;
  background-color: #CA273B;
  border: 4px solid #FFD919;
  box-shadow: 0 5px 0 0 #FFD919;
  border-radius: 56px;
  min-width: 235px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.thankyou .button-area .button a {
  transition: all 0.4s ease-in-out;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  padding: 15px 10px 15px 10px;
  font-size: 14px;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .button-area .button a {
    padding: 5px 10px 5px 35px;
  }
}
.thankyou .button-area .button:hover {
  background-color: #E26B79;
}
.thankyou .button-area .button:hover a {
  color: #FFF;
}
.thankyou .button-area .right-arrow span {
  font-size: 20px;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .button-area .right-arrow span {
    font-size: 19px;
  }
}
.thankyou .ribbon {
  width: 479px;
  text-align: center;
}
@media only screen and (min-width: 768.5px) {
  .thankyou .download {
    margin-top: 26px;
  }
}
@media only screen and (max-width: 768.5px) {
  .thankyou .download {
    margin-top: 15px;
  }
}
.thankyou .download span {
  font-size: 12px;
  line-height: 1.5;
}
.thankyou .download a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  padding: 15px 10px 15px 40px !important;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .download a {
    gap: 19.5px;
    padding: 10px 10px 10px 30px !important;
  }
}
.thankyou .download a::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY2MzVfNDAzNDgpIj4KPHBhdGggZD0iTTIzIDQ1LjVDMzUuNDI2NCA0NS41IDQ1LjUgMzUuNDI2NCA0NS41IDIzQzQ1LjUgMTAuNTczNiAzNS40MjY0IDAuNSAyMyAwLjVDMTAuNTczNiAwLjUgMC41IDEwLjU3MzYgMC41IDIzQzAuNSAzNS40MjY0IDEwLjU3MzYgNDUuNSAyMyA0NS41WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI3LjczNjMgMjMuMzQyTDIyLjk5OTcgMjcuMTMxM0wxOC4yNjMxIDIzLjM0MiIgc3Ryb2tlPSIjQ0EyNzNCIiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMyAyNy4xMzEzTDIzIDEzLjg2ODciIHN0cm9rZT0iI0NBMjczQiIgc3Ryb2tlLXdpZHRoPSIyLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTQuMDAwOCAzMi4xMzEzSDMyIiBzdHJva2U9IiNDQTI3M0IiIHN0cm9rZS13aWR0aD0iMi40IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82NjM1XzQwMzQ4Ij4KPHJlY3Qgd2lkdGg9IjQ1IiBoZWlnaHQ9IjQ1IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41IDAuNSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: contain;
  width: 45px;
  height: 45px;
  transition: all 0.4s ease-in-out;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .download a::after {
    width: 31px;
    height: 31px;
  }
}
.thankyou .download a:hover::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNjYzNV80MDM0OCkiPgogICAgPHBhdGggZD0iTTIzIDQ1LjVDMzUuNDI2NCA0NS41IDQ1LjUgMzUuNDI2NCA0NS41IDIzQzQ1LjUgMTAuNTczNiAzNS40MjY0IDAuNSAyMyAwLjVDMTAuNTczNiAwLjUgMC41IDEwLjU3MzYgMC41IDIzQzAuNSAzNS40MjY0IDEwLjU3MzYgNDUuNSAyMyA0NS41WiIgZmlsbD0id2hpdGUiLz4KICAgIDxwYXRoIGQ9Ik0yNy43MzYzIDIzLjM0MkwyMi45OTk3IDI3LjEzMTNMMTguMjYzMSAyMy4zNDIiIHN0cm9rZT0iI0UyNkI3OSIgc3Ryb2tlLXdpZHRoPSIyLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogICAgPHBhdGggZD0iTTIzIDI3LjEzMTNMMjMgMTMuODY4NyIgc3Ryb2tlPSIjRTI2Qjc5IiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgICA8cGF0aCBkPSJNMTQuMDAwOCAzMi4xMzEzSDMyIiBzdHJva2U9IiNFMjZCNzkiIHN0cm9rZS13aWR0aD0iMi40IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzY2MzVfNDAzNDgiPgogICAgICA8cmVjdCB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUgMC41KSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPgo=");
  transition: all 0.4s ease-in-out;
}
.thankyou__container {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (min-width: 768.5px) {
  .thankyou__container {
    max-width: 1156px;
    padding: 0 20px;
    margin: 86px auto;
  }
}
@media only screen and (max-width: 768.5px) {
  .thankyou__container {
    margin: 30px auto 60px;
  }
}
.thankyou__read {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.thankyou__read img {
  margin: 0 auto;
}
@media only screen and (min-width: 768.5px) {
  .thankyou__read img {
    max-width: 430px;
  }
}
@media only screen and (max-width: 768.5px) {
  .thankyou__read img {
    max-width: 302px;
  }
}
@media only screen and (max-width: 768.5px) {
  .thankyou__read .section-title {
    font-size: 26px;
  }
}
.thankyou__read p {
  text-align: center;
}
@media only screen and (min-width: 768.5px) {
  .thankyou__read p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768.5px) {
  .thankyou__read p {
    font-size: 16px;
  }
}
.thankyou .Prezent__all {
  border: 2.8px solid #CB8F43;
  background-color: #FFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 52px 60px;
  max-width: 709px;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .Prezent__all {
    max-width: 335px;
    padding: 40px 28px 50px;
  }
}
.thankyou .Prezent__all h4 {
  font-size: 24px;
  line-height: 1.3;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
  color: #703222;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .Prezent__all h4 {
    text-align: center;
  }
}
.thankyou .Prezent__all-text {
  display: flex;
  align-items: center;
  text-align: start;
  margin-top: 35px;
  gap: 36px;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .Prezent__all-text {
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
    gap: 20px;
  }
}
.thankyou .Prezent__all-text .text {
  color: #35363B;
  font-size: 16px;
  margin-top: 10px;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .Prezent__all-text .text {
    text-align: center;
  }
}
.thankyou .Prezent__all-img {
  max-width: 240px;
}
.thankyou .Education {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 60px;
}
.thankyou .Education__inner {
  background-color: #FFF;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 100%;
  max-width: 1100px;
  gap: 60px;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .Education__inner {
    max-width: 335px;
    padding: 0;
    gap: 45px;
    border-radius: 0 0 10px 10px;
  }
}
.thankyou .Education__inner .nurie_nyan {
  position: absolute;
  width: 39%;
  top: 7.6%;
  left: 58%;
  z-index: 1;
}
.thankyou .Education .info {
  padding: 40px 20px 60px;
  background-color: #FFF;
  border-radius: 0 0 10px 10px;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .Education .info {
    width: 100%;
    margin: 0;
    border-radius: 0 0 10px 10px;
  }
}
.thankyou .Education .info::before {
  display: none;
}
.thankyou .Education .info h4 {
  font-size: 18px;
  line-height: 1.5;
  color: #703222;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .Education .info h4 {
    font-size: 14px;
  }
}
.thankyou .Education .info__list {
  width: 100%;
  max-width: 692px;
  gap: 120px;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .Education .info__list {
    gap: 60px;
  }
}
.thankyou .Education .info__item {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 38px 0;
  gap: 18px;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .Education .info__item {
    padding: 0;
    gap: 0;
  }
}
.thankyou .Education .info__item .bubble1 {
  position: absolute;
  width: 160px;
  top: -20px;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .Education .info__item .bubble1 {
    width: 27%;
    top: 86px;
    left: -10px;
  }
}
.thankyou .Education .info__item .bubble2 {
  width: 160px;
  top: -20px;
  position: absolute;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .Education .info__item .bubble2 {
    width: 27%;
    top: 105px;
    left: 2px;
  }
}
.thankyou .Education .info__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  gap: 18px;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .Education .info__text {
    gap: 0;
  }
}
.thankyou .Education .info__text h3 {
  font-size: 24px;
  text-underline-offset: 8px;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .Education .info__text h3 {
    font-size: 21px;
    text-underline-offset: 6px;
    font-family: "HondaGlobalFontJp-Bold", sans-serif;
    font-weight: normal;
  }
}
@media screen and (max-width: 374px) {
  .thankyou .Education .info__text h3 {
    font-size: 19px;
  }
}
@media screen and (max-width: 374px) {
  .thankyou .Education .info__text--1 {
    font-size: 19px;
    font-family: "HondaGlobalFontJp-Bold", sans-serif;
    font-weight: normal;
  }
}
@media screen and (max-width: 374px) {
  .thankyou .Education .info__text--2 {
    font-size: 19px;
    font-family: "HondaGlobalFontJp-Bold", sans-serif;
    font-weight: normal;
  }
}
.thankyou .Education .info__img01 {
  max-width: 265px;
  height: 100%;
}
@media only screen and (max-width: 768.5px) {
  .thankyou .Education .info__img01 {
    max-width: 250px;
  }
}
@media only screen and (min-width: 768.5px) {
  .thankyou .Education .info__img02 {
    max-width: 265px;
    max-height: 230px;
  }
}
@media only screen and (max-width: 768.5px) {
  .thankyou .Education .info__img02 {
    max-width: 150px;
    max-height: 211px;
    margin: 18px 0;
  }
}
.thankyou .Education .info__img02 img {
  height: 100%;
}

@media only screen and (max-width: 768.5px) {
  .expire .Top__label {
    margin-top: 50px;
  }
}
.expire__tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #7B716E;
  gap: 4px;
  padding: 8px 11px;
}
.expire__tag p {
  color: #FFF;
  font-size: 20px;
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
  font-weight: normal;
  line-height: 1.3;
}
@media screen and (max-width: 374px) {
  .expire__tag p {
    font-size: 19px;
    font-family: "HondaGlobalFontJP-Regular", sans-serif;
    font-weight: normal;
  }
}
.expire__tag::before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgOSAxNCIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTkgN0wzLjAxMTQyZS0wNyAxMy45MjgyTDkuMDY4MjVlLTA3IDAuMDcxNzk2NUw5IDdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=");
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 9px;
  height: 15px;
}
.expire__tag--top {
  margin: 9px 0 22px;
}
@media only screen and (max-width: 768.5px) {
  .expire__tag--top {
    margin: 0;
  }
}
.expire__sec-title-area {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0;
}
.expire__text-area--text {
  margin-top: 18px;
}
@media only screen and (max-width: 768.5px) {
  .expire__text-area--text {
    margin-top: 15px;
  }
}
.expire__period {
  width: 100%;
  max-width: 450px;
  margin-bottom: 40px;
  margin-top: 10px;
}
@media only screen and (max-width: 768.5px) {
  .expire__period {
    margin-bottom: 15px;
    margin-top: 0;
  }
}
.expire__period .subtitle {
  border-radius: 6px;
  background-color: #EC7200;
  color: #ffffff;
  padding: 8px 30px;
  transform: translateY(35%);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 768.5px) {
  .expire__period .subtitle {
    font-size: 16px;
    margin-top: -20px;
    padding: 8px 10px;
  }
}
@media screen and (max-width: 374px) {
  .expire__period .subtitle {
    font-size: 14px;
    font-family: "HondaGlobalFontJp-Bold", sans-serif;
    font-weight: normal;
  }
}
.expire__period p {
  font-size: 24px;
  border-radius: 6px;
  color: #703222;
  border: 3px solid #703222;
  background-color: #FFF;
  padding: 15px 50px 10px;
  text-align: center;
  font-family: "HondaGlobalFontJp-Bold", sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 768.5px) {
  .expire__period p {
    font-size: 18px;
    padding: 15px 10px 10px;
  }
}
.expire .button-area .button {
  background-color: #7B716E;
  max-width: 421px;
  cursor: default;
}
@media only screen and (max-width: 768.5px) {
  .expire .button-area .button {
    max-width: 295px;
  }
}
.expire .button-area .button span {
  width: 100%;
  transition: all 0.4s ease-in-out;
  color: #fff;
  font-size: 30px;
  line-height: 1.3;
  text-decoration: none;
  padding: 20px 14px 20px 14px;
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 768.5px) {
  .expire .button-area .button span {
    font-family: "HondaGlobalFontJP-Regular", sans-serif;
    font-weight: normal;
    padding: 13px 6px 13px 6px;
    font-size: 19px;
  }
}
.expire__desc {
  color: #703222;
  font-size: 16px;
  font-family: "HondaGlobalFontJP-Regular", sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 768.5px) {
  .expire__desc {
    font-size: 14px;
    margin: 0 -10px;
    font-family: "HondaGlobalFontJP-Regular", sans-serif;
    font-weight: normal;
  }
}/*# sourceMappingURL=common.css.map */