@charset "Shift_JIS";

.body-wrapper {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

.body-wrapper a {
  -webkit-text-decoration-skip: objects;
}

.body-wrapper a:active,
.body-wrapper a:hover {
  outline-width: 0;
}

.body-wrapper abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
}

.body-wrapper b,
.body-wrapper strong {
  font-weight: inherit;
}

.body-wrapper b,
.body-wrapper strong {
  font-weight: bolder;
}

.body-wrapper code,
.body-wrapper kbd,
.body-wrapper samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

.body-wrapper dfn {
  font-style: italic;
}

.body-wrapper mark {
  color: #000;
  background-color: #ff0;
}

.body-wrapper small {
  font-size: 80%;
}

.body-wrapper sub,
.body-wrapper sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.body-wrapper sub {
  bottom: -0.25em;
}

.body-wrapper sup {
  top: -0.5em;
}

.body-wrapper audio,
.body-wrapper video {
  display: inline-block;
}

.body-wrapper audio:not([controls]) {
  display: none;
  height: 0;
}

.body-wrapper img {
  border-style: none;
}

.body-wrapper svg:not(:root) {
  overflow: hidden;
}

.body-wrapper button,
.body-wrapper input,
.body-wrapper optgroup,
.body-wrapper select,
.body-wrapper textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

.body-wrapper button,
.body-wrapper input {
  overflow: visible;
}

.body-wrapper button,
.body-wrapper select {
  text-transform: none;
}

.body-wrapper [type=reset],
.body-wrapper [type=submit],
.body-wrapper button,
.body-wrapper html [type=button] {
  -webkit-appearance: button;
}

.body-wrapper [type=button]::-moz-focus-inner,
.body-wrapper [type=reset]::-moz-focus-inner,
.body-wrapper [type=submit]::-moz-focus-inner,
.body-wrapper button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

.body-wrapper [type=button]:-moz-focusring,
.body-wrapper [type=reset]:-moz-focusring,
.body-wrapper [type=submit]:-moz-focusring,
.body-wrapper button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

.body-wrapper fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid silver;
}

.body-wrapper legend {
  display: table;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  color: inherit;
}

.body-wrapper progress {
  display: inline-block;
  vertical-align: baseline;
}

.body-wrapper textarea {
  overflow: auto;
}

.body-wrapper [type=checkbox],
.body-wrapper [type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

.body-wrapper [type=number]::-webkit-inner-spin-button,
.body-wrapper [type=number]::-webkit-outer-spin-button {
  height: auto;
}

.body-wrapper [type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

.body-wrapper [type=search]::-webkit-search-cancel-button,
.body-wrapper [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.body-wrapper ::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

.body-wrapper details,
.body-wrapper menu {
  display: block;
}

.body-wrapper summary {
  display: list-item;
}

.body-wrapper canvas {
  display: inline-block;
}

.body-wrapper template {
  display: none;
}

.body-wrapper [hidden] {
  display: none;
}

.body-wrapper {
  text-align: left;
}

.body-wrapper *,
.body-wrapper ::after,
.body-wrapper ::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.body-wrapper ::-moz-selection {
  background-color: #0ac;
}

.body-wrapper ::selection {
  background-color: #0ac;
}

.body-wrapper address,
.body-wrapper blockquote,
.body-wrapper dd,
.body-wrapper div,
.body-wrapper dl,
.body-wrapper dt,
.body-wrapper form,
.body-wrapper h1,
.body-wrapper h2,
.body-wrapper h3,
.body-wrapper h4,
.body-wrapper h5,
.body-wrapper h6,
.body-wrapper li,
.body-wrapper ol,
.body-wrapper p,
.body-wrapper pre,
.body-wrapper ul {
  line-height: 1.75;
}

.body-nav-active {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.body-wrapper {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.75;
  min-width: 1080px;
  margin: 0;
  padding: 0;
  color: #333;
}

@media screen and (max-width: 767px) {
  .body-wrapper {
    font-size: 14px;
    min-width: 320px;
  }
}
.body-wrapper img {
  vertical-align: top;
}

.body-wrapper a {
  color: #333;
}

.body-wrapper a:hover {
  text-decoration: none;
}

.body-wrapper ol,
.body-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.body-wrapper p {
  margin: 0 0 38px;
}

@media screen and (max-width: 767px) {
  .body-wrapper p {
    margin-bottom: 20px;
  }
}
.body-wrapper small {
  font-size: 80%;
}

.body-wrapper em,
.body-wrapper strong {
  font-weight: 700;
}

.body-wrapper ::-moz-selection {
  color: #fff;
  background: #6fa7f8;
}

.body-wrapper ::selection {
  color: #fff;
  background: #6fa7f8;
}

.body-wrapper input::-moz-selection {
  color: #333;
}

.body-wrapper input::selection {
  color: #333;
}

.body-wrapper textarea::-moz-selection {
  color: #333;
}

.body-wrapper textarea::selection {
  color: #333;
}

.global-header-underlayer__site-name {
  font-size: 0;
  margin: 0;
  padding: 25px;
}

@media screen and (max-width: 767px) {
  .global-header-underlayer__site-name {
    padding: 10px 0;
    text-align: center;
  }
}
.global-header-underlayer__site-name a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.global-header-underlayer__site-name a:hover {
  opacity: 0.7;
}

.global-header-underlayer__site-name svg {
  width: 77px;
  height: auto;
}

.global-header-underlayer__site-name svg path {
  fill: #074194;
}

.global-footer {
  clear: both;
  background-color: #fff;
}

.global-footer__lower {
  padding: 30px 0;
  min-height: 127px;
  box-sizing: border-box;
  color: #fff;
  background: #074193;
}

@media screen and (max-width: 767px) {
  .global-footer__lower {
    padding: 38px 0 40px;
    min-height: 195px;
  }
}
.global-footer__lower-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .global-footer__lower-body {
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 24px;
    box-sizing: border-box;
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .global-footer__lower-body {
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .global-footer__lower-body {
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .global-footer__copy {
    margin-bottom: 30px;
    text-align: center;
  }
}
.global-footer__copy img {
  display: block;
  max-width: 100%;
  width: 398px;
  margin-bottom: 19px;
}

@media screen and (max-width: 767px) {
  .global-footer__copy img {
    width: 100%;
    max-width: 288px;
    margin-right: auto;
    margin-bottom: 14px;
    margin-left: auto;
  }
}
.global-footer__copy small {
  /*text-align: left;*/
  font-size: 12.5px;
  display: block;
}

@media screen and (max-width: 767px) {
  .global-footer__copy small {
    font-size: 11.5px;
  }
}
.global-footer__caution {
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media screen and (max-width: 767px) {
  .global-footer__caution {
    display: block;
  }
}
.global-footer__caution-text {
  font-size: 10px;
  max-width: 427px;
  margin-right: 18px;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .global-footer__caution-text {
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) {
  .global-footer__caution-text {
    max-width: none;
    margin-right: 0;
    margin-bottom: 14px;
    text-align: left;
  }
}
.global-footer__caution-image img {
  width: 105px;
}

.global-footer__caution-image-ab img {
  width: 501px;
  max-width: 100%;
  display: block;
}

@media screen and (min-width: 768px) {
  .global-footer__caution {
    margin-right: 25px;
  }
}
@media screen and (max-width: 767px) {
  .global-footer__caution-image-ab img {
    width: 100%;
    max-width: 630px;
    margin: 0 auto;
  }
}
.page-top {
  position: fixed;
  z-index: 3;
  right: 30px;
  bottom: 30px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
  opacity: 0;
}

.page-top[data-toggle=true] {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .page-top {
    right: 20px;
    bottom: 20px;
  }
}
.page-top a {
  line-height: 1;
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
}

.page-top a i {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  overflow: hidden;
  width: 21px;
  height: 12px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.page-top a i::after,
.page-top a i::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 21px;
  height: 12px;
  content: "";
  background: url(https://newclearasahi202610-campaign.beluga-cp.jp/assets/img/img-pagtop.svg) no-repeat;
}

.page-top a i::before {
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
}

@media screen and (max-width: 767px) {
  .page-top a i {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    overflow: hidden;
    width: 21px;
    height: 12px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(https://newclearasahi202610-campaign.beluga-cp.jp/assets/img/img-pagtop.svg) no-repeat;
    background-size: 21px 12px;
  }
  .page-top a i::after,
  .page-top a i::before {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .page-top a:hover {
    opacity: 0.7;
  }
  .page-top a:hover i::before {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .page-top a:hover i::after {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translate(0, -40px);
    transform: translate(0, -40px);
  }
}
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
#mainContents {
  line-height: 1;
}

#mainContents div,
#mainContents span,
#mainContents object,
#mainContents iframe,
#mainContents h1,
#mainContents h2,
#mainContents h3,
#mainContents h4,
#mainContents h5,
#mainContents h6,
#mainContents p,
#mainContents blockquote,
#mainContents pre,
#mainContents abbr,
#mainContents address,
#mainContents cite,
#mainContents code,
#mainContents del,
#mainContents dfn,
#mainContents em,
#mainContents img,
#mainContents ins,
#mainContents kbd,
#mainContents q,
#mainContents samp,
#mainContents small,
#mainContents strong,
#mainContents sub,
#mainContents sup,
#mainContents var,
#mainContents b,
#mainContents i,
#mainContents dl,
#mainContents dt,
#mainContents dd,
#mainContents ol,
#mainContents ul,
#mainContents li,
#mainContents fieldset,
#mainContents form,
#mainContents label,
#mainContents legend,
#mainContents table,
#mainContents caption,
#mainContents tbody,
#mainContents tfoot,
#mainContents thead,
#mainContents tr,
#mainContents th,
#mainContents td,
#mainContents article,
#mainContents aside,
#mainContents canvas,
#mainContents details,
#mainContents figcaption,
#mainContents figure,
#mainContents footer,
#mainContents header,
#mainContents hgroup,
#mainContents menu,
#mainContents nav,
#mainContents section,
#mainContents summary,
#mainContents time,
#mainContents mark,
#mainContents audio,
#mainContents video {
  font-size: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  background: transparent;
}

#mainContents article,
#mainContents aside,
#mainContents details,
#mainContents figcaption,
#mainContents figure,
#mainContents footer,
#mainContents header,
#mainContents hgroup,
#mainContents menu,
#mainContents nav,
#mainContents section {
  display: block;
}

#mainContents nav ul {
  list-style: none;
}

#mainContents blockquote,
#mainContents q {
  quotes: none;
}

#mainContents blockquote:before,
#mainContents blockquote:after,
#mainContents q:before,
#mainContents q:after {
  content: "";
  content: none;
}

#mainContents a {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  text-decoration: none;
  background: transparent;
}

#mainContents ins {
  text-decoration: none;
  color: #000;
  background-color: #ff9;
}

#mainContents mark {
  font-weight: bold;
  font-style: italic;
  color: #000;
  background-color: #ff9;
}

#mainContents del {
  text-decoration: line-through;
}

#mainContents abbr[title],
#mainContents dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}

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

#mainContents hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}

#mainContents input,
#mainContents select {
  vertical-align: middle;
}

#mainContents img,
#mainContents video {
  font-size: 0;
  line-height: 0;
}

@media screen and (max-width: 767px) {
  .u-is-pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .u-is-sp {
    display: none !important;
  }
}
#mainContents {
  font-family: "Noto Serif JP", serif;
  position: relative;
  overflow: hidden;
  color: #222;
  background: #fff;
}

@media screen and (min-width: 768px) {
  #mainContents {
    width: 100%;
    min-width: 800px;
    margin-right: auto;
    margin-left: auto;
  }
}
#mainContents *,
#mainContents *::before,
#mainContents *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#mainContents a {
  color: inherit;
}

#mainContents img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

#mainContents em {
  font-style: normal;
}

#mainContents strong {
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-hover {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  #mainContents .cl-hover:hover {
    opacity: 0.7;
  }
}
#mainContents .cl-anchor {
  position: relative;
}

#mainContents .cl-anchor a {
  position: absolute;
  top: 0;
  left: 0;
}

#mainContents .cl-button {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  border-radius: 50vw;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#mainContents .cl-button::after {
  position: absolute;
  top: 50%;
  right: 1.2em;
  width: 0.55em;
  height: 0.55em;
  content: "";
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border: solid #cd0d18;
  border-width: 1px 1px 0 0;
}

#mainContents .cl-button.is-red {
  color: #fff;
  background: #d4000f;
}

#mainContents .cl-button.is-red::after {
  border-width: 2px 2px 0 0;
  border-color: #fff;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-button {
    font-size: 18px;
    width: 320px;
    height: 60px;
  }
  #mainContents .cl-button.is-red {
    font-size: 27px;
    width: 480px;
    height: 90px;
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-button {
    font-size: 3.73333vw;
    width: 100%;
    height: 10.66667vw;
  }
  #mainContents .cl-button.is-red {
    font-size: 4.26667vw;
    height: 12.26667vw;
  }
}
#mainContents .cl-mask img {
  display: block;
}

#mainContents .cl-mask__top img {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

#mainContents .cl-mask__bottom img {
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}

#mainContents [data-animate=fade-up] {
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, transform 1s ease;
  transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0;
}

#mainContents [data-animate=fade-up].is-animated {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

#mainContents .cl-kv {
  width: 100%;
}

#mainContents .cl-kv__img {
  width: 100%;
}

#mainContents .cl-content {
  text-align: center;
  background-attachment: #fff;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-content {
    padding: clamp(68.75px, 6.25vw, 6.25vw) 0 clamp(60px, 5.33333vw, 5.33333vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-content {
    padding: 14vw 3.2vw 18vw;
  }
}
#mainContents .cl-content__title {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-content__title {
    width: clamp(412.5px, 37.5vw, 37.5vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-content__title {
    width: 84vw;
  }
}
#mainContents .cl-content__text {
  line-height: 2em;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-content__text {
    font-size: clamp(18.33333px, 1.66667vw, 1.66667vw);
    margin-top: clamp(15.27778px, 1.58889vw, 1.58889vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-content__text {
    font-size: 4vw;
    margin-top: 5.33333vw;
  }
}
@media screen and (min-width: 768px) {
  #mainContents .cl-content__apply {
    margin-top: clamp(45.83333px, 4.16667vw, 4.16667vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-content__apply {
    margin-top: 8.66667vw;
  }
}
#mainContents .cl-content__apply--title {
  line-height: 1.31;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-content__apply--title {
    font-size: clamp(19.86111px, 1.80556vw, 1.80556vw);
    margin-top: clamp(30.55556px, 2.77778vw, 2.77778vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-content__apply--title {
    font-size: 5.33333vw;
    width: 82.4vw;
    max-width: 100%;
    margin: 0 auto;
    letter-spacing: 0.05em;
  }
}
#mainContents .cl-content__apply--text {
  font-family: Noto Sans JP;
  line-height: 2em;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-content__apply--text {
    font-size: clamp(9.93056px, 0.90278vw, 0.90278vw);
    margin: clamp(30.55556px, 2.77778vw, 2.77778vw) 0 0;
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-content__apply--text {
    font-size: 3.46667vw;
    line-height: 1.64;
    margin: 5.33333vw 0 2.66667vw;
    white-space: nowrap;
  }
}
#mainContents .cl-content__apply--text a {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-content__apply-line {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-grid;
    grid-template-columns: clamp(56.52778px, 5.13889vw, 5.13889vw) minmax(0, 1fr) clamp(71.80556px, 6.52778vw, 6.52778vw);
    column-gap: clamp(18.33333px, 1.66667vw, 1.66667vw);
    width: clamp(473.61111px, 43.05556vw, 43.05556vw);
    height: clamp(100.83333px, 9.16667vw, 9.16667vw);
    font-family: "Noto Sans JP", sans-serif;
    margin-top: clamp(15.27778px, 1.38889vw, 1.38889vw);
    padding: clamp(12.22222px, 1.11111vw, 1.11111vw) clamp(16.04167px, 1.45833vw, 1.45833vw) clamp(12.22222px, 1.11111vw, 1.11111vw) clamp(20.625px, 1.875vw, 1.875vw);
    border: 3px solid #03c755;
    border-radius: clamp(7.63889px, 0.69444vw, 0.69444vw);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-content__apply-line {
    font-family: Noto Sans JP;
    position: relative;
    display: block;
    margin: 0 4.8vw 10.66667vw;
    font-size: 4vw;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 13.33333vw;
    color: #fff;
    border-radius: 7.73333vw;
    background-color: #06c755;
  }
  #mainContents .cl-content__apply-line::before {
    position: absolute;
    top: 50%;
    right: 5.33333vw;
    display: block;
    width: 2.13333vw;
    height: 2.13333vw;
    content: "";
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
@media screen and (min-width: 768px) {
  #mainContents .cl-content__apply-line--icon {
    width: clamp(56.52778px, 5.13889vw, 5.13889vw);
  }
}
@media screen and (min-width: 768px) {
  #mainContents .cl-content__apply-line--text {
    font-size: clamp(10.69444px, 0.97222vw, 0.97222vw);
    line-height: 1.6;
    margin: 0;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  #mainContents .cl-content__apply-line--qr {
    width: clamp(71.80556px, 6.52778vw, 6.52778vw);
  }
}
@media screen and (min-width: 768px) {
  #mainContents .cl-content__apply-detail {
    width: clamp(588.95833px, 53.54167vw, 53.54167vw);
    margin: clamp(40px, 2.33333vw, 2.33333vw) auto clamp(40px, 2.33333vw, 2.33333vw);
    padding: 0 clamp(80.55556px, 9.77778vw, 9.77778vw) clamp(30.19444px, 2.47222vw, 2.47222vw);
    border: 2px solid transparent;
    border-radius: clamp(7.63889px, 0.69444vw, 0.69444vw);
    background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #A36832 0%, #BA803F 25%, #C8984B 50%, #D7A655 75%, #E3B95D 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-content__apply-detail {
    width: 90%;
    margin: 0 auto;
    padding: 2.53333vw 4vw 7.53333vw;
    border: 2px solid transparent;
    border-radius: 3.73333vw;
    background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #A36832 0%, #BA803F 25%, #C8984B 50%, #D7A655 75%, #E3B95D 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
  }
}
@media screen and (min-width: 768px) {
  #mainContents .cl-content__apply-detail--title {
    position: relative;
    font-size: clamp(22.33333px, 2.06667vw, 2.06667vw);
    margin-top: clamp(25.27778px, 2.98889vw, 2.98889vw);
    background: linear-gradient(180deg, #A36832 0%, #BA803F 25%, #C8984B 50%, #D7A655 75%, #E3B95D 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 10px;
  }
  #mainContents .cl-content__apply-detail--title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(180deg, #A36832 0%, #BA803F 25%, #C8984B 50%, #D7A655 75%, #E3B95D 100%);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-content__apply-detail--title {
    position: relative;
    font-size: 5.3vw;
    margin-top: 5.33333vw;
    background: linear-gradient(180deg, #A36832 0%, #BA803F 25%, #C8984B 50%, #D7A655 75%, #E3B95D 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 10px;
  }
  #mainContents .cl-content__apply-detail--title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(180deg, #A36832 0%, #BA803F 25%, #C8984B 50%, #D7A655 75%, #E3B95D 100%);
  }
}
@media screen and (min-width: 768px) {
  #mainContents .cl-content__apply-detail--text {
    font-weight: 700;
    font-size: clamp(18.33333px, 1.66667vw, 1.66667vw);
    margin-top: clamp(15.27778px, 1.58889vw, 1.58889vw);
    background: linear-gradient(180deg, #A36832 0%, #BA803F 25%, #C8984B 50%, #D7A655 75%, #E3B95D 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-content__apply-detail--text {
    font-weight: 700;
    font-size: 3.9vw;
    margin-top: 5.33333vw;
    background: linear-gradient(180deg, #A36832 0%, #BA803F 25%, #C8984B 50%, #D7A655 75%, #E3B95D 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
}
#mainContents .cl-content__apply-detail--img {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-content__apply-detail--img {
    width: clamp(267.36111px, 24.30556vw, 24.30556vw);
    margin-top: clamp(25.97222px, 2.36111vw, 2.36111vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-content__apply-detail--img {
    margin-top: 5.33333vw;
  }
}
@media screen and (min-width: 768px) {
  #mainContents .cl-content__link {
    width: clamp(611.11111px, 55.55556vw, 55.55556vw);
    margin: clamp(45.83333px, 4.16667vw, 4.16667vw) auto 0;
    display: flex;
    justify-content: space-between;
    gap: clamp(16.80556px, 1.52778vw, 1.52778vw);
    box-sizing: border-box;
  }
  #mainContents .cl-content__link a {
    min-height: clamp(51.94444px, 4.72222vw, 4.72222vw);
    height: clamp(51.94444px, 4.72222vw, 4.72222vw);
    font-size: clamp(12.22222px, 1.11111vw, 1.11111vw);
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-content__link {
    display: flex;
    flex-direction: column;
    gap: 4vw;
    margin: 10.66667vw auto 16vw;
    padding: 0;
  }
  #mainContents .cl-content__link a {
    width: 53.33333vw;
    min-height: 12vw;
    height: 12vw;
    margin: 0 auto;
    padding: 0;
    font-size: 3.46667vw;
    letter-spacing: 0.06em;
    color: #8e7027 !important;
    border-color: #8e7027 !important;
  }
  #mainContents .cl-content__link .arrow {
    right: 5.86667vw;
    width: 2.13333vw;
    height: 2.13333vw;
    border-color: #8e7027 !important;
  }
}
/* 各ボタンの共通スタイル */
.button_link {
  position: relative;
  flex: 1;
  /* 3つのボタンを均等な幅にする */
  display: flex;
  align-items: center;
  justify-content: center;
  /* 文字と矢印を両端に配置 */
  /* サイズと形状 */
  min-height: 60px;
  /* 2行の文字が入っても崩れない最小の高さ */
  padding: 10px 20px;
  border: 1.5px solid #8e7027 !important;
  /* 画像のような上品なゴールド・ベージュ系 */
  border-radius: 50px;
  /* 完全な角丸（カプセル型） */
  background-color: #fff;
  /* 背景色は白 */
  /* テキストのスタイリング */
  color: #8e7027 !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center !important;
  /* その他設定 */
  cursor: pointer;
  transition: all 0.3s ease;
  /* ホバー時のアニメーション用 */
}

/* 右側の矢印（V字）アイコン（CSSで作成） */
.arrow {
  position: absolute;
  /* 【重要】絶対配置にする */
  right: 15px;
  /* top          : 50%; */
  /* ボタンの上下中央に配置 */
  transform: translateY(-50%) rotate(45deg);
  /* 上下中央のズレを補正しつつ45度回転 */
  display: inline-block;
  width: 8px;
  height: 8px;
  border-bottom: 1.5px solid #8e7027 !important;
  border-right: 1.5px solid #8e7027 !important;
  transform: rotate(45deg);
  /* 斜めに傾けて「く」の字にする */
  flex-shrink: 0;
  /* 矢印が潰れないように固定 */
}

/* マウスホバー時のエフェクト（お好みで調整してください） */
.custom-button:hover {
  background-color: #fcf9f5;
  /* ほんのり背景色を変える */
  opacity: 0.9;
}

#mainContents .cl-content__link img {
  max-width: 99%;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-content__apply-x {
    width: clamp(288.75px, 26.25vw, 26.25vw);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: clamp(15.27778px, 1.38889vw, 1.38889vw);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-content__apply-x {
    font-family: Noto Sans JP;
    position: relative;
    display: block;
    margin: 5.33333vw 4.8vw 0;
    font-size: 4vw;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 13.33333vw;
    color: #fff;
    border-radius: 7.73333vw;
    background-color: #000;
  }
  #mainContents .cl-content__apply-x::before {
    position: absolute;
    top: 50%;
    right: 5.33333vw;
    display: block;
    width: 2.13333vw;
    height: 2.13333vw;
    content: "";
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
#mainContents .cl-content__prize {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-image: url("https://newclearasahi202610-campaign.beluga-cp.jp/assets/img/bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  /* 画像を中央に配置 */
  background-size: cover;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-content__prize {
    padding: clamp(72.56944px, 6.59722vw, 6.59722vw) 0 clamp(61.11111px, 5.55556vw, 5.55556vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-content__prize {
    padding: 10vw 0;
  }
}
#mainContents .cl-content__prize-detail--img {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-content__prize-detail--img {
    width: clamp(691px, 50.30556vw, 50.30556vw);
    margin: clamp(25.97222px, 2.36111vw, 2.36111vw) auto 0;
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-content__prize-detail--img {
    margin: 8.33333vw auto 0;
    width: 90%;
  }
}
#mainContents .cl-information {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: linear-gradient(33.43deg, #F1F1F1 7.66%, rgba(209, 212, 213, 0.763642) 25.89%, rgba(186, 190, 192, 0.59) 42.1%, rgba(224, 224, 224, 0.700712) 67.8%, rgba(186, 188, 188, 0.771285) 88.14%, rgba(186, 187, 187, 0.84) 107.94%);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-information {
    padding: clamp(72.56944px, 6.59722vw, 6.59722vw) 0 clamp(61.11111px, 5.55556vw, 5.55556vw);
    gap: clamp(61.11111px, 5.55556vw, 5.55556vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information {
    padding: 16vw 0 21.33333vw;
    gap: 21.33333vw;
  }
}
#mainContents .cl-information__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-information__item {
    width: clamp(611.11111px, 55.55556vw, 55.55556vw);
    margin: 0 auto;
    gap: clamp(22.91667px, 2.08333vw, 2.08333vw);
    font-family: Noto Sans JP;
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item {
    gap: 6.33333vw;
    font-family: Noto Sans JP;
  }
}
#mainContents .cl-information__item--title {
  text-align: center;
}

/* @media screen and (min-width: 768px) {
    #mainContents .cl-information__item--title {
        height: clamp(25.97222px, 2.36111vw, 2.36111vw);
    }
} */
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--title {
    height: 8vw;
  }
}
/* @media screen and (min-width: 768px) {
    #mainContents .cl-information__item--title.is-two-line {
        height: clamp(64.16667px, 5.73333vw, 5.73333vw);
    }
} */
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--title.is-two-line {
    height: 16vw;
  }
}
@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--title .is-big {
    height: clamp(32.84722px, 2.98611vw, 2.98611vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--title .is-big {
    height: 9.33333vw;
  }
}
@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--title {
    height: 43px;
  }
  #mainContents #privacy .cl-information__item--title {
    height: 81px;
  }
}
#mainContents .cl-information__item--title img {
  width: auto;
  height: 100%;
}

#mainContents .cl-information__item--box-wrap {
  border: 1px solid #c3c3c3;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--box-wrap {
    padding: 0 clamp(9.93056px, 0.90278vw, 0.90278vw) 0 clamp(15.27778px, 1.38889vw, 1.38889vw);
    border-radius: clamp(11.45833px, 1.04167vw, 1.04167vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--box-wrap {
    margin: 0 8vw;
    padding: 0 2.66667vw 0 5.33333vw;
    border-radius: 4vw;
  }
}
#mainContents .cl-information__item--box {
  line-height: 1.8em;
  overflow-y: scroll;
  letter-spacing: 0.05em;
}

#mainContents .cl-information__item--box a {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--box {
    font-size: clamp(9.16667px, 0.83333vw, 0.83333vw);
    height: clamp(155.83333px, 14.16667vw, 14.16667vw);
    padding: clamp(15.27778px, 1.38889vw, 1.38889vw) clamp(9.16667px, 0.83333vw, 0.83333vw) clamp(15.27778px, 1.38889vw, 1.38889vw) 0;
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--box {
    font-size: 3.2vw;
    height: 83.73333vw;
    padding: 5.33333vw 2.66667vw 5.33333vw 0;
    word-break: break-word;
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--accordion {
    margin: 0 8vw;
  }
}
#mainContents .cl-information__item--accordion-button {
  font-family: Noto Sans JP;
  font-weight: 700;
  line-height: 1.8em;
  position: relative;
  cursor: pointer;
  -webkit-transition: border-radius 0s 0.4s, background-color 0.3s;
  transition: border-radius 0s 0.4s, background-color 0.3s;
  text-align: center;
  color: #fff;
  border: 3px solid #8E7027;
  background: #8E7027;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--accordion-button {
    font-size: clamp(11.45833px, 1.04167vw, 1.04167vw);
    padding: clamp(8.78472px, 0.79861vw, 0.79861vw);
    border-radius: clamp(11.45833px, 1.04167vw, 1.04167vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--accordion-button {
    font-size: 4vw;
    padding: 3.06667vw;
    border-radius: 4vw;
  }
}
#mainContents .cl-information__item--accordion-button::before {
  position: absolute;
  top: 50%;
  height: 2px;
  content: "";
  background-color: #69331a;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--accordion-button::before {
    right: clamp(19.09722px, 1.73611vw, 1.73611vw);
    width: clamp(12.22222px, 1.11111vw, 1.11111vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--accordion-button::before {
    right: 6.66667vw;
    width: 4.26667vw;
  }
}
#mainContents .cl-information__item--accordion-button::after {
  position: absolute;
  top: 50%;
  height: 2px;
  content: "";
  -webkit-transition: opacity 0s 0.4s;
  transition: opacity 0s 0.4s;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: #69331A;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--accordion-button::after {
    right: clamp(19.09722px, 1.73611vw, 1.73611vw);
    width: clamp(12.22222px, 1.11111vw, 1.11111vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--accordion-button::after {
    right: 6.66667vw;
    width: 4.26667vw;
  }
}
@media (any-hover: hover) {
  #mainContents .cl-information__item--accordion-button:hover {
    background-color: #b69e60;
  }
}
#mainContents .cl-information__item--accordion-button.is-open {
  -webkit-transition: border-radius 0s;
  transition: border-radius 0s;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--accordion-button.is-open {
    border-radius: clamp(11.45833px, 1.04167vw, 1.04167vw) clamp(11.45833px, 1.04167vw, 1.04167vw) 0 0;
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--accordion-button.is-open {
    border-radius: 4vw 4vw 0 0;
  }
}
#mainContents .cl-information__item--accordion-button.is-open::after {
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  opacity: 0;
}

#mainContents .cl-information__item--accordion-content {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 0;
  -webkit-transition: max-height 0.4s;
  transition: max-height 0.4s;
}

#mainContents .cl-information__item--accordion-content-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #c3c3c3;
  border-top: 0 solid #fff;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--accordion-content-inner {
    padding: 0 clamp(9.93056px, 0.90278vw, 0.90278vw) 0 clamp(15.27778px, 1.38889vw, 1.38889vw);
    border-radius: 0 0 clamp(11.45833px, 1.04167vw, 1.04167vw) clamp(11.45833px, 1.04167vw, 1.04167vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--accordion-content-inner {
    padding: 0 2.66667vw 0 5.33333vw;
    border-radius: 0 0 4vw 4vw;
  }
}
#mainContents .cl-information__item--accordion-content-inner-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-y: scroll;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--accordion-content-inner-box {
    height: clamp(366.66667px, 33.33333vw, 33.33333vw);
    padding: clamp(15.27778px, 1.38889vw, 1.38889vw) clamp(15.27778px, 1.38889vw, 1.38889vw) clamp(15.27778px, 1.38889vw, 1.38889vw) 0;
    gap: clamp(17.56944px, 1.59722vw, 1.59722vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--accordion-content-inner-box {
    height: 128vw;
    padding: 5.33333vw 2.66667vw 5.33333vw 0;
    gap: 5.86667vw;
  }
}
#mainContents .cl-information__item--accordion-content-inner-box h4 {
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--accordion-content-inner-box h4 {
    font-size: clamp(12.22222px, 1.11111vw, 1.11111vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--accordion-content-inner-box h4 {
    font-size: 4.26667vw;
    line-height: 1.4em;
    letter-spacing: 0.05em;
  }
}
#mainContents .cl-information__item--accordion-content-inner-box p {
  line-height: 1.8em;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--accordion-content-inner-box p {
    font-size: clamp(9.16667px, 0.83333vw, 0.83333vw);
    margin-top: clamp(4.58333px, 0.41667vw, 0.41667vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--accordion-content-inner-box p {
    font-size: 3.2vw;
    margin-top: 1.6vw;
  }
}
#mainContents .cl-information__item--area {
  text-align: center;
  border: 1px solid #c3c3c3;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--area {
    padding: clamp(15.27778px, 1.38889vw, 1.38889vw) 0;
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--area {
    margin: 0 2.66667vw;
    padding: 5.33333vw 0;
  }
}
@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--area h4 {
    font-size: clamp(12.22222px, 1.11111vw, 1.11111vw);
    font-weight: normal;
    margin-top: clamp(7.63889px, 0.69444vw, 0.69444vw);
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--area h4 {
    font-size: 3.73333vw;
    line-height: 1.4em;
    font-weight: normal;
    margin-top: 2.66667vw;
  }
}
@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--area img {
    width: clamp(177.22222px, 16.11111vw, 16.11111vw);
    margin: clamp(15.27778px, 1.38889vw, 1.38889vw) 0;
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--area img {
    width: 61.86667vw;
    margin: 5.33333vw 0;
  }
}
@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--area p {
    font-size: clamp(9.16667px, 0.83333vw, 0.83333vw);
    line-height: 1.6em;
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--area p {
    font-size: 3.46667vw;
    line-height: 1.8em;
  }
}
#mainContents .cl-information__item--area strong {
  font-weight: 700;
}

#mainContents .cl-information__item--area.is-bottom {
  border-top: 0 solid #fff;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--area.is-bottom {
    margin: 0 auto;
  }
}
#mainContents .cl-information__item--area.is-bottom p {
  display: inline-block;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 768px) {
  #mainContents .cl-information__item--area.is-bottom p {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  #mainContents .cl-information__item--area.is-bottom p {
    font-size: 2.66667vw;
    line-height: 1.6em;
    margin-bottom: 2.66667vw;
  }
}
@media print {
  .no-print {
    background-image: none !important;
  }
  .no-print *::before,
  .no-print *::after {
    background-image: none !important;
  }
  img.no-print {
    visibility: hidden !important;
  }
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 50px;
}

@media screen and (max-width: 767px) {
  #mainContents #terms .cl-information__item--box-wrap,
  #mainContents #privacy .cl-information__item--box-wrap {
    margin: 0 5.33333vw;
    padding: 5.33333vw;
    border: 0;
    border-radius: 0;
    background: #fff;
  }
  #mainContents #terms .cl-information__item--box,
  #mainContents #privacy .cl-information__item--box {
    height: auto;
    overflow: visible;
    padding: 0;
  }
}
/* ==========================================================================
   Age confirmation
   ========================================================================== */
.homeContents:not(.is-visible) {
  display: none;
}

.ageConfirmArea.is-hidden {
  display: none;
}

.ageConfirmArea {
  background: #fff;
  padding: 40px 20px 80px;
}

.ageConfirm {
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 64px 64px 52px;
  border: 1px solid rgba(227, 185, 93, 0.85);
  border-radius: 12px;
  background: linear-gradient(222.19deg, rgba(163, 104, 50, 0.8) -71.92%, rgba(186, 128, 63, 0.8) -34.88%, rgba(200, 152, 75, 0.8) 2.15%, rgba(215, 166, 85, 0.8) 39.19%, rgba(227, 185, 93, 0.8) 76.23%);
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
}

.ageConfirm__title {
  margin: 0 auto 24px;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  font-size: 32px;
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: center;
}

.ageConfirm__text {
  margin: 0 0 24px;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-align: center;
}

.ageConfirm__form {
  margin: 0;
}

.ageConfirm__group {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.ageConfirm__group.--year {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  border-bottom: 3px solid #fff;
}

.ageConfirm__group.--month,
.ageConfirm__group.--day {
  width: 150px;
  border-bottom: 2px solid #fff;
}

.ageConfirm__input {
  display: inline-block;
  width: 100%;
  height: 86px;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 64px;
  font-weight: 400;
  letter-spacing: 0.31em;
  text-align: center;
}

.ageConfirm__input::placeholder {
  color: #fff;
  opacity: 1;
  font-size: inherit;
  letter-spacing: inherit;
  text-align: center;
}

.ageConfirm__input:focus {
  outline: 2px solid rgba(255, 255, 255, 0.75);
  outline-offset: 4px;
}

.ageConfirm__group label {
  position: absolute;
  right: 0;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.31em;
  text-align: center;
}

.ageConfirm__dobInputs {
  transition: max-height 0.6s ease, opacity 0.5s ease;
}

.ageConfirm__dobInputs.--ageHidden {
  visibility: hidden;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}

.ageConfirm__dobInputs.--ageVisible {
  visibility: visible;
  overflow: visible;
  max-height: 200px;
  margin: 28px 0 0;
  opacity: 1;
  pointer-events: auto;
}

.ageConfirm__dobInputsList {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ageConfirm__button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 380px;
  min-height: 60px;
  margin: 60px auto 0;
  padding: 14px 48px;
  border: none;
  border-radius: 999px;
  background-color: #b3230c;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.ageConfirm__button::after {
  position: absolute;
  top: 50%;
  right: 24px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #fff;
  transform: translateY(-50%);
  content: "";
}

.ageConfirm__button.--buttonHidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.ageConfirm__button.--buttonVisible {
  visibility: visible;
  opacity: 1;
}

.ageConfirm__buttonText {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.ageConfirm__condition {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 30px;
  cursor: pointer;
}

.ageConfirm__condition input {
  appearance: none;
  position: relative;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  border: 1px solid #fff;
  border-radius: 6px;
  background-color: transparent;
  cursor: pointer;
}

.ageConfirm__condition input:checked {
  background: #fff url("https://newclearasahi202610-campaign.beluga-cp.jp/assets/img/age-confirm/icon_check.svg") no-repeat center/12px auto;
}

.ageConfirm__condition span {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-align: center;
}

.ageConfirm__announce {
  margin: 32px 0 0;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 21px;
  text-align: center;
}

.ageConfirm__countryText {
  margin: 20px 0 12px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
}

.ageConfirm__countryButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.ageConfirm__countryButtonInner {
  position: relative;
  display: inline-block;
}

.ageConfirm__countryButtonInner::after {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 13px;
  height: 9px;
  background: url("https://newclearasahi202610-campaign.beluga-cp.jp/assets/img/age-confirm/icon_arrow.svg") no-repeat center/contain;
  transform: translateY(-50%);
  filter: brightness(0) invert(1);
  content: "";
  pointer-events: none;
}

.ageConfirm__countrySelect {
  appearance: none;
  width: 250px;
  max-width: 100%;
  height: 36px;
  padding: 0 30px 0 12px;
  border: 1px solid #fff;
  border-radius: 0;
  background: transparent;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  text-align-last: center;
  cursor: pointer;
}

.ageConfirm__countrySelect option {
  color: #000;
}

.ageConfirm__countrySelect--long {
  font-size: 13px;
}

.ageConfirm .font-en {
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (min-width: 768px) {
  .ageConfirm__group.--month,
  .ageConfirm__group.--day {
    width: 180px;
  }
  .ageConfirm__input.--month,
  .ageConfirm__input.--day {
    padding-right: 28px;
    letter-spacing: 0.2em;
    text-indent: 0.2em;
  }
}
@media screen and (max-width: 767px) {
  .ageConfirmArea {
    padding: 60px 20px;
    border-top: 1px solid rgba(227, 185, 93, 0.5);
    background: linear-gradient(33.43deg, #F1F1F1 7.66%, rgba(209, 212, 213, 0.763642) 25.89%, rgba(186, 190, 192, 0.59) 42.1%, rgba(224, 224, 224, 0.700712) 67.8%, rgba(186, 188, 188, 0.771285) 88.14%, rgba(186, 187, 187, 0.84) 107.94%);
  }
  .ageConfirm {
    max-width: 500px;
    min-height: 590px;
    padding: 44px 20px;
  }
  .ageConfirm__title {
    margin-bottom: 24px;
    font-size: 20px;
  }
  .ageConfirm__text {
    margin-bottom: 16px;
    font-size: 16px;
  }
  .ageConfirm__group.--year {
    max-width: none;
  }
  .ageConfirm__group.--month,
  .ageConfirm__group.--day {
    width: calc((100% - 20px) / 2);
  }
  .ageConfirm__input {
    height: 76px;
    font-size: 48px;
  }
  .ageConfirm__input.--month,
  .ageConfirm__input.--day {
    font-size: 36px;
  }
  .ageConfirm__group label {
    font-size: 20px;
  }
  .ageConfirm__dobInputs.--ageVisible {
    max-height: 200px;
    margin-top: 28px;
  }
  .ageConfirm__dobInputsList {
    gap: 20px;
  }
  .ageConfirm__button {
    max-width: none;
    min-height: 50px;
    margin-top: 40px;
    padding: 12px 40px;
  }
  .ageConfirm__button::after {
    right: 16px;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 8px;
  }
  .ageConfirm__condition {
    margin-top: 28px;
  }
  .ageConfirm__announce {
    margin: 24px -4px 0;
    font-size: 15px;
    line-height: 20px;
  }
  .ageConfirm__countryText {
    margin-top: 18px;
    font-size: 13px;
  }
  .ageConfirm__countrySelect {
    width: 250px;
    font-size: 13px;
  }
  .ageConfirm__countrySelect--long {
    font-size: 10px;
  }
}
.ageConfirm__countryButtonInner {
  max-width: 100%;
}

.ageConfirm__error {
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

.ageConfirm__error:empty {
  display: none;
}

.ageConfirm__button:focus-visible,
.ageConfirm__condition input:focus-visible,
.ageConfirm__countrySelect:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}

#mainContents .prize-coupon {
  aspect-ratio: 697/584;
  container-type: inline-size;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
}
#mainContents .prize-coupon__background, #mainContents .prize-coupon__can, #mainContents .prize-coupon__product, #mainContents .prize-coupon__heading, #mainContents .prize-coupon__note, #mainContents .prize-coupon__period, #mainContents .prize-coupon__heading-sp img {
  position: absolute;
  box-sizing: border-box;
}
#mainContents .prize-coupon__background {
  left: -0.43042%;
  top: 29.62329%;
  width: 100%;
}
#mainContents .prize-coupon__background img, #mainContents .prize-coupon__period img {
  display: block;
  width: 100%;
}
#mainContents .prize-coupon__can {
  left: 13.3429%;
  top: 0;
  width: 32.71162%;
  height: 74.65753%;
  object-fit: cover;
}
#mainContents .prize-coupon__product {
  left: 52.36729%;
  top: 39.0411%;
  width: 36.87231%;
  padding: 0.89082cqw 0;
  border-radius: 0.55667cqw;
  background: #fff;
  color: #ce151b;
  font-size: 2.00861cqw;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}
#mainContents .prize-coupon__heading {
  left: 54.80631%;
  top: 45.96747%;
  width: 32.06686%;
  text-align: center;
  font-weight: 700;
}
#mainContents .prize-coupon__heading span {
  display: block;
  margin-bottom: 0.66801cqw;
  font-size: 2.895cqw;
  line-height: 1.1;
}
#mainContents .prize-coupon__heading strong {
  display: block;
  font-weight: 700;
  font-size: 5.73888cqw;
  letter-spacing: -0.17217cqw;
  line-height: 1.05;
}
#mainContents .prize-coupon__note {
  left: 54.80631%;
  top: 67.51%;
  width: 32.06686%;
  font-size: 1.43472cqw;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
}
#mainContents .prize-coupon__period {
  left: 0;
  top: 88.35616%;
  width: 98.9957%;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
}
#mainContents .prize-coupon__period p {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  font-size: 2.86944cqw;
  line-height: 1.2;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  #mainContents .prize-coupon {
    width: 93.33333%;
    aspect-ratio: 350/650;
  }
  #mainContents .prize-coupon__background {
    left: 3.14286%;
    top: 14.36615%;
    width: 93.42857%;
  }
  #mainContents .prize-coupon__can {
    left: 32.28571%;
    width: 34.28571%;
    height: 35.38462%;
  }
  #mainContents .prize-coupon__product {
    left: 12.85714%;
    top: 37.38462%;
    width: 73.42857%;
    padding: 1.774cqw 0;
    border-radius: 1.10857cqw;
    font-size: 4cqw;
  }
  #mainContents .prize-coupon__store {
    left: 35.63429%;
    top: 44.28462%;
    width: 27.86429%;
  }
  #mainContents .prize-coupon__free {
    left: 19.87143%;
    top: 49.34923%;
    width: 59.68457%;
  }
  #mainContents .prize-coupon__coupon {
    left: 20.48286%;
    top: 57.52769%;
    width: 58.60629%;
  }
  #mainContents .prize-coupon__note {
    left: 14.54%;
    top: 68.22%;
    width: 68.74857%;
    font-size: 2.85714cqw;
  }
  #mainContents .prize-coupon__period {
    top: 86.61538%;
    width: 100%;
  }
  #mainContents .prize-coupon__period p {
    flex-direction: column;
    gap: 0;
    font-size: 4.28571cqw;
    line-height: 1.69;
  }
  #mainContents .prize-coupon__period span:first-child {
    font-size: 5.71429cqw;
  }
}