@charset "UTF-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

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

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

input,
button,
select,
textarea {
  color: #3B2B2F;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=checkbox],
input[type=radio] {
  position: absolute;
  opacity: 0; /* 要素を透明に */
  height: 1px; /* 高さを出して 0 x 0 を回避 */
  width: 1px;
  -webkit-appearance: none; /* アウトライン消す */
  -moz-appearance: none;
       appearance: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

ul, li {
  list-style: none;
}

* {
  box-sizing: border-box;
  outline: 0;
}

:root {
  --vw: 1vw;
}

.breadcrumb {
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  padding: calc(var(--vw) * 25 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 25 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .breadcrumb {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .breadcrumb {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .breadcrumb {
    font-size: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .breadcrumb {
    padding: 25px 10px 25px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .breadcrumb {
    padding: calc(var(--vw) * 25 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 25 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .breadcrumb {
    padding: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .breadcrumb {
    padding: calc(var(--vw) * 25 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 25 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
  }
}
@media screen and (min-width: 1240px) and (min-width: 1240px) {
  .breadcrumb {
    padding: 25px 40px 25px 40px;
  }
}
@media screen and (min-width: 1240px) and (max-width: 767.98px) {
  .breadcrumb {
    padding: calc(var(--vw) * 25 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 25 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
.breadcrumb li {
  margin-left: calc(var(--vw) * 8 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .breadcrumb li {
    margin-left: 8px;
  }
}
@media screen and (max-width: 767.98px) {
  .breadcrumb li {
    margin-left: calc(var(--vw) * 8 / 375 * 100);
  }
}
.breadcrumb li:before {
  content: "/";
  display: inline-block;
  margin-right: calc(var(--vw) * 8 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .breadcrumb li:before {
    margin-right: 8px;
  }
}
@media screen and (max-width: 767.98px) {
  .breadcrumb li:before {
    margin-right: calc(var(--vw) * 8 / 375 * 100);
  }
}
.breadcrumb li:first-child {
  margin-left: calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .breadcrumb li:first-child {
    margin-left: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .breadcrumb li:first-child {
    margin-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
.breadcrumb li:first-child:before {
  content: none;
}
.breadcrumb li a {
  position: relative;
  padding-bottom: 0.25em;
  background: linear-gradient(#785A5A, #785A5A) 0 100%/0 1px no-repeat;
  transition: background 0.4s;
  text-decoration: none;
}
.breadcrumb li a:hover {
  background-size: 100% 1px;
}

.section {
  opacity: 0;
  transition: 0.6s;
  background: #fff;
  padding-left: calc(var(--vw) * 10 / 1240 * 100);
  padding-right: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .section {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .section {
    padding-left: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .section {
    padding-right: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .section {
    padding-right: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .section {
    padding-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .section {
    padding-right: calc(var(--vw) * 20 / 375 * 100);
  }
}
.section.is-active {
  opacity: 1;
  transition: 0.6s;
}

.floatObj {
  opacity: 0;
  transition: 0.6s;
  transform: translateY(30px);
}
.floatObj.is-active {
  opacity: 1;
  transition: 0.6s;
  transform: translateY(0);
}

.inner {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
}

.section_wave {
  position: relative;
  background: #E7CEB5;
}
.section_wave:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(var(--vw) * -86 / 1240 * 100);
  left: 0;
  width: 100%;
  height: calc(var(--vw) * 86 / 1240 * 100);
  max-height: 86px;
  max-height: none;
  background: url(../img/common/wave.svg) center 0/cover no-repeat;
}
@media screen and (min-width: 1240px) {
  .section_wave:before {
    top: -86px;
  }
}
@media screen and (max-width: 767.98px) {
  .section_wave:before {
    top: calc(var(--vw) * -86 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .section_wave:before {
    top: calc(var(--vw) * -36 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .section_wave:before {
    height: calc(var(--vw) * 86 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .section_wave:before {
    height: calc(var(--vw) * 36 / 375 * 100);
    max-height: 100%;
  }
}

.info_link {
  color: #009DFF;
  position: relative;
  padding-bottom: 0.25em;
  background: linear-gradient(#009DFF, #785A5A) 0 100%/0 1px no-repeat;
  transition: background 0.4s;
  text-decoration: none;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
.info_link:hover {
  background-size: 100% 1px;
}
@media screen and (min-width: 1240px) {
  .info_link {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .info_link {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .info_link {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.info_link:before {
  display: inline-block;
  content: "";
  width: calc(var(--vw) * 21 / 1240 * 100);
  max-width: 21px;
  height: calc(var(--vw) * 21 / 1240 * 100);
  max-height: 21px;
  background: url(../img/common/info.svg) 0 0/cover no-repeat;
  position: relative;
  top: 0.3em;
  margin-right: 0.5em;
}
@media screen and (max-width: 767.98px) {
  .info_link:before {
    width: calc(var(--vw) * 21 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .info_link:before {
    height: calc(var(--vw) * 21 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .info_link:before {
    width: calc(var(--vw) * 14 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .info_link:before {
    height: calc(var(--vw) * 14 / 375 * 100);
    max-height: 100%;
  }
}

.plus_link {
  color: #009DFF;
  position: relative;
  padding-bottom: 0.25em;
  background: linear-gradient(#009DFF, #785A5A) 0 100%/0 1px no-repeat;
  transition: background 0.4s;
  text-decoration: none;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
.plus_link:hover {
  background-size: 100% 1px;
}
@media screen and (min-width: 1240px) {
  .plus_link {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .plus_link {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .plus_link {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.plus_link:before {
  display: inline-block;
  content: "";
  width: calc(var(--vw) * 21 / 1240 * 100);
  max-width: 21px;
  height: calc(var(--vw) * 21 / 1240 * 100);
  max-height: 21px;
  background: url(../img/common/plus.svg) 0 0/cover no-repeat;
  position: relative;
  top: 0.3em;
  margin-right: 0.5em;
}
@media screen and (max-width: 767.98px) {
  .plus_link:before {
    width: calc(var(--vw) * 21 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .plus_link:before {
    height: calc(var(--vw) * 21 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .plus_link:before {
    width: calc(var(--vw) * 14 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .plus_link:before {
    height: calc(var(--vw) * 14 / 375 * 100);
    max-height: 100%;
  }
}

.txt_link {
  color: #009DFF;
  position: relative;
  padding-bottom: 0.25em;
  background: linear-gradient(#009DFF, #785A5A) 0 100%/0 1px no-repeat;
  transition: background 0.4s;
  text-decoration: none;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
.txt_link:hover {
  background-size: 100% 1px;
}
@media screen and (min-width: 1240px) {
  .txt_link {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .txt_link {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .txt_link {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}

.form_style01 label {
  display: flex;
  align-items: center;
  gap: 0 0.5em;
  position: relative;
  cursor: pointer;
}
.form_style01 label:before, .form_style01 label.selected::after {
  border-radius: 50%;
  content: "";
}
.form_style01 label:before {
  width: calc(var(--vw) * 18 / 1240 * 100);
  max-width: 18px;
  height: calc(var(--vw) * 18 / 1240 * 100);
  max-height: 18px;
  background-color: #fff;
  border: 2px solid #BABABA;
  box-sizing: border-box;
}
@media screen and (max-width: 767.98px) {
  .form_style01 label:before {
    width: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 label:before {
    height: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 label:before {
    max-width: none;
    max-height: none;
  }
}
.form_style01 label.selected::before {
  border: 2px solid #BABABA;
}
.form_style01 label.selected::after {
  position: absolute;
  top: 50%;
  left: calc(var(--vw) * 9 / 1240 * 100);
  transform: translate(-50%, -50%);
  width: calc(var(--vw) * 8 / 1240 * 100);
  max-width: 8px;
  height: calc(var(--vw) * 8 / 1240 * 100);
  max-height: 8px;
  background-color: #f1be48;
  animation: anim-radio-001 0.3s linear;
}
@media screen and (min-width: 1240px) {
  .form_style01 label.selected::after {
    left: 9px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 label.selected::after {
    left: calc(var(--vw) * 9 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 label.selected::after {
    width: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 label.selected::after {
    height: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 label.selected::after {
    max-width: none;
    max-height: none;
  }
}
.form_style01 label.howto_label.selected {
  border: 1px solid #000;
}
.form_style01 label.error {
  color: red;
  cursor: auto;
}
.form_style01 label.error:before {
  content: none;
}
.form_style01 label.ch_label {
  display: inline-block;
}
.form_style01 label.ch_label:before, .form_style01 label.ch_label:after {
  content: none;
}
@keyframes anim-radio-001 {
  0% {
    box-shadow: 0 0 0 1px transparent;
  }
  50% {
    box-shadow: 0 0 0 10px rgba(241, 190, 72, 0.2);
  }
  100% {
    box-shadow: 0 0 0 10px transparent;
  }
}
.form_style01 input[type=checkbox].checkbox {
  position: static;
  display: inline;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  opacity: 1;
  width: auto;
  height: auto;
}
.form_style01 input[type=number].number {
  display: block;
  background: #F8F8F8;
  border: 1px solid #EDEDED;
  padding: calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  border-radius: calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .form_style01 input[type=number].number {
    padding: 6px 10px 6px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 input[type=number].number {
    padding: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .form_style01 input[type=number].number {
    border-radius: 8px 8px 8px 8px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 input[type=number].number {
    border-radius: calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100);
  }
}
.form_style01 input[type=number].number:focus {
  outline: 2px solid #F1BE48;
}
.form_style01 input[type=email].email {
  display: block;
  background: #F8F8F8;
  border: 1px solid #EDEDED;
  padding: calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  border-radius: calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .form_style01 input[type=email].email {
    padding: 6px 10px 6px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 input[type=email].email {
    padding: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .form_style01 input[type=email].email {
    border-radius: 8px 8px 8px 8px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 input[type=email].email {
    border-radius: calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100);
  }
}
.form_style01 input[type=email].email:focus {
  outline: 2px solid #F1BE48;
}
.form_style01 textarea.textarea {
  display: block;
  background: #F8F8F8;
  border: 1px solid #EDEDED;
  padding: calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  border-radius: calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .form_style01 textarea.textarea {
    padding: 6px 10px 6px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 textarea.textarea {
    padding: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .form_style01 textarea.textarea {
    border-radius: 8px 8px 8px 8px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 textarea.textarea {
    border-radius: calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100);
  }
}
.form_style01 textarea.textarea:focus {
  outline: 2px solid #F1BE48;
}
.form_style01 .password_wrap {
  position: relative;
}
.form_style01 .password_wrap span.pass_vis {
  display: inline-block;
  width: calc(var(--vw) * 22 / 1240 * 100);
  max-width: 22px;
  height: calc(var(--vw) * 15.3 / 1240 * 100);
  max-height: 15.3px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.8em;
  background: url(../img/common/password02.svg) 0 0/contain no-repeat;
  z-index: 1;
}
@media screen and (max-width: 767.98px) {
  .form_style01 .password_wrap span.pass_vis {
    width: calc(var(--vw) * 22 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .password_wrap span.pass_vis {
    height: calc(var(--vw) * 15.3 / 375 * 100);
  }
}
.form_style01 .password_wrap span.pass_vis.active {
  width: calc(var(--vw) * 22 / 1240 * 100);
  max-width: 22px;
  height: calc(var(--vw) * 11.4 / 1240 * 100);
  max-height: 11.4px;
  background: url(../img/common/password01.svg) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  .form_style01 .password_wrap span.pass_vis.active {
    width: calc(var(--vw) * 22 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .password_wrap span.pass_vis.active {
    height: calc(var(--vw) * 11.4 / 375 * 100);
  }
}
.form_style01 input[type=password].password {
  display: block;
  background: #F8F8F8;
  border: 1px solid #EDEDED;
  padding: calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  border-radius: calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .form_style01 input[type=password].password {
    padding: 6px 10px 6px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 input[type=password].password {
    padding: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .form_style01 input[type=password].password {
    border-radius: 8px 8px 8px 8px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 input[type=password].password {
    border-radius: calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100);
  }
}
.form_style01 input[type=password].password:focus {
  outline: 2px solid #F1BE48;
}
.form_style01 input[type=text] {
  display: block;
  background: #F8F8F8;
  border: 1px solid #EDEDED;
  padding: calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  border-radius: calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .form_style01 input[type=text] {
    padding: 6px 10px 6px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 input[type=text] {
    padding: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .form_style01 input[type=text] {
    border-radius: 8px 8px 8px 8px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 input[type=text] {
    border-radius: calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100);
  }
}
.form_style01 input[type=text]:focus {
  outline: 2px solid #F1BE48;
}
.form_style01 .pcode {
  width: calc(var(--vw) * 110 / 1240 * 100);
  max-width: 110px;
}
@media screen and (max-width: 767.98px) {
  .form_style01 .pcode {
    width: calc(var(--vw) * 110 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .pcode {
    width: calc(var(--vw) * 100 / 375 * 100);
    max-width: 100%;
  }
}
.form_style01 .telnumber {
  width: calc(var(--vw) * 149 / 1240 * 100);
  max-width: 149px;
}
@media screen and (max-width: 767.98px) {
  .form_style01 .telnumber {
    width: calc(var(--vw) * 149 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .telnumber {
    width: calc(var(--vw) * 120 / 375 * 100);
    max-width: 100%;
  }
}
.form_style01 .select_div {
  position: relative;
  display: table;
}
.form_style01 .select_div select {
  background: #F8F8F8;
  border: 1px solid #EDEDED;
  padding: calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 45 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  border-radius: calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .form_style01 .select_div select {
    padding: 6px 45px 6px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div select {
    padding: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 45 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .form_style01 .select_div select {
    border-radius: 8px 8px 8px 8px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div select {
    border-radius: calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100);
  }
}
.form_style01 .select_div:after {
  content: "";
  pointer-events: none;
  display: inline-block;
  width: calc(var(--vw) * 10 / 1240 * 100);
  max-width: 10px;
  height: calc(var(--vw) * 10 / 1240 * 100);
  max-height: 10px;
  border-top: 1px solid #3B2B2F;
  border-left: 1px solid #3B2B2F;
  position: absolute;
  top: 50%;
  right: calc(var(--vw) * 16 / 1240 * 100);
  transform: translateY(-75%) rotate(-135deg);
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div:after {
    width: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div:after {
    height: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div:after {
    width: calc(var(--vw) * 5 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div:after {
    height: calc(var(--vw) * 5 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .form_style01 .select_div:after {
    right: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div:after {
    right: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div:after {
    right: calc(var(--vw) * 8 / 375 * 100);
  }
}
.form_style01 .select_div02 {
  position: relative;
  display: table;
}
.form_style01 .select_div02 select {
  background: #fff;
  border: 1px solid #B9B9B9;
  padding: calc(var(--vw) * 3 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 3 / 1240 * 100) calc(var(--vw) * 14 / 1240 * 100);
  border-radius: calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .form_style01 .select_div02 select {
    padding: 3px 40px 3px 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div02 select {
    padding: calc(var(--vw) * 3 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 3 / 375 * 100) calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div02 select {
    padding: calc(var(--vw) * 3 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 3 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .form_style01 .select_div02 select {
    border-radius: 8px 8px 8px 8px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div02 select {
    border-radius: calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100);
  }
}
.form_style01 .select_div02:after {
  content: "";
  pointer-events: none;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.8px 4.5px 0 4.5px;
  border-color: #b9b9b9 transparent transparent transparent;
  position: absolute;
  top: 50%;
  right: calc(var(--vw) * 10 / 1240 * 100);
  transform: translateY(-50%);
}
@media screen and (min-width: 1240px) {
  .form_style01 .select_div02:after {
    right: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div02:after {
    right: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div02:after {
    right: calc(var(--vw) * 8 / 375 * 100);
  }
}
.form_style01 .select_div03 {
  position: relative;
  display: table;
}
.form_style01 .select_div03 select {
  color: #5B3427;
  background: #F4E7DB;
  border: 1px solid #AA8066;
  padding: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 45 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  border-radius: calc(var(--vw) * 25 / 1240 * 100) calc(var(--vw) * 25 / 1240 * 100) calc(var(--vw) * 25 / 1240 * 100) calc(var(--vw) * 25 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .form_style01 .select_div03 select {
    padding: 10px 45px 10px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div03 select {
    padding: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 45 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div03 select {
    padding: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 45 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .form_style01 .select_div03 select {
    border-radius: 25px 25px 25px 25px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div03 select {
    border-radius: calc(var(--vw) * 25 / 375 * 100) calc(var(--vw) * 25 / 375 * 100) calc(var(--vw) * 25 / 375 * 100) calc(var(--vw) * 25 / 375 * 100);
  }
}
.form_style01 .select_div03:after {
  content: "";
  pointer-events: none;
  display: inline-block;
  width: calc(var(--vw) * 10 / 1240 * 100);
  max-width: 10px;
  height: calc(var(--vw) * 10 / 1240 * 100);
  max-height: 10px;
  border-top: 1px solid #5B3427;
  border-left: 1px solid #5B3427;
  position: absolute;
  top: 50%;
  right: calc(var(--vw) * 16 / 1240 * 100);
  transform: translateY(-75%) rotate(-135deg);
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div03:after {
    width: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div03:after {
    height: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div03:after {
    width: calc(var(--vw) * 5 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div03:after {
    height: calc(var(--vw) * 5 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .form_style01 .select_div03:after {
    right: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div03:after {
    right: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_style01 .select_div03:after {
    right: calc(var(--vw) * 8 / 375 * 100);
  }
}

.form_list01 > li {
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 1%;
  border-bottom: 1px solid #EDEDED;
  padding: calc(var(--vw) * 24 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 24 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .form_list01 > li {
    padding: 24px 0px 24px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_list01 > li {
    padding: calc(var(--vw) * 24 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 24 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_list01 > li {
    padding: calc(var(--vw) * 18 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 18 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.form_list01 > li:first-child {
  border-top: 1px solid #EDEDED;
}
@media screen and (max-width: 767.98px) {
  .form_list01 > li {
    flex-direction: column;
    align-items: flex-start;
  }
  .form_list01 > li.spflex {
    flex-direction: row;
  }
  .form_list01 > li.spflex .c_l {
    width: 40%;
  }
  .form_list01 > li.spflex .c_r {
    width: 59%;
  }
}

.login_list01 > li {
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 1%;
  padding: calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .login_list01 > li {
    padding: 8px 0px 8px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .login_list01 > li {
    padding: calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .login_list01 > li {
    padding: calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .login_list01 > li {
    flex-direction: column;
    align-items: flex-start;
  }
}
.login_list01 > li .c_l {
  width: calc(var(--vw) * 140 / 1240 * 100);
  max-width: 140px;
}
@media screen and (max-width: 767.98px) {
  .login_list01 > li .c_l {
    width: calc(var(--vw) * 140 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .login_list01 > li .c_l {
    width: 100%;
    max-width: none;
  }
}
.login_list01 > li .c_r {
  width: calc(var(--vw) * 800 / 1240 * 100);
  max-width: 800px;
}
@media screen and (max-width: 767.98px) {
  .login_list01 > li .c_r {
    width: calc(var(--vw) * 800 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .login_list01 > li .c_r {
    width: 100%;
    max-width: none;
  }
}
.login_list01 > li .c_r input {
  width: 100%;
}

.set_btn {
  margin-top: calc(var(--vw) * 10 / 1240 * 100);
  position: relative;
}
@media screen and (min-width: 1240px) {
  .set_btn {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .set_btn {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
.set_btn .fake {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.set_btn label {
  cursor: default;
}
.set_btn label input {
  display: none !important;
}
.set_btn label input:disabled + span {
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
}
.set_btn label input:checked + span {
  background: #F4E7DB;
}
.set_btn label span {
  cursor: pointer;
  display: block;
  text-align: center;
  font-weight: 600;
  padding: 0.6em 0;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  border: 1px solid #A79C99;
  border-radius: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .set_btn label span {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .set_btn label span {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .set_btn label span {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .set_btn label span {
    border-radius: 30px 30px 30px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .set_btn label span {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}

.myp_ttl01 {
  font-size: calc(var(--vw) * 40 / 1240 * 100);
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  .myp_ttl01 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttl01 {
    font-size: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttl01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}

.myp_ttl02 {
  font-size: calc(var(--vw) * 30 / 1240 * 100);
  letter-spacing: 0.05em;
  font-weight: 600;
  padding-left: 0.5em;
  line-height: 1.3;
  border-left: 6px solid #5B3427;
}
@media screen and (min-width: 1240px) {
  .myp_ttl02 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttl02 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttl02 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}

.myp_ttl03 {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #fff;
  background: #AA8066;
  border-radius: calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100);
  padding: calc(var(--vw) * 14 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 14 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_ttl03 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttl03 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttl03 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_ttl03 {
    border-radius: 8px 8px 8px 8px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttl03 {
    border-radius: calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttl03 {
    border-radius: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_ttl03 {
    padding: 14px 30px 14px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttl03 {
    padding: calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttl03 {
    padding: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 17 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 17 / 375 * 100);
  }
}

.myp_ttl04 {
  font-size: calc(var(--vw) * 30 / 1240 * 100);
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 1240px) {
  .myp_ttl04 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttl04 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttl04 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}

.myp_ttl05 {
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 1240px) {
  .myp_ttl05 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttl05 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttl05 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}

.myp_ttl06 {
  font-size: calc(var(--vw) * 40 / 1240 * 100);
  letter-spacing: 0.1em;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 1240px) {
  .myp_ttl06 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttl06 {
    font-size: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttl06 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}

.d_ttl {
  font-weight: 600;
  font-size: calc(var(--vw) * 40 / 1240 * 100);
  margin-bottom: calc(var(--vw) * 60 / 1240 * 100);
  text-align: center;
  position: relative;
}
@media screen and (min-width: 1240px) {
  .d_ttl {
    font-size: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .d_ttl {
    font-size: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .d_ttl {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .d_ttl {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .d_ttl {
    margin-bottom: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .d_ttl {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
.d_ttl:before {
  content: "";
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  display: block;
  background: url(../img/common/keurig_mark.png) 0 0/contain no-repeat;
  margin: 0 auto 0.7em;
}
@media screen and (max-width: 767.98px) {
  .d_ttl:before {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .d_ttl:before {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
.d_ttl .attention {
  font-weight: 400;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  position: absolute;
  bottom: -2.4em;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 1240px) {
  .d_ttl .attention {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .d_ttl .attention {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .d_ttl .attention {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .d_ttl .attention {
    bottom: -1.5em;
  }
}

.myp_btn01 {
  position: relative;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  display: table;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
  letter-spacing: 0.05em;
  border-radius: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 70 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 70 / 1240 * 100);
  max-width: 100%;
  background: #F4E7DB;
  border: 1px solid #5B3427;
  transition: 0.4s;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .myp_btn01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01 {
    font-size: calc(var(--vw) * 13 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_btn01 {
    border-radius: 30px 30px 30px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01 {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_btn01 {
    padding: 20px 70px 20px 70px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01 {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 70 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 70 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01 {
    padding: calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 24 / 375 * 100) calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 24 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01 {
    min-width: calc(var(--vw) * 195 / 375 * 100);
  }
}
.myp_btn01:disabled {
  pointer-events: none;
  opacity: 0.6;
}
.myp_btn01.search_jouken {
  width: calc(var(--vw) * 368 / 1240 * 100);
  max-width: 368px;
  padding-left: calc(var(--vw) * 0 / 1240 * 100);
  padding-right: calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.search_jouken {
    width: calc(var(--vw) * 368 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.search_jouken {
    width: calc(var(--vw) * 235 / 375 * 100);
    max-width: 100%;
  }
}
#header .myp_btn01.search_jouken {
  max-width: none;
}
@media screen and (min-width: 1240px) {
  .myp_btn01.search_jouken {
    padding-left: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.search_jouken {
    padding-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_btn01.search_jouken {
    padding-right: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.search_jouken {
    padding-right: calc(var(--vw) * 0 / 375 * 100);
  }
}
.myp_btn01.search_jouken:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(var(--vw) * 22 / 1240 * 100);
  width: calc(var(--vw) * 20 / 1240 * 100);
  max-width: 20px;
  height: calc(var(--vw) * 18 / 1240 * 100);
  max-height: 18px;
}
@media screen and (min-width: 1240px) {
  .myp_btn01.search_jouken:after {
    left: 22px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.search_jouken:after {
    left: calc(var(--vw) * 22 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.search_jouken:after {
    width: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.search_jouken:after {
    height: calc(var(--vw) * 18 / 375 * 100);
  }
}
.myp_btn01.search_jouken:after {
  background: url(../img/common/search_jouken.png) 0 0/contain no-repeat;
}
.myp_btn01.search_ajiwai {
  width: calc(var(--vw) * 368 / 1240 * 100);
  max-width: 368px;
  padding-left: calc(var(--vw) * 0 / 1240 * 100);
  padding-right: calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.search_ajiwai {
    width: calc(var(--vw) * 368 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.search_ajiwai {
    width: calc(var(--vw) * 235 / 375 * 100);
    max-width: 100%;
  }
}
#header .myp_btn01.search_ajiwai {
  max-width: none;
}
@media screen and (min-width: 1240px) {
  .myp_btn01.search_ajiwai {
    padding-left: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.search_ajiwai {
    padding-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_btn01.search_ajiwai {
    padding-right: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.search_ajiwai {
    padding-right: calc(var(--vw) * 0 / 375 * 100);
  }
}
.myp_btn01.search_ajiwai:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(var(--vw) * 22 / 1240 * 100);
  width: calc(var(--vw) * 20 / 1240 * 100);
  max-width: 20px;
  height: calc(var(--vw) * 18 / 1240 * 100);
  max-height: 18px;
}
@media screen and (min-width: 1240px) {
  .myp_btn01.search_ajiwai:after {
    left: 22px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.search_ajiwai:after {
    left: calc(var(--vw) * 22 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.search_ajiwai:after {
    width: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.search_ajiwai:after {
    height: calc(var(--vw) * 18 / 375 * 100);
  }
}
.myp_btn01.search_ajiwai:after {
  background: url(../img/common/search_ajiwai.png) 0 0/contain no-repeat;
}
.myp_btn01.blank {
  width: calc(var(--vw) * 368 / 1240 * 100);
  max-width: 368px;
  padding-left: calc(var(--vw) * 0 / 1240 * 100);
  padding-right: calc(var(--vw) * 0 / 1240 * 100);
  border: 0;
  width: auto;
  min-width: calc(var(--vw) * 320 / 1240 * 100);
  padding-right: calc(var(--vw) * 18 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.blank {
    width: calc(var(--vw) * 368 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.blank {
    width: calc(var(--vw) * 235 / 375 * 100);
    max-width: 100%;
  }
}
#header .myp_btn01.blank {
  max-width: none;
}
@media screen and (min-width: 1240px) {
  .myp_btn01.blank {
    padding-left: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.blank {
    padding-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_btn01.blank {
    padding-right: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.blank {
    padding-right: calc(var(--vw) * 0 / 375 * 100);
  }
}
.myp_btn01.blank:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(var(--vw) * 22 / 1240 * 100);
  width: calc(var(--vw) * 20 / 1240 * 100);
  max-width: 20px;
  height: calc(var(--vw) * 18 / 1240 * 100);
  max-height: 18px;
}
@media screen and (min-width: 1240px) {
  .myp_btn01.blank:after {
    left: 22px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.blank:after {
    left: calc(var(--vw) * 22 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.blank:after {
    width: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.blank:after {
    height: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.blank {
    min-width: calc(var(--vw) * 320 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.blank {
    min-width: calc(var(--vw) * 253 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_btn01.blank {
    padding-right: 18px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.blank {
    padding-right: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.blank {
    padding-right: calc(var(--vw) * 18 / 375 * 100);
  }
}
.myp_btn01.blank:after {
  left: auto;
  right: calc(var(--vw) * 30 / 1240 * 100);
  background: url(../img/common/blank.png) 0 0/contain no-repeat;
}
@media screen and (min-width: 1240px) {
  .myp_btn01.blank:after {
    right: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.blank:after {
    right: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.blank:after {
    right: calc(var(--vw) * 24 / 375 * 100);
  }
}
.myp_btn01.arrow {
  min-width: calc(var(--vw) * 290 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.arrow {
    min-width: calc(var(--vw) * 290 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.arrow {
    min-width: calc(var(--vw) * 240 / 375 * 100);
  }
}
.myp_btn01.arrow:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: calc(var(--vw) * 8 / 1240 * 100);
  max-width: 8px;
  height: calc(var(--vw) * 8 / 1240 * 100);
  max-height: 8px;
  left: auto;
  right: calc(var(--vw) * 22 / 1240 * 100);
  border-top: 2px solid #5B3427;
  border-right: 2px solid #5B3427;
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.arrow:after {
    width: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.arrow:after {
    height: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_btn01.arrow:after {
    right: 22px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.arrow:after {
    right: calc(var(--vw) * 22 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.arrow:after {
    right: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.arrow:after {
    width: calc(var(--vw) * 6 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.arrow:after {
    height: calc(var(--vw) * 6 / 375 * 100);
    max-height: 100%;
  }
}
.myp_btn01:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.myp_btn01.long {
  width: calc(var(--vw) * 290 / 1240 * 100);
  max-width: 290px;
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.long {
    width: calc(var(--vw) * 290 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.long {
    width: calc(var(--vw) * 225 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .myp_btn01.long {
    padding: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.long {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.long {
    padding: calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 16 / 375 * 100);
  }
}
.myp_btn01.long2 {
  width: calc(var(--vw) * 450 / 1240 * 100);
  max-width: 450px;
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.long2 {
    width: calc(var(--vw) * 450 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.long2 {
    width: calc(var(--vw) * 225 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.sp_long {
    min-width: calc(var(--vw) * 300 / 375 * 100);
  }
}
.myp_btn01.btn_red {
  background: #AA2038;
  border: 0;
  color: #fff;
}
.myp_btn01.btn_red.blank:after {
  background: url(../img/common/blank_w.png) 0 0/contain no-repeat;
}
.myp_btn01.no_act {
  opacity: 0.7;
}
.myp_btn01.no_act:hover {
  opacity: 0.7;
}
.myp_btn01.plus_icon:before, .myp_btn01.plus_icon:after {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.4s;
  background: #5B3427;
  left: auto;
  top: 50%;
  width: calc(var(--vw) * 20 / 1240 * 100);
  max-width: 20px;
  height: calc(var(--vw) * 2 / 1240 * 100);
  max-height: 2px;
  transform: translate(0, -50%);
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.plus_icon:before, .myp_btn01.plus_icon:after {
    width: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.plus_icon:before, .myp_btn01.plus_icon:after {
    height: calc(var(--vw) * 2 / 375 * 100);
  }
}
.myp_btn01.plus_icon:before {
  transform: translate(0, -50%) rotate(90deg);
  right: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_btn01.plus_icon:before {
    right: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.plus_icon:before {
    right: calc(var(--vw) * 30 / 375 * 100);
  }
}
.myp_btn01.plus_icon:after {
  right: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_btn01.plus_icon:after {
    right: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01.plus_icon:after {
    right: calc(var(--vw) * 30 / 375 * 100);
  }
}
.myp_btn01.plus_icon.is-active span:before {
  transform: translate(0, -50%) rotate(0deg);
}
.myp_btn01 .sub {
  display: inline-block;
  margin-left: 1em;
  font-size: 84%;
}
@media screen and (max-width: 767.98px) {
  .myp_btn01 .sub {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn01 .sub {
    margin-left: 0;
  }
}

.myp_btn02 {
  position: relative;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  display: table;
  color: #5B3427;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
  letter-spacing: 0.05em;
  border-radius: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 70 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 70 / 1240 * 100);
  background: #fff;
  border: 1px solid #5B3427;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .myp_btn02 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn02 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn02 {
    font-size: calc(var(--vw) * 13 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_btn02 {
    border-radius: 30px 30px 30px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn02 {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_btn02 {
    padding: 20px 70px 20px 70px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn02 {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 70 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 70 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn02 {
    padding: calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 16 / 375 * 100);
  }
}
.myp_btn02.btn_red {
  background: #AA2038;
  border: 0;
  color: #fff;
}
.myp_btn02.no_act {
  opacity: 0.7;
}
.myp_btn02.no_act:hover {
  opacity: 0.7;
}
.myp_btn02:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.myp_btn02 .sub {
  display: inline-block;
  margin-left: 1em;
  font-size: 84%;
}
@media screen and (max-width: 767.98px) {
  .myp_btn02 .sub {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn02 .sub {
    margin-left: 0;
  }
}

.cart_btn {
  text-align: center;
  display: table;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  border-radius: calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100);
  background: #AA2038;
  color: #fff;
  padding: calc(var(--vw) * 12 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 12 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  width: 100%;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .cart_btn {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .cart_btn {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_btn {
    font-size: calc(var(--vw) * 11 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .cart_btn {
    border-radius: 6px 6px 6px 6px;
  }
}
@media screen and (max-width: 767.98px) {
  .cart_btn {
    border-radius: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .cart_btn {
    padding: 12px 0px 12px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .cart_btn {
    padding: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_btn {
    padding: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.cart_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.cart_btn.short {
  width: calc(var(--vw) * 290 / 1240 * 100);
  max-width: 290px;
}
@media screen and (max-width: 767.98px) {
  .cart_btn.short {
    width: calc(var(--vw) * 290 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_btn.short {
    width: calc(var(--vw) * 195 / 375 * 100);
    max-width: 100%;
  }
}
.cart_btn:disabled {
  pointer-events: none;
  opacity: 0.6;
}
.cart_btn.mark {
  padding: calc(var(--vw) * 16 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 16 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  font-size: calc(var(--vw) * 15 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .cart_btn.mark {
    padding: 16px 0px 16px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .cart_btn.mark {
    padding: calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_btn.mark {
    padding: calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.product_list .cart_btn.mark {
  padding: calc(var(--vw) * 12 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 12 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list .cart_btn.mark {
    padding: 12px 0px 12px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list .cart_btn.mark {
    padding: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list .cart_btn.mark {
    padding: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .cart_btn.mark {
    font-size: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .cart_btn.mark {
    font-size: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_btn.mark {
    font-size: calc(var(--vw) * 15 / 375 * 100);
  }
}
.cart_btn.mark span {
  position: relative;
  padding-left: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .cart_btn.mark span {
    padding-left: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .cart_btn.mark span {
    padding-left: calc(var(--vw) * 30 / 375 * 100);
  }
}
.cart_btn.mark span:before {
  content: "";
  display: inline-block;
  width: calc(var(--vw) * 20 / 1240 * 100);
  max-width: 20px;
  height: calc(var(--vw) * 18 / 1240 * 100);
  max-height: 18px;
  background: url(../img/common/cart.svg) 0 0/cover no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 767.98px) {
  .cart_btn.mark span:before {
    width: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_btn.mark span:before {
    height: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_btn.mark span:before {
    max-width: none;
    max-height: none;
  }
}

.line_btn {
  text-align: center;
  display: table;
  background: #06C755;
  color: #fff;
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  border-radius: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 50 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 50 / 1240 * 100);
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .line_btn {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .line_btn {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .line_btn {
    font-size: calc(var(--vw) * 13 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .line_btn {
    border-radius: 30px 30px 30px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .line_btn {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .line_btn {
    padding: 20px 50px 20px 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .line_btn {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .line_btn {
    padding: calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.line_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
@media screen and (max-width: 767.98px) {
  .line_btn {
    width: 100%;
    max-width: none;
  }
}
.line_btn.long {
  width: calc(var(--vw) * 290 / 1240 * 100);
  max-width: 290px;
}
@media screen and (max-width: 767.98px) {
  .line_btn.long {
    width: calc(var(--vw) * 290 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .line_btn.long {
    width: calc(var(--vw) * 225 / 375 * 100);
    max-width: 100%;
  }
}

#attention {
  color: red;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  margin-bottom: calc(var(--vw) * 5 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  #attention {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  #attention {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #attention {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #attention {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767.98px) {
  #attention {
    margin-bottom: calc(var(--vw) * 5 / 375 * 100);
  }
}

@media screen and (min-width: 1240px) {
  .plist_wrap {
    margin: 0 calc(50% - var(--vw) * 50);
  }
  .plist_wrap.shrink {
    margin: 0 auto;
  }
  .plist_wrap.shrink .product_list {
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .plist_wrap.shrink .product_list.column6 li {
    width: 16.6666%;
  }
  .plist_wrap.shrink .product_list.column4 li {
    width: 25%;
  }
}
.plist_wrap .ttl_wrap {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1240px) {
  .plist_wrap .ttl_wrap {
    max-width: none;
    margin-right: calc(var(--vw) * 40 / 1240 * 100);
    margin-left: calc(var(--vw) * 40 / 1240 * 100);
  }
}
@media screen and (min-width: 1240px) and (min-width: 1240px) {
  .plist_wrap .ttl_wrap {
    margin-right: 40px;
  }
}
@media screen and (min-width: 1240px) and (max-width: 767.98px) {
  .plist_wrap .ttl_wrap {
    margin-right: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) and (min-width: 1240px) {
  .plist_wrap .ttl_wrap {
    margin-left: 40px;
  }
}
@media screen and (min-width: 1240px) and (max-width: 767.98px) {
  .plist_wrap .ttl_wrap {
    margin-left: calc(var(--vw) * 40 / 375 * 100);
  }
}

.product_list {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767.98px) {
  .product_list.column3 {
    margin: 0 calc(50% - var(--vw) * 50);
    width: calc(var(--vw) * 375 / 1240 * 100);
    max-width: 375px;
    max-width: none;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .product_list.column3 {
    width: calc(var(--vw) * 375 / 375 * 100);
  }
}
.product_list.column3 li {
  width: 33.333333%;
}
@media screen and (max-width: 767.98px) {
  .product_list.column3 li {
    width: 33.33333%;
    padding: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  .product_list.column3 li {
    padding: 10px 10px 10px 10px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .product_list.column3 li {
    padding: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list.column3 li .txt {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list.column6 {
    margin: 0 calc(50% - var(--vw) * 50);
    width: calc(var(--vw) * 375 / 1240 * 100);
    max-width: 375px;
    max-width: none;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .product_list.column6 {
    width: calc(var(--vw) * 375 / 375 * 100);
  }
}
.product_list.column6 li {
  width: 16.6666%;
}
@media screen and (max-width: 767.98px) {
  .product_list.column6 li {
    width: 33.33333%;
    padding: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  .product_list.column6 li {
    padding: 10px 10px 10px 10px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .product_list.column6 li {
    padding: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list.column6 li .txt {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
.product_list#choice .p_name {
  margin-bottom: 0;
}
@media screen and (min-width: 1240px) {
  .product_list.column4 {
    display: grid;
    grid-template-columns: repeat(auto-fit, 308px);
    justify-content: center;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list.column4 {
    margin: 0 calc(50% - var(--vw) * 50);
    width: calc(var(--vw) * 375 / 1240 * 100);
    max-width: 375px;
    max-width: none;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .product_list.column4 {
    width: calc(var(--vw) * 375 / 375 * 100);
  }
}
.product_list.column4 li {
  width: 25%;
}
@media screen and (min-width: 1240px) {
  .product_list.column4 li {
    width: auto;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list.column4 li {
    width: 33.33333%;
    padding: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  .product_list.column4 li {
    padding: 10px 10px 10px 10px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .product_list.column4 li {
    padding: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list.column4 li .txt {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
.product_list li {
  margin-top: -1px;
  margin-left: -1px;
  width: 16.6666%;
  padding: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
  border: 1px solid #EDEDED;
  transition: background-color 0.4s;
  position: relative;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1240px) {
  .product_list li {
    padding: 30px 30px 30px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
.product_list li input {
  display: block;
}
.product_list li .new {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.product_list li .new:before {
  content: "";
  width: calc(var(--vw) * 40 / 1240 * 100);
  max-width: 40px;
  height: calc(var(--vw) * 21 / 1240 * 100);
  max-height: 21px;
  display: inline-block;
  background: url(../img/common/label_new.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  .product_list li .new:before {
    width: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new:before {
    width: calc(var(--vw) * 40 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new:before {
    height: calc(var(--vw) * 21 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new:before {
    height: calc(var(--vw) * 15 / 375 * 100);
    max-height: 100%;
  }
}
.product_list li .new + .limited {
  left: calc(var(--vw) * 41 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .new + .limited {
    left: 41px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .limited {
    left: calc(var(--vw) * 41 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .limited {
    left: calc(var(--vw) * 27.5 / 375 * 100);
  }
}
.product_list li .new + .limited + .premium {
  left: calc(var(--vw) * 102 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .new + .limited + .premium {
    left: 102px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .limited + .premium {
    left: calc(var(--vw) * 102 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .limited + .premium {
    left: calc(var(--vw) * 70.5 / 375 * 100);
  }
}
.product_list li .new + .limited + .tokuten {
  left: calc(var(--vw) * 102 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .new + .limited + .tokuten {
    left: 102px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .limited + .tokuten {
    left: calc(var(--vw) * 102 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .limited + .tokuten {
    left: calc(var(--vw) * 70.5 / 375 * 100);
  }
}
.product_list li .new + .seasonlimited {
  left: calc(var(--vw) * 41 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .new + .seasonlimited {
    left: 41px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .seasonlimited {
    left: calc(var(--vw) * 41 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .seasonlimited {
    left: calc(var(--vw) * 27 / 375 * 100);
  }
}
.product_list li .new + .seasonlimited + .premium {
  left: calc(var(--vw) * 102 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .new + .seasonlimited + .premium {
    left: 102px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .seasonlimited + .premium {
    left: calc(var(--vw) * 102 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .seasonlimited + .premium {
    left: calc(var(--vw) * 70 / 375 * 100);
  }
}
.product_list li .new + .seasonlimited + .tokuten {
  left: calc(var(--vw) * 102 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .new + .seasonlimited + .tokuten {
    left: 102px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .seasonlimited + .tokuten {
    left: calc(var(--vw) * 102 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .seasonlimited + .tokuten {
    left: calc(var(--vw) * 70.5 / 375 * 100);
  }
}
.product_list li .new + .tokuten {
  left: calc(var(--vw) * 41 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .new + .tokuten {
    left: 41px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .tokuten {
    left: calc(var(--vw) * 41 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .tokuten {
    left: calc(var(--vw) * 27 / 375 * 100);
  }
}
.product_list li .new + .tokuten + .premium {
  left: calc(var(--vw) * 78 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .new + .tokuten + .premium {
    left: 78px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .tokuten + .premium {
    left: calc(var(--vw) * 78 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .tokuten + .premium {
    left: calc(var(--vw) * 51 / 375 * 100);
  }
}
.product_list li .new + .premium {
  left: calc(var(--vw) * 41 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .new + .premium {
    left: 41px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .premium {
    left: calc(var(--vw) * 41 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .premium {
    left: calc(var(--vw) * 27.5 / 375 * 100);
  }
}
.product_list li .new + .premium + .tokuten {
  left: calc(var(--vw) * 98 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .new + .premium + .tokuten {
    left: 98px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .premium + .tokuten {
    left: calc(var(--vw) * 98 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .premium + .tokuten {
    left: calc(var(--vw) * 70.5 / 375 * 100);
  }
}
.product_list li .new + .premium + .seasonlimited {
  left: calc(var(--vw) * 96 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .new + .premium + .seasonlimited {
    left: 96px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .premium + .seasonlimited {
    left: calc(var(--vw) * 96 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .new + .premium + .seasonlimited {
    left: calc(var(--vw) * 66 / 375 * 100);
  }
}
.product_list li .limited {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.product_list li .limited:before {
  content: "";
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 21 / 1240 * 100);
  max-height: 21px;
  display: inline-block;
  background: url(../img/common/label_limited.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  .product_list li .limited:before {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .limited:before {
    width: calc(var(--vw) * 43 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .limited:before {
    height: calc(var(--vw) * 21 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .limited:before {
    height: calc(var(--vw) * 15 / 375 * 100);
    max-height: 100%;
  }
}
.product_list li .limited + .premium {
  left: calc(var(--vw) * 61 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .limited + .premium {
    left: 61px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .limited + .premium {
    left: calc(var(--vw) * 61 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .limited + .premium {
    left: calc(var(--vw) * 70.5 / 375 * 100);
  }
}
.product_list li .limited + .tokuten {
  left: calc(var(--vw) * 61 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .limited + .tokuten {
    left: 61px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .limited + .tokuten {
    left: calc(var(--vw) * 61 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .limited + .tokuten {
    left: calc(var(--vw) * 70.5 / 375 * 100);
  }
}
.product_list li .seasonlimited {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.product_list li .seasonlimited:before {
  content: "";
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 21 / 1240 * 100);
  max-height: 21px;
  display: inline-block;
  background: url(../img/common/label_seasonlimited.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  .product_list li .seasonlimited:before {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .seasonlimited:before {
    width: calc(var(--vw) * 43 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .seasonlimited:before {
    height: calc(var(--vw) * 21 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .seasonlimited:before {
    height: calc(var(--vw) * 15 / 375 * 100);
    max-height: 100%;
  }
}
.product_list li .seasonlimited + .premium {
  left: calc(var(--vw) * 61 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .seasonlimited + .premium {
    left: 61px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .seasonlimited + .premium {
    left: calc(var(--vw) * 61 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .seasonlimited + .premium {
    left: calc(var(--vw) * 42 / 375 * 100);
  }
}
.product_list li .seasonlimited + .premium + .new {
  left: calc(var(--vw) * 115 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .seasonlimited + .premium + .new {
    left: 115px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .seasonlimited + .premium + .new {
    left: calc(var(--vw) * 115 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .seasonlimited + .premium + .new {
    left: calc(var(--vw) * 80 / 375 * 100);
  }
}
.product_list li .seasonlimited + .tokuten {
  left: calc(var(--vw) * 61 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .seasonlimited + .tokuten {
    left: 61px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .seasonlimited + .tokuten {
    left: calc(var(--vw) * 61 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .seasonlimited + .tokuten {
    left: calc(var(--vw) * 42 / 375 * 100);
  }
}
.product_list li .seasonlimited + .tokuten + .new {
  left: calc(var(--vw) * 98 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .seasonlimited + .tokuten + .new {
    left: 98px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .seasonlimited + .tokuten + .new {
    left: calc(var(--vw) * 98 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .seasonlimited + .tokuten + .new {
    left: calc(var(--vw) * 67 / 375 * 100);
  }
}
.product_list li .seasonlimited + .new {
  left: calc(var(--vw) * 61 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .seasonlimited + .new {
    left: 61px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .seasonlimited + .new {
    left: calc(var(--vw) * 61 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .seasonlimited + .new {
    left: calc(var(--vw) * 42 / 375 * 100);
  }
}
.product_list li .seasonlimited + .new + .premium {
  left: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .seasonlimited + .new + .premium {
    left: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .seasonlimited + .new + .premium {
    left: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .seasonlimited + .new + .premium {
    left: calc(var(--vw) * 70.5 / 375 * 100);
  }
}
.product_list li .premium {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.product_list li .premium:before {
  content: "";
  width: calc(var(--vw) * 54 / 1240 * 100);
  max-width: 54px;
  height: calc(var(--vw) * 21 / 1240 * 100);
  max-height: 21px;
  display: inline-block;
  background: url(../img/common/label_premium.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium:before {
    width: calc(var(--vw) * 54 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium:before {
    width: calc(var(--vw) * 39 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium:before {
    height: calc(var(--vw) * 21 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium:before {
    height: calc(var(--vw) * 15 / 375 * 100);
    max-height: 100%;
  }
}
.product_list li .premium + .tokuten {
  left: calc(var(--vw) * 54 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .premium + .tokuten {
    left: 54px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium + .tokuten {
    left: calc(var(--vw) * 54 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium + .tokuten {
    left: calc(var(--vw) * 39 / 375 * 100);
  }
}
.product_list li .premium + .tokuten + .new {
  left: calc(var(--vw) * 90 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .premium + .tokuten + .new {
    left: 90px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium + .tokuten + .new {
    left: calc(var(--vw) * 90 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium + .tokuten + .new {
    left: calc(var(--vw) * 64 / 375 * 100);
  }
}
.product_list li .premium + .new {
  left: calc(var(--vw) * 54 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .premium + .new {
    left: 54px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium + .new {
    left: calc(var(--vw) * 54 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium + .new {
    left: calc(var(--vw) * 39 / 375 * 100);
  }
}
.product_list li .premium + .new + .tokuten {
  left: calc(var(--vw) * 92 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .premium + .new + .tokuten {
    left: 92px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium + .new + .tokuten {
    left: calc(var(--vw) * 92 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium + .new + .tokuten {
    left: calc(var(--vw) * 67 / 375 * 100);
  }
}
.product_list li .premium + .seasonlimited {
  left: calc(var(--vw) * 54 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .premium + .seasonlimited {
    left: 54px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium + .seasonlimited {
    left: calc(var(--vw) * 54 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium + .seasonlimited {
    left: calc(var(--vw) * 39 / 375 * 100);
  }
}
.product_list li .premium + .seasonlimited + .tokuten {
  left: calc(var(--vw) * 114 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .premium + .seasonlimited + .tokuten {
    left: 114px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium + .seasonlimited + .tokuten {
    left: calc(var(--vw) * 114 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium + .seasonlimited + .tokuten {
    left: calc(var(--vw) * 82 / 375 * 100);
  }
}
.product_list li .premium + .seasonlimited + .new {
  left: calc(var(--vw) * 114 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .premium + .seasonlimited + .new {
    left: 114px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium + .seasonlimited + .new {
    left: calc(var(--vw) * 114 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .premium + .seasonlimited + .new {
    left: calc(var(--vw) * 82 / 375 * 100);
  }
}
.product_list li .tokuten {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.product_list li .tokuten:before {
  content: "";
  width: calc(var(--vw) * 36 / 1240 * 100);
  max-width: 36px;
  height: calc(var(--vw) * 21 / 1240 * 100);
  max-height: 21px;
  display: inline-block;
  background: url(../img/common/label_tokuten.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  .product_list li .tokuten:before {
    width: calc(var(--vw) * 36 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .tokuten:before {
    width: calc(var(--vw) * 25 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .tokuten:before {
    height: calc(var(--vw) * 21 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .tokuten:before {
    height: calc(var(--vw) * 15 / 375 * 100);
    max-height: 100%;
  }
}
.product_list li .tokuten + .premium {
  left: calc(var(--vw) * 36 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .tokuten + .premium {
    left: 36px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .tokuten + .premium {
    left: calc(var(--vw) * 36 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .tokuten + .premium {
    left: calc(var(--vw) * 25 / 375 * 100);
  }
}
.product_list li .tokuten + .premium + .new {
  left: calc(var(--vw) * 90 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .tokuten + .premium + .new {
    left: 90px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .tokuten + .premium + .new {
    left: calc(var(--vw) * 90 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .tokuten + .premium + .new {
    left: calc(var(--vw) * 64 / 375 * 100);
  }
}
.product_list li .tokuten + .new {
  left: calc(var(--vw) * 36 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .tokuten + .new {
    left: 36px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .tokuten + .new {
    left: calc(var(--vw) * 36 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .tokuten + .new {
    left: calc(var(--vw) * 25 / 375 * 100);
  }
}
.product_list li .tokuten + .new + .premium {
  left: calc(var(--vw) * 76 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .tokuten + .new + .premium {
    left: 76px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .tokuten + .new + .premium {
    left: calc(var(--vw) * 76 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .tokuten + .new + .premium {
    left: calc(var(--vw) * 51 / 375 * 100);
  }
}
.product_list li:after {
  content: "";
  display: block;
  clear: both;
}
.product_list li.active {
  transition: background-color 0.4s;
  background: #F4E7DB;
}
.product_list li .img {
  line-height: 1;
  position: relative;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
.product_list li .img .delete_btn {
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: calc(var(--vw) * -12 / 1240 * 100);
  right: calc(var(--vw) * -12 / 1240 * 100);
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .product_list li .img .delete_btn {
    top: -12px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .img .delete_btn {
    top: calc(var(--vw) * -12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .product_list li .img .delete_btn {
    right: -12px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .img .delete_btn {
    right: calc(var(--vw) * -12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .img .delete_btn {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .img .delete_btn {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .img .delete_btn {
    width: calc(var(--vw) * 40 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .img .delete_btn {
    height: calc(var(--vw) * 40 / 375 * 100);
    max-height: 100%;
  }
}
.product_list li .img .delete_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.product_list li .img .delete_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../img/mypage/delete.png) 0 0/contain no-repeat;
}
.product_list li .img .zoom_btn {
  cursor: pointer;
  position: absolute;
  bottom: calc(var(--vw) * -5 / 1240 * 100);
  right: calc(var(--vw) * 0 / 1240 * 100);
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .product_list li .img .zoom_btn {
    bottom: -5px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .img .zoom_btn {
    bottom: calc(var(--vw) * -5 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .product_list li .img .zoom_btn {
    right: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .img .zoom_btn {
    right: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .img .zoom_btn {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .img .zoom_btn {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .img .zoom_btn {
    width: calc(var(--vw) * 40 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .img .zoom_btn {
    height: calc(var(--vw) * 40 / 375 * 100);
    max-height: 100%;
  }
}
.product_list li .img .zoom_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.product_list li .img .zoom_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../img/common/zoom.png) 0 0/cover no-repeat;
}
.product_list li .img a {
  display: block;
  transition: opacity 0.4s;
  opacity: 1;
}
.product_list li .img a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.product_list li .txt {
  margin-top: calc(var(--vw) * 28 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (min-width: 1240px) {
  .product_list li .txt {
    margin-top: 28px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .txt {
    margin-top: calc(var(--vw) * 28 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .txt {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
.product_list li .txt p {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  .product_list li .txt p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .txt p {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .txt p {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.product_list li .txt p.p_name {
  margin-top: calc(var(--vw) * 12 / 1240 * 100);
  margin-bottom: calc(var(--vw) * 12 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .txt p.p_name {
    margin-top: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .txt p.p_name {
    margin-top: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .txt p.p_name {
    margin-top: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .product_list li .txt p.p_name {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .txt p.p_name {
    margin-bottom: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .txt p.p_name {
    margin-bottom: calc(var(--vw) * 8 / 375 * 100);
  }
}
.product_list li .txt p.p_name + .set_btn {
  margin-top: 0;
}
.product_list li .txt p.price {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 400;
  margin-bottom: calc(var(--vw) * 14 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .txt p.price {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .txt p.price {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .txt p.price {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .product_list li .txt p.price {
    margin-bottom: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .txt p.price {
    margin-bottom: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .txt p.price {
    margin-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
.product_list li .txt form {
  margin-top: auto;
}
.product_list li .txt form + .btn {
  margin-top: calc(var(--vw) * 15 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .txt form + .btn {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .txt form + .btn {
    margin-top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .txt form + .btn {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
.product_list li .txt .quantity_box {
  margin-top: auto;
}
.product_list li .txt .quantity_box + .btn {
  margin-top: calc(var(--vw) * 15 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list li .txt .quantity_box + .btn {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .txt .quantity_box + .btn {
    margin-top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list li .txt .quantity_box + .btn {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
.product_list li .txt .btn {
  margin-top: auto;
}

.set_list li {
  position: relative;
}
.set_list li .set_hidden {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.cat_label {
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #582E2A;
  position: relative;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  gap: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .cat_label {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .cat_label {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cat_label {
    font-size: calc(var(--vw) * 9 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .cat_label {
    gap: 10px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .cat_label {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cat_label {
    gap: calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 5 / 375 * 100);
  }
}
.cat_label span {
  position: relative;
  width: calc(var(--vw) * 30 / 1240 * 100);
  max-width: 30px;
  height: calc(var(--vw) * 30 / 1240 * 100);
  max-height: 30px;
  display: inline-block;
}
@media screen and (max-width: 767.98px) {
  .cat_label span {
    width: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cat_label span {
    height: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cat_label span {
    width: calc(var(--vw) * 25 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .cat_label span {
    height: calc(var(--vw) * 25 / 375 * 100);
    max-height: 100%;
  }
}
.cat_label span:before {
  content: "";
  width: calc(var(--vw) * 30 / 1240 * 100);
  max-width: 30px;
  height: calc(var(--vw) * 30 / 1240 * 100);
  max-height: 30px;
  display: inline-block;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .cat_label span:before {
    width: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cat_label span:before {
    height: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cat_label span:before {
    width: calc(var(--vw) * 25 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .cat_label span:before {
    height: calc(var(--vw) * 25 / 375 * 100);
    max-height: 100%;
  }
}
.cat_label span.limited {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  font-size: calc(var(--vw) * 17 / 1240 * 100);
  line-height: 1;
  padding: 0.4em 0.6em;
  border-radius: calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100);
  background: #5B3427;
  color: #fff;
}
@media screen and (min-width: 1240px) {
  .cat_label span.limited {
    font-size: 17px;
  }
}
@media screen and (max-width: 767.98px) {
  .cat_label span.limited {
    font-size: calc(var(--vw) * 17 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cat_label span.limited {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .cat_label span.limited {
    border-radius: 6px 6px 6px 6px;
  }
}
@media screen and (max-width: 767.98px) {
  .cat_label span.limited {
    border-radius: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100);
  }
}
.cat_label span.limited:before {
  content: none;
}
.cat_label span.seasonlimited {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  font-size: calc(var(--vw) * 17 / 1240 * 100);
  line-height: 1;
  padding: 0.4em 0.6em;
  border-radius: calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100);
  background: #5B3427;
  color: #fff;
}
@media screen and (min-width: 1240px) {
  .cat_label span.seasonlimited {
    font-size: 17px;
  }
}
@media screen and (max-width: 767.98px) {
  .cat_label span.seasonlimited {
    font-size: calc(var(--vw) * 17 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cat_label span.seasonlimited {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .cat_label span.seasonlimited {
    border-radius: 6px 6px 6px 6px;
  }
}
@media screen and (max-width: 767.98px) {
  .cat_label span.seasonlimited {
    border-radius: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100);
  }
}
.cat_label span.seasonlimited:before {
  content: none;
}
.cat_label span.cat_coffee:before {
  background: url(../img/common/cat_coffee.png) 0 0/cover no-repeat;
}
.cat_label span.cat_tea:before {
  background: url(../img/common/cat_tea.png) 0 0/cover no-repeat;
}
.cat_label span.cat_gtea:before {
  background: url(../img/common/cat_gtea.png) 0 0/cover no-repeat;
}
.cat_label span.cat_txt {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
}

.quantity_box {
  margin-top: calc(var(--vw) * 14 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  border: 1px solid #A79C99;
  background: #fff;
  padding: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .quantity_box {
    margin-top: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .quantity_box {
    margin-top: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .quantity_box {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .quantity_box {
    padding: 0px 20px 0px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .quantity_box {
    padding: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .quantity_box {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .quantity_box {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
.quantity_box .hiku {
  display: block;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  font-weight: 600;
  cursor: pointer;
  width: calc(var(--vw) * 11 / 1240 * 100);
  max-width: 11px;
  background: url(../img/mypage/minus.svg) 0 center/100% auto no-repeat;
}
@media screen and (min-width: 1240px) {
  .quantity_box .hiku {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .quantity_box .hiku {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .quantity_box .hiku {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .quantity_box .hiku {
    width: calc(var(--vw) * 11 / 375 * 100);
  }
}
.quantity_box .tasu {
  display: block;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  font-weight: 600;
  cursor: pointer;
  width: calc(var(--vw) * 11 / 1240 * 100);
  max-width: 11px;
  background: url(../img/mypage/plus.svg) 0 center/100% auto no-repeat;
}
@media screen and (min-width: 1240px) {
  .quantity_box .tasu {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .quantity_box .tasu {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .quantity_box .tasu {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .quantity_box .tasu {
    width: calc(var(--vw) * 11 / 375 * 100);
  }
}
.quantity_box .quantity {
  width: 50%;
  pointer-events: none;
  text-align: center;
  font-size: calc(var(--vw) * 18 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .quantity_box .quantity {
    font-size: 18px;
  }
}
@media screen and (max-width: 767.98px) {
  .quantity_box .quantity {
    font-size: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .quantity_box .quantity {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}

.pagenation_wrap {
  margin-top: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .pagenation_wrap {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .pagenation_wrap {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
.pagenation_wrap .page-numbers {
  display: -ms-flex;
  display: flex;
  justify-content: center;
  gap: calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .pagenation_wrap .page-numbers {
    gap: 8px 8px;
  }
}
@media screen and (max-width: 767.98px) {
  .pagenation_wrap .page-numbers {
    gap: calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100);
  }
}
.pagenation_wrap .page-numbers li {
  width: calc(var(--vw) * 40 / 1240 * 100);
  max-width: 40px;
  height: calc(var(--vw) * 40 / 1240 * 100);
  max-height: 40px;
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .pagenation_wrap .page-numbers li {
    width: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .pagenation_wrap .page-numbers li {
    height: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .pagenation_wrap .page-numbers li {
    width: calc(var(--vw) * 30 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .pagenation_wrap .page-numbers li {
    height: calc(var(--vw) * 30 / 375 * 100);
    max-height: 100%;
  }
}
.pagenation_wrap .page-numbers li .page-numbers {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #5B3427;
  background: #fff;
  color: #5B3427;
}
.pagenation_wrap .page-numbers li .current {
  border: 1px solid #5B3427;
  background: #5B3427;
  color: #fff;
}
.pagenation_wrap .page-numbers li a {
  transition: opacity 0.4s;
  opacity: 1;
}
.pagenation_wrap .page-numbers li a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.pagenation_wrap .page-numbers li .prev {
  background: #fff;
  text-indent: -9999px;
  position: relative;
  display: block;
}
.pagenation_wrap .page-numbers li .prev:before {
  content: "";
  width: 20%;
  height: 20%;
  display: block;
  border-top: 1px solid #5B3427;
  border-left: 1px solid #5B3427;
  position: absolute;
  top: 50%;
  left: 50%;
}
.pagenation_wrap .page-numbers li .prev:before {
  transform: translate(-25%, -50%) rotate(-45deg);
}
.pagenation_wrap .page-numbers li .next {
  background: #fff;
  text-indent: -9999px;
  position: relative;
  display: block;
}
.pagenation_wrap .page-numbers li .next:before {
  content: "";
  width: 20%;
  height: 20%;
  display: block;
  border-top: 1px solid #5B3427;
  border-left: 1px solid #5B3427;
  position: absolute;
  top: 50%;
  left: 50%;
}
.pagenation_wrap .page-numbers li .next:before {
  transform: translate(-75%, -50%) rotate(135deg);
}

.reco_list {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: calc(var(--vw) * 70 / 1240 * 100);
  gap: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .reco_list {
    margin-top: 70px;
  }
}
@media screen and (max-width: 767.98px) {
  .reco_list {
    margin-top: calc(var(--vw) * 70 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .reco_list {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .reco_list {
    gap: 0px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .reco_list {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .reco_list {
    flex-direction: column;
  }
}
.reco_list li {
  width: 30%;
}
@media screen and (max-width: 767.98px) {
  .reco_list li {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
.reco_list li:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767.98px) {
  .reco_list li {
    width: 100%;
  }
}
.reco_list li a {
  display: block;
  transition: opacity 0.4s;
  opacity: 1;
}
.reco_list li a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.reco_list li .img {
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  line-height: 1;
  overflow: hidden;
}
@media screen and (min-width: 1240px) {
  .reco_list li .img {
    border-radius: 20px 20px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .reco_list li .img {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.reco_list li .img img {
  vertical-align: bottom;
}
.reco_list li .txt {
  background: #fff;
  border-radius: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  padding: calc(var(--vw) * 16 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 16 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  .reco_list li .txt {
    border-radius: 0px 0px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .reco_list li .txt {
    border-radius: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .reco_list li .txt {
    padding: 16px 30px 16px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .reco_list li .txt {
    padding: calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .reco_list li .txt {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .reco_list li .txt {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .reco_list li .txt {
    font-size: calc(var(--vw) * 17 / 375 * 100);
  }
}

.fav_btn {
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
}
@media screen and (max-width: 767.98px) {
  .fav_btn {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .fav_btn {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
.fav_btn button {
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  background: url(../img/common/fav_off.png) 0 0/cover no-repeat;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (max-width: 767.98px) {
  .fav_btn button {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .fav_btn button {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
.fav_btn button:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.fav_btn.fav_on button {
  background: url(../img/common/fav_on.png) 0 0/cover no-repeat;
}

.zoom_modal_wrap {
  opacity: 0;
  transition: 0.4s;
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.zoom_modal_wrap.active {
  opacity: 1;
  transition: 0.4s;
  pointer-events: auto;
  visibility: visible;
}
.zoom_modal_wrap .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.zoom_modal_wrap .close_btn {
  z-index: 10;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  top: calc(var(--vw) * 15 / 1240 * 100);
  right: calc(var(--vw) * -20 / 1240 * 100);
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .zoom_modal_wrap .close_btn {
    top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .close_btn {
    top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .zoom_modal_wrap .close_btn {
    right: -20px;
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .close_btn {
    right: calc(var(--vw) * -20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .close_btn {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .close_btn {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
.zoom_modal_wrap .close_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.zoom_modal_wrap .close_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../img/mypage/delete.png) 0 0/cover no-repeat;
}
.zoom_modal_wrap .zoom_modal {
  width: calc(var(--vw) * 860 / 1240 * 100);
  max-width: 860px;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal {
    width: calc(var(--vw) * 860 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .zoom_modal_wrap .zoom_modal {
    padding: 40px 0px 40px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.zoom_modal_wrap .zoom_modal_in {
  width: auto;
  overflow: auto;
  background: #fff;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal_in {
    height: calc(var(--vw) * 420 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal_in.hauto {
    height: auto;
    max-height: 90lvh;
  }
}
@media screen and (min-width: 1240px) {
  .zoom_modal_wrap .zoom_modal_in {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal_in {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal_in {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .zoom_modal_wrap .zoom_modal_in {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal_in {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal_in {
    flex-direction: column;
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal_in {
    height: auto;
    max-height: 90lvh;
  }
}
.zoom_modal_wrap .zoom_modal_in .l_c {
  width: 48%;
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal_in .l_c {
    width: 100%;
  }
}
.zoom_modal_wrap .zoom_modal_in .r_c {
  width: 48%;
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal_in .r_c {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal_in .r_c {
    width: 100%;
  }
}
.zoom_modal_wrap .zoom_modal_in .r_c .t01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-bottom: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .zoom_modal_wrap .zoom_modal_in .r_c .t01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal_in .r_c .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal_in .r_c .t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .zoom_modal_wrap .zoom_modal_in .r_c .t01 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal_in .r_c .t01 {
    margin-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
.zoom_modal_wrap .zoom_modal_in .r_c .t02 {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  line-height: 1.7;
}
@media screen and (min-width: 1240px) {
  .zoom_modal_wrap .zoom_modal_in .r_c .t02 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal_in .r_c .t02 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_modal_wrap .zoom_modal_in .r_c .t02 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}

.zoom_slider_wrap {
  position: relative;
}
.zoom_slider_wrap .swiper-button-next {
  top: calc(var(--vw) * 300 / 1240 * 100);
  transform: rotateY(0);
  right: calc(var(--vw) * 10 / 1240 * 100);
  z-index: 10;
  width: calc(var(--vw) * 40 / 1240 * 100);
  max-width: 40px;
  height: calc(var(--vw) * 40 / 1240 * 100);
  max-height: 40px;
}
@media screen and (min-width: 1240px) {
  .zoom_slider_wrap .swiper-button-next {
    top: 300px;
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_slider_wrap .swiper-button-next {
    top: calc(var(--vw) * 300 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_slider_wrap .swiper-button-next {
    top: calc(var(--vw) * 160 / 375 * 100);
  }
}
.product_list .zoom_slider_wrap .swiper-button-next {
  top: calc(var(--vw) * 188 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list .zoom_slider_wrap .swiper-button-next {
    top: 188px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list .zoom_slider_wrap .swiper-button-next {
    top: calc(var(--vw) * 188 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list .zoom_slider_wrap .swiper-button-next {
    top: calc(var(--vw) * 150 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .zoom_slider_wrap .swiper-button-next {
    right: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_slider_wrap .swiper-button-next {
    right: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_slider_wrap .swiper-button-next {
    right: calc(var(--vw) * -10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_slider_wrap .swiper-button-next {
    width: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_slider_wrap .swiper-button-next {
    height: calc(var(--vw) * 40 / 375 * 100);
  }
}
.zoom_slider_wrap .swiper-button-next:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/common/slide_next.png) 0 0/cover no-repeat;
}
.zoom_slider_wrap .swiper-button-prev {
  top: calc(var(--vw) * 300 / 1240 * 100);
  transform: rotateY(0);
  left: calc(var(--vw) * 10 / 1240 * 100);
  z-index: 10;
  width: calc(var(--vw) * 40 / 1240 * 100);
  max-width: 40px;
  height: calc(var(--vw) * 40 / 1240 * 100);
  max-height: 40px;
}
@media screen and (min-width: 1240px) {
  .zoom_slider_wrap .swiper-button-prev {
    top: 300px;
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_slider_wrap .swiper-button-prev {
    top: calc(var(--vw) * 300 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_slider_wrap .swiper-button-prev {
    top: calc(var(--vw) * 160 / 375 * 100);
  }
}
.product_list .zoom_slider_wrap .swiper-button-prev {
  top: calc(var(--vw) * 188 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .product_list .zoom_slider_wrap .swiper-button-prev {
    top: 188px;
  }
}
@media screen and (max-width: 767.98px) {
  .product_list .zoom_slider_wrap .swiper-button-prev {
    top: calc(var(--vw) * 188 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .product_list .zoom_slider_wrap .swiper-button-prev {
    top: calc(var(--vw) * 150 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .zoom_slider_wrap .swiper-button-prev {
    left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_slider_wrap .swiper-button-prev {
    left: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_slider_wrap .swiper-button-prev {
    left: calc(var(--vw) * -10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_slider_wrap .swiper-button-prev {
    width: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_slider_wrap .swiper-button-prev {
    height: calc(var(--vw) * 40 / 375 * 100);
  }
}
.zoom_slider_wrap .swiper-button-prev:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/common/slide_prev.png) 0 0/cover no-repeat;
}
.zoom_slider_wrap .zoom_slider .swiper-button-next, .zoom_slider_wrap .zoom_slider .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(var(--vw) * 40 / 1240 * 100);
  max-width: 40px;
  height: calc(var(--vw) * 40 / 1240 * 100);
  max-height: 40px;
  margin-top: 0;
}
@media screen and (max-width: 767.98px) {
  .zoom_slider_wrap .zoom_slider .swiper-button-next, .zoom_slider_wrap .zoom_slider .swiper-button-prev {
    width: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .zoom_slider_wrap .zoom_slider .swiper-button-next, .zoom_slider_wrap .zoom_slider .swiper-button-prev {
    height: calc(var(--vw) * 40 / 375 * 100);
  }
}
.zoom_slider_wrap .zoom_slider .swiper-slide-thumb-active {
  opacity: 0.6;
}
.zoom_slider_wrap .zoom_slider_thumb:after {
  content: "";
  display: block;
  clear: both;
}
.zoom_slider_wrap .zoom_slider_thumb .swiper-wrapper {
  display: block !important;
}
.zoom_slider_wrap .zoom_slider_thumb .swiper-wrapper .swiper-slide {
  opacity: 0.7 !important;
  width: 20% !important;
  float: left;
}
.zoom_slider_wrap .zoom_slider_thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  opacity: 1 !important;
}

.ac_ttl {
  cursor: pointer;
}

.jouken_modal_wrap {
  opacity: 0;
  transition: 0.4s;
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.jouken_modal_wrap.active {
  opacity: 1;
  transition: 0.4s;
  pointer-events: auto;
  visibility: visible;
}
.jouken_modal_wrap .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.jouken_modal_wrap .close_btn {
  z-index: 10;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  top: calc(var(--vw) * 15 / 1240 * 100);
  right: calc(var(--vw) * -20 / 1240 * 100);
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .close_btn {
    top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .close_btn {
    top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .close_btn {
    right: -20px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .close_btn {
    right: calc(var(--vw) * -20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .close_btn {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .close_btn {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
.jouken_modal_wrap .close_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.jouken_modal_wrap .close_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../img/mypage/delete.png) 0 0/cover no-repeat;
}
.jouken_modal_wrap .jouken_modal {
  width: calc(var(--vw) * 860 / 1240 * 100);
  max-width: 860px;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--vw) * 940 / 1240 * 100);
  max-width: 940px;
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .jouken_modal {
    width: calc(var(--vw) * 860 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .jouken_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .jouken_modal {
    padding: 40px 0px 40px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .jouken_modal {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .jouken_modal {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .jouken_modal {
    width: calc(var(--vw) * 940 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .jouken_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
.jouken_modal_wrap .jouken_modal_in {
  width: auto;
  overflow: auto;
  background: #fff;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: block;
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .jouken_modal_in {
    height: calc(var(--vw) * 420 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .jouken_modal_in.hauto {
    height: auto;
    max-height: 90lvh;
  }
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .jouken_modal_in {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .jouken_modal_in {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .jouken_modal_in {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .jouken_modal_in {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .jouken_modal_in {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .jouken_modal_in {
    flex-direction: column;
  }
}
.jouken_modal_wrap .t01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  margin-bottom: 0.3em;
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .t01 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .t01 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.jouken_modal_wrap .box01 {
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 {
    flex-direction: column;
  }
}
.jouken_modal_wrap .box01 .box_in01 {
  width: 49%;
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 .box_in01 {
    width: 100%;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 .box_in01 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 .box_in01:first-child {
    margin-top: 0;
  }
}
.jouken_modal_wrap .box01 .w01 {
  margin-top: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box01 .w01 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 .w01 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
.jouken_modal_wrap .box01 .w01:first-child {
  margin-top: 0;
}
.jouken_modal_wrap .box01 .w01.ajiwai.active {
  display: block;
}
.jouken_modal_wrap .box01 .w01 .w02 {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 5px 1%;
}
.jouken_modal_wrap .box01 .w01 .w02 .fr1 {
  width: 32.5%;
}
.jouken_modal_wrap .box01 .w01 .w02 .fr3 {
  width: 100%;
}
.jouken_modal_wrap .box01 .w01 .w02 .check_btn {
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  text-align: center;
  display: block;
  background: #EDEDED;
  border-radius: calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100);
  padding: calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box01 .w01 .w02 .check_btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 .w01 .w02 .check_btn {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 .w01 .w02 .check_btn {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box01 .w01 .w02 .check_btn {
    border-radius: 4px 4px 4px 4px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 .w01 .w02 .check_btn {
    border-radius: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box01 .w01 .w02 .check_btn {
    padding: 4px 0px 4px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 .w01 .w02 .check_btn {
    padding: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.jouken_modal_wrap .box01 .w01 .w02 .check_btn span {
  pointer-events: none;
}
.jouken_modal_wrap .box01 .w01 .w02 .s_coffee span {
  position: relative;
  padding-left: calc(var(--vw) * 22 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box01 .w01 .w02 .s_coffee span {
    padding-left: 22px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 .w01 .w02 .s_coffee span {
    padding-left: calc(var(--vw) * 22 / 375 * 100);
  }
}
.jouken_modal_wrap .box01 .w01 .w02 .s_coffee span:before {
  content: "";
  width: calc(var(--vw) * 15 / 1240 * 100);
  max-width: 15px;
  height: calc(var(--vw) * 9.62 / 1240 * 100);
  max-height: 9.62px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-60%);
  background: url(../img/common/search_coffee.svg) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 .w01 .w02 .s_coffee span:before {
    width: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 .w01 .w02 .s_coffee span:before {
    height: calc(var(--vw) * 9.62 / 375 * 100);
  }
}
.jouken_modal_wrap .box01 .w01 .w02 .s_tea span {
  position: relative;
  padding-left: calc(var(--vw) * 22 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box01 .w01 .w02 .s_tea span {
    padding-left: 22px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 .w01 .w02 .s_tea span {
    padding-left: calc(var(--vw) * 22 / 375 * 100);
  }
}
.jouken_modal_wrap .box01 .w01 .w02 .s_tea span:before {
  content: "";
  width: calc(var(--vw) * 17.05 / 1240 * 100);
  max-width: 17.05px;
  height: calc(var(--vw) * 9 / 1240 * 100);
  max-height: 9px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-60%);
  background: url(../img/common/search_tea.svg) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 .w01 .w02 .s_tea span:before {
    width: calc(var(--vw) * 17.05 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 .w01 .w02 .s_tea span:before {
    height: calc(var(--vw) * 9 / 375 * 100);
  }
}
.jouken_modal_wrap .box01 .w01 .w02 .s_gtea span {
  position: relative;
  padding-left: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box01 .w01 .w02 .s_gtea span {
    padding-left: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 .w01 .w02 .s_gtea span {
    padding-left: calc(var(--vw) * 16 / 375 * 100);
  }
}
.jouken_modal_wrap .box01 .w01 .w02 .s_gtea span:before {
  content: "";
  width: calc(var(--vw) * 10.87 / 1240 * 100);
  max-width: 10.87px;
  height: calc(var(--vw) * 11.5 / 1240 * 100);
  max-height: 11.5px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-60%);
  background: url(../img/common/search_gtea.svg) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 .w01 .w02 .s_gtea span:before {
    width: calc(var(--vw) * 10.87 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box01 .w01 .w02 .s_gtea span:before {
    height: calc(var(--vw) * 11.5 / 375 * 100);
  }
}
.jouken_modal_wrap .box01 .w01 .w02 .search_check:checked + .check_btn {
  color: #fff;
  background: #A6674A;
}
.jouken_modal_wrap .box01 .w01 .w02 .search_check:checked + .check_btn.s_coffee span:before {
  background: url(../img/common/search_coffee_on.svg) 0 0/contain no-repeat;
}
.jouken_modal_wrap .box01 .w01 .w02 .search_check:checked + .check_btn.s_tea span:before {
  background: url(../img/common/search_tea_on.svg) 0 0/contain no-repeat;
}
.jouken_modal_wrap .box01 .w01 .w02 .search_check:checked + .check_btn.s_gtea span:before {
  background: url(../img/common/search_gtea_on.svg) 0 0/contain no-repeat;
}
.jouken_modal_wrap .box02 {
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box02 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
.jouken_modal_wrap .box02 li {
  position: relative;
  padding: calc(var(--vw) * 18 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 18 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  border-bottom: 1px solid #EDEDED;
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box02 li {
    padding: 18px 0px 18px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 li {
    padding: calc(var(--vw) * 18 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 18 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.jouken_modal_wrap .box02 li:first-child {
  border-top: 1px solid #EDEDED;
}
.jouken_modal_wrap .box02 li .plus {
  cursor: pointer;
  display: block;
  line-height: 1;
  position: absolute;
  top: calc(var(--vw) * 18 / 1240 * 100);
  right: calc(var(--vw) * 0 / 1240 * 100);
  width: calc(var(--vw) * 20 / 1240 * 100);
  max-width: 20px;
  height: calc(var(--vw) * 20 / 1240 * 100);
  max-height: 20px;
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box02 li .plus {
    top: 18px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 li .plus {
    top: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box02 li .plus {
    right: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 li .plus {
    right: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 li .plus {
    right: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 li .plus {
    width: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 li .plus {
    height: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 li .plus {
    width: calc(var(--vw) * 15 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 li .plus {
    height: calc(var(--vw) * 15 / 375 * 100);
    max-height: 100%;
  }
}
.jouken_modal_wrap .box02 li .plus span {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.jouken_modal_wrap .box02 li .plus span:before,
.jouken_modal_wrap .box02 li .plus span:after {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.4s;
  background: #5B3427;
  left: 50%;
  top: 50%;
  width: 100%;
  height: calc(var(--vw) * 2 / 1240 * 100);
  max-height: 2px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 li .plus span:before,
  .jouken_modal_wrap .box02 li .plus span:after {
    height: calc(var(--vw) * 2 / 375 * 100);
  }
}
.jouken_modal_wrap .box02 li .plus span:before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.jouken_modal_wrap .box02 li .plus.is-active span:before {
  transform: translate(-50%, -50%) rotate(0deg);
}
.jouken_modal_wrap .box02 .hide_txt {
  display: none;
  padding-top: calc(var(--vw) * 8 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box02 .hide_txt {
    padding-top: 8px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 .hide_txt {
    padding-top: calc(var(--vw) * 8 / 375 * 100);
  }
}
.jouken_modal_wrap .box02 .brand_check {
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 .brand_check {
    margin: 0 calc(50% - var(--vw) * 44);
  }
}
.jouken_modal_wrap .box02 .brand_check .fr1 {
  width: 25%;
  border: 1px solid #fff;
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 .brand_check .fr1 {
    width: 50%;
  }
}
.jouken_modal_wrap .box02 .brand_check .check_btn {
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  text-align: center;
  display: block;
  background: #EDEDED;
  padding: calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box02 .brand_check .check_btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 .brand_check .check_btn {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box02 .brand_check .check_btn {
    padding: 4px 0px 4px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 .brand_check .check_btn {
    padding: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.jouken_modal_wrap .box02 .brand_check .search_check:checked + .check_btn {
  color: #fff;
  background: #A6674A;
}
.jouken_modal_wrap .box02 .scene_check {
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box02 .scene_check {
    gap: 4px 4px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 .scene_check {
    gap: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100);
  }
}
.jouken_modal_wrap .box02 .scene_check .check_btn {
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  padding: calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  text-align: center;
  display: block;
  background: #EDEDED;
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box02 .scene_check .check_btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 .scene_check .check_btn {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box02 .scene_check .check_btn {
    padding: 4px 20px 4px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 .scene_check .check_btn {
    padding: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .box02 .scene_check .check_btn {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .box02 .scene_check .check_btn {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
.jouken_modal_wrap .box02 .scene_check .search_check:checked + .check_btn {
  color: #fff;
  background: #A6674A;
}
.jouken_modal_wrap .search_submit {
  width: calc(var(--vw) * 295 / 1240 * 100);
  max-width: 295px;
  margin: 0 auto;
  margin-top: calc(var(--vw) * 25 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .search_submit {
    width: calc(var(--vw) * 295 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .jouken_modal_wrap .search_submit {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .search_submit {
    margin-top: calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .jouken_modal_wrap .search_submit {
    width: 100%;
    max-width: none;
    min-width: 0;
  }
}

.ajiwai_modal_wrap {
  opacity: 0;
  transition: 0.4s;
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.ajiwai_modal_wrap.active {
  opacity: 1;
  transition: 0.4s;
  pointer-events: auto;
  visibility: visible;
}
.ajiwai_modal_wrap .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.ajiwai_modal_wrap .close_btn {
  z-index: 10;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  top: calc(var(--vw) * 15 / 1240 * 100);
  right: calc(var(--vw) * -20 / 1240 * 100);
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .ajiwai_modal_wrap .close_btn {
    top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .close_btn {
    top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .ajiwai_modal_wrap .close_btn {
    right: -20px;
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .close_btn {
    right: calc(var(--vw) * -20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .close_btn {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .close_btn {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
.ajiwai_modal_wrap .close_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.ajiwai_modal_wrap .close_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../img/mypage/delete.png) 0 0/cover no-repeat;
}
.ajiwai_modal_wrap .ajiwai_modal {
  width: calc(var(--vw) * 860 / 1240 * 100);
  max-width: 860px;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--vw) * 480 / 1240 * 100);
  max-width: 480px;
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwai_modal {
    width: calc(var(--vw) * 860 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwai_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .ajiwai_modal_wrap .ajiwai_modal {
    padding: 40px 0px 40px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwai_modal {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwai_modal {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwai_modal {
    width: calc(var(--vw) * 480 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwai_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
.ajiwai_modal_wrap .ajiwai_modal_in {
  width: auto;
  overflow: auto;
  background: #fff;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: block;
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwai_modal_in {
    height: calc(var(--vw) * 420 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwai_modal_in.hauto {
    height: auto;
    max-height: 90lvh;
  }
}
@media screen and (min-width: 1240px) {
  .ajiwai_modal_wrap .ajiwai_modal_in {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwai_modal_in {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwai_modal_in {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .ajiwai_modal_wrap .ajiwai_modal_in {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwai_modal_in {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwai_modal_in {
    flex-direction: column;
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwai_modal_in {
    height: auto;
    max-height: 90lvh;
  }
}
.ajiwai_modal_wrap .ajiwaimap {
  width: 90%;
  margin: 0 auto;
  margin-bottom: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .ajiwai_modal_wrap .ajiwaimap {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwaimap {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwaimap {
    width: 100%;
  }
}
.ajiwai_modal_wrap .t01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  margin-bottom: 0.3em;
}
@media screen and (min-width: 1240px) {
  .ajiwai_modal_wrap .t01 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .t01 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.ajiwai_modal_wrap .w01 {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 5px 1%;
}
.ajiwai_modal_wrap .w01 .fr1 {
  width: 32.5%;
}
.ajiwai_modal_wrap .w01 .fr3 {
  width: 100%;
}
.ajiwai_modal_wrap .w01 .check_btn {
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  text-align: center;
  display: block;
  background: #EDEDED;
  border-radius: calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100);
  padding: calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .ajiwai_modal_wrap .w01 .check_btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .w01 .check_btn {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .w01 .check_btn {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .ajiwai_modal_wrap .w01 .check_btn {
    border-radius: 4px 4px 4px 4px;
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .w01 .check_btn {
    border-radius: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .ajiwai_modal_wrap .w01 .check_btn {
    padding: 4px 0px 4px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .w01 .check_btn {
    padding: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.ajiwai_modal_wrap .w01 .search_check:checked + .check_btn {
  color: #fff;
  background: #A6674A;
}
.ajiwai_modal_wrap .ajiwai_submit {
  width: calc(var(--vw) * 295 / 1240 * 100);
  max-width: 295px;
  margin: 0 auto;
  margin-top: calc(var(--vw) * 25 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwai_submit {
    width: calc(var(--vw) * 295 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .ajiwai_modal_wrap .ajiwai_submit {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwai_submit {
    margin-top: calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .ajiwai_modal_wrap .ajiwai_submit {
    width: 100%;
    max-width: none;
    min-width: 0;
  }
}

.limit_modal_wrap {
  opacity: 0;
  transition: 0.4s;
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.limit_modal_wrap.active {
  opacity: 1;
  transition: 0.4s;
  pointer-events: auto;
  visibility: visible;
}
.limit_modal_wrap .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.limit_modal_wrap .close_btn {
  z-index: 10;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  top: calc(var(--vw) * 15 / 1240 * 100);
  right: calc(var(--vw) * -20 / 1240 * 100);
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .limit_modal_wrap .close_btn {
    top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .close_btn {
    top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .limit_modal_wrap .close_btn {
    right: -20px;
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .close_btn {
    right: calc(var(--vw) * -20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .close_btn {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .close_btn {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
.limit_modal_wrap .close_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.limit_modal_wrap .close_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../img/mypage/delete.png) 0 0/cover no-repeat;
}
.limit_modal_wrap .limit_modal {
  width: calc(var(--vw) * 860 / 1240 * 100);
  max-width: 860px;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--vw) * 1000 / 1240 * 100);
  max-width: 1000px;
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limit_modal {
    width: calc(var(--vw) * 860 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limit_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .limit_modal_wrap .limit_modal {
    padding: 40px 0px 40px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limit_modal {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limit_modal {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limit_modal {
    width: calc(var(--vw) * 1000 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limit_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
.limit_modal_wrap .limit_modal_in {
  width: auto;
  overflow: auto;
  background: #fff;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: block;
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limit_modal_in {
    height: calc(var(--vw) * 420 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limit_modal_in.hauto {
    height: auto;
    max-height: 90lvh;
  }
}
@media screen and (min-width: 1240px) {
  .limit_modal_wrap .limit_modal_in {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limit_modal_in {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limit_modal_in {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .limit_modal_wrap .limit_modal_in {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limit_modal_in {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limit_modal_in {
    flex-direction: column;
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limit_modal_in {
    height: auto;
  }
}
.limit_modal_wrap .limitmap {
  width: 90%;
  margin: 0 auto;
  margin-bottom: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .limit_modal_wrap .limitmap {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limitmap {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limitmap {
    width: 100%;
  }
}
.limit_modal_wrap .t01 {
  text-align: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-bottom: 1em;
}
@media screen and (min-width: 1240px) {
  .limit_modal_wrap .t01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.limit_modal_wrap .t01:before {
  content: "";
  display: inline-block;
  width: calc(var(--vw) * 32 / 1240 * 100);
  max-width: 32px;
  height: calc(var(--vw) * 27 / 1240 * 100);
  max-height: 27px;
  background: url(../img/common/attention.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .t01:before {
    width: calc(var(--vw) * 32 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .t01:before {
    height: calc(var(--vw) * 27 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .t01:before {
    display: block;
    margin: 0 auto 0.5em;
  }
}
.limit_modal_wrap .t02 {
  text-align: center;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .limit_modal_wrap .t02 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .t02 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .t02 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.limit_modal_wrap .limit_close {
  width: calc(var(--vw) * 295 / 1240 * 100);
  max-width: 295px;
  margin: 0 auto;
  margin-top: calc(var(--vw) * 25 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limit_close {
    width: calc(var(--vw) * 295 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .limit_modal_wrap .limit_close {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limit_close {
    margin-top: calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .limit_close {
    width: 100%;
    max-width: none;
    min-width: 0;
  }
}
.limit_modal_wrap .p_name {
  margin: 0 auto;
  text-align: center;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  font-size: calc(var(--vw) * 12 / 1240 * 100);
}
@media print, screen and (min-width: 768px) {
  .limit_modal_wrap .p_name {
    width: 26%;
    width: auto;
  }
}
@media screen and (min-width: 1240px) {
  .limit_modal_wrap .p_name {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .p_name {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .limit_modal_wrap .p_name {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .p_name {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.limit_modal_wrap .p_name span {
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  display: inline-block;
  margin-right: 0.3em;
  color: #fff;
  background: #AA8066;
  padding: 0.1em 0.6em 0;
  border-radius: calc(var(--vw) * 2 / 1240 * 100) calc(var(--vw) * 2 / 1240 * 100) calc(var(--vw) * 2 / 1240 * 100) calc(var(--vw) * 2 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .limit_modal_wrap .p_name span {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .p_name span {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .p_name span {
    font-size: calc(var(--vw) * 9 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .limit_modal_wrap .p_name span {
    border-radius: 2px 2px 2px 2px;
  }
}
@media screen and (max-width: 767.98px) {
  .limit_modal_wrap .p_name span {
    border-radius: calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 2 / 375 * 100);
  }
}
.limit_modal_wrap .p_name span.red {
  background: none;
  color: #E6431E;
  padding: 0;
  margin: 0;
}

.otoku_modal_wrap {
  opacity: 0;
  transition: 0.4s;
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.otoku_modal_wrap.active {
  opacity: 1;
  transition: 0.4s;
  pointer-events: auto;
  visibility: visible;
}
.otoku_modal_wrap .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.otoku_modal_wrap .close_btn {
  z-index: 10;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  top: calc(var(--vw) * 15 / 1240 * 100);
  right: calc(var(--vw) * -20 / 1240 * 100);
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .otoku_modal_wrap .close_btn {
    top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .close_btn {
    top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .otoku_modal_wrap .close_btn {
    right: -20px;
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .close_btn {
    right: calc(var(--vw) * -20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .close_btn {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .close_btn {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
.otoku_modal_wrap .close_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.otoku_modal_wrap .close_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../img/mypage/delete.png) 0 0/cover no-repeat;
}
.otoku_modal_wrap .otoku_modal {
  width: calc(var(--vw) * 860 / 1240 * 100);
  max-width: 860px;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--vw) * 940 / 1240 * 100);
  max-width: 940px;
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal {
    width: calc(var(--vw) * 860 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .otoku_modal_wrap .otoku_modal {
    padding: 40px 0px 40px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal {
    width: calc(var(--vw) * 940 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
.otoku_modal_wrap .otoku_modal.machine {
  width: calc(var(--vw) * 530 / 1240 * 100);
  max-width: 530px;
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal.machine {
    width: calc(var(--vw) * 530 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal.machine {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
.otoku_modal_wrap .otoku_modal.machine .otoku_modal_in {
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .otoku_modal_wrap .otoku_modal.machine .otoku_modal_in {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal.machine .otoku_modal_in {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal.machine .otoku_modal_in {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
.otoku_modal_wrap .otoku_modal_in {
  width: auto;
  overflow: auto;
  background: #fff;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  display: block;
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_in {
    height: calc(var(--vw) * 420 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_in.hauto {
    height: auto;
    max-height: 90lvh;
  }
}
@media screen and (min-width: 1240px) {
  .otoku_modal_wrap .otoku_modal_in {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_in {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_in {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .otoku_modal_wrap .otoku_modal_in {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_in {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_in {
    flex-direction: column;
  }
}
@media screen and (min-width: 1240px) {
  .otoku_modal_wrap .otoku_modal_in {
    padding: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_in {
    padding: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_in {
    padding: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.otoku_modal_wrap .otoku_modal_ttl {
  text-align: center;
  background: #5B3427;
  color: #fff;
  padding-top: calc(var(--vw) * 20 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 20 / 1240 * 100);
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .otoku_modal_wrap .otoku_modal_ttl {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_ttl {
    padding-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .otoku_modal_wrap .otoku_modal_ttl {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_ttl {
    padding-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .otoku_modal_wrap .otoku_modal_ttl {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_ttl {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_ttl {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
.otoku_modal_wrap .otoku_modal_ttl span {
  margin-left: 1em;
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_ttl span {
    margin-left: 0;
  }
}
.otoku_modal_wrap .otoku_modal_list {
  padding: calc(var(--vw) * 50 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .otoku_modal_wrap .otoku_modal_list {
    padding: 50px 40px 60px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_list {
    padding: calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_list {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
.otoku_modal_wrap .otoku_modal_list li {
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-top: 1.5em;
}
.otoku_modal_wrap .otoku_modal_list li:first-child {
  margin-top: 0;
}
.otoku_modal_wrap .otoku_modal_list li .otoku_modal_point {
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_list li .otoku_modal_point {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_list li .otoku_modal_point {
    width: calc(var(--vw) * 50 / 375 * 100);
    max-width: 100%;
  }
}
.otoku_modal_wrap .otoku_modal_list li p {
  padding-left: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_list li p {
    width: calc(var(--vw) * 236 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .otoku_modal_wrap .otoku_modal_list li p {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_list li p {
    padding-left: calc(var(--vw) * 10 / 375 * 100);
  }
}
.otoku_modal_wrap .otoku_modal_list li .s1 {
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  border-bottom: 4px solid #F1BE48;
}
@media screen and (min-width: 1240px) {
  .otoku_modal_wrap .otoku_modal_list li .s1 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_list li .s1 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_list li .s1 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
.otoku_modal_wrap .otoku_modal_list li .s2 {
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  margin-left: 1em;
}
@media screen and (min-width: 1240px) {
  .otoku_modal_wrap .otoku_modal_list li .s2 {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_list li .s2 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_list li .s2 {
    font-size: calc(var(--vw) * 9 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otoku_modal_wrap .otoku_modal_list li .s2 {
    display: block;
    margin-left: 0;
    margin-top: 0.5em;
    text-align: right;
  }
}

.assorted_modal_wrap {
  opacity: 0;
  transition: 0.4s;
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.assorted_modal_wrap.active {
  opacity: 1;
  transition: 0.4s;
  pointer-events: auto;
  visibility: visible;
}
.assorted_modal_wrap .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.assorted_modal_wrap .close_btn {
  z-index: 10;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  top: calc(var(--vw) * 15 / 1240 * 100);
  right: calc(var(--vw) * -20 / 1240 * 100);
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .assorted_modal_wrap .close_btn {
    top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .assorted_modal_wrap .close_btn {
    top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .assorted_modal_wrap .close_btn {
    right: -20px;
  }
}
@media screen and (max-width: 767.98px) {
  .assorted_modal_wrap .close_btn {
    right: calc(var(--vw) * -20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .assorted_modal_wrap .close_btn {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .assorted_modal_wrap .close_btn {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
.assorted_modal_wrap .close_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.assorted_modal_wrap .close_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../img/mypage/delete.png) 0 0/cover no-repeat;
}
.assorted_modal_wrap .assorted_modal {
  width: calc(var(--vw) * 860 / 1240 * 100);
  max-width: 860px;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767.98px) {
  .assorted_modal_wrap .assorted_modal {
    width: calc(var(--vw) * 860 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .assorted_modal_wrap .assorted_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .assorted_modal_wrap .assorted_modal {
    padding: 40px 0px 40px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .assorted_modal_wrap .assorted_modal {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .assorted_modal_wrap .assorted_modal {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.assorted_modal_wrap .assorted_modal_in {
  width: auto;
  overflow: auto;
  background: #fff;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: block;
}
@media screen and (max-width: 767.98px) {
  .assorted_modal_wrap .assorted_modal_in {
    height: calc(var(--vw) * 420 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .assorted_modal_wrap .assorted_modal_in.hauto {
    height: auto;
    max-height: 90lvh;
  }
}
@media screen and (min-width: 1240px) {
  .assorted_modal_wrap .assorted_modal_in {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .assorted_modal_wrap .assorted_modal_in {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .assorted_modal_wrap .assorted_modal_in {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .assorted_modal_wrap .assorted_modal_in {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .assorted_modal_wrap .assorted_modal_in {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .assorted_modal_wrap .assorted_modal_in {
    flex-direction: column;
  }
}
.assorted_modal_wrap .assorted_modal_in .box_wrap {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .assorted_modal_wrap .assorted_modal_in .box_wrap {
    gap: 20px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .assorted_modal_wrap .assorted_modal_in .box_wrap {
    gap: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.assorted_modal_wrap .assorted_modal_in .box {
  width: 48%;
}
@media screen and (max-width: 767.98px) {
  .assorted_modal_wrap .assorted_modal_in .box {
    width: 100%;
  }
}
.assorted_modal_wrap .assorted_modal_in .box .cat_label {
  font-weight: 600;
  margin-bottom: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .assorted_modal_wrap .assorted_modal_in .box .cat_label {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .assorted_modal_wrap .assorted_modal_in .box .cat_label {
    margin-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
.assorted_modal_wrap .assorted_modal_in .box .list01 {
  display: -ms-flex;
  display: flex;
  gap: 2%;
}

.howto_modal_wrap {
  opacity: 0;
  transition: 0.4s;
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.howto_modal_wrap.active {
  opacity: 1;
  transition: 0.4s;
  pointer-events: auto;
  visibility: visible;
}
.howto_modal_wrap .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.howto_modal_wrap .close_btn {
  z-index: 10;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  top: calc(var(--vw) * 15 / 1240 * 100);
  right: calc(var(--vw) * -20 / 1240 * 100);
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .close_btn {
    top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .close_btn {
    top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .close_btn {
    right: -20px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .close_btn {
    right: calc(var(--vw) * -20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .close_btn {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .close_btn {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
.howto_modal_wrap .close_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.howto_modal_wrap .close_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../img/mypage/delete.png) 0 0/cover no-repeat;
}
.howto_modal_wrap .howto_modal {
  width: calc(var(--vw) * 860 / 1240 * 100);
  max-width: 860px;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--vw) * 940 / 1240 * 100);
  max-width: 940px;
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal {
    width: calc(var(--vw) * 860 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_modal {
    padding: 40px 0px 40px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal {
    width: calc(var(--vw) * 940 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
.howto_modal_wrap .howto_modal.machine {
  width: calc(var(--vw) * 530 / 1240 * 100);
  max-width: 530px;
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal.machine {
    width: calc(var(--vw) * 530 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal.machine {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
.howto_modal_wrap .howto_modal.machine .howto_modal_in {
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_modal.machine .howto_modal_in {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal.machine .howto_modal_in {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal.machine .howto_modal_in {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
.howto_modal_wrap .howto_modal_in {
  width: auto;
  overflow: auto;
  background: #fff;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  display: block;
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_in {
    height: calc(var(--vw) * 420 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_in.hauto {
    height: auto;
    max-height: 90lvh;
  }
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_modal_in {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_in {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_in {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_modal_in {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_in {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_in {
    flex-direction: column;
  }
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_modal_in {
    padding: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_in {
    padding: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_in {
    padding: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_in {
    height: 88lvh;
    max-height: calc(var(--vw) * 189.8666666667);
  }
}
.howto_modal_wrap .howto_modal_ttl {
  text-align: center;
  color: #fff;
  padding-top: calc(var(--vw) * 20 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 20 / 1240 * 100);
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
#yoridori .howto_modal_wrap .howto_modal_ttl {
  background: #5B3427;
}
#starter .howto_modal_wrap .howto_modal_ttl {
  background: #AA8066;
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_modal_ttl {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_ttl {
    padding-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_modal_ttl {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_ttl {
    padding-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_modal_ttl {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_ttl {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_ttl {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
.howto_modal_wrap .howto_modal_ttl span {
  margin-left: 1em;
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_ttl span {
    margin-left: 0;
  }
}
.howto_modal_wrap .howto_modal_list_wrap {
  padding: calc(var(--vw) * 50 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_modal_list_wrap {
    padding: 50px 40px 60px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list_wrap {
    padding: calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list_wrap {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
.howto_modal_wrap .howto_modal_t {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-bottom: 0.5em;
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_modal_t {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_t {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_t {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.howto_modal_wrap .howto_modal_list {
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list {
    flex-direction: column;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list {
    gap: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.howto_modal_wrap .howto_modal_list li {
  width: 32%;
  border: 1px solid #EDEDED;
  border-radius: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list li {
    width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_modal_list li {
    border-radius: 10px 10px 10px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list li {
    border-radius: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
.howto_modal_wrap .howto_modal_list li .howto_modal_img {
  width: calc(var(--vw) * 80 / 1240 * 100);
  max-width: 80px;
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list li .howto_modal_img {
    width: calc(var(--vw) * 80 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list li .howto_modal_img {
    width: calc(var(--vw) * 100 / 375 * 100);
    max-width: 100%;
  }
}
.howto_modal_wrap .howto_modal_list li .howto_modal_img img {
  vertical-align: bottom;
}
.howto_modal_wrap .howto_modal_list li .name {
  font-weight: 600;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_modal_list li .name {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list li .name {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list li .name {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.howto_modal_wrap .howto_modal_list label.howto_label {
  border-radius: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  padding: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  border: 6px solid transparent;
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_modal_list label.howto_label {
    border-radius: 10px 10px 10px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list label.howto_label {
    border-radius: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_modal_list label.howto_label {
    padding: 10px 20px 10px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list label.howto_label {
    padding: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list label.howto_label {
    padding: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
.howto_modal_wrap .howto_modal_list label.howto_label.selected {
  border: 6px solid #F1BE48;
}
.howto_modal_wrap .howto_modal_list label {
  display: flex;
  align-items: center;
  gap: 0 0.5em;
  position: relative;
  cursor: pointer;
}
.howto_modal_wrap .howto_modal_list label:before, .howto_modal_wrap .howto_modal_list label.selected::after {
  border-radius: 50%;
  content: "";
}
.howto_modal_wrap .howto_modal_list label:before {
  width: calc(var(--vw) * 18 / 1240 * 100);
  max-width: 18px;
  height: calc(var(--vw) * 18 / 1240 * 100);
  max-height: 18px;
  background-color: #fff;
  border: 2px solid #BABABA;
  box-sizing: border-box;
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list label:before {
    width: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list label:before {
    height: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list label:before {
    max-width: none;
    max-height: none;
  }
}
.howto_modal_wrap .howto_modal_list label.selected::before {
  border: 2px solid #E6431E;
}
.howto_modal_wrap .howto_modal_list label.selected::after {
  position: absolute;
  top: 50%;
  left: calc(var(--vw) * 29 / 1240 * 100);
  transform: translate(-50%, -50%);
  width: calc(var(--vw) * 8 / 1240 * 100);
  max-width: 8px;
  height: calc(var(--vw) * 8 / 1240 * 100);
  max-height: 8px;
  background-color: #E6431E;
  animation: anim-radio-001 0.3s linear;
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_modal_list label.selected::after {
    left: 29px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list label.selected::after {
    left: calc(var(--vw) * 29 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list label.selected::after {
    width: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list label.selected::after {
    height: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_modal_list label.selected::after {
    max-width: none;
    max-height: none;
  }
}
.howto_modal_wrap .howto_m_txt {
  text-align: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-bottom: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_m_txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_m_txt {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_m_txt {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_m_txt {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_m_txt {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_m_txt {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
.howto_modal_wrap .howto_m_img {
  width: calc(var(--vw) * 450 / 1240 * 100);
  max-width: 450px;
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_m_img {
    width: calc(var(--vw) * 450 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_m_img {
    width: calc(var(--vw) * 295 / 375 * 100);
    max-width: 100%;
  }
}
.howto_modal_wrap .howto_submit {
  width: calc(var(--vw) * 295 / 1240 * 100);
  max-width: 295px;
  margin: 0 auto;
  margin-top: calc(var(--vw) * 25 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_submit {
    width: calc(var(--vw) * 295 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .howto_modal_wrap .howto_submit {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_submit {
    margin-top: calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .howto_modal_wrap .howto_submit {
    width: 100%;
    max-width: none;
    min-width: 0;
  }
}

.kyushi_kaiyaku_modal_wrap {
  opacity: 0;
  transition: 0.4s;
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.kyushi_kaiyaku_modal_wrap.active {
  opacity: 1;
  transition: 0.4s;
  pointer-events: auto;
  visibility: visible;
}
.kyushi_kaiyaku_modal_wrap .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.kyushi_kaiyaku_modal_wrap .close_btn {
  z-index: 10;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  top: calc(var(--vw) * 15 / 1240 * 100);
  right: calc(var(--vw) * -20 / 1240 * 100);
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .kyushi_kaiyaku_modal_wrap .close_btn {
    top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .close_btn {
    top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .kyushi_kaiyaku_modal_wrap .close_btn {
    right: -20px;
  }
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .close_btn {
    right: calc(var(--vw) * -20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .close_btn {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .close_btn {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
.kyushi_kaiyaku_modal_wrap .close_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.kyushi_kaiyaku_modal_wrap .close_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../img/mypage/delete.png) 0 0/cover no-repeat;
}
.kyushi_kaiyaku_modal_wrap .kyushi_kaiyaku_modal {
  width: calc(var(--vw) * 860 / 1240 * 100);
  max-width: 860px;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--vw) * 940 / 1240 * 100);
  max-width: 940px;
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .kyushi_kaiyaku_modal {
    width: calc(var(--vw) * 860 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .kyushi_kaiyaku_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .kyushi_kaiyaku_modal_wrap .kyushi_kaiyaku_modal {
    padding: 40px 0px 40px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .kyushi_kaiyaku_modal {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .kyushi_kaiyaku_modal {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .kyushi_kaiyaku_modal {
    width: calc(var(--vw) * 940 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .kyushi_kaiyaku_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
.kyushi_kaiyaku_modal_wrap .kyushi_kaiyaku_modal_in {
  width: auto;
  overflow: auto;
  background: #fff;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: block;
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .kyushi_kaiyaku_modal_in {
    height: calc(var(--vw) * 420 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .kyushi_kaiyaku_modal_in.hauto {
    height: auto;
    max-height: 90lvh;
  }
}
@media screen and (min-width: 1240px) {
  .kyushi_kaiyaku_modal_wrap .kyushi_kaiyaku_modal_in {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .kyushi_kaiyaku_modal_in {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .kyushi_kaiyaku_modal_in {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .kyushi_kaiyaku_modal_wrap .kyushi_kaiyaku_modal_in {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .kyushi_kaiyaku_modal_in {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .kyushi_kaiyaku_modal_in {
    flex-direction: column;
  }
}
.kyushi_kaiyaku_modal_wrap .t01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  margin-bottom: 0.3em;
}
@media screen and (min-width: 1240px) {
  .kyushi_kaiyaku_modal_wrap .t01 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .kyushi_kaiyaku_modal_wrap .t01 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}

.deli_comp_modal_wrap {
  opacity: 0;
  transition: 0.4s;
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.deli_comp_modal_wrap.active {
  opacity: 1;
  transition: 0.4s;
  pointer-events: auto;
  visibility: visible;
}
.deli_comp_modal_wrap .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.deli_comp_modal_wrap .close_btn {
  z-index: 10;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  top: calc(var(--vw) * 15 / 1240 * 100);
  right: calc(var(--vw) * -20 / 1240 * 100);
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .deli_comp_modal_wrap .close_btn {
    top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .close_btn {
    top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .deli_comp_modal_wrap .close_btn {
    right: -20px;
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .close_btn {
    right: calc(var(--vw) * -20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .close_btn {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .close_btn {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
.deli_comp_modal_wrap .close_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.deli_comp_modal_wrap .close_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../img/mypage/delete.png) 0 0/cover no-repeat;
}
.deli_comp_modal_wrap .deli_comp_modal {
  width: calc(var(--vw) * 860 / 1240 * 100);
  max-width: 860px;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--vw) * 1000 / 1240 * 100);
  max-width: 1000px;
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .deli_comp_modal {
    width: calc(var(--vw) * 860 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .deli_comp_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .deli_comp_modal_wrap .deli_comp_modal {
    padding: 40px 0px 40px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .deli_comp_modal {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .deli_comp_modal {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .deli_comp_modal {
    width: calc(var(--vw) * 1000 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .deli_comp_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
.deli_comp_modal_wrap .deli_comp_modal_in {
  width: auto;
  overflow: auto;
  background: #fff;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: block;
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .deli_comp_modal_in {
    height: calc(var(--vw) * 420 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .deli_comp_modal_in.hauto {
    height: auto;
    max-height: 90lvh;
  }
}
@media screen and (min-width: 1240px) {
  .deli_comp_modal_wrap .deli_comp_modal_in {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .deli_comp_modal_in {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .deli_comp_modal_in {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .deli_comp_modal_wrap .deli_comp_modal_in {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .deli_comp_modal_in {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .deli_comp_modal_in {
    flex-direction: column;
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .deli_comp_modal_in {
    height: auto;
  }
}
.deli_comp_modal_wrap .t01 {
  text-align: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .deli_comp_modal_wrap .t01 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .t01 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
.deli_comp_modal_wrap .wrap01 {
  margin: 0 auto;
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
  text-align: left;
}
@media screen and (min-width: 1240px) {
  .deli_comp_modal_wrap .wrap01 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .wrap01 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .wrap01 tr {
    display: block;
    margin-top: 0.3em;
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .wrap01 th, .deli_comp_modal_wrap .wrap01 td {
    display: block;
    text-align: center;
  }
}
.deli_comp_modal_wrap .wrap01 td {
  padding-left: 2em;
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .wrap01 td {
    padding-left: 0;
  }
}
.deli_comp_modal_wrap .t02 {
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .deli_comp_modal_wrap .t02 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .t02 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .t02 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
.deli_comp_modal_wrap .deli_comp_close {
  width: calc(var(--vw) * 295 / 1240 * 100);
  max-width: 295px;
  margin: 0 auto;
  margin-top: calc(var(--vw) * 25 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .deli_comp_close {
    width: calc(var(--vw) * 295 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .deli_comp_modal_wrap .deli_comp_close {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .deli_comp_close {
    margin-top: calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .deli_comp_close {
    width: 100%;
    max-width: none;
    min-width: 0;
  }
}
.deli_comp_modal_wrap .myp_btn01 {
  width: calc(var(--vw) * 290 / 1240 * 100);
  max-width: 290px;
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .myp_btn01 {
    width: calc(var(--vw) * 290 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .myp_btn01 {
    width: calc(var(--vw) * 225 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .deli_comp_modal_wrap .myp_btn01 {
    padding: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .myp_btn01 {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .deli_comp_modal_wrap .myp_btn01 {
    padding: calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 16 / 375 * 100);
  }
}

.cart_modal_wrap {
  opacity: 0;
  transition: 0.4s;
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.cart_modal_wrap.active {
  opacity: 1;
  transition: 0.4s;
  pointer-events: auto;
  visibility: visible;
}
.cart_modal_wrap .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.cart_modal_wrap .close_btn {
  z-index: 10;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  top: calc(var(--vw) * 15 / 1240 * 100);
  right: calc(var(--vw) * -20 / 1240 * 100);
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .cart_modal_wrap .close_btn {
    top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .close_btn {
    top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .cart_modal_wrap .close_btn {
    right: -20px;
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .close_btn {
    right: calc(var(--vw) * -20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .close_btn {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .close_btn {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
.cart_modal_wrap .close_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.cart_modal_wrap .close_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../img/mypage/delete.png) 0 0/cover no-repeat;
}
.cart_modal_wrap .cart_modal {
  width: calc(var(--vw) * 860 / 1240 * 100);
  max-width: 860px;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--vw) * 940 / 1240 * 100);
  max-width: 940px;
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .cart_modal {
    width: calc(var(--vw) * 860 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .cart_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .cart_modal_wrap .cart_modal {
    padding: 40px 0px 40px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .cart_modal {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .cart_modal {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .cart_modal {
    width: calc(var(--vw) * 940 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .cart_modal {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
.cart_modal_wrap .cart_modal_in {
  width: auto;
  overflow: auto;
  background: #fff;
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: block;
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .cart_modal_in {
    height: calc(var(--vw) * 420 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .cart_modal_in.hauto {
    height: auto;
    max-height: 90lvh;
  }
}
@media screen and (min-width: 1240px) {
  .cart_modal_wrap .cart_modal_in {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .cart_modal_in {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .cart_modal_in {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .cart_modal_wrap .cart_modal_in {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .cart_modal_in {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .cart_modal_in {
    flex-direction: column;
  }
}
.cart_modal_wrap .t01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  margin-bottom: 0.3em;
}
@media screen and (min-width: 1240px) {
  .cart_modal_wrap .t01 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .t01 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.cart_modal_wrap .box01 {
  margin-top: calc(var(--vw) * 30 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: center;
  gap: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .cart_modal_wrap .box01 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .box01 {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .box01 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .cart_modal_wrap .box01 {
    gap: 0px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .box01 {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .box01 {
    gap: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .box01 {
    flex-direction: column;
  }
}
.cart_modal_wrap .box01 > .btn {
  margin: 0;
}
.cart_modal_wrap .cart_submit {
  width: calc(var(--vw) * 295 / 1240 * 100);
  max-width: 295px;
  margin: 0 auto;
  margin-top: calc(var(--vw) * 25 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .cart_submit {
    width: calc(var(--vw) * 295 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .cart_modal_wrap .cart_submit {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .cart_submit {
    margin-top: calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .cart_modal_wrap .cart_submit {
    width: 100%;
    max-width: none;
    min-width: 0;
  }
}

.slider_wrap_in {
  position: relative;
}

#selected_menu {
  transition: opacity 0.4s;
  opacity: 0;
  pointer-events: none;
  display: -ms-flex;
  display: flex;
  width: calc(var(--vw) * 700 / 1240 * 100);
  max-width: 700px;
  align-items: center;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 11;
  background: rgba(91, 52, 39, 0.95);
  justify-content: space-between;
  padding: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 34 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 34 / 1240 * 100);
  border-radius: calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
#selected_menu.active {
  transition: opacity 0.4s;
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width: 767.98px) {
  #selected_menu {
    width: calc(var(--vw) * 700 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu {
    max-width: none;
  }
}
#selected_menu.max5 {
  width: calc(var(--vw) * 655 / 1240 * 100);
  max-width: 655px;
  background: rgba(91, 52, 39, 0.95);
}
@media screen and (max-width: 767.98px) {
  #selected_menu.max5 {
    width: calc(var(--vw) * 655 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu.max5 {
    max-width: none;
  }
}
#selected_menu.max5 .btn {
  width: calc(var(--vw) * 176 / 1240 * 100);
  max-width: 176px;
}
@media screen and (max-width: 767.98px) {
  #selected_menu.max5 .btn {
    width: calc(var(--vw) * 176 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu.max5 .btn {
    width: calc(var(--vw) * 117 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  #selected_menu {
    padding: 10px 34px 10px 34px;
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu {
    padding: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 34 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 34 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu {
    padding: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #selected_menu {
    border-radius: 60px 0px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu {
    border-radius: calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu {
    width: 100%;
    max-width: none;
    border-radius: 0;
  }
  #selected_menu.max5 {
    width: 100%;
  }
}
#selected_menu.max5 ul {
  width: calc(var(--vw) * 274 / 1240 * 100);
  max-width: 274px;
  margin-left: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  #selected_menu.max5 ul {
    width: calc(var(--vw) * 274 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu.max5 ul {
    width: calc(var(--vw) * 165 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  #selected_menu.max5 ul {
    margin-left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu.max5 ul {
    margin-left: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu.max5 ul {
    margin-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
#selected_menu ul {
  width: calc(var(--vw) * 341 / 1240 * 100);
  max-width: 341px;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 2.4%;
  overflow: hidden;
  height: calc(var(--vw) * 49 / 1240 * 100);
  max-height: 49px;
}
@media screen and (max-width: 767.98px) {
  #selected_menu ul {
    width: calc(var(--vw) * 341 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu ul {
    width: calc(var(--vw) * 193 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu ul {
    height: calc(var(--vw) * 49 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu ul {
    height: calc(var(--vw) * 28 / 375 * 100);
    max-height: 100%;
  }
}
#selected_menu ul li {
  width: calc(var(--vw) * 49 / 1240 * 100);
  max-width: 49px;
  line-height: 1;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  #selected_menu ul li {
    width: calc(var(--vw) * 49 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu ul li {
    width: calc(var(--vw) * 28 / 375 * 100);
    max-width: 100%;
  }
}
#selected_menu .select_now {
  color: #fff;
  text-align: center;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  line-height: 1.3;
}
@media screen and (min-width: 1240px) {
  #selected_menu .select_now {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu .select_now {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu .select_now {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
#selected_menu .select_now .txt01 {
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  #selected_menu .select_now .txt01 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu .select_now .txt01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu .select_now .txt01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
#selected_menu .btn_wrap {
  width: calc(var(--vw) * 176 / 1240 * 100);
  max-width: 176px;
}
@media screen and (max-width: 767.98px) {
  #selected_menu .btn_wrap {
    width: calc(var(--vw) * 176 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu .btn_wrap {
    width: calc(var(--vw) * 94 / 375 * 100);
    max-width: 100%;
  }
}
#selected_menu .btn {
  border: 1px solid #fff;
  width: calc(var(--vw) * 176 / 1240 * 100);
  max-width: 176px;
  padding: calc(var(--vw) * 16 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 16 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  width: 100%;
  min-width: 0;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  #selected_menu .btn {
    width: calc(var(--vw) * 176 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu .btn {
    width: calc(var(--vw) * 94 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  #selected_menu .btn {
    padding: 16px 0px 16px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu .btn {
    padding: calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu .btn {
    padding: calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #selected_menu .btn {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu .btn {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #selected_menu .btn {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}

.myp_btn04 {
  position: relative;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  display: table;
  color: #5B3427;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
  letter-spacing: 0.05em;
  border-radius: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 70 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 70 / 1240 * 100);
  background: #F4E7DB;
  border: 1px solid #5B3427;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .myp_btn04 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn04 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn04 {
    font-size: calc(var(--vw) * 13 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_btn04 {
    border-radius: 30px 30px 30px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn04 {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_btn04 {
    padding: 20px 70px 20px 70px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn04 {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 70 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 70 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn04 {
    padding: calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 24 / 375 * 100) calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 24 / 375 * 100);
  }
}
.myp_btn04:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.myp_btn04.arrow {
  width: calc(var(--vw) * 314 / 1240 * 100);
  max-width: 314px;
}
@media screen and (max-width: 767.98px) {
  .myp_btn04.arrow {
    width: calc(var(--vw) * 314 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn04.arrow {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
.myp_btn04.arrow:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
  width: calc(var(--vw) * 8 / 1240 * 100);
  max-width: 8px;
  height: calc(var(--vw) * 8 / 1240 * 100);
  max-height: 8px;
  left: auto;
  right: calc(var(--vw) * 22 / 1240 * 100);
  border-top: 2px solid #5B3427;
  border-right: 2px solid #5B3427;
}
@media screen and (max-width: 767.98px) {
  .myp_btn04.arrow:after {
    width: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn04.arrow:after {
    height: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_btn04.arrow:after {
    right: 22px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn04.arrow:after {
    right: calc(var(--vw) * 22 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn04.arrow:after {
    right: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn04.arrow:after {
    width: calc(var(--vw) * 6 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_btn04.arrow:after {
    height: calc(var(--vw) * 6 / 375 * 100);
    max-height: 100%;
  }
}

header#header {
  width: 100%;
  position: relative;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #fff;
}
header#header #common_header {
  position: relative;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: none;
  padding-top: calc(var(--vw) * 30 / 1240 * 100);
  padding-left: calc(var(--vw) * 30 / 1240 * 100);
  padding-right: calc(var(--vw) * 30 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  header#header #common_header {
    padding-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #common_header {
    padding-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  header#header #common_header {
    padding-left: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #common_header {
    padding-left: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  header#header #common_header {
    padding-right: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #common_header {
    padding-right: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  header#header #common_header {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #common_header {
    padding-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 768px) and (max-width: 1239.98px) {
  header#header #common_header {
    padding-left: calc(var(--vw) * 10 / 1240 * 100);
    padding-right: calc(var(--vw) * 10 / 1240 * 100);
  }
}
@media screen and (min-width: 768px) and (max-width: 1239.98px) and (min-width: 1240px) {
  header#header #common_header {
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1239.98px) and (max-width: 767.98px) {
  header#header #common_header {
    padding-left: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 768px) and (max-width: 1239.98px) and (min-width: 1240px) {
  header#header #common_header {
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1239.98px) and (max-width: 767.98px) {
  header#header #common_header {
    padding-right: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #common_header {
    padding-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #common_header {
    padding-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #common_header {
    padding-right: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #common_header {
    padding-bottom: calc(var(--vw) * 12 / 375 * 100);
  }
}
header#header .logo img {
  width: calc(var(--vw) * 187 / 1240 * 100);
  max-width: 187px;
  vertical-align: bottom;
}
@media screen and (max-width: 767.98px) {
  header#header .logo img {
    width: calc(var(--vw) * 187 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header .logo img {
    width: calc(var(--vw) * 106 / 375 * 100);
    max-width: 100%;
  }
}
header#header #header_nav {
  display: -ms-flex;
  display: flex;
  align-items: flex-end;
}
header#header .front_nav {
  display: -ms-flex;
  display: flex;
  flex-shrink: 0;
}
header#header .front_nav li {
  margin-left: calc(var(--vw) * 20 / 1240 * 100);
  font-weight: 600;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  header#header .front_nav li {
    margin-left: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li {
    margin-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li {
    margin-left: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  header#header .front_nav li {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li {
    font-size: calc(var(--vw) * 7 / 375 * 100);
  }
}
header#header .front_nav li .icon {
  display: block;
  margin: 0 auto;
  text-align: center;
  height: calc(var(--vw) * 25 / 1240 * 100);
  max-height: 25px;
  margin-bottom: calc(var(--vw) * 6 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li .icon {
    height: calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li .icon {
    height: calc(var(--vw) * 16.8 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  header#header .front_nav li .icon {
    margin-bottom: 6px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li .icon {
    margin-bottom: calc(var(--vw) * 6 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li .icon {
    margin-bottom: calc(var(--vw) * 4 / 375 * 100);
  }
}
header#header .front_nav li .icon.head_cart {
  position: relative;
}
header#header .front_nav li .icon.head_cart span.cart_num {
  position: absolute;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 11 / 1240 * 100);
  width: calc(var(--vw) * 20 / 1240 * 100);
  max-width: 20px;
  height: calc(var(--vw) * 20 / 1240 * 100);
  max-height: 20px;
  top: calc(var(--vw) * -8 / 1240 * 100);
  right: calc(var(--vw) * -4 / 1240 * 100);
  color: #fff;
  background: #AA2038;
  border-radius: 50%;
}
@media screen and (min-width: 1240px) {
  header#header .front_nav li .icon.head_cart span.cart_num {
    font-size: 11px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li .icon.head_cart span.cart_num {
    font-size: calc(var(--vw) * 11 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li .icon.head_cart span.cart_num {
    font-size: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li .icon.head_cart span.cart_num {
    width: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li .icon.head_cart span.cart_num {
    height: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li .icon.head_cart span.cart_num {
    width: calc(var(--vw) * 18 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li .icon.head_cart span.cart_num {
    height: calc(var(--vw) * 18 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  header#header .front_nav li .icon.head_cart span.cart_num {
    top: -8px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li .icon.head_cart span.cart_num {
    top: calc(var(--vw) * -8 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  header#header .front_nav li .icon.head_cart span.cart_num {
    right: -4px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li .icon.head_cart span.cart_num {
    right: calc(var(--vw) * -4 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li .icon.head_cart span.cart_num {
    top: calc(var(--vw) * -8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li .icon.head_cart span.cart_num {
    right: calc(var(--vw) * -7 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li .icon.head_cart span.cart_num {
    max-width: none;
    max-height: none;
  }
}
header#header .front_nav li img.icon_goods {
  width: calc(var(--vw) * 26.2 / 1240 * 100);
  max-width: 26.2px;
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li img.icon_goods {
    width: calc(var(--vw) * 26.2 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li img.icon_goods {
    width: calc(var(--vw) * 19.7 / 375 * 100);
    max-width: 100%;
  }
}
header#header .front_nav li img.icon_login {
  width: calc(var(--vw) * 26.8 / 1240 * 100);
  max-width: 26.8px;
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li img.icon_login {
    width: calc(var(--vw) * 26.8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li img.icon_login {
    width: calc(var(--vw) * 20.22 / 375 * 100);
    max-width: 100%;
  }
}
header#header .front_nav li img.icon_account {
  width: calc(var(--vw) * 22.13 / 1240 * 100);
  max-width: 22.13px;
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li img.icon_account {
    width: calc(var(--vw) * 22.13 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li img.icon_account {
    width: calc(var(--vw) * 16.64 / 375 * 100);
    max-width: 100%;
  }
}
header#header .front_nav li img.icon_cart {
  width: calc(var(--vw) * 26.17 / 1240 * 100);
  max-width: 26.17px;
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li img.icon_cart {
    width: calc(var(--vw) * 26.17 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header .front_nav li img.icon_cart {
    width: calc(var(--vw) * 19.68 / 375 * 100);
    max-width: 100%;
  }
}
header#header .front_nav li .txt {
  display: inline-block;
  letter-spacing: 0;
}
header#header #ham_hide_nav_wrap {
  height: calc(100svh - 100%);
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  transition: left 0.4s;
  width: 100%;
  z-index: 2;
  position: absolute;
  top: 100%;
  left: 0;
  background: #5B3427;
  transition: opacity 0.4s;
  padding-top: calc(var(--vw) * 70 / 1240 * 100);
  padding-top: calc(var(--vw) * 14 / 1240 * 100);
  padding-left: calc(var(--vw) * 10 / 1240 * 100);
  padding-right: calc(var(--vw) * 10 / 1240 * 100);
}
@media print, screen and (min-width: 768px) {
  header#header #ham_hide_nav_wrap {
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap {
    padding-top: 70px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap {
    padding-top: calc(var(--vw) * 70 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap {
    padding-top: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap {
    padding-top: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap {
    padding-left: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap {
    padding-right: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap {
    padding-right: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap {
    padding-left: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap {
    padding-right: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap {
    padding-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
header#header #ham_hide_nav_wrap.is-active {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.4s;
}
header#header #ham_hide_nav_wrap .fst {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  color: #fff;
  font-weight: 600;
  font-size: calc(var(--vw) * 18 / 1240 * 100);
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap .fst {
    font-size: 18px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .fst {
    font-size: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap .fst {
    padding: 20px 0px 20px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .fst {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
header#header #ham_hide_nav_wrap .fst a {
  color: #fff;
}
header#header #ham_hide_nav_wrap .list_wrap {
  margin: 0 auto;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1240px;
  width: 100%;
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav {
  width: 49%;
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav {
    width: 100%;
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li {
  border-top: 1px solid #AA8066;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li {
    padding: 20px 0px 20px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li {
    display: block;
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li a {
  color: #fff;
  display: table;
  font-weight: 600;
  font-size: calc(var(--vw) * 18 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li a {
    font-size: 18px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li a {
    font-size: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li a {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li a {
    display: block;
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li .in_list {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li .in_list {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li .in_list li {
  margin-left: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li .in_list li {
    margin-left: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li .in_list li {
    margin-left: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li .in_list li:first-child {
    margin-left: 0;
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li .in_list a {
  font-weight: 400;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li .in_list a {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li .in_list a {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li .in_list a {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other {
  border-top: 0;
  padding-bottom: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other {
    padding-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 {
  display: -ms-flex;
  display: flex;
  flex-shrink: 0;
  gap: 0 2%;
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 {
    width: 100%;
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li {
  color: #5B3427;
  text-align: center;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  width: 25%;
  line-height: 1.2;
  background: #fff;
  border-radius: calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li {
    border-radius: 6px 6px 6px 6px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li {
    border-radius: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100);
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li a {
  color: #5B3427;
  display: block;
  padding: calc(var(--vw) * 17 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 17 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li a {
    padding: 17px 0px 17px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li a {
    padding: calc(var(--vw) * 17 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 17 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li a {
    padding: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li span {
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(var(--vw) * 27 / 1240 * 100);
  max-height: 27px;
  margin-bottom: calc(var(--vw) * 6 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li span {
    height: calc(var(--vw) * 27 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li span {
    height: calc(var(--vw) * 27 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li span {
    margin-bottom: 6px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li span {
    margin-bottom: calc(var(--vw) * 6 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li span {
    margin-bottom: calc(var(--vw) * 12 / 375 * 100);
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li img {
  margin: 0 auto;
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li img.icon_guide {
  width: calc(var(--vw) * 17.8 / 1240 * 100);
  max-width: 17.8px;
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li img.icon_guide {
    width: calc(var(--vw) * 17.8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li img.icon_guide {
    width: calc(var(--vw) * 17.8 / 375 * 100);
    max-width: 100%;
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li img.icon_faq {
  width: calc(var(--vw) * 23.3 / 1240 * 100);
  max-width: 23.3px;
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li img.icon_faq {
    width: calc(var(--vw) * 23.3 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li img.icon_faq {
    width: calc(var(--vw) * 24.3 / 375 * 100);
    max-width: 100%;
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li img.icon_form {
  width: calc(var(--vw) * 23.3 / 1240 * 100);
  max-width: 23.3px;
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li img.icon_form {
    width: calc(var(--vw) * 23.3 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li img.icon_form {
    width: calc(var(--vw) * 23.3 / 375 * 100);
    max-width: 100%;
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li img.icon_corp {
  width: calc(var(--vw) * 19.2 / 1240 * 100);
  max-width: 19.2px;
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li img.icon_corp {
    width: calc(var(--vw) * 19.2 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_other .list03_01 li img.icon_corp {
    width: calc(var(--vw) * 19.2 / 375 * 100);
    max-width: 100%;
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns {
  background: #fff;
  border-radius: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 50 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 50 / 1240 * 100);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns {
    border-radius: 10px 10px 10px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns {
    border-radius: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns {
    border-radius: calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 5 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns {
    padding: 20px 50px 20px 50px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns {
    padding: calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns {
    display: -ms-flex;
    display: flex;
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .txt {
  text-align: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 18 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .txt {
    font-size: 18px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .txt {
    font-size: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .txt {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list {
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li {
  margin-left: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li {
    margin-left: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li {
    margin-left: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li {
    margin-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li:first-child {
  margin-left: 0;
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li a {
  transition: opacity 0.4s;
  opacity: 1;
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li a img.sns_ln {
  width: calc(var(--vw) * 46 / 1240 * 100);
  max-width: 46px;
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li a img.sns_ln {
    width: calc(var(--vw) * 46 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li a img.sns_ln {
    width: calc(var(--vw) * 26 / 375 * 100);
    max-width: 100%;
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li a img.sns_ig {
  width: calc(var(--vw) * 47 / 1240 * 100);
  max-width: 47px;
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li a img.sns_ig {
    width: calc(var(--vw) * 47 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li a img.sns_ig {
    width: calc(var(--vw) * 26 / 375 * 100);
    max-width: 100%;
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li a img.sns_yt {
  width: calc(var(--vw) * 55 / 1240 * 100);
  max-width: 55px;
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li a img.sns_yt {
    width: calc(var(--vw) * 55 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li a img.sns_yt {
    width: calc(var(--vw) * 31 / 375 * 100);
    max-width: 100%;
  }
}
header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li a img.sns_tw {
  width: calc(var(--vw) * 46 / 1240 * 100);
  max-width: 46px;
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li a img.sns_tw {
    width: calc(var(--vw) * 46 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham_hide_nav_wrap .list_wrap .hide_nav > li.list_sns .list li a img.sns_tw {
    width: calc(var(--vw) * 26 / 375 * 100);
    max-width: 100%;
  }
}
header#header #ham_hide_nav_wrap .hide_nav li a {
  color: #fff;
}
header#header #ham {
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  margin-left: calc(var(--vw) * 34 / 1240 * 100);
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 1240px) {
  header#header #ham {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham {
    font-size: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  header#header #ham {
    margin-left: 34px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham {
    margin-left: calc(var(--vw) * 34 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham {
    margin-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham {
    display: block;
  }
}
header#header #ham p {
  color: #3B0400;
  font-size: calc(var(--vw) * 11 / 1240 * 100);
  margin-top: calc(var(--vw) * 6 / 1240 * 100);
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  header#header #ham p {
    font-size: 11px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham p {
    font-size: calc(var(--vw) * 11 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham p {
    font-size: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  header#header #ham p {
    margin-top: 6px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham p {
    margin-top: calc(var(--vw) * 6 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham p {
    margin-top: calc(var(--vw) * 4 / 375 * 100);
  }
}
header#header #ham span {
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 0;
  font-size: inherit;
  border: 0;
  height: calc(var(--vw) * 24 / 1240 * 100);
  max-height: 24px;
}
@media screen and (max-width: 767.98px) {
  header#header #ham span {
    height: calc(var(--vw) * 24 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham span {
    height: calc(var(--vw) * 18 / 375 * 100);
    max-height: 100%;
  }
}
header#header #ham span::after,
header#header #ham span::before {
  position: absolute;
  top: calc(var(--vw) * 8 / 1240 * 100);
  content: "";
  width: 100%;
  height: calc(var(--vw) * 3 / 1240 * 100);
  max-height: 3px;
  border-radius: 10px;
  display: block;
  background: #3B0400;
  transition: transform 0.3s;
}
@media screen and (min-width: 1240px) {
  header#header #ham span::after,
  header#header #ham span::before {
    top: 8px;
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham span::after,
  header#header #ham span::before {
    top: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham span::after,
  header#header #ham span::before {
    height: calc(var(--vw) * 3 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  header#header #ham span::after,
  header#header #ham span::before {
    height: calc(var(--vw) * 3 / 375 * 100);
    max-height: 100%;
  }
}
header#header #ham span::before {
  transform: translateY(-0.595em);
  box-shadow: 0 0.595em 0 #3B0400;
}
header#header #ham span::after {
  transform: translateY(0.595em);
}
header#header #ham.is-active span::before {
  transform: rotate(45deg);
  box-shadow: none;
}
header#header #ham.is-active span::after {
  transform: rotate(-45deg);
}

#mypage_header {
  background: #5B3427;
  padding: calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  position: relative;
  z-index: 1;
  transition: padding 0.4s;
}
@media screen and (min-width: 1240px) {
  #mypage_header {
    padding: 8px 10px 8px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header {
    padding: calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header {
    padding: calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media print, screen and (min-width: 768px) {
  #myp_index #mypage_header {
    padding: calc(var(--vw) * 15 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 15 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1240px) {
  #myp_index #mypage_header {
    padding: 15px 10px 15px 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767.98px) {
  #myp_index #mypage_header {
    padding: calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media print, screen and (min-width: 768px) {
  #myp_index #mypage_header.down {
    padding: calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1240px) {
  #myp_index #mypage_header.down {
    padding: 8px 0px 8px 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767.98px) {
  #myp_index #mypage_header.down {
    padding: calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media print, screen and (min-width: 768px) {
  #myp_index #mypage_header.down #mypage_nav #mypage_hide_nav_wrap .hide_nav li {
    height: auto;
  }
  #myp_index #mypage_header.down #mypage_nav #mypage_hide_nav_wrap .hide_nav li a {
    justify-content: center;
    line-height: 1.22;
    padding: calc(var(--vw) * 5 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 5 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1240px) {
  #myp_index #mypage_header.down #mypage_nav #mypage_hide_nav_wrap .hide_nav li a {
    padding: 5px 0px 5px 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767.98px) {
  #myp_index #mypage_header.down #mypage_nav #mypage_hide_nav_wrap .hide_nav li a {
    padding: calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media print, screen and (min-width: 768px) {
  #myp_index #mypage_header.down #mypage_nav #mypage_hide_nav_wrap .hide_nav li .icon {
    height: auto;
    margin-top: 0;
  }
  #myp_index #mypage_header.down #mypage_nav #mypage_hide_nav_wrap .hide_nav li .icon img {
    display: none;
  }
  #myp_index #mypage_header.down #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    margin-top: 0;
    padding-top: 0;
  }
  #myp_index #mypage_header.down #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt:after {
    content: none;
  }
}
#mypage_header #mypage_nav {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#mypage_header #mypage_nav .ttl {
  line-height: 1;
  color: #fff;
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  #mypage_header #mypage_nav .ttl {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav .ttl {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
#mypage_header #mypage_nav .ttl span {
  display: inline-block;
  background: url(../img/mypage/square.svg) 0 center/auto 90% no-repeat;
  padding-left: calc(var(--vw) * 26 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 2 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  #mypage_header #mypage_nav .ttl span {
    padding-left: 26px;
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav .ttl span {
    padding-left: calc(var(--vw) * 26 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #mypage_header #mypage_nav .ttl span {
    padding-bottom: 2px;
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav .ttl span {
    padding-bottom: calc(var(--vw) * 2 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav .ttl {
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 768px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap {
    display: block !important;
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap {
    display: none;
    width: 100%;
    top: 100%;
    left: 0;
    position: absolute;
    background: #5B3427;
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap.is-active {
    display: block;
    left: 0;
  }
}
#mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav {
  display: -ms-flex;
  display: flex;
  gap: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav {
    gap: 0px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav {
    padding: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
#mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li {
  position: relative;
  text-align: center;
  background: #fff;
  width: calc(var(--vw) * 105 / 1240 * 100);
  max-width: 105px;
  height: calc(var(--vw) * 105 / 1240 * 100);
  max-height: 105px;
  border-radius: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li {
    width: calc(var(--vw) * 105 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li {
    height: calc(var(--vw) * 105 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li {
    border-radius: 10px 10px 10px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li {
    border-radius: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li {
    width: calc(var(--vw) * 105 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li {
    height: calc(var(--vw) * 105 / 375 * 100);
    max-height: 100%;
  }
}
#myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li {
  position: relative;
  text-align: center;
  background: #fff;
  width: calc(var(--vw) * 105 / 1240 * 100);
  max-width: 105px;
  height: calc(var(--vw) * 105 / 1240 * 100);
  max-height: 105px;
  border-radius: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  #myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li {
    width: calc(var(--vw) * 105 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li {
    height: calc(var(--vw) * 105 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li {
    border-radius: 10px 10px 10px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  #myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li {
    border-radius: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  #myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li {
    width: calc(var(--vw) * 105 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  #myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li {
    height: calc(var(--vw) * 105 / 375 * 100);
    max-height: 100%;
  }
}
#mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(1) .icon img {
  height: calc(var(--vw) * 30 / 1240 * 100);
  max-height: 30px;
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(1) .icon img {
    height: calc(var(--vw) * 30 / 375 * 100);
  }
}
#mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(2) .icon img {
  height: calc(var(--vw) * 30 / 1240 * 100);
  max-height: 30px;
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(2) .icon img {
    height: calc(var(--vw) * 30 / 375 * 100);
  }
}
#mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(3) .icon img {
  height: calc(var(--vw) * 30 / 1240 * 100);
  max-height: 30px;
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(3) .icon img {
    height: calc(var(--vw) * 30 / 375 * 100);
  }
}
#mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(4) .icon img {
  height: calc(var(--vw) * 22 / 1240 * 100);
  max-height: 22px;
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(4) .icon img {
    height: calc(var(--vw) * 22 / 375 * 100);
  }
}
#mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(5) .icon img {
  height: calc(var(--vw) * 26 / 1240 * 100);
  max-height: 26px;
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(5) .icon img {
    height: calc(var(--vw) * 26 / 375 * 100);
  }
}
#mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(6) .icon img {
  height: calc(var(--vw) * 22 / 1240 * 100);
  max-height: 22px;
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(6) .icon img {
    height: calc(var(--vw) * 22 / 375 * 100);
  }
}
#mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(7) .icon img {
  height: calc(var(--vw) * 36 / 1240 * 100);
  max-height: 36px;
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(7) .icon img {
    height: calc(var(--vw) * 36 / 375 * 100);
  }
}
#mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(8) .icon img {
  height: calc(var(--vw) * 28 / 1240 * 100);
  max-height: 28px;
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(8) .icon img {
    height: calc(var(--vw) * 28 / 375 * 100);
  }
}
#mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(9) .icon img {
  height: calc(var(--vw) * 34 / 1240 * 100);
  max-height: 34px;
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li:nth-child(9) .icon img {
    height: calc(var(--vw) * 34 / 375 * 100);
  }
}
#mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .icon {
  display: -ms-flex;
  display: flex;
  align-items: center;
  height: calc(var(--vw) * 36 / 1240 * 100);
  max-height: 36px;
  margin: calc(var(--vw) * 15 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .icon {
    height: calc(var(--vw) * 36 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .icon {
    margin: 15px 0px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .icon {
    margin: calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
#myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .icon {
  height: calc(var(--vw) * 36 / 1240 * 100);
  max-height: 36px;
  margin: calc(var(--vw) * 15 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  #myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .icon {
    height: calc(var(--vw) * 36 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .icon {
    margin: 15px 0px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  #myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .icon {
    margin: calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
#myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .icon img {
  display: inline;
}
#mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
  position: relative;
  font-weight: 600;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  padding-top: calc(var(--vw) * 5 / 1240 * 100);
  margin-top: calc(var(--vw) * 5 / 1240 * 100);
}
#mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 10%;
  width: 80%;
  height: 1px;
  background: #AA8066;
}
@media screen and (min-width: 1240px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    padding-top: 5px;
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    padding-top: calc(var(--vw) * 5 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    margin-top: 5px;
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    margin-top: calc(var(--vw) * 5 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    height: calc(var(--vw) * 45 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    position: relative;
    display: -ms-flex;
    display: flex;
    height: calc(var(--vw) * 40 / 1240 * 100);
    max-height: 40px;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: calc(var(--vw) * 12 / 1240 * 100);
    padding-top: calc(var(--vw) * 5 / 1240 * 100);
    margin-top: calc(var(--vw) * 5 / 1240 * 100);
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    height: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    height: calc(var(--vw) * 45 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 1px;
    background: #AA8066;
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    padding-top: 5px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    padding-top: calc(var(--vw) * 5 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    margin-top: 5px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    margin-top: calc(var(--vw) * 5 / 375 * 100);
  }
}
#myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
  position: relative;
  display: -ms-flex;
  display: flex;
  height: calc(var(--vw) * 40 / 1240 * 100);
  max-height: 40px;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  padding-top: calc(var(--vw) * 5 / 1240 * 100);
  margin-top: calc(var(--vw) * 5 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  #myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    height: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    height: calc(var(--vw) * 45 / 375 * 100);
    max-height: 100%;
  }
}
#myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 10%;
  width: 80%;
  height: 1px;
  background: #AA8066;
}
@media screen and (min-width: 1240px) {
  #myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  #myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    padding-top: 5px;
  }
}
@media screen and (max-width: 767.98px) {
  #myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    padding-top: calc(var(--vw) * 5 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    margin-top: 5px;
  }
}
@media screen and (max-width: 767.98px) {
  #myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    margin-top: calc(var(--vw) * 5 / 375 * 100);
  }
}
#mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li a {
  display: block;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}
#mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li a span {
  opacity: 1;
  transition: opacity 0.4s;
}
#mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li a:hover span {
  opacity: 0.7;
  transition: opacity 0.4s;
}
#myp_index #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li a {
  padding: 0;
  justify-content: flex-start;
  height: 100%;
}
@media print, screen and (min-width: 768px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li {
    height: auto;
  }
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li a {
    justify-content: center;
    line-height: 1.22;
    padding: calc(var(--vw) * 5 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 5 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1240px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li a {
    padding: 5px 0px 5px 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767.98px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li a {
    padding: calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media print, screen and (min-width: 768px) {
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .icon {
    height: auto;
    margin-top: 0;
  }
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .icon img {
    display: none;
  }
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt {
    margin-top: 0;
    padding-top: 0;
  }
  #mypage_header #mypage_nav #mypage_hide_nav_wrap .hide_nav li .txt:after {
    content: none;
  }
}
#mypage_header #mypage_nav .plus {
  cursor: pointer;
  display: none;
  line-height: 1;
  position: absolute;
  right: calc(var(--vw) * 25 / 1240 * 100);
  top: 50%;
  transform: translatey(-50%);
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav .plus {
    display: block;
  }
}
@media screen and (min-width: 1240px) {
  #mypage_header #mypage_nav .plus {
    right: 25px;
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav .plus {
    right: calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav .plus {
    width: calc(var(--vw) * 15 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav .plus {
    height: calc(var(--vw) * 15 / 375 * 100);
    max-height: 100%;
  }
}
#mypage_header #mypage_nav .plus span {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
#mypage_header #mypage_nav .plus span:before,
#mypage_header #mypage_nav .plus span:after {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.4s;
  background: #fff;
  left: 50%;
  top: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767.98px) {
  #mypage_header #mypage_nav .plus span:before,
  #mypage_header #mypage_nav .plus span:after {
    height: calc(var(--vw) * 2 / 375 * 100);
    max-height: 100%;
  }
}
#mypage_header #mypage_nav .plus span:before {
  transform: translate(-50%, -50%) rotate(90deg);
}
#mypage_header #mypage_nav .plus.is-active span:before {
  transform: translate(-50%, -50%) rotate(0deg);
}

#frt_header01 {
  display: -ms-flex;
  display: flex;
}
#frt_header01 a {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  font-weight: 600;
  line-height: 1;
  padding-top: calc(var(--vw) * 12 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 10 / 1240 * 100);
  text-align: center;
  display: block;
  width: 100%;
  color: #fff;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  #frt_header01 a {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header01 a {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #frt_header01 a {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header01 a {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #frt_header01 a {
    padding-top: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header01 a {
    padding-top: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #frt_header01 a {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header01 a {
    padding-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
#frt_header01 a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
#frt_header01 a:nth-child(1) {
  background: #5B3427;
}
#frt_header01 a:nth-child(2) {
  background: #AA8066;
}

#frt_header02 {
  display: -ms-flex;
  display: flex;
  border-top: 1px solid #5B3427;
  border-bottom: 1px solid #5B3427;
}
#frt_header02 a {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
  line-height: 1;
  padding-top: calc(var(--vw) * 17 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 15 / 1240 * 100);
  text-align: center;
  display: block;
  width: 100%;
  color: #5B3427;
  transition: opacity 0.4s;
  opacity: 1;
  border-left: 1px solid #5B3427;
  background: #F4E7DB;
}
@media screen and (min-width: 1240px) {
  #frt_header02 a {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header02 a {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header02 a {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #frt_header02 a {
    padding-top: 17px;
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header02 a {
    padding-top: calc(var(--vw) * 17 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #frt_header02 a {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header02 a {
    padding-bottom: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header02 a {
    padding-top: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header02 a {
    padding-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
#frt_header02 a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
#frt_header02 a:first-child {
  border-left: 0;
}

#frt_header03 {
  display: -ms-flex;
  display: flex;
}
#frt_header03 a {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
  line-height: 1;
  padding-top: calc(var(--vw) * 12 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 10 / 1240 * 100);
  text-align: center;
  display: block;
  width: 100%;
  color: #fff;
  transition: opacity 0.4s;
  opacity: 1;
  border-left: 1px solid #5B3427;
  background: #5B3427;
}
@media screen and (min-width: 1240px) {
  #frt_header03 a {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header03 a {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header03 a {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #frt_header03 a {
    padding-top: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header03 a {
    padding-top: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #frt_header03 a {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header03 a {
    padding-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
#frt_header03 a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
#frt_header03 a:first-child {
  border-left: 0;
}
#frt_header03 a:nth-child(2) {
  background: #AA8066;
}
#frt_header03 a span {
  position: relative;
}
#frt_header03 a span:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: calc(var(--vw) * 10 / 1240 * 100);
  max-width: 10px;
  height: calc(var(--vw) * 10 / 1240 * 100);
  max-height: 10px;
  top: 50%;
  right: -2em;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: translateY(-80%) rotate(-135deg);
}
@media screen and (max-width: 767.98px) {
  #frt_header03 a span:after {
    width: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header03 a span:after {
    height: calc(var(--vw) * 10 / 375 * 100);
  }
}

#frt_header04 {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  display: -ms-flex;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.4s;
  border-top: 1px solid #5B3427;
  border-bottom: 1px solid #5B3427;
}
#frt_header04.is-active {
  pointer-events: auto;
  visibility: visible;
  transition: 0.4s;
  opacity: 1;
}
#frt_header04 > * {
  border: 0;
  border-radius: 0;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
  line-height: 1;
  padding-top: calc(var(--vw) * 12 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 10 / 1240 * 100);
  text-align: center;
  display: block;
  width: 100%;
  color: #5B3427;
  transition: opacity 0.4s;
  opacity: 1;
  border-left: 1px solid #5B3427;
  background: #F4E7DB;
  min-width: 0;
}
@media screen and (min-width: 1240px) {
  #frt_header04 > * {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header04 > * {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header04 > * {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #frt_header04 > * {
    padding-top: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header04 > * {
    padding-top: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #frt_header04 > * {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header04 > * {
    padding-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
#frt_header04 > *:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
#frt_header04 > *:first-child {
  border-left: 0;
}
@media screen and (max-width: 767.98px) {
  #frt_header04 > *:nth-child(1) {
    width: 38%;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  #frt_header04 > *:nth-child(1) {
    padding-left: calc(var(--vw) * 24 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  #frt_header04 > *:nth-child(1):after {
    left: calc(var(--vw) * 13 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #frt_header04 > *:nth-child(2) {
    width: 62%;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  #frt_header04 > *:nth-child(2) {
    padding-left: calc(var(--vw) * 24 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  #frt_header04 > *:nth-child(2):after {
    left: calc(var(--vw) * 13 / 375 * 100);
  }
}

.ec-stamp-card-contents-wrap {
  background-color: #f0f0f0;
  box-sizing: content-box;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

.ec-stamp-card-contents-wrap > .ec-mypageRole {
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

.edge .ec-stamp-card-contents-wrap > .ec-mypageRole {
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

.firefox .ec-stamp-card-contents-wrap > .ec-mypageRole {
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

.ec-stamp-card-contents {
  padding: 46px 0 58px;
}

.ec-stamp-head-border {
  display: flex;
  align-items: center;
}

.ec-stamp-head-border:before,
.ec-stamp-head-border:after {
  content: "";
  height: 2px;
  flex-grow: 1;
  background-color: #b98f27;
}

.ec-stamp-head-border:before {
  margin-right: 1rem;
}

.ec-stamp-head-border:after {
  margin-left: 1rem;
}

.ec-stamp-card-contents h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.35;
  color: #b98f27;
  margin: 0;
  font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
}

.ec-stamp-subtitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 2.4435294117;
  letter-spacing: 0.04em;
  color: #b98f27;
  text-align: center;
  margin: 0 0 15px;
  font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
}

.ec-stamp-card-contents-detail {
  display: block;
  justify-content: flex-start;
  margin-top: 71px;
}

.ec-stamp-card-fix-item:first-of-type {
  width: 100%;
  background-image: url("../img/mypage/stamp_card_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.9844%;
  border-radius: 5px;
  position: relative;
}

.ec-stamp-card-fix-item:first-of-type::after {
  content: "";
  position: absolute;
  display: block;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  border: 1px solid #b6a365;
  border-radius: 5px;
}

.ec-stamp-card-fix-item:nth-of-type(2) {
  width: 100%;
  background-image: url("../img/mypage/present_benefits_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 1.9844% 1.9844% 4% 1.9844%;
  margin-top: 6.5%;
  border-radius: 5px;
  margin-top: 71px;
}

.ec-stamp-card-fix-item:nth-of-type(2)::before {
  width: 100%;
  text-align: center;
  content: "プレゼント特典";
  position: absolute;
  top: -47px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  font-size: 20px;
  font-weight: 500;
  line-height: 2.077;
  color: #b98f27;
  font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
}

.ec-flex {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.stamp-count-text {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 2.3333333333;
  color: #927a35;
  text-align: center;
  margin: 0;
  font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
}

.stamp-count {
  display: inline-block;
  font-size: 24px;
  line-height: 1.9;
  color: #484745;
  padding: 0 0.7% 0 1.8%;
  font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
}

.stamp-individual {
  display: inline-block;
  font-size: 14px;
  line-height: 3;
  color: #484745;
  font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
}

.iphone .stamp-individual {
  display: inline-block;
  font-size: 14px;
  line-height: 3;
  color: #484745;
  font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
  padding-left: 2.5%;
}

.ec-stamp-card-contents-detail-left img {
  max-width: 100%;
  vertical-align: middle;
}

.ec-stamp-card-row {
  width: 90.837%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 4.584% 2.5%;
  margin: 0 auto;
}

.ec-stamp-card-row-item {
  background-repeat: no-repeat;
  background-size: contain;
  width: 13.38%;
  height: 40px;
  margin: 2% 1.64%;
  background-position: center;
}

.ec-stamp-card-row-item img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.ec-card-item-number-01 {
  background-image: url("../img/mypage/stamp_number_01.png");
}

.ec-card-item-number-02 {
  background-image: url("../img/mypage/stamp_number_02.png");
}

.ec-card-item-number-03 {
  background-image: url("../img/mypage/stamp_number_03.png");
}

.ec-card-item-number-04 {
  background-image: url("../img/mypage/stamp_number_04.png");
}

.ec-card-item-number-05 {
  background-image: url("../img/mypage/stamp_number_05.png");
}

.ec-card-item-number-06 {
  background-image: url("../img/mypage/stamp_number_06.png");
}

.ec-card-item-number-07 {
  background-image: url("../img/mypage/stamp_number_07.png");
}

.ec-card-item-number-08 {
  background-image: url("../img/mypage/stamp_number_08.png");
}

.ec-card-item-number-09 {
  background-image: url("../img/mypage/stamp_number_09.png");
}

.ec-card-item-number-10 {
  background-image: url("../img/mypage/stamp_number_10.png");
}

.ec-card-item-number-11 {
  background-image: url("../img/mypage/stamp_number_11.png");
}

.ec-card-item-number-12 {
  background-image: url("../img/mypage/stamp_number_12.png");
}

.ec-stamp-card-row-item.after-stamping {
  background-image: url("../img/mypage/after_stamping.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 13.38%;
  height: 40px;
}

.ec-stamp-card-row-item.after-stamping img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.ec-stamp-card-contents-detail-right-ribbon-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  height: 110px;
  overflow: hidden;
}

.ec-stamp-card-contents-detail-right-ribbon {
  display: inline-block;
  position: absolute;
  padding: 10px 0 8px;
  right: -60%;
  top: 12%;
  width: 170%;
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  background-color: #c59d3b;
  color: #fff;
  letter-spacing: 0.05em;
  transform: rotate(45deg);
  font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
}

.ec-stamp-card-contents-detail-right img {
  max-width: 100%;
  vertical-align: middle;
}

.ec-stamp-card-present-benefits-title {
  width: 65%;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.909090909;
  color: #b98f27;
  text-align: center;
  margin: 8% auto 3%;
  font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
}

.ec-stamp-card-present-benefits {
  display: block;
  padding: 0 3.7% 0;
}

.ec-stamp-card-present-benefits-left-wrap {
  width: 50%;
  height: 50%;
  margin: 0 auto 5%;
}

.ec-stamp-card-present-benefits-left {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ec-stamp-card-present-benefits-left img {
  max-width: 100%;
  height: auto;
  border: 1px solid #ffffff;
  padding: 2% 2%;
  flex-shrink: 0;
}

.ec-stamp-card-present-benefits-right-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 0;
}

.ec-stamp-card-present-benefits-subtitle {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5555555555;
  color: #484745;
  margin: 0 0 6px;
  font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
}

.ec-stamp-card-present-benefits-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7142857142;
  color: #484745;
  margin: 0;
  font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
}

.ec-stamp-card-accordion-wrap {
  padding-top: 25px;
  margin-bottom: 16px;
}

.ec-stamp-card-accordion {
  /* border-bottom: 1px solid #ccc; */
  padding: 10px 0;
}

.ec-stamp-card-accordion-menu {
  font-size: 18px;
  font-weight: bold;
  line-height: 2.3333333333;
  color: #525263;
  margin-bottom: 0;
  padding-left: 7px;
  cursor: pointer;
  position: relative;
  font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
}

.ec-stamp-card-accordion-contents {
  display: flex;
  flex-wrap: wrap;
}

.icon_mark {
  position: absolute;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: inline-block;
  top: 7px;
  right: 0;
}

.icon_mark::before {
  content: "";
  position: absolute;
  top: 46%;
  right: 6px;
  width: 15px;
  height: 3px;
  transform: rotate(90deg);
  background-color: #484745;
  transition: all 0.3s ease-in-out;
}

.icon_mark::after {
  content: "";
  position: absolute;
  top: 46%;
  right: 6px;
  width: 15px;
  left: auto;
  height: 3px;
  background-color: #484745;
  transition: all 0.2s ease-in-out;
}

.ec-stamp-card-accordion-menu.open .icon_mark::before {
  transform: rotate(180deg);
}

.ec-stamp-card-accordion-menu.open .icon_mark::after {
  opacity: 0;
}

.ec-stamp-card-accordion-text {
  display: block;
  font-size: 14px;
  line-height: 1.8;
  color: #525263;
  overflow: hidden;
  padding-left: 7px;
  font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
}

@media only screen and (min-width: 415px) {
  .ec-stamp-card-contents-wrap > .ec-mypageRole {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 824px) {
  .ec-stamp-card-contents-wrap {
    background-color: #f0f0f0;
    box-sizing: content-box;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
  .ec-stamp-card-contents-wrap > .ec-mypageRole {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .edge .ec-stamp-card-contents-wrap > .ec-mypageRole {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .firefox .ec-stamp-card-contents-wrap > .ec-mypageRole {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .ec-stamp-card-contents {
    padding: 46px 0 58px;
  }
  .ec-stamp-card-contents h2 {
    font-size: 34px;
    font-weight: bold;
    line-height: 1.35;
    color: #b98f27;
    margin: 0;
    font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
  }
  .ec-stamp-card-contents-detail {
    display: flex;
    justify-content: space-between;
    margin-top: 7.8%;
  }
  .ec-stamp-card-fix-item {
    width: 524px;
  }
  .ec-stamp-card-fix-item:first-of-type {
    width: 524px;
    margin-right: 3.9%;
  }
  .ec-stamp-card-contents-detail-left-inner {
    margin: auto;
    border: 1px solid #b6a365;
    border-radius: 5px;
    padding: 1.9225% 0 1.9225%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ec-stamp-card-fix-item:first-of-type {
    background-image: url("../img/mypage/stamp_card_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 1% 1.9844%;
    border-radius: 5px;
    position: relative;
  }
  .ec-stamp-card-fix-item:first-of-type::after {
    content: "";
    position: absolute;
    display: block;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border: 1px solid #b6a365;
    border-radius: 5px;
  }
  .ec-stamp-card-fix-item:nth-of-type(2) {
    background-image: url("../img/mypage/present_benefits_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 1.899398% 1.9844% 1.899398% 1.9844%;
    border-radius: 5px;
    margin-top: 0;
  }
  .ec-stamp-card-fix-item:nth-of-type(2)::before {
    width: 100%;
    text-align: center;
    content: "プレゼント特典";
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    font-size: 20px;
    font-weight: 500;
    line-height: 2.077;
    color: #b98f27;
    font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
  }
  .ec-flex {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .stamp-count-text {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    line-height: 2.3333333333;
    color: #927a35;
    text-align: center;
    margin: 0;
    font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
  }
  .stamp-count {
    display: inline-block;
    font-size: 30px;
    line-height: 1.9;
    color: #484745;
    padding: 0 0.7% 0 1.8%;
    font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
  }
  .stamp-individual {
    display: inline-block;
    font-size: 14px;
    line-height: 3;
    color: #484745;
    font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
  }
  .ec-stamp-card-row {
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 2.5% 0;
    margin: 0 auto;
  }
  .ec-stamp-card-row-item {
    background-repeat: no-repeat;
    background-size: contain;
    width: 13.38%;
    height: 61px;
    height: calc(var(--vw) * 61 / 1240 * 100);
    max-height: 61px;
    margin: 2% 1.64%;
  }
}
@media only screen and (min-width: 824px) and (max-width: 767.98px) {
  .ec-stamp-card-row-item {
    height: calc(var(--vw) * 61 / 375 * 100);
  }
}
@media only screen and (min-width: 824px) {
  .ec-stamp-card-row-item img {
    width: 100%;
    height: auto;
    vertical-align: middle;
  }
  .ec-card-item-number-01 {
    background-image: url("../img/mypage/stamp_number_01.png");
  }
  .ec-card-item-number-02 {
    background-image: url("../img/mypage/stamp_number_02.png");
  }
  .ec-card-item-number-03 {
    background-image: url("../img/mypage/stamp_number_03.png");
  }
  .ec-card-item-number-04 {
    background-image: url("../img/mypage/stamp_number_04.png");
  }
  .ec-card-item-number-05 {
    background-image: url("../img/mypage/stamp_number_05.png");
  }
  .ec-card-item-number-06 {
    background-image: url("../img/mypage/stamp_number_06.png");
  }
  .ec-card-item-number-07 {
    background-image: url("../img/mypage/stamp_number_07.png");
  }
  .ec-card-item-number-08 {
    background-image: url("../img/mypage/stamp_number_08.png");
  }
  .ec-card-item-number-09 {
    background-image: url("../img/mypage/stamp_number_09.png");
  }
  .ec-card-item-number-10 {
    background-image: url("../img/mypage/stamp_number_10.png");
  }
  .ec-card-item-number-11 {
    background-image: url("../img/mypage/stamp_number_11.png");
  }
  .ec-card-item-number-12 {
    background-image: url("../img/mypage/stamp_number_12.png");
  }
  .ec-stamp-card-row-item.after-stamping {
    background-image: url("../img/mypage/after_stamping.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 13.38%;
    height: 61px;
    height: calc(var(--vw) * 61 / 1240 * 100);
    max-height: 61px;
  }
}
@media only screen and (min-width: 824px) and (max-width: 767.98px) {
  .ec-stamp-card-row-item.after-stamping {
    height: calc(var(--vw) * 61 / 375 * 100);
  }
}
@media only screen and (min-width: 824px) {
  .ec-stamp-card-row-item.after-stamping img {
    width: 100%;
    height: auto;
    vertical-align: middle;
  }
  .ec-stamp-card-contents-detail-right-ribbon-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 110px;
    height: 110px;
    overflow: hidden;
  }
  .ec-stamp-card-contents-detail-right-ribbon {
    display: inline-block;
    position: absolute;
    padding: 10px 0 8px;
    right: -60px;
    top: 28px;
    width: 205px;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    background-color: #c59d3b;
    color: #fff;
    letter-spacing: 0.05em;
    transform: rotate(45deg);
    font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
  }
  .ec-stamp-card-contents-detail-right img {
    max-width: 100%;
    vertical-align: middle;
  }
  .ec-stamp-card-present-benefits-title {
    width: 65%;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.909090909;
    color: #b98f27;
    text-align: center;
    margin: 0.6% auto 3%;
    font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
  }
  .ec-stamp-card-present-benefits {
    display: flex;
    padding: 0 2.6%;
  }
  .ec-stamp-card-present-benefits-left-wrap {
    width: 32.78%;
    height: 32.78%;
  }
  .ec-stamp-card-present-benefits-left {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ec-stamp-card-present-benefits-left img {
    max-width: 100%;
    height: auto;
    border: 1px solid #ffffff;
    padding: 2% 2%;
    flex-shrink: 0;
  }
  .ec-stamp-card-present-benefits-right-wrap {
    width: 69.996%;
    display: flex;
    align-items: flex-start;
    padding-left: 26px;
    margin-top: 5px;
  }
  .ec-stamp-card-present-benefits-subtitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5555555555;
    color: #484745;
    margin: 0 0 6px;
    font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
  }
  .ec-stamp-card-present-benefits-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7142857142;
    color: #484745;
    margin: 0;
    font-family: YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
  }
}
.ec-welcomeMsg {
  border-bottom: 0px;
  margin-bottom: 0px;
}

/* 2024-02-05　スタンプページ改修 */
.ec-card-item-number-01 {
  background-image: url("../img/mypage/stamp_number_01.png");
}

.ec-card-item-number-02 {
  background-image: url("../img/mypage/stamp_number_02.png");
}

.ec-card-item-number-03 {
  background-image: url("../img/mypage/stamp_number_03.png");
}

.ec-card-item-number-04 {
  background-image: url("../img/mypage/stamp_number_04.png");
}

.ec-card-item-number-05 {
  background-image: url("../img/mypage/stamp_number_05.png");
}

.ec-card-item-number-06 {
  background-image: url("../img/mypage/stamp_number_06.png");
}

.ec-card-item-number-07 {
  background-image: url("../img/mypage/stamp_number_07.png");
}

.ec-card-item-number-08 {
  background-image: url("../img/mypage/stamp_number_08.png");
}

.ec-card-item-number-09 {
  background-image: url("../img/mypage/stamp_number_09.png");
}

.ec-card-item-number-10 {
  background-image: url("../img/mypage/stamp_number_10.png");
}

.ec-card-item-number-11 {
  background-image: url("../img/mypage/stamp_number_11.png");
}

.ec-card-item-number-12 {
  background-image: url("../img/mypage/stamp_number_12.png");
}

.ec-card-item-number-13 {
  background-image: url("../img/mypage/stamp_number_13.png");
}

.ec-card-item-number-14 {
  background-image: url("../img/mypage/stamp_number_14.png");
}

.ec-card-item-number-15 {
  background-image: url("../img/mypage/stamp_number_15.png");
}

.ec-card-item-number-16 {
  background-image: url("../img/mypage/stamp_number_16.png");
}

.ec-card-item-number-17 {
  background-image: url("../img/mypage/stamp_number_17.png");
}

.ec-card-item-number-18 {
  background-image: url("../img/mypage/stamp_number_18.png");
}

.ec-card-item-number-19 {
  background-image: url("../img/mypage/stamp_number_19.png");
}

.ec-card-item-number-20 {
  background-image: url("../img/mypage/stamp_number_20.png");
}

.ec-card-item-number-21 {
  background-image: url("../img/mypage/stamp_number_21.png");
}

.ec-card-item-number-22 {
  background-image: url("../img/mypage/stamp_number_22.png");
}

.ec-card-item-number-23 {
  background-image: url("../img/mypage/stamp_number_23.png");
}

.ec-card-item-number-24 {
  background-image: url("../img/mypage/stamp_number_24.png");
}

.ec-card-item-number-25 {
  background-image: url("../img/mypage/stamp_number_25.png");
}

.ec-card-item-number-26 {
  background-image: url("../img/mypage/stamp_number_26.png");
}

.ec-card-item-number-27 {
  background-image: url("../img/mypage/stamp_number_27.png");
}

.ec-card-item-number-28 {
  background-image: url("../img/mypage/stamp_number_28.png");
}

.ec-card-item-number-29 {
  background-image: url("../img/mypage/stamp_number_29.png");
}

.ec-card-item-number-30 {
  background-image: url("../img/mypage/stamp_number_30.png");
}

.ec-card-item-number-31 {
  background-image: url("../img/mypage/stamp_number_31.png");
}

.ec-card-item-number-32 {
  background-image: url("../img/mypage/stamp_number_32.png");
}

.ec-card-item-number-33 {
  background-image: url("../img/mypage/stamp_number_33.png");
}

.ec-card-item-number-34 {
  background-image: url("../img/mypage/stamp_number_34.png");
}

.ec-card-item-number-35 {
  background-image: url("../img/mypage/stamp_number_35.png");
}

.ec-card-item-number-36 {
  background-image: url("../img/mypage/stamp_number_36.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-01 {
  background-image: url("../img/mypage/after_stamping_01.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-02 {
  background-image: url("../img/mypage/after_stamping_02.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-03 {
  background-image: url("../img/mypage/after_stamping_03.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-04 {
  background-image: url("../img/mypage/after_stamping_04.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-05 {
  background-image: url("../img/mypage/after_stamping_05.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-06 {
  background-image: url("../img/mypage/after_stamping_06.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-07 {
  background-image: url("../img/mypage/after_stamping_07.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-08 {
  background-image: url("../img/mypage/after_stamping_08.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-09 {
  background-image: url("../img/mypage/after_stamping_09.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-10 {
  background-image: url("../img/mypage/after_stamping_10.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-11 {
  background-image: url("../img/mypage/after_stamping_11.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-12 {
  background-image: url("../img/mypage/after_stamping_12.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-13 {
  background-image: url("../img/mypage/after_stamping_13.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-14 {
  background-image: url("../img/mypage/after_stamping_14.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-15 {
  background-image: url("../img/mypage/after_stamping_15.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-16 {
  background-image: url("../img/mypage/after_stamping_16.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-17 {
  background-image: url("../img/mypage/after_stamping_17.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-18 {
  background-image: url("../img/mypage/after_stamping_18.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-19 {
  background-image: url("../img/mypage/after_stamping_19.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-20 {
  background-image: url("../img/mypage/after_stamping_20.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-21 {
  background-image: url("../img/mypage/after_stamping_21.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-22 {
  background-image: url("../img/mypage/after_stamping_22.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-23 {
  background-image: url("../img/mypage/after_stamping_23.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-24 {
  background-image: url("../img/mypage/after_stamping_24.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-25 {
  background-image: url("../img/mypage/after_stamping_25.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-26 {
  background-image: url("../img/mypage/after_stamping_26.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-27 {
  background-image: url("../img/mypage/after_stamping_27.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-28 {
  background-image: url("../img/mypage/after_stamping_28.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-29 {
  background-image: url("../img/mypage/after_stamping_29.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-30 {
  background-image: url("../img/mypage/after_stamping_30.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-31 {
  background-image: url("../img/mypage/after_stamping_31.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-32 {
  background-image: url("../img/mypage/after_stamping_32.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-33 {
  background-image: url("../img/mypage/after_stamping_33.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-34 {
  background-image: url("../img/mypage/after_stamping_34.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-35 {
  background-image: url("../img/mypage/after_stamping_35.png");
}

.new_stamp .ec-stamp-card-row-item.after-stamping.ec-card-item-number-36 {
  background-image: url("../img/mypage/after_stamping_36.png");
}

.new_stamp .ec-stamp-card-row {
  padding: 0;
  margin: 0 auto 40px;
  width: 90%;
  justify-content: space-between;
  position: relative;
}

.new_stamp .myp_list01_right {
  text-align: right;
  margin: 10px auto 0;
}

.new_stamp .ec-flex {
  margin: 20px 0;
}

.new_stamp .stamp-count-text {
  color: #000;
  font-size: 20px;
}

.new_stamp .stamp-count {
  font-size: 35px;
  line-height: 1.9;
  color: #000;
  padding: 0;
  font-weight: 600;
}

.new_stamp .stamp-individual {
  color: #000;
  font-size: 20px;
  font-weight: bold;
}

.new_stamp .ec-stamp-card-row-item {
  width: 7%;
  margin: 0 0.5% 1.7%;
  height: calc(var(--vw) * 6.0483870968);
  max-height: 75px;
}

.new_stamp .ec-stamp-card-fix-item:first-of-type {
  background-image: none;
  background-color: #F4E7DB;
  border-radius: 60px;
  width: 100%;
}

.new_stamp .ec-stamp-card-fix-item:first-of-type::after {
  content: none;
}

@media screen and (max-width: 767.98px) {
  .new_stamp .ec-stamp-card-row {
    width: 95%;
    margin: 0 auto 7vw;
  }
  .new_stamp .myp_list01_right {
    margin: 2.666vw auto 0;
  }
  .new_stamp .ec-flex {
    margin: 2vw 0;
  }
  .new_stamp .ec-stamp-card-row-item {
    height: calc(var(--vw) * 13.3333333333);
    max-height: 100%;
    width: 15.5%;
    max-height: 100%;
    margin: 0 0 0.5%;
  }
  .new_stamp .ec-stamp-card-fix-item:first-of-type {
    border-radius: 30px;
  }
}
.new_stamp .get_tokuten_box {
  text-align: center;
  margin: 0 auto;
}

.new_stamp .get_tokuten_box p {
  font-size: 30px;
  font-weight: 600;
  margin: 60px auto 0;
  text-align: center;
}

.new_stamp .get_tokuten_box p span {
  font-size: 16px;
  display: block;
  margin-top: 40px;
}

.new_stamp .get_tokuten_box ul {
  display: flex;
  justify-content: center;
  margin: 40px auto 0;
}

.new_stamp .get_tokuten_box li {
  border-radius: 20px;
  border: 2px #F1BE48 solid;
  width: 32%;
  display: flex;
  flex-direction: column;
  padding: 0 3% 2% 3%;
  position: relative;
}

.new_stamp .get_tokuten_box li::before {
  content: "";
  background-image: url("../img/mypage/stamp_present.svg");
  width: 95px;
  height: 95px;
  position: absolute;
  left: -2px;
  top: -2px;
}

.new_stamp .get_tokuten_box li:nth-child(2) {
  margin: 0 2%;
}

.new_stamp .get_tokuten_box img {
  padding: 25px 0 20px;
  display: block;
  margin: 0 auto;
}

.new_stamp .get_tokuten_box .get_tokuten_txt_box {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.new_stamp .get_tokuten_box .get_tokuten_txt_box p {
  flex-grow: 1;
  text-align: left;
  line-height: 1.8;
  font-size: 16px;
  font-weight: 600;
  margin: 20px 0 0 0;
}

.new_stamp .get_tokuten_box .get_tokuten_txt_box span {
  font-size: 14px;
  text-align: left;
  margin: 10px auto 0;
}

.new_stamp .get_tokuten_box .get_tokuten_item_title {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
}

.new_stamp .get_tokuten_box .get_tokuten_item_title:before,
.new_stamp .get_tokuten_box .get_tokuten_item_title:after {
  content: "";
  height: 2px;
  flex-grow: 1;
  background-color: #F1BE48;
}

.new_stamp .get_tokuten_box .get_tokuten_item_title:before {
  margin-right: 1rem;
}

.new_stamp .get_tokuten_box .get_tokuten_item_title:after {
  margin-left: 1rem;
}

@media screen and (max-width: 767.98px) {
  .new_stamp .get_tokuten_box p {
    font-size: calc(var(--vw) * 4.2666666667);
    margin: calc(var(--vw) * 13.3333333333) auto 0;
  }
  .new_stamp .get_tokuten_box p span {
    font-size: calc(var(--vw) * 3.7333333333);
    margin: calc(var(--vw) * 20 / 375 * 100) auto 0;
  }
  .new_stamp .get_tokuten_box ul {
    display: block;
    margin: calc(var(--vw) * 5.3333333333) auto 0;
  }
  .new_stamp .get_tokuten_box li {
    width: 100%;
    display: block;
    padding: 5.33vw 8vw 8vw;
  }
  .new_stamp .get_tokuten_box li::before {
    width: calc(var(--vw) * 15.7333333333);
    height: calc(var(--vw) * 15.7333333333);
    background-size: cover;
    left: -2px;
    top: -2px;
  }
  .new_stamp .get_tokuten_box li:nth-child(2) {
    margin: calc(var(--vw) * 2.6666666667) 0;
  }
  .new_stamp .get_tokuten_box img {
    padding: 0 0 4vw;
  }
  .new_stamp .get_tokuten_box .get_tokuten_txt_box p {
    font-size: calc(var(--vw) * 3.7333333333);
    margin: 4vw 0 0 0;
    font-weight: 600;
  }
  .new_stamp .get_tokuten_box .get_tokuten_txt_box span {
    font-size: calc(var(--vw) * 3.2);
    margin: 2vw auto 0;
  }
  .new_stamp .get_tokuten_box .get_tokuten_item_title {
    font-size: calc(var(--vw) * 4.2666666667);
  }
}
/* tokuten */
.new_stamp .news_list {
  margin: 60px 0 0 0;
}

.new_stamp .news_list li:first-child {
  padding-top: 20px;
  border-top: 1px solid #E8E8E8;
}

.new_stamp .news_list li .hide_txt {
  padding: 30px 0;
}

.new_stamp .news_list li dl.news_front .news_ttl {
  font-size: 16px;
}

.new_stamp .tokuten_box {
  display: flex;
  align-items: center;
}

.new_stamp .tokuten_box .tokuten_img {
  max-width: 450px;
}

.new_stamp .tokuten_box .tokuten_txt_box {
  max-width: 670px;
  margin: 0 0 0 5%;
}

.tokuten_title {
  position: relative;
  background: #F1BE48;
  font-size: 20px;
  font-weight: 600;
  color: #3B2B2F;
  border-radius: 8px;
  line-height: 1;
  padding: 10px 20px;
}

.new_stamp .tokuten_subtitle {
  font-size: 16px;
  font-weight: 600;
  color: #3B2B2F;
  margin: 20px 0 30px 0;
}

.new_stamp .tokuten_box p {
  font-size: 14px;
  letter-spacing: 2px;
}

.new_stamp small {
  font-size: 14px;
  text-align: left;
  display: block;
  margin: 20px auto 0;
}

@media screen and (max-width: 767.98px) {
  .new_stamp .news_list {
    margin: calc(var(--vw) * 8) 0 0 0;
  }
  .new_stamp .news_list li {
    padding-top: calc(var(--vw) * 2.6666666667);
    padding-bottom: calc(var(--vw) * 2.6666666667);
  }
  .new_stamp .news_list li:first-child {
    padding-top: calc(var(--vw) * 2.6666666667);
  }
  .new_stamp .news_list li .hide_txt {
    padding: calc(var(--vw) * 4) 0 0;
  }
  .new_stamp .news_list li dl.news_front .news_ttl {
    font-size: calc(var(--vw) * 3.7333333333);
  }
  .new_stamp .tokuten_box {
    display: block;
  }
  .new_stamp .tokuten_box .tokuten_img {
    max-width: 100%;
  }
  .new_stamp .tokuten_box .tokuten_txt_box {
    max-width: 100%;
    margin: 0 auto;
  }
  .tokuten_title {
    font-size: calc(var(--vw) * 4.2666666667);
    border-radius: 4px;
    line-height: 1;
    padding: 2vw 2.66vw;
    margin-top: 4vw;
  }
  .new_stamp .tokuten_subtitle {
    font-size: calc(var(--vw) * 3.7333333333);
    margin: 5.33vw 0 2vw 0;
  }
  .new_stamp .tokuten_box p {
    font-size: calc(var(--vw) * 3.7333333333);
  }
  .new_stamp small {
    font-size: calc(var(--vw) * 3.2);
    margin: 4vw auto 0;
  }
}
/* スタンプのアニメ */
.stamp_anime {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
}

.stamp_anime.anime_none {
  opacity: 0;
}

.stamp_anime_img {
  margin: 0 auto;
  display: block;
  width: 22.3%;
  opacity: 0;
}

.stamp_anime_txt {
  background-color: #AA2038;
  color: #FFF;
  border-radius: 6px;
  padding: 10px 50px;
  text-align: center;
  margin: 0 auto;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  display: table;
  font-size: 16px;
  letter-spacing: 1.5px;
  opacity: 0;
}

@media screen and (max-width: 767.98px) {
  .stamp_anime {
    bottom: calc(var(--vw) * 11.2);
  }
  .stamp_anime_img {
    width: calc(var(--vw) * 53.6);
  }
  .stamp_anime_txt {
    padding: calc(var(--vw) * 4);
    font-size: calc(var(--vw) * 3.7333333333);
    text-align: left;
  }
}
/* スタンプのアニメ */
.animated {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-name: sample1;
  transform-origin: center center;
}
@keyframes sample1 {
  from {
    animation-timing-function: linear;
    transform: translate(0px, 0px) scale(0.5, 0.5) rotate(0deg) skew(0deg, 0deg);
  }
  to {
    opacity: 1;
    animation-timing-function: ease-in-out;
    transform: translate(0px, 0px) scale(1, 1) rotate(0deg) skew(0deg, 0deg);
  }
}
.animated2 {
  color: #FFF;
  background: #AA2038;
  -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
          clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
  animation-name: animated2;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes animated2 {
  100% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
            clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
    opacity: 1;
  }
}
/* mypage_about_stamp */
.mypage_about_stamp_img {
  position: absolute;
  right: 30px;
  top: -80px;
  width: calc(var(--vw) * 200 / 1240 * 100);
  max-width: 200px;
}

.line_dot {
  margin: 5em auto 0;
  display: inline-block;
  background: url("../img/mypage/about_stamp/dot_top.svg"), url("../img/mypage/about_stamp/dot_bottom.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: left top, right bottom;
  padding: 2em 0;
}

.line_dot span {
  font-size: 16px;
  padding: 0 0 0.9em 0;
  background-image: url("../img/mypage/about_stamp/dot_line.svg");
  background-repeat: repeat-x;
  background-position: left bottom;
  line-height: 2.75;
  letter-spacing: 0.8px;
  font-size: 20% 20%;
}

.tokuten_box.mypage_about_stamp .red {
  color: #AA2038;
}

.mypage_about_stamp .t02 {
  font-weight: 600;
  margin-top: 1.54em;
}

.mypage_about_stamp .about_flex01 > div.txt .t02.font-size20 {
  font-weight: 600;
  margin-top: 1.54em;
  font-size: 20px;
}

.tokuten_box.mypage_about_stamp .align_right.mt60.spmt30 {
  font-size: 16px;
}

.tokuten_box.mypage_about_stamp .about_flex01 {
  align-items: flex-start;
}

.tokuten_box.mypage_about_stamp.tokuten_box, .mypage_about_stamp .tokuten_title {
  margin-bottom: 100px;
}

.tokuten_box.mypage_about_stamp.tokuten_box .about_flex01 {
  margin-bottom: 50px;
}

.tokuten_box.mypage_about_stamp.tokuten_box .about_flex01.border {
  padding-bottom: 50px;
  border-bottom: 1px solid #EDEDED;
}

.tokuten_box.mypage_about_stamp.tokuten_box:first-of-type {
  margin-top: 110px;
}

.tokuten_box.mypage_about_stamp.tokuten_box:nth-of-type(n+2) {
  margin-top: 180px;
}

@media screen and (max-width: 1240px) {
  .mypage_about_stamp_img {
    top: -6.5vw;
  }
  .line_dot span, .mypage_about_stamp .align_right.mt60.spmt30 {
    font-size: calc(var(--vw) * 16 / 1240 * 100);
  }
  .mypage_about_stamp .about_flex01 > div.txt .t02.font-size20 {
    font-size: calc(var(--vw) * 20 / 1240 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .mypage_about_stamp.about_c01_wrap .about_flex01 > div.img {
    order: 4;
  }
  .mypage_about_stamp.about_c01_wrap .about_flex01 > div.txt .t02 {
    margin-top: 0;
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
    font-weight: 600;
    margin-top: 1.54em;
    order: 4;
  }
  .mypage_about_stamp .about_flex01 > div.txt .t02.font-size20 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
  .mypage_about_stamp.about_c01_wrap .attention {
    width: 100%;
    bottom: -10.666vw;
  }
  .mypage_about_stamp_img {
    right: 2.666vw;
    top: -10vw;
    width: calc(var(--vw) * 100 / 375 * 100);
    max-width: 100%;
  }
  .line_dot {
    margin: 0 auto;
    padding: 4vw 0 8vw 0;
    order: 5;
    background-size: 6.666vw;
  }
  .line_dot span {
    padding: 0 0 0.9em 0;
    line-height: 2.75;
    letter-spacing: 0.8px;
    font-size: 3.733vw;
  }
  .tokuten_box.mypage_about_stamp .about_flex01 > div.txt .t01.red {
    text-align: left;
    order: 1;
  }
  .tokuten_box.mypage_about_stamp .align_right.mt60.spmt30 {
    order: 5;
    font-size: calc(var(--vw) * 12 / 375 * 100);
    margin: 4vw 0 13.33vw;
  }
  .tokuten_box.mypage_about_stamp.tokuten_box, .mypage_about_stamp .tokuten_title {
    margin-bottom: 10vw;
  }
  .tokuten_box.mypage_about_stamp.tokuten_box .about_flex01 {
    margin-bottom: 8vw;
  }
  .tokuten_box.mypage_about_stamp.tokuten_box .about_flex01.border {
    padding-bottom: 8vw;
  }
  .tokuten_box.mypage_about_stamp.tokuten_box:first-of-type {
    margin-top: 26.6666vw;
  }
  .tokuten_box.mypage_about_stamp.tokuten_box:nth-of-type(n+2) {
    margin-top: 8vw;
  }
  .tokuten_box.mypage_about_stamp.tokuten_box .align_left.mt20 {
    margin-top: 5vw;
    order: 6;
  }
}
.frt_ttitle_sec {
  background: url(../img/common/ttl_bg.svg) 0 center/cover no-repeat;
  height: calc(var(--vw) * 317 / 1240 * 100);
  max-height: 317px;
  max-height: none;
  text-align: center;
  position: relative;
  margin-bottom: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec {
    height: calc(var(--vw) * 317 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec {
    height: calc(var(--vw) * 130 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .frt_ttitle_sec {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec {
    margin-bottom: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
.frt_ttitle_sec .breadcrumb {
  position: absolute;
  top: 0;
  top: calc(var(--vw) * 10 / 1240 * 100);
  left: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_ttitle_sec .breadcrumb {
    top: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec .breadcrumb {
    top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec .breadcrumb {
    top: calc(var(--vw) * 4 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_ttitle_sec .breadcrumb {
    left: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec .breadcrumb {
    left: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec .breadcrumb {
    left: calc(var(--vw) * 12 / 375 * 100);
  }
}
.frt_ttitle_sec.frt_product {
  background: url(../img/front/product_ttl_bg.jpg) 0 center/cover no-repeat;
}
.frt_ttitle_sec.about_title {
  background-image: none;
  margin: 0 auto;
  padding: 0;
  width: calc(var(--vw) * 95.1388888889);
  height: calc(var(--vw) * 33.3333333333);
  display: -ms-flex;
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.about_title {
    width: 1370px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.about_title {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.about_title {
    height: 450px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.about_title {
    height: calc(var(--vw) * 400 / 375 * 100);
    max-height: 100%;
  }
}
.frt_ttitle_sec.about_title .inner {
  width: auto;
  max-width: none;
  border-radius: calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../img/front/about/about_ttl.png) 0 center/cover no-repeat;
}
@media screen and (min-width: 1240px) {
  .frt_ttitle_sec.about_title .inner {
    border-radius: 60px 60px 60px 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.about_title .inner {
    border-radius: calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.about_title .inner {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.about_title .inner {
    background: url(../img/front/about/about_ttl_sp.png) 0 center/cover no-repeat;
  }
}
.frt_ttitle_sec.about_title .ttl {
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: calc(var(--vw) * 2.7777777778);
  background: #fff;
  display: table;
  border-radius: calc(var(--vw) * 45 / 1240 * 100) calc(var(--vw) * 45 / 1240 * 100) calc(var(--vw) * 45 / 1240 * 100) calc(var(--vw) * 45 / 1240 * 100);
  padding: 0.4em 1.4em;
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.about_title .ttl {
    font-size: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.about_title .ttl {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_ttitle_sec.about_title .ttl {
    border-radius: 45px 45px 45px 45px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.about_title .ttl {
    border-radius: calc(var(--vw) * 45 / 375 * 100) calc(var(--vw) * 45 / 375 * 100) calc(var(--vw) * 45 / 375 * 100) calc(var(--vw) * 45 / 375 * 100);
  }
}
.frt_ttitle_sec.life_title {
  background-image: none;
  margin: 0 auto;
  padding: 0;
  width: calc(var(--vw) * 95.1388888889);
  height: calc(var(--vw) * 31.25);
  display: -ms-flex;
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.life_title {
    width: 1370px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.life_title {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.life_title {
    height: 450px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.life_title {
    height: calc(var(--vw) * 400 / 375 * 100);
    max-height: 100%;
  }
}
.frt_ttitle_sec.life_title .inner {
  position: relative;
  width: auto;
  max-width: none;
  border-radius: calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100);
  height: 100%;
}
@media screen and (min-width: 1240px) {
  .frt_ttitle_sec.life_title .inner {
    border-radius: 60px 60px 60px 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.life_title .inner {
    border-radius: calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.life_title .inner {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
.frt_ttitle_sec.life_title .ttl {
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: calc(var(--vw) * 2.7777777778);
  background: #fff;
  display: table;
  border-radius: calc(var(--vw) * 45 / 1240 * 100) calc(var(--vw) * 45 / 1240 * 100) calc(var(--vw) * 45 / 1240 * 100) calc(var(--vw) * 45 / 1240 * 100);
  padding: 0.4em 1.4em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.life_title .ttl {
    font-size: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.life_title .ttl {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_ttitle_sec.life_title .ttl {
    border-radius: 45px 45px 45px 45px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.life_title .ttl {
    border-radius: calc(var(--vw) * 45 / 375 * 100) calc(var(--vw) * 45 / 375 * 100) calc(var(--vw) * 45 / 375 * 100) calc(var(--vw) * 45 / 375 * 100);
  }
}
.frt_ttitle_sec.yoridori_title {
  background-image: none;
  margin: 0 auto;
  padding: 0;
  width: calc(var(--vw) * 95.1388888889);
  height: calc(var(--vw) * 33.3333333333);
  display: -ms-flex;
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title {
    width: 1370px;
  }
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title {
    height: 480px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title {
    height: calc(var(--vw) * 480 / 375 * 100);
    max-height: 100%;
  }
}
.frt_ttitle_sec.yoridori_title.bs300_b .inner {
  background: url(../img/front/yoridori/yoridori_ttl_bs300_b.png) 0 center/cover no-repeat;
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title.bs300_b .inner {
    background: url(../img/front/yoridori/yoridori_ttl_bs300_b_sp.png) 0 center/cover no-repeat;
  }
}
.frt_ttitle_sec.yoridori_title.bs300_b .inner .yoridori_ttl_box01 .s01 {
  background: #3B2B2F;
  background: #000;
  color: #fff;
}
.frt_ttitle_sec.yoridori_title.bs300_w .inner {
  background: url(../img/front/yoridori/yoridori_ttl_bs300_w.png) 0 center/cover no-repeat;
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title.bs300_w .inner {
    background: url(../img/front/yoridori/yoridori_ttl_bs300_w_sp.png) 0 center/cover no-repeat;
  }
}
.frt_ttitle_sec.yoridori_title.bs300_w .inner .yoridori_ttl_box01 .s01 {
  background: #fff;
  color: #3B2B2F;
  border: 1px solid #3B2B2F;
}
.frt_ttitle_sec.yoridori_title.bs300_r .inner {
  background: url(../img/front/yoridori/yoridori_ttl_bs300_r.png) 0 center/cover no-repeat;
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title.bs300_r .inner {
    background: url(../img/front/yoridori/yoridori_ttl_bs300_r_sp.png) 0 center/cover no-repeat;
  }
}
.frt_ttitle_sec.yoridori_title.bs300_r .inner .yoridori_ttl_box01 .s01 {
  background: #AA2038;
  color: #fff;
}
.frt_ttitle_sec.yoridori_title.kb01_b .inner {
  background: url(../img/front/yoridori/yoridori_ttl_kb01_b.png) 0 center/cover no-repeat;
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title.kb01_b .inner {
    background: url(../img/front/yoridori/yoridori_ttl_kb01_b_sp.png) 0 center/cover no-repeat;
  }
}
.frt_ttitle_sec.yoridori_title.kb01_b .inner .yoridori_ttl_box01 .s01 {
  background: #3B2B2F;
  color: #fff;
}
.frt_ttitle_sec.yoridori_title.kb01_w .inner {
  background: url(../img/front/yoridori/yoridori_ttl_kb01_w.png) 0 center/cover no-repeat;
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title.kb01_w .inner {
    background: url(../img/front/yoridori/yoridori_ttl_kb01_w_sp.png) 0 center/cover no-repeat;
  }
}
.frt_ttitle_sec.yoridori_title.kb01_w .inner .yoridori_ttl_box01 .s01 {
  background: #fff;
  color: #3B2B2F;
  border: 1px solid #3B2B2F;
}
.frt_ttitle_sec.yoridori_title.kb01_be .inner {
  background: url(../img/front/yoridori/yoridori_ttl_kb01_be.png) 0 center/cover no-repeat;
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title.kb01_be .inner {
    background: url(../img/front/yoridori/yoridori_ttl_kb01_be_sp.png) 0 center/cover no-repeat;
  }
}
.frt_ttitle_sec.yoridori_title.kb01_be .inner .yoridori_ttl_box01 .s01 {
  background: #E7CEB5;
  color: #3B2B2F;
}
.frt_ttitle_sec.yoridori_title.no_machine .inner {
  background: url(../img/front/yoridori/yoridori_ttl_none.png) 0 center/cover no-repeat;
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title.no_machine .inner {
    background: url(../img/front/yoridori/yoridori_ttl_none_sp.png) 0 center/cover no-repeat;
  }
}
.frt_ttitle_sec.yoridori_title.no_machine .inner .yoridori_ttl_box01 {
  width: calc(var(--vw) * 45.1388888889);
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title.no_machine .inner .yoridori_ttl_box01 {
    width: 650px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title.no_machine .inner .yoridori_ttl_box01 {
    width: calc(var(--vw) * 300 / 375 * 100);
    max-width: 100%;
  }
}
.frt_ttitle_sec.yoridori_title.no_machine .inner .yoridori_ttl_box01 .t01 {
  width: 100%;
}
.frt_ttitle_sec.yoridori_title.no_machine .inner .yoridori_ttl_box01 .w02 {
  display: contents;
}
.frt_ttitle_sec.yoridori_title .inner {
  width: auto;
  max-width: none;
  border-radius: calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100);
  height: 100%;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1240px) {
  .frt_ttitle_sec.yoridori_title .inner {
    border-radius: 60px 60px 60px 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .inner {
    border-radius: calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .inner {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .inner {
    align-items: flex-start;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .inner {
    padding-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 {
  padding: calc(var(--vw) * 2.5) calc(var(--vw) * 0) calc(var(--vw) * 2.5) calc(var(--vw) * 3.4722222222);
  width: calc(var(--vw) * 50.6944444444);
  border-radius: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 124 / 1240 * 100) calc(var(--vw) * 124 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: left;
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 {
    padding: 36px 0 36px 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 {
    width: 730px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 {
    width: calc(var(--vw) * 300 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 {
    border-radius: 0px 124px 124px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 {
    border-radius: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 124 / 375 * 100) calc(var(--vw) * 124 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 {
    border-radius: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 65 / 375 * 100) calc(var(--vw) * 65 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .ttl01 {
  color: #5B3427;
  font-size: calc(var(--vw) * 1.5972222222);
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .ttl01 {
    font-size: 23px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .ttl01 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .w01 {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 0.8em;
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .w01 {
    display: block;
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .t01 {
  color: #5B3427;
  font-size: calc(var(--vw) * 2.6388888889);
  letter-spacing: 0.1em;
  margin-bottom: 0.4em;
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .t01 {
    font-size: 38px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .t01 {
    margin-top: 0.3em;
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .s01 {
  font-size: calc(var(--vw) * 1.1111111111);
  display: inline-block;
  padding: 0.5em 1em;
  margin-top: 0.35em;
  margin-left: 0.8em;
  border-radius: calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100);
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .s01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .s01 {
    font-size: calc(var(--vw) * 9 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .s01 {
    border-radius: 6px 6px 6px 6px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .s01 {
    border-radius: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .s01 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0.8em;
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .w02 {
  display: contents;
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .w02 {
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0.25em;
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .t02 {
  color: #5B3427;
  font-size: calc(var(--vw) * 1.8055555556);
  line-height: 1;
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .t02 {
    font-size: 26px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .t02 {
    font-size: calc(var(--vw) * 18 / 375 * 100);
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .t02 span {
  font-size: calc(var(--vw) * 1.1111111111);
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .t02 span {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .t02 span {
    font-size: calc(var(--vw) * 10 / 375 * 100);
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .t03 {
  color: #5B3427;
  font-weight: 400;
  font-size: calc(var(--vw) * 0.9722222222);
  align-self: flex-end;
  margin-left: calc(var(--vw) * 1.3888888889);
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .t03 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .t03 {
    font-size: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .t03 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .t03 {
    margin-left: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .t03 {
    margin-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .otoku {
  cursor: pointer;
  width: calc(var(--vw) * 9.7222222222);
  position: absolute;
  right: calc(var(--vw) * -4 / 1240 * 100);
  right: calc(var(--vw) * -0.2777777778);
  top: calc(var(--vw) * -5.5555555556);
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .otoku {
    width: 140px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .otoku {
    width: calc(var(--vw) * 90 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .otoku {
    right: -4px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .otoku {
    right: calc(var(--vw) * -4 / 375 * 100);
  }
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .otoku {
    right: -4px;
  }
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .otoku {
    top: -80px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .otoku {
    top: auto;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .otoku {
    bottom: calc(var(--vw) * -22 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .otoku {
    right: calc(var(--vw) * -40 / 375 * 100);
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box01 .otoku:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box {
  padding: calc(var(--vw) * 2.5) calc(var(--vw) * 0) calc(var(--vw) * 2.5) calc(var(--vw) * 3.4722222222);
  max-width: calc(var(--vw) * 50.6944444444);
  border-radius: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 124 / 1240 * 100) calc(var(--vw) * 124 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: left;
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box {
    padding: 36px 0 36px 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 26 / 375 * 100);
  }
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box {
    max-width: 730px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box {
    width: calc(var(--vw) * 300 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box {
    border-radius: 0px 124px 124px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box {
    border-radius: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 124 / 375 * 100) calc(var(--vw) * 124 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box {
    border-radius: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 65 / 375 * 100) calc(var(--vw) * 65 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box .ttl01 {
  color: #5B3427;
  font-size: calc(var(--vw) * 1.5972222222);
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .ttl01 {
    font-size: 23px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .ttl01 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t01 {
  color: #5B3427;
  font-size: calc(var(--vw) * 2.6388888889);
  margin-top: 0.3em;
  letter-spacing: 0.1em;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t01 {
    font-size: 38px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t01 span {
  font-size: calc(var(--vw) * 1.1111111111);
  display: inline-block;
  padding: 0.5em 1em;
  margin-left: 0.8em;
  border-radius: calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100);
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t01 span {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t01 span {
    font-size: calc(var(--vw) * 9 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t01 span {
    border-radius: 6px 6px 6px 6px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t01 span {
    border-radius: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100);
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box .wrap01 {
  color: #5B3427;
  display: -ms-flex;
  display: flex;
  align-items: flex-end;
  line-height: 1;
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .wrap01 {
    flex-direction: column;
    align-items: flex-start;
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t02 {
  font-size: calc(var(--vw) * 1.8055555556);
  margin-top: 0.8em;
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t02 {
    font-size: 26px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t02 {
    font-size: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t02 {
    margin-top: 0.5em;
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t02 span {
  font-size: calc(var(--vw) * 1.1111111111);
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t02 span {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t02 span {
    font-size: calc(var(--vw) * 10 / 375 * 100);
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t03 {
  font-weight: 400;
  font-size: calc(var(--vw) * 0.9722222222);
  margin-left: calc(var(--vw) * 1.3888888889);
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t03 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t03 {
    font-size: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t03 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t03 {
    margin-left: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .t03 {
    margin-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box .otoku {
  cursor: pointer;
  width: calc(var(--vw) * 9.7222222222);
  position: absolute;
  right: calc(var(--vw) * -4 / 1240 * 100);
  right: calc(var(--vw) * -0.2777777778);
  top: calc(var(--vw) * -5.5555555556);
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .otoku {
    width: 140px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .otoku {
    width: calc(var(--vw) * 90 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .otoku {
    right: -4px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .otoku {
    right: calc(var(--vw) * -4 / 375 * 100);
  }
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .otoku {
    right: -4px;
  }
}
@media screen and (min-width: 1440px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .otoku {
    top: -80px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .otoku {
    top: auto;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .otoku {
    bottom: calc(var(--vw) * -22 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle_sec.yoridori_title .yoridori_ttl_box .otoku {
    right: calc(var(--vw) * -40 / 375 * 100);
  }
}
.frt_ttitle_sec.yoridori_title .yoridori_ttl_box .otoku:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.frt_ttitle_sec .breadcrumb {
  padding-left: 0;
  padding-right: 0;
}

.frt_ttitle {
  font-size: calc(var(--vw) * 40 / 1240 * 100);
  letter-spacing: 0.05em;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-right: -50%;
}
@media screen and (min-width: 1240px) {
  .frt_ttitle {
    font-size: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle {
    font-size: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttitle {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}

.frt_ttl01 {
  font-size: calc(var(--vw) * 30 / 1240 * 100);
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 1240px) {
  .frt_ttl01 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttl01 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttl01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}

.frt_ttl02 {
  position: relative;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 1240px) {
  .frt_ttl02 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttl02 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttl02 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.frt_ttl02:after {
  width: 100%;
  height: calc(var(--vw) * 2 / 1240 * 100);
  max-height: 2px;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #5B3427;
}
@media screen and (max-width: 767.98px) {
  .frt_ttl02:after {
    height: calc(var(--vw) * 2 / 375 * 100);
  }
}
.frt_ttl02 span {
  position: relative;
  z-index: 1;
  background: #fff;
  display: inline-block;
  padding: 0 1em 0;
}

.frt_ttl03 {
  text-align: center;
  font-size: calc(var(--vw) * 40 / 1240 * 100);
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 1240px) {
  .frt_ttl03 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttl03 {
    font-size: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttl03 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}

.frt_ttl04 {
  text-align: center;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 1240px) {
  .frt_ttl04 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttl04 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_ttl04 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}

#pcsp_float_btn {
  opacity: 0;
  transition: opacity 0.4s;
  z-index: 10;
  cursor: pointer;
  bottom: 10px;
  position: fixed;
  right: calc(var(--vw) * 10 / 1240 * 100);
  width: calc(var(--vw) * 345 / 1240 * 100);
  max-width: 345px;
}
@media screen and (min-width: 1240px) {
  #pcsp_float_btn {
    right: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  #pcsp_float_btn {
    right: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #pcsp_float_btn {
    width: calc(var(--vw) * 345 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #pcsp_float_btn {
    width: calc(var(--vw) * 355 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  #pcsp_float_btn {
    bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
#pcsp_float_btn a {
  transition: opacity 0.4s;
  opacity: 1;
  background-color: transparent;
}
#pcsp_float_btn a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
@media screen and (max-width: 767.98px) {
  #pcsp_float_btn {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}

#pc_float_btn {
  z-index: 10;
  cursor: pointer;
  bottom: 10px;
  position: fixed;
  right: calc(var(--vw) * 10 / 1240 * 100);
  width: calc(var(--vw) * 345 / 1240 * 100);
  max-width: 345px;
}
@media screen and (min-width: 1240px) {
  #pc_float_btn {
    right: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  #pc_float_btn {
    right: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #pc_float_btn {
    width: calc(var(--vw) * 345 / 375 * 100);
  }
}
#pc_float_btn a {
  transition: opacity 0.4s;
  opacity: 1;
}
#pc_float_btn a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
@media screen and (max-width: 767.98px) {
  #pc_float_btn {
    display: none !important;
  }
}

section.frt_top_kv {
  background: transparent;
  position: relative;
  z-index: 3;
  margin-top: calc(var(--vw) * 35 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_top_kv {
    margin-top: 35px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_kv {
    margin-top: calc(var(--vw) * 35 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_kv {
    margin-top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_kv {
    padding-right: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_kv {
    padding-left: calc(var(--vw) * 40 / 375 * 100);
  }
}

.top_center {
  padding-left: calc(var(--vw) * 80 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .top_center {
    padding-left: 80px;
  }
}
@media screen and (max-width: 767.98px) {
  .top_center {
    padding-left: calc(var(--vw) * 80 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_center {
    padding-left: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_center {
    padding-right: calc(var(--vw) * 20 / 375 * 100);
  }
}

.top_side {
  height: 100lvh;
  opacity: 0;
  transition: 0.6s;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: calc(var(--vw) * 80 / 1240 * 100);
  max-width: 80px;
  border-radius: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  padding-top: calc(var(--vw) * 40 / 1240 * 100);
  background: #AA8066;
}
.top_side.is-active {
  opacity: 1;
  transition: 0.6s;
}
@media screen and (max-width: 767.98px) {
  .top_side {
    width: calc(var(--vw) * 80 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_side {
    width: calc(var(--vw) * 40 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .top_side {
    border-radius: 0px 60px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .top_side {
    border-radius: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_side {
    border-radius: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .top_side {
    padding-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .top_side {
    padding-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_side {
    padding-top: calc(var(--vw) * 28 / 375 * 100);
  }
}
.top_side .top_side_icon {
  text-align: center;
  margin-bottom: calc(var(--vw) * 5 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .top_side .top_side_icon {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767.98px) {
  .top_side .top_side_icon {
    margin-bottom: calc(var(--vw) * 5 / 375 * 100);
  }
}
.top_side .top_side_icon img {
  width: calc(var(--vw) * 32 / 1240 * 100);
  max-width: 32px;
}
@media screen and (max-width: 767.98px) {
  .top_side .top_side_icon img {
    width: calc(var(--vw) * 32 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_side .top_side_icon img {
    width: calc(var(--vw) * 22 / 375 * 100);
    max-width: 100%;
  }
}
.top_side .top_side_brand {
  height: 100%;
  background: url(../img/front/top/top_side_brand.png) center 0/84% auto repeat-y;
}
.top_side .top_side_brand img {
  width: calc(var(--vw) * 64 / 1240 * 100);
  max-width: 64px;
}
@media screen and (max-width: 767.98px) {
  .top_side .top_side_brand img {
    width: calc(var(--vw) * 64 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_side .top_side_brand img {
    width: calc(var(--vw) * 28 / 375 * 100);
    max-width: 100%;
  }
}

.frt_top_kv .inner {
  max-width: none;
}
.frt_top_kv .kv {
  position: relative;
  padding-left: calc(var(--vw) * 115 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_top_kv .kv {
    padding-left: 115px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv {
    padding-left: calc(var(--vw) * 115 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv {
    padding-left: calc(var(--vw) * 15 / 375 * 100);
  }
}
.frt_top_kv .kv .slide_btn {
  position: absolute;
  left: calc(var(--vw) * 60 / 1240 * 100);
  left: calc(var(--vw) * 60 / 1240 * 100);
  top: calc(var(--vw) * 308 / 1240 * 100);
  width: calc(var(--vw) * 345 / 1240 * 100);
  max-width: 345px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .frt_top_kv .kv .slide_btn {
    left: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .slide_btn {
    left: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .slide_btn {
    width: calc(var(--vw) * 345 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .slide_btn {
    width: calc(var(--vw) * 232 / 375 * 100);
    max-width: 100%;
  }
}
.frt_top_kv .kv .slide_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .slide_btn {
    display: none;
  }
}
.frt_top_kv .kv .kv_txt {
  display: none;
  position: absolute;
  left: calc(var(--vw) * 175 / 1240 * 100);
  z-index: 2;
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt {
    display: block;
    top: calc(var(--vw) * 39 / 1240 * 100);
    transform: none;
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  .frt_top_kv .kv .kv_txt {
    top: 39px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt {
    top: calc(var(--vw) * 39 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_top_kv .kv .kv_txt {
    left: 175px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt {
    left: calc(var(--vw) * 175 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt {
    left: calc(var(--vw) * 30 / 375 * 100);
  }
}
.frt_top_kv .kv .kv_txt .kv_lead {
  width: calc(var(--vw) * 346 / 1240 * 100);
  max-width: 346px;
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt .kv_lead {
    width: calc(var(--vw) * 346 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt .kv_lead {
    width: calc(var(--vw) * 232 / 375 * 100);
    max-width: 100%;
  }
}
.frt_top_kv .kv .kv_txt .cup {
  width: calc(var(--vw) * 134 / 1240 * 100);
  max-width: 134px;
  height: calc(var(--vw) * 28 / 1240 * 100);
  max-height: 28px;
  display: block;
  background: url(../img/front/top/top_kv_icon.svg) 0 0/contain no-repeat;
  margin-top: calc(var(--vw) * 19 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt .cup {
    width: calc(var(--vw) * 134 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt .cup {
    height: calc(var(--vw) * 28 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt .cup {
    width: calc(var(--vw) * 102 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt .cup {
    height: calc(var(--vw) * 19 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .frt_top_kv .kv .kv_txt .cup {
    margin-top: 19px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt .cup {
    margin-top: calc(var(--vw) * 19 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt .cup {
    margin-top: calc(var(--vw) * 24 / 375 * 100);
  }
}
.frt_top_kv .kv .kv_txt .kv_logo {
  width: calc(var(--vw) * 308 / 1240 * 100);
  max-width: 308px;
  margin-top: calc(var(--vw) * 27 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt .kv_logo {
    width: calc(var(--vw) * 308 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt .kv_logo {
    width: calc(var(--vw) * 153 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .frt_top_kv .kv .kv_txt .kv_logo {
    margin-top: 27px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt .kv_logo {
    margin-top: calc(var(--vw) * 27 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt .kv_logo {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
.frt_top_kv .kv .kv_txt .kv_btn {
  display: block;
  width: calc(var(--vw) * 292 / 1240 * 100);
  max-width: 292px;
  margin-top: calc(var(--vw) * 25 / 1240 * 100);
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt .kv_btn {
    width: calc(var(--vw) * 292 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt .kv_btn {
    width: calc(var(--vw) * 355 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .frt_top_kv .kv .kv_txt .kv_btn {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt .kv_btn {
    margin-top: calc(var(--vw) * 25 / 375 * 100);
  }
}
.frt_top_kv .kv .kv_txt .kv_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt .kv_btn {
    max-width: none;
    position: fixed;
    z-index: 2;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_txt .kv_btn {
    bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
.frt_top_kv .kv .kv_slider {
  border-radius: calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_top_kv .kv .kv_slider {
    border-radius: 60px 60px 60px 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_slider {
    border-radius: calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .kv_slider {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
.frt_top_kv .kv .kv_slider .swiper-slide {
  overflow: hidden;
}
.frt_top_kv .kv .kv_slider .swiper-slide img {
  vertical-align: bottom;
}
.frt_top_kv .kv .kv_slider .swiper-slide a {
  transition: opacity 0.4s;
  opacity: 1;
}
.frt_top_kv .kv .kv_slider .swiper-slide a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.frt_top_kv .kv .bar_rap {
  position: relative;
  z-index: 1;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-top: calc(var(--vw) * 8 / 1240 * 100);
  gap: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_top_kv .kv .bar_rap {
    margin-top: 8px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap {
    margin-top: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap {
    margin-top: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_top_kv .kv .bar_rap {
    gap: 0px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
.frt_top_kv .kv .bar_rap .kv_prev, .frt_top_kv .kv .bar_rap .kv_next {
  margin: 0;
  position: static;
  width: calc(var(--vw) * 40 / 1240 * 100);
  max-width: 40px;
  height: calc(var(--vw) * 40 / 1240 * 100);
  max-height: 40px;
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap .kv_prev, .frt_top_kv .kv .bar_rap .kv_next {
    width: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap .kv_prev, .frt_top_kv .kv .bar_rap .kv_next {
    height: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap .kv_prev, .frt_top_kv .kv .bar_rap .kv_next {
    width: calc(var(--vw) * 30 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap .kv_prev, .frt_top_kv .kv .bar_rap .kv_next {
    height: calc(var(--vw) * 30 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap .kv_prev, .frt_top_kv .kv .bar_rap .kv_next {
    position: absolute;
    top: 0;
    max-width: none;
    max-height: none;
  }
}
.frt_top_kv .kv .bar_rap .kv_prev:after, .frt_top_kv .kv .bar_rap .kv_next:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap .kv_prev {
    right: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap .kv_prev {
    position: absolute;
    left: auto;
  }
}
.frt_top_kv .kv .bar_rap .kv_prev:after {
  background: url(../img/front/top/top_prev.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap .kv_next {
    right: calc(var(--vw) * 0 / 375 * 100);
  }
}
.frt_top_kv .kv .bar_rap .kv_next:after {
  background: url(../img/front/top/top_next.png) 0 0/contain no-repeat;
}
.frt_top_kv .kv .bar_rap span {
  font-weight: 600;
  font-size: calc(var(--vw) * 15 / 1240 * 100);
  color: #5B3427;
}
@media screen and (min-width: 1240px) {
  .frt_top_kv .kv .bar_rap span {
    font-size: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap span {
    font-size: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap span {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.frt_top_kv .kv .bar_rap .bar {
  z-index: 1;
  position: relative;
  width: calc(var(--vw) * 120 / 1240 * 100);
  max-width: 120px;
  height: 3px;
  background: #ddd;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap .bar {
    width: calc(var(--vw) * 120 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap .bar {
    width: calc(var(--vw) * 43 / 375 * 100);
    max-width: 100%;
  }
}
.frt_top_kv .kv .bar_rap .bar span {
  width: calc(var(--vw) * 120 / 1240 * 100);
  max-width: 120px;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #5B3427;
  border-radius: 10px;
  transform: scaleX(0);
  transform-origin: left center;
  transition-timing-function: linear;
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap .bar span {
    width: calc(var(--vw) * 120 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_top_kv .kv .bar_rap .bar span {
    width: calc(var(--vw) * 43 / 375 * 100);
    max-width: 100%;
  }
}

section.frt_top_c01 {
  padding-left: calc(var(--vw) * 10 / 1240 * 100);
  padding-right: calc(var(--vw) * 10 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 20.1612903226);
  margin-top: calc(var(--vw) * 11.2903225806);
  background-image: url(../img/front/top/top_c01_bg.png);
  background-size: 55% auto;
  background-repeat: no-repeat;
  background-position: left 0 bottom 0;
  background-blend-mode: multiply;
  position: relative;
}
@media screen and (min-width: 1240px) {
  section.frt_top_c01 {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 {
    padding-left: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_top_c01 {
    padding-right: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 {
    padding-right: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 {
    padding-left: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 {
    padding-right: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 {
    padding-bottom: calc(var(--vw) * 110 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 {
    padding-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 {
    margin-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 {
    background-size: 100% auto;
    background-position: left -45vw bottom 0;
  }
}
section.frt_top_c01 .inner {
  max-width: none;
}
@media screen and (min-width: 1240px) {
  section.frt_top_c01 {
    margin-top: 140px;
  }
}
section.frt_top_c01 .c01_img {
  width: calc(var(--vw) * 41.3194444444);
  position: absolute;
  top: calc(var(--vw) * 10.4166666667);
  left: calc(var(--vw) * 9.0277777778);
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .c01_img {
    width: calc(var(--vw) * 280 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .c01_img {
    margin-left: calc(var(--vw) * 7 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .c01_img {
    position: static;
    max-width: none;
  }
}
section.frt_top_c01 .wrap {
  padding-left: calc(var(--vw) * 54.1666666667);
  padding-top: calc(var(--vw) * 6.9444444444);
  margin-bottom: calc(var(--vw) * 3.4722222222);
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .wrap {
    padding-top: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .wrap {
    padding-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .wrap {
    padding-right: calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_top_c01 .lead {
  width: calc(var(--vw) * 37.4305555556);
  margin-bottom: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .lead {
    width: calc(var(--vw) * 268 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_top_c01 .lead {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .lead {
    margin-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .lead {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .lead {
    margin-left: calc(var(--vw) * 8 / 375 * 100);
  }
}
section.frt_top_c01 .wrap01 {
  display: -ms-flex;
  display: flex;
  align-items: center;
  gap: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .wrap01 {
    padding-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_top_c01 .wrap01 {
    gap: 0px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .wrap01 {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .wrap01 {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 7 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .wrap01.wrap01_01 {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.frt_top_c01 .wrap01.wrap01_02 {
  margin-top: calc(var(--vw) * 5.5555555556);
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .wrap01.wrap01_02 {
    margin-top: 0;
  }
}
section.frt_top_c01 .wrap01 .img {
  width: calc(var(--vw) * 15.2777777778);
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .wrap01 .img {
    width: calc(var(--vw) * 125 / 375 * 100);
    max-width: 100%;
  }
}
section.frt_top_c01 .wrap01 .txt {
  width: calc(var(--vw) * 17.9166666667);
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .wrap01 .txt {
    width: calc(var(--vw) * 152 / 375 * 100);
    max-width: 100%;
  }
}
section.frt_top_c01 .wrap02 {
  padding-left: calc(var(--vw) * 80 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_top_c01 .wrap02 {
    padding-left: 80px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .wrap02 {
    padding-left: calc(var(--vw) * 80 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .wrap02 {
    padding-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_top_c01 .t01 {
  text-align: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_top_c01 .t01 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .t01 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
section.frt_top_c01 .btn {
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .btn {
    width: calc(var(--vw) * 235 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c01 .btn {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}

section.frt_top_c02 {
  position: relative;
  padding-top: calc(var(--vw) * 10 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 90 / 1240 * 100);
  padding-right: calc(var(--vw) * 0 / 1240 * 100);
}
section.frt_top_c02 .inner {
  max-width: none;
}
@media screen and (min-width: 1240px) {
  section.frt_top_c02 {
    padding-top: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 {
    padding-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 {
    padding-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_top_c02 {
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 {
    padding-bottom: calc(var(--vw) * 90 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 {
    padding-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_top_c02 {
    padding-right: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 {
    padding-right: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 {
    padding-right: calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_top_c02:before {
  content: "";
  display: block;
  position: absolute;
  transform: translateY(0.5px);
  left: 0;
  left: calc(var(--vw) * 80 / 1240 * 100);
  width: calc(100% - var(--vw) * 5.5555555556);
  background: url(../img/common/circle_section.svg) center 0/cover no-repeat;
}
@media print, screen and (min-width: 768px) {
  section.frt_top_c02:before {
    top: -93px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02:before {
    top: calc(var(--vw) * -25 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_top_c02:before {
    left: 80px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02:before {
    left: calc(var(--vw) * 80 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02:before {
    left: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02:before {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  section.frt_top_c02:before {
    height: 93px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02:before {
    height: calc(var(--vw) * 25 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02:before {
    background: url(../img/common/circle_section_sp.svg) center 0/cover no-repeat;
  }
}
section.frt_top_c02 .top_c02_slider01 {
  opacity: 0;
  z-index: -1;
}
section.frt_top_c02 .top_c02_slider01.swiper-initialized {
  opacity: 1;
}
section.frt_top_c02 .top_c02_slider01 .swiper-wrapper {
  transition-timing-function: linear !important;
}
section.frt_top_c02 .top_c02_slider01 .swiper-slide img {
  height: auto;
  width: 100%;
}
section.frt_top_c02 .top_c02_slider02 {
  opacity: 0;
  margin-top: calc(var(--vw) * 10 / 1240 * 100);
  z-index: -1;
}
section.frt_top_c02 .top_c02_slider02.swiper-initialized {
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  section.frt_top_c02 .top_c02_slider02 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .top_c02_slider02 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .top_c02_slider02 {
    margin-top: calc(var(--vw) * 5 / 375 * 100);
  }
}
section.frt_top_c02 .top_c02_slider02 .swiper-wrapper {
  transition-timing-function: linear !important;
}
section.frt_top_c02 .top_c02_slider02 .swiper-slide img {
  height: auto;
  width: 100%;
}
section.frt_top_c02 .ttl01 {
  margin-bottom: calc(var(--vw) * 90 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_top_c02 .ttl01 {
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .ttl01 {
    margin-bottom: calc(var(--vw) * 90 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .ttl01 {
    margin-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
section.frt_top_c02 .block {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_top_c02 .block {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .block {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .block {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
section.frt_top_c02 .block:first-child {
  margin-top: 0;
}
section.frt_top_c02 .block .subttl01 {
  text-align: center;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
  font-weight: 600;
  margin-bottom: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_top_c02 .block .subttl01 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .block .subttl01 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .block .subttl01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_top_c02 .block .subttl01 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .block .subttl01 {
    margin-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .block .subttl01 {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.frt_top_c02 .block .list {
  display: -ms-flex;
  display: flex;
  justify-content: center;
  gap: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 26 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_top_c02 .block .list {
    gap: 0px 26px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .block .list {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 26 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .block .list {
    gap: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 5 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .block .list {
    flex-wrap: wrap;
  }
}
section.frt_top_c02 .block .list li {
  width: calc(var(--vw) * 110 / 1240 * 100);
  max-width: 110px;
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .block .list li {
    width: calc(var(--vw) * 110 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .block .list li {
    width: calc(var(--vw) * 70 / 375 * 100);
    max-width: 100%;
  }
}
section.frt_top_c02 .block .list li p {
  font-weight: 600;
  text-align: center;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_top_c02 .block .list li p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .block .list li p {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .block .list li p {
    font-size: calc(var(--vw) * 11 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .block .list li p {
    letter-spacing: -0.03em;
  }
}
section.frt_top_c02 .block .list li p span {
  font-weight: 400;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_top_c02 .block .list li p span {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .block .list li p span {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .block .list li p span {
    font-size: calc(var(--vw) * 9 / 375 * 100);
  }
}
section.frt_top_c02 .btn {
  margin: 0 auto;
  margin-top: calc(var(--vw) * 26 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_top_c02 .btn {
    margin-top: 26px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .btn {
    margin-top: calc(var(--vw) * 26 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c02 .btn {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  section.frt_top_c03 {
    padding-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 {
    padding-right: calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_top_c03:before {
  content: "";
  display: block;
  width: 100%;
  background: url(../img/common/ttl_bg.svg) center center/cover no-repeat;
  height: calc(var(--vw) * 270 / 1240 * 100);
  max-height: 270px;
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03:before {
    height: calc(var(--vw) * 270 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03:before {
    height: calc(var(--vw) * 70 / 375 * 100);
    max-height: 100%;
  }
}
section.frt_top_c03 .ttl01 {
  margin-top: calc(var(--vw) * -32 / 1240 * 100);
  margin-bottom: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_top_c03 .ttl01 {
    margin-top: -32px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .ttl01 {
    margin-top: calc(var(--vw) * -32 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .ttl01 {
    margin-top: calc(var(--vw) * -24 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_top_c03 .ttl01 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .ttl01 {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .ttl01 {
    margin-bottom: calc(var(--vw) * 15 / 375 * 100);
  }
}
section.frt_top_c03 .t01 {
  text-align: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_top_c03 .t01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
section.frt_top_c03 .list {
  margin-top: calc(var(--vw) * 60 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: center;
  gap: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_top_c03 .list {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .list {
    margin-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .list {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_top_c03 .list {
    gap: 0px 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .list {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .list {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 15 / 375 * 100);
  }
}
section.frt_top_c03 .list li {
  width: calc(var(--vw) * 370 / 1240 * 100);
  max-width: 370px;
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .list li {
    width: calc(var(--vw) * 370 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .list li {
    width: calc(var(--vw) * 140 / 375 * 100);
    max-width: 100%;
  }
}
section.frt_top_c03 .list li .txt {
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
  text-align: center;
}
@media screen and (min-width: 1240px) {
  section.frt_top_c03 .list li .txt {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .list li .txt {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .list li .txt {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_top_c03 .list li .txt .t01 {
  display: table;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  border-radius: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  margin: 0 auto;
  padding: 0.4em 1.6em;
  color: #fff;
}
@media screen and (min-width: 1240px) {
  section.frt_top_c03 .list li .txt .t01 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .list li .txt .t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .list li .txt .t01 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_top_c03 .list li .txt .t01 {
    border-radius: 10px 10px 10px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .list li .txt .t01 {
    border-radius: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_top_c03 .list li .txt .t01.color01 {
  background: #5B3427;
}
section.frt_top_c03 .list li .txt .t01.color02 {
  background: #AA8066;
}
section.frt_top_c03 .list li .txt .t02 {
  font-weight: 600;
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
  font-size: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_top_c03 .list li .txt .t02 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .list li .txt .t02 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .list li .txt .t02 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_top_c03 .list li .txt .t02 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .list li .txt .t02 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .list li .txt .t02 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
section.frt_top_c03 .btn {
  margin: 0 auto;
  margin-top: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_top_c03 .btn {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .btn {
    margin-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c03 .btn {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}

section.frt_top_c04 {
  margin-top: calc(var(--vw) * 200 / 1240 * 100);
  padding-top: calc(var(--vw) * 90 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c04 {
    padding-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c04 {
    padding-right: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_top_c04 {
    margin-top: 200px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c04 {
    margin-top: calc(var(--vw) * 200 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c04 {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_top_c04 {
    padding-top: 90px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c04 {
    padding-top: calc(var(--vw) * 90 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_top_c04 {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c04 {
    padding-bottom: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c04 {
    padding-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c04 {
    padding-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c04 .ttl01 {
    font-size: calc(var(--vw) * 18 / 375 * 100);
  }
}
section.frt_top_c04 .block {
  margin-top: calc(var(--vw) * 90 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_top_c04 .block {
    margin-top: 90px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c04 .block {
    margin-top: calc(var(--vw) * 90 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_top_c04 .block {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_top_c04 .block:first-child {
  margin-top: 0;
}

.top_more_list {
  display: -ms-flex;
  display: flex;
  flex-wrap: nowrap;
  margin-top: calc(var(--vw) * 50 / 1240 * 100);
  gap: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 34 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .top_more_list {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .top_more_list {
    gap: 0px 34px;
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 34 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list {
    gap: calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list {
    flex-wrap: wrap;
  }
}
.top_more_list.column4 li {
  width: 22%;
}
@media screen and (max-width: 767.98px) {
  .top_more_list.column4 li {
    width: 47%;
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list.column4 li .txt {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list.column4 li .txt {
    padding: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 13 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 13 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list.spcolumn2 li {
    width: 47%;
    border-radius: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  .top_more_list.spcolumn2 li {
    border-radius: 10px 10px 10px 10px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .top_more_list.spcolumn2 li {
    border-radius: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list.spcolumn2 li .img {
    border-radius: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  .top_more_list.spcolumn2 li .img {
    border-radius: 10px 10px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .top_more_list.spcolumn2 li .img {
    border-radius: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list.spcolumn2 li .txt {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list.spcolumn2 li .txt {
    padding: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 13 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 13 / 375 * 100);
  }
}
.top_more_list li {
  position: relative;
  width: 31.5%;
  background: #fff;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  overflow: hidden;
}
@media screen and (min-width: 1240px) {
  .top_more_list li {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list li {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list li {
    margin-top: calc(var(--vw) * 0 / 375 * 100);
  }
}
.top_more_list li.comingsoon {
  pointer-events: none;
}
.top_more_list li.comingsoon:before {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: rgba(91, 52, 39, 0.8);
  position: absolute;
  top: 0;
  left: 0;
}
.top_more_list li.comingsoon:after {
  content: "COMING SOON";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-right: -50%;
  color: #fff;
  letter-spacing: 0.05em;
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .top_more_list li.comingsoon:after {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list li.comingsoon:after {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list li.comingsoon:after {
    font-size: calc(var(--vw) * 13 / 375 * 100);
  }
}
.top_more_list li:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767.98px) {
  .top_more_list li {
    width: 100%;
  }
}
.top_more_list li a {
  display: block;
  transition: opacity 0.4s;
  opacity: 1;
}
.top_more_list li a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.top_more_list li .img {
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  line-height: 1;
  overflow: hidden;
}
@media screen and (min-width: 1240px) {
  .top_more_list li .img {
    border-radius: 20px 20px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list li .img {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list li .img {
    border-radius: calc(var(--vw) * 15 / 1240 * 100) calc(var(--vw) * 15 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  .top_more_list li .img {
    border-radius: 15px 15px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .top_more_list li .img {
    border-radius: calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.top_more_list li .img img {
  vertical-align: bottom;
}
.top_more_list li .txt {
  background: #E7CEB5;
  border-radius: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  padding: calc(var(--vw) * 16 / 1240 * 100) calc(var(--vw) * 26 / 1240 * 100) calc(var(--vw) * 16 / 1240 * 100) calc(var(--vw) * 26 / 1240 * 100);
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  .top_more_list li .txt {
    border-radius: 0px 0px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list li .txt {
    border-radius: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .top_more_list li .txt {
    padding: 16px 26px 16px 26px;
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list li .txt {
    padding: calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 26 / 375 * 100) calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 26 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list li .txt {
    padding: calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .top_more_list li .txt {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list li .txt {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list li .txt {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .top_more_list li .txt {
    border-radius: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 15 / 1240 * 100) calc(var(--vw) * 15 / 1240 * 100);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  .top_more_list li .txt {
    border-radius: 0px 0px 15px 15px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .top_more_list li .txt {
    border-radius: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 15 / 375 * 100);
  }
}
.top_more_list li:nth-child(n+4) {
  margin-top: 1.5%;
}
@media screen and (max-width: 767.98px) {
  .top_more_list li:nth-child(n+4) {
    margin-top: 0;
  }
}

.frt_news_sec {
  padding-top: calc(var(--vw) * 100 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_news_sec {
    padding-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_news_sec {
    padding-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_news_sec {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_news_sec {
    padding-bottom: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_news_sec {
    padding-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_news_sec {
    padding-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
.frt_news_sec .news_list {
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  .frt_news_sec .news_list {
    width: 100%;
  }
}
.frt_news_sec .btn {
  margin: 0 auto;
  margin-top: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_news_sec .btn {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_news_sec .btn {
    margin-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_news_sec .btn {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}

section.frt_howto_c01 {
  padding-top: calc(var(--vw) * 40 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_c01 {
    padding-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 {
    padding-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 {
    padding-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_c01 {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 {
    padding-bottom: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 {
    padding-bottom: calc(var(--vw) * 70 / 375 * 100);
  }
}
section.frt_howto_c01 .top_txt {
  text-align: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_c01 .top_txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .top_txt {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .top_txt {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .top_txt {
    text-align: left;
  }
}
section.frt_howto_c01 .list {
  margin-top: calc(var(--vw) * 40 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: center;
  gap: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_c01 .list {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_c01 .list {
    gap: 0px 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 15 / 375 * 100);
  }
}
section.frt_howto_c01 .list li {
  position: relative;
  width: calc(var(--vw) * 370 / 1240 * 100);
  max-width: 370px;
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li {
    width: calc(var(--vw) * 370 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li {
    width: calc(var(--vw) * 140 / 375 * 100);
    max-width: 100%;
  }
}
section.frt_howto_c01 .list li .label {
  width: calc(var(--vw) * 80 / 1240 * 100);
  max-width: 80px;
  position: absolute;
  top: calc(var(--vw) * -34 / 1240 * 100);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .label {
    width: calc(var(--vw) * 80 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .label {
    width: calc(var(--vw) * 60 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_c01 .list li .label {
    top: -34px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .label {
    top: calc(var(--vw) * -34 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .label {
    top: calc(var(--vw) * -26 / 375 * 100);
  }
}
section.frt_howto_c01 .list li .txt {
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
  text-align: center;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_c01 .list li .txt {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .txt {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .txt {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_howto_c01 .list li .txt .t01 {
  position: relative;
  display: table;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  border-radius: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  margin: 0 auto;
  padding: 0.4em 2em;
  color: #fff;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_c01 .list li .txt .t01 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .txt .t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .txt .t01 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_c01 .list li .txt .t01 {
    border-radius: 10px 10px 10px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .txt .t01 {
    border-radius: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .txt .t01 {
    width: calc(var(--vw) * 150 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .txt .t01 {
    padding: 0.4em 0;
  }
}
section.frt_howto_c01 .list li .txt .t01.color01 {
  background: #5B3427;
}
section.frt_howto_c01 .list li .txt .t01.color02 {
  background: #AA8066;
}
section.frt_howto_c01 .list li .txt .t01 .osusume {
  width: calc(var(--vw) * 50 / 1240 * 100);
  max-width: 50px;
  position: absolute;
  top: calc(var(--vw) * -28 / 1240 * 100);
  left: calc(var(--vw) * -24 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .txt .t01 .osusume {
    width: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .txt .t01 .osusume {
    width: calc(var(--vw) * 46 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_c01 .list li .txt .t01 .osusume {
    top: -28px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .txt .t01 .osusume {
    top: calc(var(--vw) * -28 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_c01 .list li .txt .t01 .osusume {
    left: -24px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .txt .t01 .osusume {
    left: calc(var(--vw) * -24 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .txt .t01 .osusume {
    top: calc(var(--vw) * -30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .txt .t01 .osusume {
    left: calc(var(--vw) * -24 / 375 * 100);
  }
}
section.frt_howto_c01 .list li .txt .t02 {
  font-weight: 600;
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
  font-size: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_c01 .list li .txt .t02 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .txt .t02 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .txt .t02 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_c01 .list li .txt .t02 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .txt .t02 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_c01 .list li .txt .t02 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}

section.frt_howto_sec {
  padding-left: 0;
  padding-right: 0;
}
section.frt_howto_sec .inner {
  padding-left: calc(var(--vw) * 10 / 1240 * 100);
  padding-right: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .inner {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .inner {
    padding-left: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .inner {
    padding-right: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .inner {
    padding-right: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .inner {
    padding-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .inner {
    padding-right: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_howto_sec.frt_howto_c02 .ttl_wrap {
  background: #5B3427;
}
section.frt_howto_sec.frt_howto_c02 .ttl_wrap:after {
  border-color: #5B3427 transparent transparent transparent;
}
section.frt_howto_sec.frt_howto_c02 .box {
  border: 1px solid #5B3427;
}
section.frt_howto_sec.frt_howto_c02 .box .box_ttl {
  background: #5B3427;
}
section.frt_howto_sec.frt_howto_c03 {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec.frt_howto_c03 {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec.frt_howto_c03 {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec.frt_howto_c03 {
    margin-top: calc(var(--vw) * 70 / 375 * 100);
  }
}
section.frt_howto_sec.frt_howto_c03 .ttl_wrap {
  background: #AA8066;
}
section.frt_howto_sec.frt_howto_c03 .ttl_wrap:after {
  border-color: #AA8066 transparent transparent transparent;
}
section.frt_howto_sec.frt_howto_c03 .box {
  border: 1px solid #AA8066;
}
section.frt_howto_sec.frt_howto_c03 .box .box_ttl {
  background: #AA8066;
}
section.frt_howto_sec .top_txt {
  text-align: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  margin-top: calc(var(--vw) * 90 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .top_txt {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .top_txt {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .top_txt {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .top_txt {
    margin-top: 90px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .top_txt {
    margin-top: calc(var(--vw) * 90 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .top_txt {
    margin-top: calc(var(--vw) * 45 / 375 * 100);
  }
}
section.frt_howto_sec .ttl_wrap {
  position: relative;
}
section.frt_howto_sec .ttl_wrap:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(var(--vw) * 42 / 1240 * 100) calc(var(--vw) * 38.5 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 38.5 / 1240 * 100);
  position: absolute;
  bottom: calc(var(--vw) * -38.5 / 1240 * 100);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .ttl_wrap:after {
    border-width: 42px 38.5px 0px 38.5px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap:after {
    border-width: calc(var(--vw) * 42 / 375 * 100) calc(var(--vw) * 38.5 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 38.5 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap:after {
    border-width: calc(var(--vw) * 28 / 375 * 100) calc(var(--vw) * 25 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .ttl_wrap:after {
    bottom: -38.5px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap:after {
    bottom: calc(var(--vw) * -38.5 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap:after {
    bottom: calc(var(--vw) * -25 / 375 * 100);
  }
}
section.frt_howto_sec .ttl_wrap .ttl_wrap_in {
  text-align: center;
  position: relative;
  display: table;
  margin: 0 auto;
  padding: calc(var(--vw) * 28 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 28 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in {
    padding: 28px 0px 28px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in {
    padding: calc(var(--vw) * 28 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 28 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in {
    padding: calc(var(--vw) * 25 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 25 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in {
    position: static;
  }
}
section.frt_howto_sec .ttl_wrap .ttl_wrap_in .label {
  width: calc(var(--vw) * 95 / 1240 * 100);
  max-width: 95px;
  position: absolute;
  top: calc(var(--vw) * -20 / 1240 * 100);
  left: calc(var(--vw) * -110 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in .label {
    width: calc(var(--vw) * 95 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in .label {
    width: calc(var(--vw) * 50 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in .label {
    top: -20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in .label {
    top: calc(var(--vw) * -20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in .label {
    left: -110px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in .label {
    left: calc(var(--vw) * -110 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in .label {
    top: calc(var(--vw) * -26 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in .label {
    left: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_howto_sec .ttl_wrap .ttl_wrap_in .t01 {
  letter-spacing: 0.1em;
  color: #fff;
  font-weight: 600;
  font-size: calc(var(--vw) * 40 / 1240 * 100);
  line-height: 1;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in .t01 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in .t01 {
    font-size: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in .t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_howto_sec .ttl_wrap .ttl_wrap_in .t01 span {
  font-size: calc(var(--vw) * 30 / 1240 * 100);
  margin-right: 1em;
  display: inline-block;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in .t01 span {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in .t01 span {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in .t01 span {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in .t01 span {
    margin-right: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .ttl_wrap .ttl_wrap_in .t01 span {
    margin-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_howto_sec .img {
  width: calc(var(--vw) * 1133 / 1240 * 100);
  max-width: 1133px;
  margin: 0 auto;
  margin-top: calc(var(--vw) * 70 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .img {
    width: calc(var(--vw) * 1133 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .img {
    margin-top: 70px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .img {
    margin-top: calc(var(--vw) * 70 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .img {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .img {
    width: 100%;
  }
}
section.frt_howto_sec .txt_list {
  margin-top: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .txt_list {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .txt_list {
    margin-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .txt_list {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.frt_howto_sec .txt_list > li {
  border-bottom: 1px solid #EDEDED;
  padding: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .txt_list > li {
    padding: 30px 0px 30px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .txt_list > li {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .txt_list > li {
    padding: calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .txt_list > li {
    flex-direction: column;
    align-items: baseline;
  }
}
section.frt_howto_sec .txt_list > li:first-child {
  border-top: 1px solid #EDEDED;
}
section.frt_howto_sec .txt_list > li .d01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  width: 18%;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .txt_list > li .d01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .txt_list > li .d01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .txt_list > li .d01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .txt_list > li .d01 {
    width: 100%;
  }
}
section.frt_howto_sec .txt_list > li .d02 {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  width: 82%;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .txt_list > li .d02 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .txt_list > li .d02 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .txt_list > li .d02 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .txt_list > li .d02 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .txt_list > li .d02 {
    width: 100%;
  }
}
section.frt_howto_sec .txt_list > li .d02 ul li {
  margin-top: 0.5em;
}
section.frt_howto_sec .txt_list > li .d02 ul li:first-child {
  margin-top: 0;
}
section.frt_howto_sec .point_list {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .point_list {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list {
    flex-direction: column;
  }
}
section.frt_howto_sec .point_list > li {
  width: 50%;
  padding-right: calc(var(--vw) * 50 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li {
    width: 100%;
    border-top: 1px solid #EDEDED;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .point_list > li {
    padding-right: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li {
    padding-right: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li {
    padding-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li {
    padding-right: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .point_list > li {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li {
    padding-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li {
    padding-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.frt_howto_sec .point_list > li:nth-child(1) {
  border-top: 0;
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li:nth-child(1) {
    padding-top: calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_howto_sec .point_list > li:nth-child(2n) {
  border-left: 1px solid #EDEDED;
  padding-right: calc(var(--vw) * 0 / 1240 * 100);
  padding-left: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li:nth-child(2n) {
    border-left: 0;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .point_list > li:nth-child(2n) {
    padding-right: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li:nth-child(2n) {
    padding-right: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .point_list > li:nth-child(2n) {
    padding-left: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li:nth-child(2n) {
    padding-left: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li:nth-child(2n) {
    padding-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_howto_sec .point_list > li:nth-child(n+3) {
  border-top: 1px solid #EDEDED;
  padding-top: calc(var(--vw) * 50 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .point_list > li:nth-child(n+3) {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li:nth-child(n+3) {
    padding-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li:nth-child(n+3) {
    padding-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .point_list > li:nth-child(n+3) {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li:nth-child(n+3) {
    padding-bottom: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li:nth-child(n+3) {
    padding-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li:nth-child(4) {
    padding-bottom: calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_howto_sec .point_list > li .point_ttl {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.frt_howto_sec .point_list > li .point_ttl .label {
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  display: inline-block;
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li .point_ttl .label {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li .point_ttl .label {
    width: calc(var(--vw) * 50 / 375 * 100);
    max-width: 100%;
  }
}
section.frt_howto_sec .point_list > li .point_ttl p {
  position: relative;
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  padding-left: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li .point_ttl p {
    width: calc(var(--vw) * 270 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .point_list > li .point_ttl p {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li .point_ttl p {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li .point_ttl p {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .point_list > li .point_ttl p {
    padding-left: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li .point_ttl p {
    padding-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li .point_ttl p {
    padding-left: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li .point_ttl p {
    padding-left: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_howto_sec .point_list > li .point_ttl span.attention {
  font-weight: 400;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  position: absolute;
  bottom: -1.5em;
  right: 0;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .point_list > li .point_ttl span.attention {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li .point_ttl span.attention {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li .point_ttl span.attention {
    bottom: 0em;
  }
}
section.frt_howto_sec .point_list > li .point_img {
  margin-top: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .point_list > li .point_img {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li .point_img {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li .point_img {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_howto_sec .point_list > li .myp_list01_right {
  text-align: right;
  margin: 10px auto 0;
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .point_list > li .myp_list01_right {
    margin: 2.666vw auto 0;
  }
}
section.frt_howto_sec .box {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 50 / 1240 * 100);
  overflow: hidden;
  border: 1px solid #5B3427;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .box {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .box {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .box {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box {
    padding-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
section.frt_howto_sec .box .box_ttl {
  background: #5B3427;
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  padding: calc(var(--vw) * 15 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 15 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .box .box_ttl {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_ttl {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_ttl {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .box .box_ttl {
    padding: 15px 10px 15px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_ttl {
    padding: calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_howto_sec .box .box_in {
  padding: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .box .box_in {
    padding: 30px 0px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 17 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 17 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in {
    flex-direction: column;
  }
}
section.frt_howto_sec .box .box_in > div {
  width: 50%;
  padding: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 50 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div {
    width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .box .box_in > div {
    padding: 0px 50px 0px 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div {
    padding: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div {
    padding: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_howto_sec .box .box_in > div:first-child {
  border-right: 1px solid #EDEDED;
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div:first-child {
    padding: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div:first-child {
    border-right: 0;
    border-bottom: 1px solid #EDEDED;
    margin-bottom: calc(var(--vw) * 30 / 1240 * 100);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  section.frt_howto_sec .box .box_in > div:first-child {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div:first-child {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.frt_howto_sec .box .box_in > div .box_subttl {
  text-align: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .box .box_in > div .box_subttl {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div .box_subttl {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div .box_subttl {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
section.frt_howto_sec .box .box_in > div .box_price {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .box .box_in > div .box_price {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div .box_price {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .box .box_in > div .box_price {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div .box_price {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_howto_sec .box .box_in > div .box_price .new {
  background: #F1BE48;
  line-height: 1;
  color: #fff;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  display: inline-block;
  padding: 0.3em 0.5em 0.2em;
  margin-right: 0.5em;
  border-radius: calc(var(--vw) * 11 / 1240 * 100) calc(var(--vw) * 11 / 1240 * 100) calc(var(--vw) * 11 / 1240 * 100) calc(var(--vw) * 11 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .box .box_in > div .box_price .new {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div .box_price .new {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div .box_price .new {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .box .box_in > div .box_price .new {
    border-radius: 11px 11px 11px 11px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div .box_price .new {
    border-radius: calc(var(--vw) * 11 / 375 * 100) calc(var(--vw) * 11 / 375 * 100) calc(var(--vw) * 11 / 375 * 100) calc(var(--vw) * 11 / 375 * 100);
  }
}
section.frt_howto_sec .box .box_in > div .box_price .s1:after {
  margin: 0 0.3em;
  content: "";
  background: radial-gradient(circle farthest-side, #000, #000 30%, transparent 30%, transparent);
  background-size: calc(var(--vw) * 10 / 1240 * 100);
  display: inline-block;
  height: calc(var(--vw) * 10 / 1240 * 100);
  max-height: 10px;
  width: calc(var(--vw) * 280 / 1240 * 100);
  max-width: 280px;
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div .box_price .s1:after {
    height: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div .box_price .s1:after {
    width: calc(var(--vw) * 280 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div .box_price .s1:after {
    width: calc(var(--vw) * 74 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .box .box_in > div .box_price .s1:after {
    background-size: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div .box_price .s1:after {
    background-size: 1.5vw;
    max-height: none;
  }
}
section.frt_howto_sec .box .box_in > div .box_price .s3 {
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  margin-top: 0.3em;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .box .box_in > div .box_price .s3 {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div .box_price .s3 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
section.frt_howto_sec .box .box_in > div .box_list {
  display: -ms-flex;
  display: flex;
  justify-content: center;
  margin-top: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .box .box_in > div .box_list {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div .box_list {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.frt_howto_sec .box .box_in > div .box_list li {
  text-align: center;
}
section.frt_howto_sec .box .box_in > div .box_list li img {
  height: calc(var(--vw) * 196 / 1240 * 100);
  max-height: 196px;
  width: auto;
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div .box_list li img {
    height: calc(var(--vw) * 196 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div .box_list li img {
    height: calc(var(--vw) * 120 / 375 * 100);
    max-height: 100%;
  }
}
section.frt_howto_sec .box .box_in > div .box_list li span {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  display: inline-block;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .box .box_in > div .box_list li span {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div .box_list li span {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .box_in > div .box_list li span {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
section.frt_howto_sec .box .btn {
  margin-top: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .box .btn {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .btn {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .box .btn {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.frt_howto_sec .otoku_txt {
  margin-top: calc(var(--vw) * 60 / 1240 * 100);
  text-align: center;
  line-height: 1.2;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .otoku_txt {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .otoku_txt {
    margin-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .otoku_txt {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_howto_sec .otoku_txt .o_t01 {
  display: inline-block;
  font-weight: 600;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .otoku_txt .o_t01 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .otoku_txt .o_t01 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .otoku_txt .o_t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .otoku_txt .o_t01 {
    margin-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_howto_sec .otoku_txt .o_t02 {
  display: inline-block;
  font-weight: 600;
  font-size: calc(var(--vw) * 44 / 1240 * 100);
  border-bottom: 6px solid #AA2038;
}
section.frt_howto_sec .otoku_txt .o_t02 span {
  color: #AA2038;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .otoku_txt .o_t02 {
    font-size: 44px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .otoku_txt .o_t02 {
    font-size: calc(var(--vw) * 44 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .otoku_txt .o_t02 {
    font-size: calc(var(--vw) * 23 / 375 * 100);
  }
}
section.frt_howto_sec .s_set {
  position: relative;
  margin-top: calc(var(--vw) * 50 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  text-align: center;
  justify-content: space-between;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .s_set {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set {
    flex-direction: column;
  }
}
section.frt_howto_sec .s_set .s_img {
  margin: 0 auto;
}
section.frt_howto_sec .s_set .s_set01 {
  border-radius: calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100);
  overflow: hidden;
  width: calc(var(--vw) * 570 / 1240 * 100);
  max-width: 570px;
  padding-top: calc(var(--vw) * 50 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 50 / 1240 * 100);
  background: #F4E7DB;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .s_set .s_set01 {
    border-radius: 60px 60px 60px 60px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set01 {
    border-radius: calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set01 {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set01 {
    width: calc(var(--vw) * 570 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set01 {
    width: 100%;
    max-width: none;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .s_set .s_set01 {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set01 {
    padding-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .s_set .s_set01 {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set01 {
    padding-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set01 {
    padding-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set01 {
    padding-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.frt_howto_sec .s_set .s_set01 .s_img {
  width: calc(var(--vw) * 457 / 1240 * 100);
  max-width: 457px;
  margin-top: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set01 .s_img {
    width: calc(var(--vw) * 457 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set01 .s_img {
    width: calc(var(--vw) * 261 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .s_set .s_set01 .s_img {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set01 .s_img {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set01 .s_img {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_howto_sec .s_set .s_set02 {
  border-radius: calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100);
  overflow: hidden;
  width: calc(var(--vw) * 570 / 1240 * 100);
  max-width: 570px;
  background: #F7E3DE;
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .s_set .s_set02 {
    border-radius: 60px 60px 60px 60px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set02 {
    border-radius: calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set02 {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set02 {
    width: calc(var(--vw) * 570 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set02 {
    padding-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set02 {
    width: 100%;
    max-width: none;
  }
}
section.frt_howto_sec .s_set .s_set02 .s_set02_ttl {
  background: #AA2038;
  color: #fff;
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  padding: calc(var(--vw) * 18 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 18 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  margin-bottom: calc(var(--vw) * 27 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .s_set .s_set02 .s_set02_ttl {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set02 .s_set02_ttl {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set02 .s_set02_ttl {
    font-size: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .s_set .s_set02 .s_set02_ttl {
    padding: 18px 0px 18px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set02 .s_set02_ttl {
    padding: calc(var(--vw) * 18 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 18 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set02 .s_set02_ttl {
    padding: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .s_set .s_set02 .s_set02_ttl {
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set02 .s_set02_ttl {
    margin-bottom: calc(var(--vw) * 27 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set02 .s_set02_ttl {
    margin-bottom: calc(var(--vw) * 12 / 375 * 100);
  }
}
section.frt_howto_sec .s_set .s_set02 .s_img {
  width: calc(var(--vw) * 407 / 1240 * 100);
  max-width: 407px;
  margin-top: calc(var(--vw) * 26 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set02 .s_img {
    width: calc(var(--vw) * 407 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set02 .s_img {
    width: calc(var(--vw) * 248 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .s_set .s_set02 .s_img {
    margin-top: 26px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set02 .s_img {
    margin-top: calc(var(--vw) * 26 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set02 .s_img {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_howto_sec .s_set .s_set_t01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .s_set .s_set_t01 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set_t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set_t01 {
    font-size: calc(var(--vw) * 18 / 375 * 100);
  }
}
section.frt_howto_sec .s_set .s_set_t02 {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_howto_sec .s_set .s_set_t02 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set_t02 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_set_t02 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
section.frt_howto_sec .s_set .s_plus_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_plus_wrap {
    text-align: center;
    position: static;
    transform: none;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_plus_wrap {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_plus_wrap {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.frt_howto_sec .s_set .s_plus {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: calc(var(--vw) * 40 / 1240 * 100);
  max-width: 40px;
  height: calc(var(--vw) * 8 / 1240 * 100);
  max-height: 8px;
  background: #3B2B2F;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_plus {
    width: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_plus {
    height: calc(var(--vw) * 8 / 375 * 100);
  }
}
section.frt_howto_sec .s_set .s_plus:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vw) * 8 / 1240 * 100);
  max-height: 8px;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
@media screen and (max-width: 767.98px) {
  section.frt_howto_sec .s_set .s_plus:before {
    height: calc(var(--vw) * 8 / 375 * 100);
  }
}

.frt_howto_c04 {
  margin-top: calc(var(--vw) * 200 / 1240 * 100);
  padding: calc(var(--vw) * 90 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 110 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_howto_c04 {
    margin-top: 200px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_howto_c04 {
    margin-top: calc(var(--vw) * 200 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_howto_c04 {
    margin-top: calc(var(--vw) * 120 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_howto_c04 {
    padding: 90px 10px 110px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_howto_c04 {
    padding: calc(var(--vw) * 90 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 110 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_howto_c04 {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}

section.frt_product_sec .wrap01 {
  display: -ms-flex;
  display: flex;
  justify-content: center;
  gap: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_sec .wrap01 {
    gap: 10px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_sec .wrap01 {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_product_sec .wrap01 .btn {
  margin-left: 0.7em;
}
section.frt_product_sec .wrap01 .btn:first-child {
  margin-left: 0;
}
@media screen and (max-width: 767.98px) {
  section.frt_product_sec .wrap01 .btn {
    width: calc(var(--vw) * 175 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_sec .wrap01 .btn {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_sec .wrap01 .btn {
    padding: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_sec .wrap01 .btn {
    padding-left: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_sec .wrap01 .btn {
    padding-right: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_sec .wrap01 .btn {
    line-height: 1.5;
    min-width: 0;
    text-align: left;
    display: -ms-flex;
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_sec .wrap01 .btn:after {
    left: calc(var(--vw) * 16 / 375 * 100);
  }
}
section.frt_product_sec .ttl_wrap {
  margin-top: calc(var(--vw) * 50 / 1240 * 100);
  margin-bottom: calc(var(--vw) * 30 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (min-width: 1240px) {
  section.frt_product_sec .ttl_wrap {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_sec .ttl_wrap {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_sec .ttl_wrap {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_product_sec .ttl_wrap {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_sec .ttl_wrap {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_sec .ttl_wrap {
    margin-bottom: calc(var(--vw) * 16 / 375 * 100);
  }
}
section.frt_product_sec .ttl_wrap .t01 {
  margin-top: calc(var(--vw) * 10 / 1240 * 100);
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_sec .ttl_wrap .t01 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_sec .ttl_wrap .t01 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_product_sec .ttl_wrap .t01 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_sec .ttl_wrap .t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_sec .ttl_wrap .t01 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
section.frt_product_sec .ttl_wrap .t01 span {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  display: inline-block;
  margin-left: 0.5em;
}
@media screen and (min-width: 1240px) {
  section.frt_product_sec .ttl_wrap .t01 span {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_sec .ttl_wrap .t01 span {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_sec .ttl_wrap .t01 span {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 {
    overflow-x: hidden;
  }
}
section.frt_product_d_sec01 .block {
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block {
    flex-direction: column;
  }
}
section.frt_product_d_sec01 .block .l_c {
  width: 44%;
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .l_c {
    width: 100%;
  }
}
section.frt_product_d_sec01 .block .l_c .fav_btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
}
section.frt_product_d_sec01 .block .l_c .zoom_slider_wrap .zoom_slider_thumb .swiper-wrapper .swiper-slide {
  width: 10% !important;
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .l_c .zoom_slider_wrap .zoom_slider_thumb .swiper-wrapper .swiper-slide {
    width: 20% !important;
  }
}
section.frt_product_d_sec01 .block .l_c .zoom_slider_next {
  right: calc(var(--vw) * -8 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec01 .block .l_c .zoom_slider_next {
    right: -8px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .l_c .zoom_slider_next {
    right: calc(var(--vw) * -8 / 375 * 100);
  }
}
section.frt_product_d_sec01 .block .l_c .zoom_slider_prev {
  left: calc(var(--vw) * -8 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec01 .block .l_c .zoom_slider_prev {
    left: -8px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .l_c .zoom_slider_prev {
    left: calc(var(--vw) * -8 / 375 * 100);
  }
}
section.frt_product_d_sec01 .block .r_c {
  width: 48%;
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c {
    width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .d_list {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_product_d_sec01 .block .r_c .d_list li {
  padding-top: calc(var(--vw) * 25 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 25 / 1240 * 100);
  border-bottom: 1px solid #EDEDED;
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec01 .block .r_c .d_list li {
    padding-top: 25px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .d_list li {
    padding-top: calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec01 .block .r_c .d_list li {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .d_list li {
    padding-bottom: calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .d_list li {
    padding-top: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .d_list li {
    padding-bottom: calc(var(--vw) * 18 / 375 * 100);
  }
}
section.frt_product_d_sec01 .block .r_c .d_name {
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  font-weight: 600;
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec01 .block .r_c .d_name {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .d_name {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec01 .block .r_c .d_name {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .d_name {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .d_name {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_product_d_sec01 .block .r_c .d_price .d_price01 {
  font-size: calc(var(--vw) * 12 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec01 .block .r_c .d_price .d_price01 {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .d_price .d_price01 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
section.frt_product_d_sec01 .block .r_c .d_price .d_price02 {
  margin-top: calc(var(--vw) * 15 / 1240 * 100);
  line-height: 1;
  font-weight: 600;
  font-size: calc(var(--vw) * 35 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec01 .block .r_c .d_price .d_price02 {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .d_price .d_price02 {
    margin-top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec01 .block .r_c .d_price .d_price02 {
    font-size: 35px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .d_price .d_price02 {
    font-size: calc(var(--vw) * 35 / 375 * 100);
  }
}
section.frt_product_d_sec01 .block .r_c .d_price .d_price02 span {
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  display: inline-block;
  margin-left: 0.4em;
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec01 .block .r_c .d_price .d_price02 span {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .d_price .d_price02 span {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
section.frt_product_d_sec01 .block .r_c .d_code {
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  margin-top: calc(var(--vw) * 15 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec01 .block .r_c .d_code {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .d_code {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec01 .block .r_c .d_code {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .d_code {
    margin-top: calc(var(--vw) * 15 / 375 * 100);
  }
}
section.frt_product_d_sec01 .block .r_c .d_wrap01 {
  display: -ms-flex;
  display: flex;
  position: relative;
  justify-content: flex-start;
  gap: calc(var(--vw) * 15 / 1240 * 100) calc(var(--vw) * 25 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec01 .block .r_c .d_wrap01 {
    gap: 15px 25px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .d_wrap01 {
    gap: calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .d_wrap01 {
    flex-direction: column;
  }
}
section.frt_product_d_sec01 .block .r_c .quantity_box {
  width: calc(var(--vw) * 195 / 1240 * 100);
  max-width: 195px;
  margin-top: 0;
  border-radius: calc(var(--vw) * 25 / 1240 * 100) calc(var(--vw) * 25 / 1240 * 100) calc(var(--vw) * 25 / 1240 * 100) calc(var(--vw) * 25 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .quantity_box {
    width: calc(var(--vw) * 195 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec01 .block .r_c .quantity_box {
    border-radius: 25px 25px 25px 25px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .quantity_box {
    border-radius: calc(var(--vw) * 25 / 375 * 100) calc(var(--vw) * 25 / 375 * 100) calc(var(--vw) * 25 / 375 * 100) calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .quantity_box {
    padding: calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .quantity_box {
    max-width: none;
    width: 100%;
  }
}
section.frt_product_d_sec01 .block .r_c .btn {
  width: calc(var(--vw) * 335 / 1240 * 100);
  max-width: 335px;
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .btn {
    width: calc(var(--vw) * 335 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .r_c .btn {
    width: 100%;
    max-width: none;
  }
}
section.frt_product_d_sec01 .block .coupon_list {
  margin-top: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec01 .block .coupon_list {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .coupon_list {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.frt_product_d_sec01 .block .coupon_list li {
  width: calc(var(--vw) * 180 / 1240 * 100);
  max-width: 180px;
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .coupon_list li {
    width: calc(var(--vw) * 180 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .coupon_list li {
    width: calc(var(--vw) * 210 / 375 * 100);
    max-width: 100%;
  }
}
section.frt_product_d_sec01 .block .attention_list {
  margin-top: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec01 .block .attention_list {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .block .attention_list {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_product_d_sec01 .banner {
  display: block;
  margin-top: calc(var(--vw) * 50 / 1240 * 100);
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec01 .banner {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .banner {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec01 .banner {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.frt_product_d_sec01 .banner:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}

section.frt_rank_sec {
  margin-top: calc(var(--vw) * 200 / 1240 * 100);
  padding: calc(var(--vw) * 90 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 110 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec {
    margin-top: 200px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec {
    margin-top: calc(var(--vw) * 200 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec {
    margin-top: calc(var(--vw) * 120 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec {
    padding: 90px 10px 110px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec {
    padding: calc(var(--vw) * 90 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 110 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap {
  margin-top: calc(var(--vw) * 50 / 1240 * 100);
  position: relative;
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap {
    margin-left: calc(50% - var(--vw) * 50);
    margin-right: calc(50% - var(--vw) * 50);
  }
}
section.frt_rank_sec .rank_slider_wrap .swiper-button-next, section.frt_rank_sec .rank_slider_wrap .swiper-button-prev {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(var(--vw) * 40 / 1240 * 100);
  max-width: 40px;
  height: calc(var(--vw) * 40 / 1240 * 100);
  max-height: 40px;
  margin-top: 0;
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .swiper-button-next, section.frt_rank_sec .rank_slider_wrap .swiper-button-prev {
    display: block;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .swiper-button-next, section.frt_rank_sec .rank_slider_wrap .swiper-button-prev {
    width: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .swiper-button-next, section.frt_rank_sec .rank_slider_wrap .swiper-button-prev {
    height: calc(var(--vw) * 40 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .swiper-button-next {
  right: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .swiper-button-next {
    right: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .swiper-button-next {
    right: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .swiper-button-next:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/common/slide_next.png) 0 0/cover no-repeat;
}
section.frt_rank_sec .rank_slider_wrap .swiper-button-prev {
  left: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .swiper-button-prev {
    left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .swiper-button-prev {
    left: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .swiper-button-prev:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/common/slide_prev.png) 0 0/cover no-repeat;
}
section.frt_rank_sec .rank_slider_wrap .rank_list {
  display: -ms-flex;
  display: flex;
  gap: 0 1.6%;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li {
  margin-top: -1px;
  margin-left: -1px;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  width: 18.7%;
  background: #fff;
  transition: background-color 0.4s;
  position: relative;
  height: auto;
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li > a {
  padding: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 25 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 25 / 1240 * 100);
  transition: opacity 0.4s;
  opacity: 1;
  display: block;
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li > a {
    padding: 30px 25px 30px 25px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li > a {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 25 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li > a {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li > a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li.rank1:before {
  content: "";
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 65 / 1240 * 100);
  max-height: 65px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: calc(var(--vw) * 10 / 1240 * 100);
  z-index: 1;
  pointer-events: none;
  background: url(../img/front/rank1.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank1:before {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank1:before {
    height: calc(var(--vw) * 65 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank1:before {
    width: calc(var(--vw) * 35 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank1:before {
    height: calc(var(--vw) * 40 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank1:before {
    left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank1:before {
    left: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li.rank2:before {
  content: "";
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 65 / 1240 * 100);
  max-height: 65px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: calc(var(--vw) * 10 / 1240 * 100);
  z-index: 1;
  pointer-events: none;
  background: url(../img/front/rank2.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank2:before {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank2:before {
    height: calc(var(--vw) * 65 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank2:before {
    width: calc(var(--vw) * 35 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank2:before {
    height: calc(var(--vw) * 40 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank2:before {
    left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank2:before {
    left: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li.rank3:before {
  content: "";
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 65 / 1240 * 100);
  max-height: 65px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: calc(var(--vw) * 10 / 1240 * 100);
  z-index: 1;
  pointer-events: none;
  background: url(../img/front/rank3.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank3:before {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank3:before {
    height: calc(var(--vw) * 65 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank3:before {
    width: calc(var(--vw) * 35 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank3:before {
    height: calc(var(--vw) * 40 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank3:before {
    left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank3:before {
    left: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li.rank4:before {
  content: "";
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 65 / 1240 * 100);
  max-height: 65px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: calc(var(--vw) * 10 / 1240 * 100);
  z-index: 1;
  pointer-events: none;
  background: url(../img/front/rank4.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank4:before {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank4:before {
    height: calc(var(--vw) * 65 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank4:before {
    width: calc(var(--vw) * 35 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank4:before {
    height: calc(var(--vw) * 40 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank4:before {
    left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank4:before {
    left: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li.rank5:before {
  content: "";
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 65 / 1240 * 100);
  max-height: 65px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: calc(var(--vw) * 10 / 1240 * 100);
  z-index: 1;
  pointer-events: none;
  background: url(../img/front/rank5.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank5:before {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank5:before {
    height: calc(var(--vw) * 65 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank5:before {
    width: calc(var(--vw) * 35 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank5:before {
    height: calc(var(--vw) * 40 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank5:before {
    left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li.rank5:before {
    left: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li:after {
  content: "";
  display: block;
  clear: both;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li.active {
  transition: background-color 0.4s;
  background: #F4E7DB;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .img {
  line-height: 1;
  position: relative;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .img .delete_btn {
  cursor: pointer;
  position: absolute;
  top: calc(var(--vw) * -12 / 1240 * 100);
  right: calc(var(--vw) * -12 / 1240 * 100);
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .img .delete_btn {
    top: -12px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .img .delete_btn {
    top: calc(var(--vw) * -12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .img .delete_btn {
    right: -12px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .img .delete_btn {
    right: calc(var(--vw) * -12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .img .delete_btn {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .img .delete_btn {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .img .delete_btn {
    width: calc(var(--vw) * 40 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .img .delete_btn {
    height: calc(var(--vw) * 40 / 375 * 100);
    max-height: 100%;
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .img .delete_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .img .delete_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../img/mypage/delete.png) 0 0/contain no-repeat;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .img .zoom_btn {
  cursor: pointer;
  position: absolute;
  bottom: calc(var(--vw) * -5 / 1240 * 100);
  right: calc(var(--vw) * 0 / 1240 * 100);
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .img .zoom_btn {
    bottom: -5px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .img .zoom_btn {
    bottom: calc(var(--vw) * -5 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .img .zoom_btn {
    right: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .img .zoom_btn {
    right: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .img .zoom_btn {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .img .zoom_btn {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .img .zoom_btn {
    width: calc(var(--vw) * 40 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .img .zoom_btn {
    height: calc(var(--vw) * 40 / 375 * 100);
    max-height: 100%;
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .img .zoom_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .img .zoom_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../img/common/zoom.png) 0 0/cover no-repeat;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .img a {
  display: block;
  transition: opacity 0.4s;
  opacity: 1;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .img a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt {
  margin-top: calc(var(--vw) * 28 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt {
    margin-top: 28px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt {
    margin-top: calc(var(--vw) * 28 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label {
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #582E2A;
  position: relative;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  gap: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label {
    font-size: calc(var(--vw) * 9 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label {
    gap: 10px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label {
    gap: calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 5 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label span {
  position: relative;
  width: calc(var(--vw) * 30 / 1240 * 100);
  max-width: 30px;
  height: calc(var(--vw) * 30 / 1240 * 100);
  max-height: 30px;
  display: inline-block;
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label span {
    width: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label span {
    height: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label span {
    width: calc(var(--vw) * 25 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label span {
    height: calc(var(--vw) * 25 / 375 * 100);
    max-height: 100%;
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label span:before {
  content: "";
  width: calc(var(--vw) * 30 / 1240 * 100);
  max-width: 30px;
  height: calc(var(--vw) * 30 / 1240 * 100);
  max-height: 30px;
  display: inline-block;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label span:before {
    width: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label span:before {
    height: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label span:before {
    width: calc(var(--vw) * 25 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label span:before {
    height: calc(var(--vw) * 25 / 375 * 100);
    max-height: 100%;
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label span.cat_coffee:before {
  background: url(../img/common/cat_coffee.png) 0 0/cover no-repeat;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label span.cat_tea:before {
  background: url(../img/common/cat_tea.png) 0 0/cover no-repeat;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label span.cat_gtea:before {
  background: url(../img/common/cat_gtea.png) 0 0/cover no-repeat;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat_label span.cat_txt {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat {
  display: -ms-flex;
  display: flex;
  align-items: center;
  color: #582E2A;
  position: relative;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  padding-left: calc(var(--vw) * 40 / 1240 * 100);
  min-height: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat {
    font-size: calc(var(--vw) * 9 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat {
    padding-left: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat {
    padding-left: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat {
    padding-left: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat {
    min-height: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat {
    min-height: calc(var(--vw) * 25 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat.cat_coffee:before {
  background: url(../img/common/cat_coffee.png) 0 0/cover no-repeat;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat.cat_tea:before {
  background: url(../img/common/cat_tea.png) 0 0/cover no-repeat;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat.cat_gtea:before {
  background: url(../img/common/cat_gtea.png) 0 0/cover no-repeat;
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat:before {
  content: "";
  width: calc(var(--vw) * 30 / 1240 * 100);
  max-width: 30px;
  height: calc(var(--vw) * 30 / 1240 * 100);
  max-height: 30px;
  display: inline-block;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat:before {
    width: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat:before {
    height: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat:before {
    width: calc(var(--vw) * 25 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .cat:before {
    height: calc(var(--vw) * 25 / 375 * 100);
    max-height: 100%;
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt p {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
  margin-top: calc(var(--vw) * 12 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt p {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt p {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt p {
    margin-top: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt p {
    margin-top: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt p {
    margin-top: calc(var(--vw) * 8 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt p.price {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 400;
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt p.price {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt p.price {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box {
  margin-top: calc(var(--vw) * 14 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  border: 1px solid #A79C99;
  background: #fff;
  padding: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box {
    margin-top: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box {
    margin-top: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box {
    padding: 0px 20px 0px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box {
    padding: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box .hiku {
  display: block;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  font-weight: 600;
  cursor: pointer;
  width: calc(var(--vw) * 11 / 1240 * 100);
  max-width: 11px;
  background: url(../img/mypage/minus.svg) 0 center/100% auto no-repeat;
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box .hiku {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box .hiku {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box .hiku {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box .hiku {
    width: calc(var(--vw) * 11 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box .tasu {
  display: block;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  font-weight: 600;
  cursor: pointer;
  width: calc(var(--vw) * 11 / 1240 * 100);
  max-width: 11px;
  background: url(../img/mypage/plus.svg) 0 center/100% auto no-repeat;
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box .tasu {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box .tasu {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box .tasu {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box .tasu {
    width: calc(var(--vw) * 11 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box .quantity {
  width: 50%;
  pointer-events: none;
  text-align: center;
  font-size: calc(var(--vw) * 18 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box .quantity {
    font-size: 18px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .quantity_box .quantity {
    font-size: calc(var(--vw) * 18 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt form + .btn {
  margin-top: calc(var(--vw) * 15 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt form + .btn {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt form + .btn {
    margin-top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt form + .btn {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .btn {
  margin-top: calc(var(--vw) * 15 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .btn {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .btn {
    margin-top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_rank_sec .rank_slider_wrap .rank_list li .txt .btn {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}

.search_cat_wrap {
  margin-top: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .search_cat_wrap {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .search_cat_wrap {
    margin-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .search_cat_wrap {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
.search_cat_wrap .search_reset_btn {
  font-weight: 600;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  border: 1px solid #AA8066;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  padding: calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .search_cat_wrap .search_reset_btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .search_cat_wrap .search_reset_btn {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .search_cat_wrap .search_reset_btn {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .search_cat_wrap .search_reset_btn {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .search_cat_wrap .search_reset_btn {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .search_cat_wrap .search_reset_btn {
    padding: 4px 30px 4px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .search_cat_wrap .search_reset_btn {
    padding: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .search_cat_wrap .search_reset_btn {
    padding: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 16 / 375 * 100);
  }
}
.search_cat_wrap .search_cat_btn {
  position: relative;
  font-weight: 600;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  background: #F8F2E9;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  padding: calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 36 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 15 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .search_cat_wrap .search_cat_btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .search_cat_wrap .search_cat_btn {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .search_cat_wrap .search_cat_btn {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .search_cat_wrap .search_cat_btn {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .search_cat_wrap .search_cat_btn {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .search_cat_wrap .search_cat_btn {
    padding: 4px 36px 4px 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .search_cat_wrap .search_cat_btn {
    padding: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 36 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .search_cat_wrap .search_cat_btn {
    padding: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 34 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 16 / 375 * 100);
  }
}
.search_cat_wrap .search_cat_btn:after {
  content: "";
  width: calc(var(--vw) * 20 / 1240 * 100);
  max-width: 20px;
  height: calc(var(--vw) * 20 / 1240 * 100);
  max-height: 20px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: calc(var(--vw) * 5 / 1240 * 100);
  transform: translateY(-50%);
  background: url(../img/common/x.png) 0 0/cover no-repeat;
}
@media screen and (max-width: 767.98px) {
  .search_cat_wrap .search_cat_btn:after {
    width: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .search_cat_wrap .search_cat_btn:after {
    height: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .search_cat_wrap .search_cat_btn:after {
    right: 5px;
  }
}
@media screen and (max-width: 767.98px) {
  .search_cat_wrap .search_cat_btn:after {
    right: calc(var(--vw) * 5 / 375 * 100);
  }
}
.search_cat_wrap .search_cat_list {
  margin-top: calc(var(--vw) * 5 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .search_cat_wrap .search_cat_list {
    margin-top: 5px;
  }
}
@media screen and (max-width: 767.98px) {
  .search_cat_wrap .search_cat_list {
    margin-top: calc(var(--vw) * 5 / 375 * 100);
  }
}
.search_cat_wrap .search_cat_list > * {
  margin-top: calc(var(--vw) * 5 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .search_cat_wrap .search_cat_list > * {
    margin-top: 5px;
  }
}
@media screen and (max-width: 767.98px) {
  .search_cat_wrap .search_cat_list > * {
    margin-top: calc(var(--vw) * 5 / 375 * 100);
  }
}

section.frt_product_d_sec02 {
  margin-top: calc(var(--vw) * 200 / 1240 * 100);
  padding: calc(var(--vw) * 90 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 110 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec02 {
    margin-top: 200px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 {
    margin-top: calc(var(--vw) * 200 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 {
    margin-top: calc(var(--vw) * 120 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec02 {
    padding: 90px 10px 110px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 {
    padding: calc(var(--vw) * 90 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 110 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_product_d_sec02 .list_wrap {
  margin-top: calc(var(--vw) * 54 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  gap: 0 4%;
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec02 .list_wrap {
    margin-top: 54px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 .list_wrap {
    margin-top: calc(var(--vw) * 54 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 .list_wrap {
    flex-direction: column;
    border-bottom: 1px solid #fff;
  }
}
section.frt_product_d_sec02 .list_wrap .list {
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 .list_wrap .list {
    width: 100%;
  }
}
section.frt_product_d_sec02 .list_wrap .list > li {
  border-top: 1px solid #fff;
  display: -ms-flex;
  display: flex;
  align-items: center;
  min-height: calc(var(--vw) * 128 / 1240 * 100);
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 .list_wrap .list > li {
    min-height: calc(var(--vw) * 128 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 .list_wrap .list > li {
    min-height: 0;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec02 .list_wrap .list > li {
    padding: 20px 0px 20px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 .list_wrap .list > li {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 .list_wrap .list > li {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 .list_wrap .list > li {
    flex-direction: column;
    align-items: baseline;
    height: auto;
    max-height: none;
  }
}
section.frt_product_d_sec02 .list_wrap .list > li:last-child {
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 .list_wrap .list > li:last-child {
    border-bottom: 0;
  }
}
section.frt_product_d_sec02 .list_wrap .list > li div:nth-child(1) {
  width: calc(var(--vw) * 210 / 1240 * 100);
  max-width: 210px;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 .list_wrap .list > li div:nth-child(1) {
    width: calc(var(--vw) * 210 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec02 .list_wrap .list > li div:nth-child(1) {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 .list_wrap .list > li div:nth-child(1) {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 .list_wrap .list > li div:nth-child(1) {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 .list_wrap .list > li div:nth-child(1) {
    width: 100%;
    max-width: none;
  }
}
section.frt_product_d_sec02 .list_wrap .list > li div:nth-child(2) {
  width: 65%;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec02 .list_wrap .list > li div:nth-child(2) {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 .list_wrap .list > li div:nth-child(2) {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 .list_wrap .list > li div:nth-child(2) {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 .list_wrap .list > li div:nth-child(2) {
    margin-top: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec02 .list_wrap .list > li div:nth-child(2) {
    width: 100%;
    max-width: none;
  }
}
section.frt_product_d_sec02 .list_wrap .list > li div ul {
  padding-left: 1.3em;
}
section.frt_product_d_sec02 .list_wrap .list > li div ul li {
  list-style: disc;
}

section.frt_product_d_sec03 {
  padding-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec03 {
    padding-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 {
    padding-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 {
    padding-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
section.frt_product_d_sec03 .yt {
  width: calc(var(--vw) * 780 / 1240 * 100);
  max-width: 780px;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .yt {
    width: calc(var(--vw) * 780 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .yt {
    width: 100%;
  }
}
section.frt_product_d_sec03 .ttl01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec03 .ttl01 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .ttl01 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .ttl01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_product_d_sec03 .t01 {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-top: 1em;
  line-height: 1.625;
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec03 .t01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
section.frt_product_d_sec03 .block {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec03 .block {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .block {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .block {
    margin-top: calc(var(--vw) * 45 / 375 * 100);
  }
}
section.frt_product_d_sec03 .block:first-of-type {
  margin-top: calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec03 .block:first-of-type {
    margin-top: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .block:first-of-type {
    margin-top: calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_product_d_sec03 .block .flex_wrap {
  margin-top: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec03 .block .flex_wrap {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .block .flex_wrap {
    margin-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .block .flex_wrap {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.frt_product_d_sec03 .block .flex_wrap:first-of-type {
  margin-top: calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec03 .block .flex_wrap:first-of-type {
    margin-top: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .block .flex_wrap:first-of-type {
    margin-top: calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_product_d_sec03 .block.block02 .wrap {
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .block.block02 .wrap {
    flex-direction: column-reverse;
  }
}
section.frt_product_d_sec03 .block.block02 .txt {
  margin-top: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec03 .block.block02 .txt {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .block.block02 .txt {
    margin-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .block.block02 .txt {
    margin-top: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .block.block02 .txt {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.frt_product_d_sec03 .block.block02 .txt .ttl01 {
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .block.block02 .txt .ttl01 {
    text-align: left;
  }
}
section.frt_product_d_sec03 .block.block03 .img {
  margin-bottom: calc(var(--vw) * 30 / 1240 * 100);
  border-radius: calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100);
  overflow: hidden;
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec03 .block.block03 .img {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .block.block03 .img {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .block.block03 .img {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec03 .block.block03 .img {
    border-radius: 60px 60px 60px 60px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .block.block03 .img {
    border-radius: calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .block.block03 .img {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .block.block03 .ttl01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
section.frt_product_d_sec03 .flex_wrap {
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .flex_wrap {
    flex-direction: column;
  }
}
section.frt_product_d_sec03 .flex_wrap.re {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .flex_wrap.re {
    flex-direction: column;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .flex_wrap .img {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_product_d_sec03 .flex_wrap .img img {
  vertical-align: bottom;
}
section.frt_product_d_sec03 .flex_wrap.flex_wrap01 > div.txt {
  width: 45.5%;
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .flex_wrap.flex_wrap01 > div.txt {
    width: 100%;
  }
}
section.frt_product_d_sec03 .flex_wrap.flex_wrap01 > div.img {
  width: 47.5%;
  border-radius: calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100);
  overflow: hidden;
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec03 .flex_wrap.flex_wrap01 > div.img {
    border-radius: 60px 60px 60px 60px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .flex_wrap.flex_wrap01 > div.img {
    border-radius: calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .flex_wrap.flex_wrap01 > div.img {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .flex_wrap.flex_wrap01 > div.img {
    width: 100%;
  }
}
section.frt_product_d_sec03 .flex_wrap.flex_wrap02 > div {
  width: 48%;
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .flex_wrap.flex_wrap02 > div {
    width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .flex_wrap.flex_wrap02 > div:first-child {
    margin-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
section.frt_product_d_sec03 .btn {
  margin: 0 auto;
  margin-top: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_product_d_sec03 .btn {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_product_d_sec03 .btn {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}

section.frt_yoridori_sec {
  padding-top: calc(var(--vw) * 40 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 80 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec {
    padding-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec {
    padding-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec {
    padding-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec {
    padding-bottom: calc(var(--vw) * 80 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec {
    padding-bottom: calc(var(--vw) * 60 / 375 * 100);
  }
}
section.frt_yoridori_sec .inner > .block {
  margin-top: calc(var(--vw) * 70 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .inner > .block {
    margin-top: 70px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .inner > .block {
    margin-top: calc(var(--vw) * 70 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .inner > .block {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
section.frt_yoridori_sec .inner > .block:first-child {
  margin-top: 0;
}
section.frt_yoridori_sec .step {
  width: calc(var(--vw) * 80 / 1240 * 100);
  max-width: 80px;
  margin: 0 auto;
  margin-bottom: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .step {
    width: calc(var(--vw) * 80 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .step {
    width: calc(var(--vw) * 60 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .step {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .step {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .step {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_yoridori_sec .ttl01 {
  margin-bottom: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .ttl01 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_yoridori_sec .block01 .wrap01 {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block01 .wrap01 {
    padding-left: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 {
    padding-left: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 {
    padding-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 {
    flex-direction: column;
  }
}
section.frt_yoridori_sec .block01 .wrap01 #machine_img {
  width: calc(var(--vw) * 200 / 1240 * 100);
  max-width: 200px;
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 #machine_img {
    width: calc(var(--vw) * 200 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 #machine_img {
    width: calc(var(--vw) * 140 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 #machine_img {
    max-width: none;
  }
}
section.frt_yoridori_sec .block01 .wrap01 #machine_img img {
  display: none;
}
section.frt_yoridori_sec .block01 .wrap01 #machine_img img.active {
  display: inline;
}
section.frt_yoridori_sec .block01 .wrap01 .wrap02 {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block01 .wrap01 .wrap02 {
    margin-left: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 .wrap02 {
    margin-left: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 .wrap02 {
    margin-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 .wrap02 {
    justify-content: space-between;
  }
}
section.frt_yoridori_sec .block01 .wrap01 .wrap02 .t01 {
  width: 100%;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block01 .wrap01 .wrap02 .t01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 .wrap02 .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 .wrap02 .t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 .wrap02 .t01 {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 .wrap02 .t01 {
    text-align: center;
  }
}
section.frt_yoridori_sec .block01 .wrap01 .wrap02 .t02 {
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block01 .wrap01 .wrap02 .t02 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 .wrap02 .t02 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 .wrap02 .t02 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 .wrap02 .t02 {
    width: 48%;
  }
}
section.frt_yoridori_sec .block01 .wrap01 .wrap02 #machine_name {
  width: 100%;
}
section.frt_yoridori_sec .block01 .wrap01 .wrap02 #machine_name span {
  display: none;
}
section.frt_yoridori_sec .block01 .wrap01 .wrap02 #machine_name span.active {
  display: inline;
}
section.frt_yoridori_sec .block01 .wrap01 .wrap02 .select_wrap {
  margin-left: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block01 .wrap01 .wrap02 .select_wrap {
    margin-left: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 .wrap02 .select_wrap {
    margin-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block01 .wrap01 .wrap02 .select_wrap {
    margin-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_yoridori_sec .block01 .wrap01 .wrap02 .select_wrap option[selected][disabled] {
  display: none;
}
section.frt_yoridori_sec .block02 {
  margin-bottom: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block02 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 {
    margin-bottom: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
section.frt_yoridori_sec .block02 .yoridori_select {
  width: calc(var(--vw) * 782 / 1240 * 100);
  max-width: 782px;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 .yoridori_select {
    width: calc(var(--vw) * 782 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 .yoridori_select {
    width: calc(var(--vw) * 261 / 375 * 100);
    max-width: 100%;
  }
}
section.frt_yoridori_sec .block02 #selected_five ul {
  margin: 0 auto;
  width: calc(var(--vw) * 772 / 1240 * 100);
  max-width: 772px;
  height: calc(var(--vw) * 140 / 1240 * 100);
  max-height: 140px;
  overflow: hidden;
  background: url(../img/front/yoridori/yoridori_selected_five.png) 0 0/contain no-repeat;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul {
    width: calc(var(--vw) * 772 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul {
    height: calc(var(--vw) * 140 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul {
    width: calc(var(--vw) * 263 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul {
    height: calc(var(--vw) * 163 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul {
    background: url(../img/front/yoridori/yoridori_selected_five_sp.png) 0 0/contain no-repeat;
  }
}
section.frt_yoridori_sec .block02 #selected_five ul li {
  width: calc(var(--vw) * 140 / 1240 * 100);
  max-width: 140px;
  position: relative;
  margin-left: calc(var(--vw) * 18 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li {
    width: calc(var(--vw) * 140 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li {
    width: calc(var(--vw) * 81 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block02 #selected_five ul li {
    margin-left: 18px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li {
    margin-left: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li {
    margin-left: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_yoridori_sec .block02 #selected_five ul li img {
  border-radius: 50%;
}
section.frt_yoridori_sec .block02 #selected_five ul li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(1) {
    margin-left: calc(var(--vw) * 47 / 375 * 100);
  }
}
section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(1):after {
  content: "";
  width: calc(var(--vw) * 54 / 1240 * 100);
  max-width: 54px;
  height: calc(var(--vw) * 53 / 1240 * 100);
  max-height: 53px;
  display: block;
  position: absolute;
  top: calc(var(--vw) * 0 / 1240 * 100);
  left: calc(var(--vw) * 0 / 1240 * 100);
  left: 0;
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(1):after {
    width: calc(var(--vw) * 54 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(1):after {
    height: calc(var(--vw) * 53 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(1):after {
    top: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(1):after {
    top: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(1):after {
    left: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(1):after {
    left: calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(1):after {
  background: url(../img/front/ok1.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(2) {
    margin-left: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(2):after {
  content: "";
  width: calc(var(--vw) * 54 / 1240 * 100);
  max-width: 54px;
  height: calc(var(--vw) * 53 / 1240 * 100);
  max-height: 53px;
  display: block;
  position: absolute;
  top: calc(var(--vw) * 0 / 1240 * 100);
  left: calc(var(--vw) * 0 / 1240 * 100);
  left: 0;
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(2):after {
    width: calc(var(--vw) * 54 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(2):after {
    height: calc(var(--vw) * 53 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(2):after {
    top: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(2):after {
    top: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(2):after {
    left: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(2):after {
    left: calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(2):after {
  background: url(../img/front/ok2.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(3) {
    margin-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(3):after {
  content: "";
  width: calc(var(--vw) * 54 / 1240 * 100);
  max-width: 54px;
  height: calc(var(--vw) * 53 / 1240 * 100);
  max-height: 53px;
  display: block;
  position: absolute;
  top: calc(var(--vw) * 0 / 1240 * 100);
  left: calc(var(--vw) * 0 / 1240 * 100);
  left: 0;
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(3):after {
    width: calc(var(--vw) * 54 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(3):after {
    height: calc(var(--vw) * 53 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(3):after {
    top: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(3):after {
    top: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(3):after {
    left: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(3):after {
    left: calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(3):after {
  background: url(../img/front/ok3.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(4) {
    margin-left: calc(var(--vw) * 9.5 / 375 * 100);
  }
}
section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(4):after {
  content: "";
  width: calc(var(--vw) * 54 / 1240 * 100);
  max-width: 54px;
  height: calc(var(--vw) * 53 / 1240 * 100);
  max-height: 53px;
  display: block;
  position: absolute;
  top: calc(var(--vw) * 0 / 1240 * 100);
  left: calc(var(--vw) * 0 / 1240 * 100);
  left: 0;
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(4):after {
    width: calc(var(--vw) * 54 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(4):after {
    height: calc(var(--vw) * 53 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(4):after {
    top: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(4):after {
    top: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(4):after {
    left: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(4):after {
    left: calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(4):after {
  background: url(../img/front/ok4.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(5) {
    margin-left: calc(var(--vw) * 10 / 375 * 100);
  }
}
section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(5):after {
  content: "";
  width: calc(var(--vw) * 54 / 1240 * 100);
  max-width: 54px;
  height: calc(var(--vw) * 53 / 1240 * 100);
  max-height: 53px;
  display: block;
  position: absolute;
  top: calc(var(--vw) * 0 / 1240 * 100);
  left: calc(var(--vw) * 0 / 1240 * 100);
  left: 0;
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(5):after {
    width: calc(var(--vw) * 54 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(5):after {
    height: calc(var(--vw) * 53 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(5):after {
    top: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(5):after {
    top: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(5):after {
    left: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(5):after {
    left: calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(5):after {
  background: url(../img/front/ok5.png) 0 0/contain no-repeat;
}
section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(n+6) {
  margin-top: 100px;
}
section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(n+6):after {
  content: "";
  width: calc(var(--vw) * 54 / 1240 * 100);
  max-width: 54px;
  height: calc(var(--vw) * 53 / 1240 * 100);
  max-height: 53px;
  display: block;
  position: absolute;
  top: calc(var(--vw) * 0 / 1240 * 100);
  left: calc(var(--vw) * 0 / 1240 * 100);
  left: 0;
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(n+6):after {
    width: calc(var(--vw) * 54 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(n+6):after {
    height: calc(var(--vw) * 53 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(n+6):after {
    top: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(n+6):after {
    top: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(n+6):after {
    left: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(n+6):after {
    left: calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_yoridori_sec .block02 #selected_five ul li:nth-child(n+6):after {
  background: url(../img/front/ok5.png) 0 0/contain no-repeat;
}
section.frt_yoridori_sec .ttl02 {
  margin-bottom: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .ttl02 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .ttl02 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .ttl02 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_yoridori_sec .ttl03 {
  margin-bottom: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .ttl03 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .ttl03 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .ttl03 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_yoridori_sec .subttl01 {
  margin-bottom: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .subttl01 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .subttl01 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .subttl01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_yoridori_sec .subttl02 {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
  margin-bottom: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .subttl02 {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .subttl02 {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .subttl02 {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec .subttl02 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .subttl02 {
    margin-bottom: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec .subttl02 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_yoridori_sec #capsule_block .cart_btn {
  font-weight: 600;
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 70 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 70 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_yoridori_sec #capsule_block .cart_btn {
    padding: 20px 70px 20px 70px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec #capsule_block .cart_btn {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 70 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 70 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_yoridori_sec #capsule_block .cart_btn {
    padding: calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}

.frt_yoridori_assorted {
  padding: calc(var(--vw) * 100 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 100 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  background: #AA8066;
}
@media screen and (min-width: 1240px) {
  .frt_yoridori_assorted {
    padding: 100px 0px 100px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted {
    padding: calc(var(--vw) * 100 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 100 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted {
    padding: calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.frt_yoridori_assorted .frt_yoridori_assorted_t1 {
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_yoridori_assorted .frt_yoridori_assorted_t1 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .frt_yoridori_assorted_t1 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .frt_yoridori_assorted_t1 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
.frt_yoridori_assorted .frt_yoridori_assorted_t2 {
  color: #fff;
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  border-bottom: 1px solid #fff;
  padding-bottom: 0.6em;
  margin-bottom: 0.6em;
}
@media screen and (min-width: 1240px) {
  .frt_yoridori_assorted .frt_yoridori_assorted_t2 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .frt_yoridori_assorted_t2 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .frt_yoridori_assorted_t2 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.frt_yoridori_assorted .frt_yoridori_assorted_ul {
  padding-left: 1.2em;
}
.frt_yoridori_assorted .frt_yoridori_assorted_ul li {
  list-style: disc;
  color: #fff;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-top: 0.3em;
}
@media screen and (min-width: 1240px) {
  .frt_yoridori_assorted .frt_yoridori_assorted_ul li {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .frt_yoridori_assorted_ul li {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .frt_yoridori_assorted_ul li {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.frt_yoridori_assorted .frt_yoridori_assorted_ul li:first-child {
  margin-top: 0;
}
.frt_yoridori_assorted .wrap01 {
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  position: relative;
  display: -ms-flex;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (min-width: 1240px) {
  .frt_yoridori_assorted .wrap01 {
    padding: 40px 0px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .wrap01 {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .wrap01 {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .wrap01 {
    flex-direction: column;
  }
}
.frt_yoridori_assorted .wrap01 .img {
  width: calc(var(--vw) * 550 / 1240 * 100);
  max-width: 550px;
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .wrap01 .img {
    width: calc(var(--vw) * 550 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .wrap01 .img {
    max-width: none;
    width: 100%;
  }
}
.frt_yoridori_assorted .wrap01 .img p {
  text-align: center;
  color: #fff;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  margin-top: 0.8em;
}
@media screen and (min-width: 1240px) {
  .frt_yoridori_assorted .wrap01 .img p {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .wrap01 .img p {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .wrap01 .img p {
    font-size: calc(var(--vw) * 10 / 375 * 100);
  }
}
.frt_yoridori_assorted .wrap01 .txt {
  margin-left: calc(var(--vw) * 70 / 1240 * 100);
  color: #fff;
}
@media screen and (min-width: 1240px) {
  .frt_yoridori_assorted .wrap01 .txt {
    margin-left: 70px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .wrap01 .txt {
    margin-left: calc(var(--vw) * 70 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .wrap01 .txt {
    margin-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .wrap01 .txt {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
.frt_yoridori_assorted .wrap01 .txt .btn {
  margin-top: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_yoridori_assorted .wrap01 .txt .btn {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .wrap01 .txt .btn {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_assorted .wrap01 .txt .btn {
    position: absolute;
    bottom: calc(var(--vw) * 30 / 1240 * 100);
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  .frt_yoridori_assorted .wrap01 .txt .btn {
    bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .frt_yoridori_assorted .wrap01 .txt .btn {
    bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}

.frt_yoridori_info {
  padding-top: calc(var(--vw) * 100 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_yoridori_info {
    padding-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_info {
    padding-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_yoridori_info {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_info {
    padding-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_info {
    padding-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_info {
    padding-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
.frt_yoridori_info .yoridori_info_txt01 .frt_yoridori_info_t2 {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  border-bottom: 1px solid #5B3427;
  padding-bottom: 0.8em;
  margin-bottom: 1.2em;
}
@media screen and (min-width: 1240px) {
  .frt_yoridori_info .yoridori_info_txt01 .frt_yoridori_info_t2 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_info .yoridori_info_txt01 .frt_yoridori_info_t2 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_info .yoridori_info_txt01 .frt_yoridori_info_t2 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.frt_yoridori_info .yoridori_info_txt01 .frt_yoridori_info_ul {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_yoridori_info .yoridori_info_txt01 .frt_yoridori_info_ul {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_info .yoridori_info_txt01 .frt_yoridori_info_ul {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_info .yoridori_info_txt01 .frt_yoridori_info_ul {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.frt_yoridori_info .wrap01 p {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-bottom: 1em;
}
@media screen and (min-width: 1240px) {
  .frt_yoridori_info .wrap01 p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_info .wrap01 p {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_info .wrap01 p {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.frt_yoridori_info .wrap01 ul {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  padding-left: 1.2em;
}
@media screen and (min-width: 1240px) {
  .frt_yoridori_info .wrap01 ul {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_info .wrap01 ul {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_info .wrap01 ul {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.frt_yoridori_info .wrap01 ul li {
  list-style: disc;
  margin-top: 0.3em;
}
.frt_yoridori_info .wrap01 ul li:first-child {
  margin-top: 0;
}
.frt_yoridori_info .wrap02 {
  margin-top: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_yoridori_info .wrap02 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_info .wrap02 {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_yoridori_info .wrap02 {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}

.ac_block {
  margin-top: calc(var(--vw) * 10 / 1240 * 100);
  border-radius: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  padding: calc(var(--vw) * 26 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 26 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  border: 1px solid #5B3427;
}
@media screen and (min-width: 1240px) {
  .ac_block {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .ac_block {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
.ac_block:first-child {
  margin-top: 0;
}
@media screen and (min-width: 1240px) {
  .ac_block {
    border-radius: 10px 10px 10px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .ac_block {
    border-radius: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .ac_block {
    padding: 26px 20px 26px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .ac_block {
    padding: calc(var(--vw) * 26 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 26 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .ac_block {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 16 / 375 * 100);
  }
}
.ac_block .ac_ttl {
  position: relative;
}
.ac_block .ac_ttl .t01 {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  .ac_block .ac_ttl .t01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .ac_block .ac_ttl .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
.ac_block .plus {
  cursor: pointer;
  display: block;
  line-height: 1;
  position: absolute;
  top: calc(var(--vw) * 0 / 1240 * 100);
  right: calc(var(--vw) * 0 / 1240 * 100);
  width: calc(var(--vw) * 20 / 1240 * 100);
  max-width: 20px;
  height: calc(var(--vw) * 20 / 1240 * 100);
  max-height: 20px;
}
@media screen and (min-width: 1240px) {
  .ac_block .plus {
    top: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .ac_block .plus {
    top: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .ac_block .plus {
    right: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .ac_block .plus {
    right: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .ac_block .plus {
    right: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .ac_block .plus {
    width: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .ac_block .plus {
    height: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .ac_block .plus {
    width: calc(var(--vw) * 15 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .ac_block .plus {
    height: calc(var(--vw) * 15 / 375 * 100);
    max-height: 100%;
  }
}
.ac_block .plus span {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ac_block .plus span:before,
.ac_block .plus span:after {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.4s;
  background: #5B3427;
  left: 50%;
  top: 50%;
  width: 100%;
  height: calc(var(--vw) * 2 / 1240 * 100);
  max-height: 2px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767.98px) {
  .ac_block .plus span:before,
  .ac_block .plus span:after {
    height: calc(var(--vw) * 2 / 375 * 100);
  }
}
.ac_block .plus span:before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.ac_block .plus.is-active span:before {
  transform: translate(-50%, -50%) rotate(0deg);
}
.ac_block .hide_txt {
  display: none;
  padding-top: calc(var(--vw) * 8 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .ac_block .hide_txt {
    padding-top: 8px;
  }
}
@media screen and (max-width: 767.98px) {
  .ac_block .hide_txt {
    padding-top: calc(var(--vw) * 8 / 375 * 100);
  }
}

section.frt_login_sec {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_login_sec {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_login_sec {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_login_sec {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.frt_login_sec .ttl01 {
  margin-bottom: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_login_sec .ttl01 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_login_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_login_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}

.login_c01_wrap {
  border: 2px solid #E2A692;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .login_c01_wrap {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .login_c01_wrap {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .login_c01_wrap {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .login_c01_wrap {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .login_c01_wrap {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
.login_c01_wrap .login_c01_t01 {
  text-align: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .login_c01_wrap .login_c01_t01 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .login_c01_wrap .login_c01_t01 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .login_c01_wrap .login_c01_t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .login_c01_wrap .btn {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}

section.frt_form_c01_sec .form_c01_wrap {
  border: 2px solid #06C755;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_form_c01_sec .form_c01_wrap {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_form_c01_sec .form_c01_wrap {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_form_c01_sec .form_c01_wrap {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_form_c01_sec .form_c01_wrap {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_form_c01_sec .form_c01_wrap {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_form_c01_sec .form_c01_wrap .form_c01_t01 {
  text-align: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_form_c01_sec .form_c01_wrap .form_c01_t01 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_form_c01_sec .form_c01_wrap .form_c01_t01 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_form_c01_sec .form_c01_wrap .form_c01_t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_form_c01_sec .form_c01_wrap .btn {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}

section.frt_form_c02_sec {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_form_c02_sec {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_form_c02_sec {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_form_c02_sec {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.frt_form_c02_sec .ttl01 {
  margin-bottom: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_form_c02_sec .ttl01 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_form_c02_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_form_c02_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}

section.frt_about_lead {
  padding-top: calc(var(--vw) * 60 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_about_lead {
    padding-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_lead {
    padding-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_about_lead {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_lead {
    padding-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_lead {
    padding-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_lead {
    padding-bottom: calc(var(--vw) * 25 / 375 * 100);
  }
}
section.frt_about_lead .t01 {
  text-align: center;
  line-height: 1.7;
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_about_lead .t01 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_lead .t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_lead .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_lead .t01 {
    text-align: left;
    text-align: justify;
  }
}
section.frt_about_lead .t02 {
  text-align: center;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  margin-top: 1em;
}
@media screen and (min-width: 1240px) {
  section.frt_about_lead .t02 {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_lead .t02 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_lead .t02 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_lead .t02 {
    text-align: right;
  }
}

section.frt_about_c01 {
  padding-top: calc(var(--vw) * 50 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 140 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_about_c01 {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c01 {
    padding-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_about_c01 {
    padding-bottom: 140px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c01 {
    padding-bottom: calc(var(--vw) * 140 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c01 {
    padding-top: calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c01 {
    padding-bottom: calc(var(--vw) * 60 / 375 * 100);
  }
}

.about_subttl {
  text-align: center;
  margin-bottom: calc(var(--vw) * 85 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .about_subttl {
    margin-bottom: 85px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_subttl {
    margin-bottom: calc(var(--vw) * 85 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_subttl {
    margin-bottom: calc(var(--vw) * 45 / 375 * 100);
  }
}
.about_subttl .img {
  display: inline-block;
  margin-bottom: calc(var(--vw) * 27 / 1240 * 100);
  width: calc(var(--vw) * 105 / 1240 * 100);
  max-width: 105px;
}
@media screen and (min-width: 1240px) {
  .about_subttl .img {
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_subttl .img {
    margin-bottom: calc(var(--vw) * 27 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_subttl .img {
    width: calc(var(--vw) * 105 / 375 * 100);
  }
}
.about_subttl .txt {
  letter-spacing: 0.08em;
  display: table;
  margin: 0 auto;
  color: #5B3427;
  font-weight: 600;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
  position: relative;
}
@media screen and (min-width: 1240px) {
  .about_subttl .txt {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_subttl .txt {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_subttl .txt {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
.about_subttl .txt:after {
  background: radial-gradient(circle farthest-side, #AA8066, #AA8066 40%, transparent 40%, transparent);
  background-size: 10px;
  content: "";
  display: inline-block;
  height: 10px;
  width: 100%;
  position: absolute;
  bottom: calc(var(--vw) * -20 / 1240 * 100);
  left: 0;
}
@media screen and (min-width: 1240px) {
  .about_subttl .txt:after {
    bottom: -20px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_subttl .txt:after {
    bottom: calc(var(--vw) * -20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_subttl .txt:after {
    bottom: calc(var(--vw) * -10 / 375 * 100);
  }
}

.about_c01_wrap {
  padding-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .about_c01_wrap {
    padding-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_c01_wrap {
    padding-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
.about_c01_wrap:first-of-type {
  padding-top: calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .about_c01_wrap:first-of-type {
    padding-top: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_c01_wrap:first-of-type {
    padding-top: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_c01_wrap:first-of-type {
    padding-top: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_c01_wrap {
    padding-top: calc(var(--vw) * 45 / 375 * 100);
  }
}

.about_flex01 {
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .about_flex01 {
    justify-content: flex-start;
    flex-direction: column;
    align-items: baseline;
  }
}
.about_flex01 > div {
  width: 47%;
}
@media screen and (max-width: 767.98px) {
  .about_flex01 > div {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
.about_flex01 > div:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767.98px) {
  .about_flex01 > div {
    width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex01 > div.img {
    order: 2;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex01 > div.txt {
    display: contents;
  }
}
.about_flex01 > div.txt .t01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  order: 1;
}
@media screen and (min-width: 1240px) {
  .about_flex01 > div.txt .t01 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex01 > div.txt .t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex01 > div.txt .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex01 > div.txt .t01 {
    margin-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex01 > div.txt .t01 {
    width: 100%;
    text-align: center;
  }
}
.about_flex01 > div.txt .t02 {
  line-height: 1.7;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-top: 1em;
  order: 3;
}
@media screen and (min-width: 1240px) {
  .about_flex01 > div.txt .t02 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex01 > div.txt .t02 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex01 > div.txt .t02 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex01 > div.txt .t02 {
    width: 100%;
  }
}
.about_flex01 > div.txt .t03 {
  text-align: right;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  margin-top: 1em;
  order: 4;
}
@media screen and (min-width: 1240px) {
  .about_flex01 > div.txt .t03 {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex01 > div.txt .t03 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex01 > div.txt .t03 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex01 > div.txt .t03 {
    width: 100%;
  }
}

.about_flex02 {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(var(--vw) * 50 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .about_flex02 {
    gap: 50px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 {
    gap: calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 {
    gap: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 {
    justify-content: flex-start;
    flex-direction: column;
    align-items: baseline;
  }
}
.about_flex02 > div {
  width: 47%;
}
@media screen and (max-width: 767.98px) {
  .about_flex02 > div {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
.about_flex02 > div:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767.98px) {
  .about_flex02 > div {
    width: 100%;
  }
}
.about_flex02 > div .t01 {
  text-align: center;
  margin-bottom: 0.7em;
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .about_flex02 > div .t01 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 > div .t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 > div .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 > div .t01 {
    text-align: center;
  }
}
.about_flex02 > div .t01.sameh {
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767.98px) {
  .about_flex02 > div .t01.sameh {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 > div .t01.sameh {
    height: auto;
    max-height: none;
  }
}
.about_flex02 > div .t02 {
  line-height: 1.7;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-top: 1em;
}
@media screen and (min-width: 1240px) {
  .about_flex02 > div .t02 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 > div .t02 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 > div .t02 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.about_flex02 .about_slider01_wrap {
  position: relative;
}
.about_flex02 .swiper-button-next {
  top: calc(var(--vw) * 200 / 1240 * 100);
  transform: rotateY(0);
  right: calc(var(--vw) * -25 / 1240 * 100);
  z-index: 10;
  width: calc(var(--vw) * 50 / 1240 * 100);
  max-width: 50px;
  height: calc(var(--vw) * 50 / 1240 * 100);
  max-height: 50px;
}
@media screen and (min-width: 1240px) {
  .about_flex02 .swiper-button-next {
    top: 200px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 .swiper-button-next {
    top: calc(var(--vw) * 200 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 .swiper-button-next {
    top: calc(var(--vw) * 110 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .about_flex02 .swiper-button-next {
    right: -25px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 .swiper-button-next {
    right: calc(var(--vw) * -25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 .swiper-button-next {
    right: calc(var(--vw) * -15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 .swiper-button-next {
    width: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 .swiper-button-next {
    height: calc(var(--vw) * 50 / 375 * 100);
  }
}
.about_flex02 .swiper-button-next:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/common/slide_next.png) 0 0/cover no-repeat;
}
.about_flex02 .swiper-button-prev {
  top: calc(var(--vw) * 200 / 1240 * 100);
  transform: rotateY(0);
  left: calc(var(--vw) * -25 / 1240 * 100);
  z-index: 10;
  width: calc(var(--vw) * 50 / 1240 * 100);
  max-width: 50px;
  height: calc(var(--vw) * 50 / 1240 * 100);
  max-height: 50px;
}
@media screen and (min-width: 1240px) {
  .about_flex02 .swiper-button-prev {
    top: 200px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 .swiper-button-prev {
    top: calc(var(--vw) * 200 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 .swiper-button-prev {
    top: calc(var(--vw) * 110 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .about_flex02 .swiper-button-prev {
    left: -25px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 .swiper-button-prev {
    left: calc(var(--vw) * -25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 .swiper-button-prev {
    left: calc(var(--vw) * -15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 .swiper-button-prev {
    width: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex02 .swiper-button-prev {
    height: calc(var(--vw) * 50 / 375 * 100);
  }
}
.about_flex02 .swiper-button-prev:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/common/slide_prev.png) 0 0/cover no-repeat;
}

.about_flex03 {
  padding-top: calc(var(--vw) * 20 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0 4%;
}
@media screen and (min-width: 1240px) {
  .about_flex03 {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex03 {
    padding-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex03 {
    align-items: baseline;
    justify-content: space-between;
  }
}
.about_flex03 > div {
  width: 44%;
}
.about_flex03 > div:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767.98px) {
  .about_flex03 > div {
    width: 46%;
  }
}
.about_flex03 > div .t01 {
  position: relative;
  text-align: center;
  margin-bottom: 0.7em;
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .about_flex03 > div .t01 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex03 > div .t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex03 > div .t01 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex03 > div .t01 {
    text-align: center;
  }
}
.about_flex03 > div .t01 .t_name {
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .about_flex03 > div .t01 .t_name {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex03 > div .t01 .t_name {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex03 > div .t01 .t_name {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
.about_flex03 > div .t01 .t_new {
  position: absolute;
  top: -2em;
  left: 50%;
  transform: translateX(-50%);
  display: table;
  font-size: calc(var(--vw) * 15 / 1240 * 100);
  padding: 0.1em 0.8em;
  border-radius: calc(var(--vw) * 13 / 1240 * 100) calc(var(--vw) * 13 / 1240 * 100) calc(var(--vw) * 13 / 1240 * 100) calc(var(--vw) * 13 / 1240 * 100);
  background: #F1BE48;
  color: #fff;
}
@media screen and (min-width: 1240px) {
  .about_flex03 > div .t01 .t_new {
    font-size: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex03 > div .t01 .t_new {
    font-size: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex03 > div .t01 .t_new {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .about_flex03 > div .t01 .t_new {
    border-radius: 13px 13px 13px 13px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex03 > div .t01 .t_new {
    border-radius: calc(var(--vw) * 13 / 375 * 100) calc(var(--vw) * 13 / 375 * 100) calc(var(--vw) * 13 / 375 * 100) calc(var(--vw) * 13 / 375 * 100);
  }
}
.about_flex03 > div .t01.sameh {
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767.98px) {
  .about_flex03 > div .t01.sameh {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex03 > div .t01.sameh {
    height: auto;
    max-height: none;
  }
}
.about_flex03 > div .t02 {
  line-height: 1.7;
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-top: 0.2em;
}
@media screen and (min-width: 1240px) {
  .about_flex03 > div .t02 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex03 > div .t02 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_flex03 > div .t02 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.about_flex03 .about_slider01_wrap {
  position: relative;
}

.about_slider02_wrap {
  position: relative;
}
.about_slider02_wrap .swiper-button-next, .about_slider02_wrap .swiper-button-prev {
  display: none;
}
@media screen and (max-width: 767.98px) {
  .about_slider02_wrap .swiper-button-next, .about_slider02_wrap .swiper-button-prev {
    display: block;
  }
}
.about_slider02_wrap .swiper-button-next {
  top: auto;
  transform: rotateY(0);
  z-index: 1;
  width: calc(var(--vw) * 29 / 1240 * 100);
  max-width: 29px;
  height: calc(var(--vw) * 29 / 1240 * 100);
  max-height: 29px;
}
@media screen and (max-width: 767.98px) {
  .about_slider02_wrap .swiper-button-next {
    bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_slider02_wrap .swiper-button-next {
    right: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_slider02_wrap .swiper-button-next {
    width: calc(var(--vw) * 29 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_slider02_wrap .swiper-button-next {
    height: calc(var(--vw) * 29 / 375 * 100);
  }
}
.about_slider02_wrap .swiper-button-next:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/common/slide_next.png) 0 0/cover no-repeat;
}
.about_slider02_wrap .swiper-button-prev {
  top: auto;
  transform: rotateY(0);
  z-index: 1;
  width: calc(var(--vw) * 29 / 1240 * 100);
  max-width: 29px;
  height: calc(var(--vw) * 29 / 1240 * 100);
  max-height: 29px;
}
@media screen and (max-width: 767.98px) {
  .about_slider02_wrap .swiper-button-prev {
    bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_slider02_wrap .swiper-button-prev {
    left: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_slider02_wrap .swiper-button-prev {
    width: calc(var(--vw) * 29 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_slider02_wrap .swiper-button-prev {
    height: calc(var(--vw) * 29 / 375 * 100);
  }
}
.about_slider02_wrap .swiper-button-prev:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/common/slide_prev.png) 0 0/cover no-repeat;
}
.about_slider02_wrap .swiper-pagination {
  display: none;
  position: static;
}
@media screen and (max-width: 767.98px) {
  .about_slider02_wrap .swiper-pagination {
    display: block;
  }
}
@media screen and (max-width: 767.98px) {
  .about_slider02_wrap .swiper-pagination {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
.about_slider02_wrap.about_slider02_01_wrap .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
}
@media screen and (max-width: 767.98px) {
  .about_slider02_wrap.about_slider02_01_wrap .swiper-pagination .swiper-pagination-bullet {
    width: calc(var(--vw) * 10 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .about_slider02_wrap.about_slider02_01_wrap .swiper-pagination .swiper-pagination-bullet {
    height: calc(var(--vw) * 10 / 375 * 100);
    max-height: 100%;
  }
}
.about_slider02_wrap.about_slider02_01_wrap .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
  background: #000;
}
.about_slider02_wrap.about_slider02_01_wrap .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
  background: #fff;
  border: 1px solid #000;
}
.about_slider02_wrap.about_slider02_01_wrap .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
  background: #E6431E;
}
.about_slider02_wrap.about_slider02_01_wrap .swiper-pagination .swiper-pagination-bullet-active {
  border: 2px solid #F1BE48 !important;
}
.about_slider02_wrap.about_slider02_02_wrap .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
}
@media screen and (max-width: 767.98px) {
  .about_slider02_wrap.about_slider02_02_wrap .swiper-pagination .swiper-pagination-bullet {
    width: calc(var(--vw) * 10 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .about_slider02_wrap.about_slider02_02_wrap .swiper-pagination .swiper-pagination-bullet {
    height: calc(var(--vw) * 10 / 375 * 100);
    max-height: 100%;
  }
}
.about_slider02_wrap.about_slider02_02_wrap .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
  background: #000;
}
.about_slider02_wrap.about_slider02_02_wrap .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
  background: #fff;
  border: 1px solid #000;
}
.about_slider02_wrap.about_slider02_02_wrap .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
  background: #E7CEB5;
}
.about_slider02_wrap.about_slider02_02_wrap .swiper-pagination .swiper-pagination-bullet-active {
  border: 2px solid #F1BE48 !important;
}

.about_slider02 .swiper-slide {
  width: 33%;
  text-align: center;
}
.about_slider02 .swiper-slide .slide_img img {
  width: auto;
  height: calc(var(--vw) * 196 / 1240 * 100);
  max-height: 196px;
}
@media screen and (max-width: 767.98px) {
  .about_slider02 .swiper-slide .slide_img img {
    height: calc(var(--vw) * 196 / 375 * 100);
  }
}

.about_int_box {
  margin: 0 calc(50% - var(--vw) * 50);
  padding-left: 0;
  padding-right: 0;
  margin-top: calc(var(--vw) * 140 / 1240 * 100);
  background: url(../img/front/about/about_bg01.png) center center/cover no-repeat;
}
@media screen and (min-width: 1240px) {
  .about_int_box {
    margin-top: 140px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_int_box {
    margin-top: calc(var(--vw) * 140 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_int_box {
    margin-top: calc(var(--vw) * 85 / 375 * 100);
  }
}
.about_int_box .inner {
  position: relative;
  padding-top: calc(var(--vw) * 40 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 40 / 1240 * 100);
  padding-left: calc(var(--vw) * 10 / 1240 * 100);
  padding-right: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .about_int_box .inner {
    padding-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_int_box .inner {
    padding-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .about_int_box .inner {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_int_box .inner {
    padding-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .about_int_box .inner {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_int_box .inner {
    padding-left: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .about_int_box .inner {
    padding-right: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_int_box .inner {
    padding-right: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_int_box .inner {
    padding-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_int_box .inner {
    padding-right: calc(var(--vw) * 20 / 375 * 100);
  }
}
.about_int_box .circle {
  letter-spacing: 0.05em;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #AA8066;
  width: calc(var(--vw) * 286 / 1240 * 100);
  max-width: 286px;
  height: calc(var(--vw) * 286 / 1240 * 100);
  max-height: 286px;
  font-weight: 600;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
  position: absolute;
  top: calc(var(--vw) * -36 / 1240 * 100);
  left: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .about_int_box .circle {
    width: calc(var(--vw) * 286 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_int_box .circle {
    height: calc(var(--vw) * 286 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_int_box .circle {
    width: calc(var(--vw) * 160 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .about_int_box .circle {
    height: calc(var(--vw) * 160 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .about_int_box .circle {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_int_box .circle {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_int_box .circle {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .about_int_box .circle {
    top: -36px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_int_box .circle {
    top: calc(var(--vw) * -36 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .about_int_box .circle {
    left: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .about_int_box .circle {
    left: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_int_box .circle {
    top: calc(var(--vw) * -40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .about_int_box .circle {
    left: calc(var(--vw) * 10 / 375 * 100);
  }
}

section.frt_about_c02 {
  padding-top: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_about_c02 {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c02 {
    padding-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c02 {
    padding-top: calc(var(--vw) * 0 / 375 * 100);
  }
}

section.frt_about_c03 {
  padding-top: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_about_c03 {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c03 {
    padding-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c03 {
    padding-top: calc(var(--vw) * 0 / 375 * 100);
  }
}

section.frt_about_c04 {
  padding-left: 0;
  padding-right: 0;
  margin-top: calc(var(--vw) * 200 / 1240 * 100);
  padding-top: calc(var(--vw) * 90 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 100 / 1240 * 100);
  color: #3B2B2F;
}
@media screen and (min-width: 1240px) {
  section.frt_about_c04 {
    margin-top: 200px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 {
    margin-top: calc(var(--vw) * 200 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 {
    margin-top: calc(var(--vw) * 80 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_about_c04 {
    padding-top: 90px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 {
    padding-top: calc(var(--vw) * 90 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_about_c04 {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 {
    padding-bottom: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 {
    padding-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 {
    padding-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
section.frt_about_c04 .inner {
  padding-right: calc(var(--vw) * 10 / 1240 * 100);
  padding-left: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_about_c04 .inner {
    padding-right: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .inner {
    padding-right: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_about_c04 .inner {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .inner {
    padding-left: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .inner {
    padding-right: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .inner {
    padding-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.frt_about_c04 .hr {
  border: 0;
  width: 100%;
  height: calc(var(--vw) * 13.8888888889);
  background: url(../img/front/about/arrow.svg) 0 0/cover no-repeat;
  margin-bottom: calc(var(--vw) * 35 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .hr {
    height: calc(var(--vw) * 73 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .hr {
    background: url(../img/front/about/arrow_sp.svg) 0 0/cover no-repeat;
  }
}
@media screen and (min-width: 1240px) {
  section.frt_about_c04 .hr {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .hr {
    margin-bottom: calc(var(--vw) * 35 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .hr {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .hr {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.frt_about_c04 .img01 {
  width: calc(var(--vw) * 640 / 1240 * 100);
  max-width: 640px;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .img01 {
    width: calc(var(--vw) * 640 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .img01 {
    width: 100%;
    max-width: none;
  }
}
section.frt_about_c04 .bottom_txt {
  text-align: center;
  padding-top: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_about_c04 .bottom_txt {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .bottom_txt {
    padding-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .bottom_txt {
    padding-top: calc(var(--vw) * 0 / 375 * 100);
  }
}
section.frt_about_c04 .bottom_txt .t01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_about_c04 .bottom_txt .t01 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .bottom_txt .t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .bottom_txt .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
section.frt_about_c04 .bottom_txt .t02 {
  margin-top: 1em;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_about_c04 .bottom_txt .t02 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .bottom_txt .t02 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .bottom_txt .t02 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c04 .bottom_txt .t02 {
    text-align: left;
    text-align: justify;
  }
}

section.frt_about_c05 {
  padding-top: calc(var(--vw) * 100 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.frt_about_c05 {
    padding-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c05 {
    padding-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.frt_about_c05 {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c05 {
    padding-bottom: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c05 {
    padding-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.frt_about_c05 {
    padding-bottom: calc(var(--vw) * 60 / 375 * 100);
  }
}

.frt_shop_c01_sec {
  padding-top: calc(var(--vw) * 40 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 70 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec {
    padding-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec {
    padding-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec {
    padding-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec {
    padding-bottom: calc(var(--vw) * 70 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec {
    padding-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
.frt_shop_c01_sec .shop_c01_flex {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1vw 1vw;
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .shop_c01_flex {
    gap: 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_flex {
    gap: 2vw 2vw;
  }
}
.frt_shop_c01_sec .shop_c01_btn {
  position: relative;
  width: calc(20% - 1vw);
  display: table;
  background: #F4E7DB;
  border: 1px solid #AA8066;
  border-radius: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
  text-align: center;
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  transition: opacity 0.4s;
  opacity: 1;
  color: #5B3427;
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .shop_c01_btn {
    width: calc(20% - 20px);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_btn {
    width: calc(50% - 1vw);
  }
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .shop_c01_btn {
    border-radius: 30px 30px 30px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_btn {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .shop_c01_btn {
    padding: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_btn {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_btn {
    padding: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 12 / 375 * 100);
  }
}
.frt_shop_c01_sec .shop_c01_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .shop_c01_btn {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_btn {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_btn {
    font-size: calc(var(--vw) * 11 / 375 * 100);
  }
}
.frt_shop_c01_sec .shop_c01_btn:after {
  content: "";
  display: inline-block;
  width: calc(var(--vw) * 8 / 1240 * 100);
  max-width: 8px;
  height: calc(var(--vw) * 8 / 1240 * 100);
  max-height: 8px;
  border-top: 1px solid #5B3427;
  border-left: 1px solid #5B3427;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-135deg);
  right: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_btn:after {
    width: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_btn:after {
    height: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .shop_c01_btn:after {
    right: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_btn:after {
    right: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_btn:after {
    right: calc(var(--vw) * 15 / 375 * 100);
  }
}
.frt_shop_c01_sec .shop_c01_box {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .shop_c01_box {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
.frt_shop_c01_sec .shop_c01_box .shop_c01_box_group {
  margin-top: calc(var(--vw) * 70 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .shop_c01_box .shop_c01_box_group {
    margin-top: 70px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop_c01_box_group {
    margin-top: calc(var(--vw) * 70 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop_c01_box_group {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
.frt_shop_c01_sec .shop_c01_box .shop_c01_box_group:first-child {
  margin-top: 0;
}
.frt_shop_c01_sec .shop_c01_box .shop__tbl {
  width: 100%;
  margin-top: calc(var(--vw) * 30 / 1240 * 100);
  border-top: 1px solid #E8E8E8;
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl {
    display: block;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl tbody {
    display: block;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl tr {
    display: block;
  }
}
.frt_shop_c01_sec .shop_c01_box .shop__tbl th, .frt_shop_c01_sec .shop_c01_box .shop__tbl td {
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  border-bottom: 1px solid #E8E8E8;
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl th, .frt_shop_c01_sec .shop_c01_box .shop__tbl td {
    padding: 20px 0px 20px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl th, .frt_shop_c01_sec .shop_c01_box .shop__tbl td {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl th, .frt_shop_c01_sec .shop_c01_box .shop__tbl td {
    padding: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl th, .frt_shop_c01_sec .shop_c01_box .shop__tbl td {
    display: block;
    width: 100%;
  }
}
.frt_shop_c01_sec .shop_c01_box .shop__tbl .shop__name {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  width: 31%;
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl .shop__name {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl .shop__name {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl .shop__name {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl .shop__name {
    padding-top: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl .shop__name {
    width: 100%;
    border-bottom: 0;
  }
}
.frt_shop_c01_sec .shop_c01_box .shop__tbl .shop__floor {
  width: 18%;
}
.frt_shop_c01_sec .shop_c01_box .shop__tbl .shop__floor span {
  display: inline-block;
  padding: 0.3em 1em;
  border: 1px solid #5B3427;
  color: #5B3427;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl .shop__floor span {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl .shop__floor span {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl .shop__floor {
    width: 100%;
    border-bottom: 0;
    margin-top: 0.8em;
  }
}
.frt_shop_c01_sec .shop_c01_box .shop__tbl .shop__acess {
  width: 35%;
  padding-right: 2%;
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl .shop__acess {
    width: 100%;
    border-bottom: 0;
    padding-right: 0;
    margin-top: 0.8em;
  }
}
.frt_shop_c01_sec .shop_c01_box .shop__tbl .shop__tel {
  width: 13%;
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl .shop__tel {
    padding-bottom: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_c01_box .shop__tbl .shop__tel {
    width: 100%;
    margin-top: 0.8em;
  }
}
.frt_shop_c01_sec .subttl01 {
  margin-top: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .subttl01 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .subttl01 {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .subttl01 {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
.frt_shop_c01_sec .subttl01:first-of-type {
  margin-top: 0;
}
.frt_shop_c01_sec .shop_col__nav {
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  margin-top: calc(var(--vw) * 30 / 1240 * 100);
  margin-bottom: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .shop_col__nav {
    gap: 10px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_col__nav {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .shop_col__nav {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_col__nav {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_col__nav {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .shop_col__nav {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_col__nav {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_col__nav {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
.frt_shop_c01_sec .shop_col__nav li {
  position: relative;
  padding-left: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .shop_col__nav li {
    padding-left: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_col__nav li {
    padding-left: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_shop_c01_sec .shop_col__nav li {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_col__nav li {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_col__nav li {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.frt_shop_c01_sec .shop_col__nav li:before {
  content: "";
  display: inline-block;
  width: calc(var(--vw) * 8 / 1240 * 100);
  max-width: 8px;
  height: calc(var(--vw) * 8 / 1240 * 100);
  max-height: 8px;
  border-top: 2px solid #5B3427;
  border-left: 2px solid #5B3427;
  transform: translateY(-50%) rotate(-135deg);
  position: absolute;
  top: 40%;
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_col__nav li:before {
    width: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_shop_c01_sec .shop_col__nav li:before {
    height: calc(var(--vw) * 8 / 375 * 100);
  }
}

.frt_event_c01_sec {
  padding-top: calc(var(--vw) * 80 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_event_c01_sec {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec {
    padding-top: calc(var(--vw) * 80 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec {
    padding-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
.frt_event_c01_sec .map_wrap {
  margin-top: calc(var(--vw) * 60 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (min-width: 1240px) {
  .frt_event_c01_sec .map_wrap {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec .map_wrap {
    margin-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec .map_wrap {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
.frt_event_c01_sec .map-area {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--vw) * 180 / 1240 * 100);
  height: auto;
  width: 60%;
}
@media screen and (min-width: 1240px) {
  .frt_event_c01_sec .map-area {
    top: 180px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec .map-area {
    top: calc(var(--vw) * 180 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec .map-area {
    top: calc(var(--vw) * 120 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec .map-area {
    width: 50%;
  }
}
.frt_event_c01_sec .map-area #map {
  width: 100%;
  height: 400px;
  background-color: grey;
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec .map-area #map {
    height: calc(var(--vw) * 170 / 375 * 100);
    max-height: 100%;
  }
}
.frt_event_c01_sec .map_info {
  width: 38%;
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec .map_info {
    width: 48%;
  }
}
.frt_event_c01_sec .map_info .info_section {
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_event_c01_sec .map_info .info_section {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec .map_info .info_section {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
.frt_event_c01_sec .map_info .info_section .info_subttl {
  margin-bottom: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_event_c01_sec .map_info .info_section .info_subttl {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec .map_info .info_section .info_subttl {
    margin-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec .map_info .info_section .info_subttl {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec .map_info .info_section .info_subttl {
    padding: 0.5em 0.5em;
  }
}
.frt_event_c01_sec .map_info .info_section .info_list li {
  cursor: pointer;
  padding: 1em;
  background: #fff;
}
.frt_event_c01_sec .map_info .info_section .info_list li.active {
  background: #5B3427;
  color: #fff;
}
.frt_event_c01_sec .map_info .info_section .info_list li .info_item_place {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-bottom: 0.4em;
}
@media screen and (min-width: 1240px) {
  .frt_event_c01_sec .map_info .info_section .info_list li .info_item_place {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec .map_info .info_section .info_list li .info_item_place {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec .map_info .info_section .info_list li .info_item_place {
    font-size: calc(var(--vw) * 11 / 375 * 100);
  }
}
.frt_event_c01_sec .map_info .info_section .info_list li .info_item_address {
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  padding-left: 6em;
  line-height: 1.5;
}
@media screen and (min-width: 1240px) {
  .frt_event_c01_sec .map_info .info_section .info_list li .info_item_address {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec .map_info .info_section .info_list li .info_item_address {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec .map_info .info_section .info_list li .info_item_address {
    font-size: calc(var(--vw) * 9 / 375 * 100);
  }
}
.frt_event_c01_sec .map_info .info_section .info_list li .info_item_address:before {
  content: "住所";
  display: inline-block;
  width: 5em;
  border-right: 1px solid #9b9b9b;
  margin-right: 1em;
  margin-left: -6em;
}
.frt_event_c01_sec .map_info .info_section .info_list li .info_item_date {
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  padding-left: 6em;
  line-height: 1.5;
}
@media screen and (min-width: 1240px) {
  .frt_event_c01_sec .map_info .info_section .info_list li .info_item_date {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec .map_info .info_section .info_list li .info_item_date {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_event_c01_sec .map_info .info_section .info_list li .info_item_date {
    font-size: calc(var(--vw) * 9 / 375 * 100);
  }
}
.frt_event_c01_sec .map_info .info_section .info_list li .info_item_date:before {
  content: "開催日時";
  display: inline-block;
  width: 5em;
  border-right: 1px solid #9b9b9b;
  margin-right: 1em;
  margin-left: -6em;
}

.guide_slider_wrap {
  position: relative;
}
.frt_life_anc {
  padding-left: 0;
  padding-right: 0;
}
.frt_life_anc .anc_list {
  display: -ms-flex;
  display: flex;
  justify-content: center;
  gap: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 5 / 1240 * 100);
  margin-top: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_life_anc .anc_list {
    gap: 0px 5px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 5 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 3 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_life_anc .anc_list {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list {
    justify-content: space-between;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list li {
    width: 100%;
  }
}
.frt_life_anc .anc_list li a {
  display: block;
  transition: opacity 0.4s;
  opacity: 1;
}
.frt_life_anc .anc_list li a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.frt_life_anc .anc_list li:nth-child(1) .img {
  background: url(../img/front/life/life_anc01.png) 0 0/cover no-repeat;
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list li:nth-child(1) .img {
    background: url(../img/front/life/life_anc01_sp.png) 0 0/cover no-repeat;
  }
}
.frt_life_anc .anc_list li:nth-child(2) .img {
  background: url(../img/front/life/life_anc02.png) 0 0/cover no-repeat;
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list li:nth-child(2) .img {
    background: url(../img/front/life/life_anc02_sp.png) 0 0/cover no-repeat;
  }
}
.frt_life_anc .anc_list li:nth-child(3) .img {
  background: url(../img/front/life/life_anc03.png) 0 0/cover no-repeat;
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list li:nth-child(3) .img {
    background: url(../img/front/life/life_anc03_sp.png) 0 0/cover no-repeat;
  }
}
.frt_life_anc .anc_list li .img {
  width: calc(var(--vw) * 250 / 1240 * 100);
  max-width: 250px;
  height: calc(var(--vw) * 100 / 1240 * 100);
  max-height: 100px;
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list li .img {
    width: calc(var(--vw) * 250 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list li .img {
    width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list li .img {
    height: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list li .img {
    height: calc(var(--vw) * 105 / 375 * 100);
    max-height: 100%;
  }
}
.frt_life_anc .anc_list li .txt {
  background: #AA8066;
  text-align: center;
  color: #fff;
  font-weight: 600;
  line-height: 1;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  position: relative;
  padding: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 5 / 1240 * 100) calc(var(--vw) * 22 / 1240 * 100) calc(var(--vw) * 5 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_life_anc .anc_list li .txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list li .txt {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list li .txt {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_life_anc .anc_list li .txt {
    padding: 10px 5px 22px 5px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list li .txt {
    padding: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 22 / 375 * 100) calc(var(--vw) * 5 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list li .txt {
    padding: calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 17 / 375 * 100) calc(var(--vw) * 2 / 375 * 100);
  }
}
.frt_life_anc .anc_list li .txt:after {
  content: "";
  width: calc(var(--vw) * 7 / 1240 * 100);
  max-width: 7px;
  height: calc(var(--vw) * 7 / 1240 * 100);
  max-height: 7px;
  display: inline-block;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: translateX(-50%) rotate(-135deg);
  position: absolute;
  left: 50%;
  bottom: 0.6em;
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list li .txt:after {
    width: calc(var(--vw) * 7 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_anc .anc_list li .txt:after {
    height: calc(var(--vw) * 7 / 375 * 100);
  }
}

.frt_life_c01 {
  padding-top: calc(var(--vw) * 260 / 1240 * 100);
  margin-top: calc(var(--vw) * -70 / 1240 * 100);
  background: url(../img/front/life/life_bg.svg) 0 0/25% auto repeat-y;
}
@media screen and (min-width: 1240px) {
  .frt_life_c01 {
    padding-top: 260px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c01 {
    padding-top: calc(var(--vw) * 260 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c01 {
    padding-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_life_c01 {
    margin-top: -70px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c01 {
    margin-top: calc(var(--vw) * -70 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c01 {
    margin-top: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_life_c01 {
    background: url(../img/front/life/life_bg.svg) 0 0/355px auto repeat-y;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c01 {
    background: url(../img/front/life/life_bg_sp.svg) 0 0/31% auto repeat-y;
  }
}

.life_box_wrap {
  margin-top: calc(var(--vw) * 200 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .life_box_wrap {
    margin-top: 200px;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap {
    margin-top: calc(var(--vw) * 200 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
.life_box_wrap:first-child {
  margin-top: 0;
}
.life_box_wrap:last-child .life_box > li:last-child {
  padding-bottom: calc(var(--vw) * 180 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .life_box_wrap:last-child .life_box > li:last-child {
    padding-bottom: 180px;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap:last-child .life_box > li:last-child {
    padding-bottom: calc(var(--vw) * 180 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap:last-child .life_box > li:last-child {
    padding-bottom: calc(var(--vw) * 130 / 375 * 100);
  }
}
.life_box_wrap .life_box_ttl {
  text-align: center;
  display: table;
  margin: 0 auto;
}
.life_box_wrap .life_box_ttl.family img {
  width: calc(var(--vw) * 148 / 1240 * 100);
  max-width: 148px;
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box_ttl.family img {
    width: calc(var(--vw) * 148 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box_ttl.family img {
    width: calc(var(--vw) * 100 / 375 * 100);
    max-width: 100%;
  }
}
.life_box_wrap .life_box_ttl span {
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  display: block;
  margin-top: 0.3em;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 1240px) {
  .life_box_wrap .life_box_ttl span {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box_ttl span {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box_ttl span {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.life_box_wrap .life_box {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .life_box_wrap .life_box {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
.life_box_wrap .life_box img {
  vertical-align: bottom;
}
.life_box_wrap .life_box > li {
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li {
    padding-left: calc(var(--vw) * 80 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li {
    padding-bottom: calc(var(--vw) * 80 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li {
    flex-direction: column;
  }
}
.life_box_wrap .life_box > li .life_img {
  padding-top: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .life_box_wrap .life_box > li .life_img {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_img {
    padding-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_img {
    padding-top: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_img {
    display: contents;
  }
}
.life_box_wrap .life_box > li .life_img .img_wrap {
  width: calc(var(--vw) * 500 / 1240 * 100);
  max-width: 500px;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_img .img_wrap {
    width: calc(var(--vw) * 500 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_img .img_wrap {
    width: 100%;
    max-width: none;
    order: 1;
  }
}
.life_box_wrap .life_box > li .life_img .badge {
  position: absolute;
  bottom: calc(var(--vw) * -60 / 1240 * 100);
  right: calc(var(--vw) * 0 / 1240 * 100);
  display: -ms-flex;
  display: flex;
}
@media screen and (min-width: 1240px) {
  .life_box_wrap .life_box > li .life_img .badge {
    bottom: -60px;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_img .badge {
    bottom: calc(var(--vw) * -60 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .life_box_wrap .life_box > li .life_img .badge {
    right: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_img .badge {
    right: calc(var(--vw) * 0 / 375 * 100);
  }
}
.life_box_wrap .life_box > li:last-child .life_clock:after {
  content: none;
}
.life_box_wrap .life_box > li .life_clock {
  width: calc(var(--vw) * 80 / 1240 * 100);
  max-width: 80px;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_clock {
    width: calc(var(--vw) * 80 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_clock {
    width: calc(var(--vw) * 80 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_clock {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}
.life_box_wrap .life_box > li .life_clock:after {
  content: "";
  display: inline-block;
  margin-top: 1em;
  flex: 1;
  width: 0.8em;
  background-color: transparent;
  background-image: radial-gradient(circle, #AA8066 3px, transparent 3px);
  background-repeat: space repeat;
  background-size: 0.8em 1.2em;
}
.life_box_wrap .life_box > li .life_txt {
  width: calc(var(--vw) * 520 / 1240 * 100);
  max-width: 520px;
  padding-top: calc(var(--vw) * 50 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt {
    width: calc(var(--vw) * 520 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt {
    width: 100%;
    max-width: none;
  }
}
@media screen and (min-width: 1240px) {
  .life_box_wrap .life_box > li .life_txt {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt {
    padding-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt {
    padding-top: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .life_box_wrap .life_box > li .life_txt {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt {
    padding-bottom: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt {
    padding-bottom: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt {
    display: contents;
  }
}
.life_box_wrap .life_box > li .life_txt .box_ttl {
  letter-spacing: 0.08em;
  font-weight: 600;
  font-size: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .life_box_wrap .life_box > li .life_txt .box_ttl {
    font-size: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .box_ttl {
    font-size: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .box_ttl {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .box_ttl {
    padding-top: calc(var(--vw) * 6 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .box_ttl {
    padding-left: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .box_ttl {
    padding-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .box_ttl {
    order: 0;
  }
}
.life_box_wrap .life_box > li .life_txt .person {
  margin-top: 0.2rem;
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .person {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .person {
    order: 2;
  }
}
.life_box_wrap .life_box > li .life_txt .person img.family_person01 {
  width: calc(var(--vw) * 69 / 1240 * 100);
  max-width: 69px;
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .person img.family_person01 {
    width: calc(var(--vw) * 69 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .person img.family_person01 {
    width: calc(var(--vw) * 53 / 375 * 100);
    max-width: 100%;
  }
}
.life_box_wrap .life_box > li .life_txt .person img.family_person02 {
  width: calc(var(--vw) * 75 / 1240 * 100);
  max-width: 75px;
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .person img.family_person02 {
    width: calc(var(--vw) * 75 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .person img.family_person02 {
    width: calc(var(--vw) * 56 / 375 * 100);
    max-width: 100%;
  }
}
.life_box_wrap .life_box > li .life_txt .person img.partner_person01 {
  width: calc(var(--vw) * 76 / 1240 * 100);
  max-width: 76px;
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .person img.partner_person01 {
    width: calc(var(--vw) * 76 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .person img.partner_person01 {
    width: calc(var(--vw) * 57 / 375 * 100);
    max-width: 100%;
  }
}
.life_box_wrap .life_box > li .life_txt .person img.partner_person02 {
  width: calc(var(--vw) * 72 / 1240 * 100);
  max-width: 72px;
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .person img.partner_person02 {
    width: calc(var(--vw) * 72 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .person img.partner_person02 {
    width: calc(var(--vw) * 55 / 375 * 100);
    max-width: 100%;
  }
}
.life_box_wrap .life_box > li .life_txt .person img.partner_person03 {
  width: calc(var(--vw) * 146 / 1240 * 100);
  max-width: 146px;
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .person img.partner_person03 {
    width: calc(var(--vw) * 146 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .person img.partner_person03 {
    width: calc(var(--vw) * 111 / 375 * 100);
    max-width: 100%;
  }
}
.life_box_wrap .life_box > li .life_txt .kakko {
  margin-top: calc(var(--vw) * 40 / 1240 * 100);
  position: relative;
}
@media screen and (min-width: 1240px) {
  .life_box_wrap .life_box > li .life_txt .kakko {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .kakko {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .kakko {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .kakko {
    order: 3;
  }
}
.life_box_wrap .life_box > li .life_txt .kakko:before {
  content: "";
  display: inline-block;
  background: url(../img/front/life/life_kakko.svg) 0 0/contain no-repeat;
  width: calc(var(--vw) * 30 / 1240 * 100);
  max-width: 30px;
  height: calc(var(--vw) * 13 / 1240 * 100);
  max-height: 13px;
  position: absolute;
  top: -1.5em;
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .kakko:before {
    width: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .kakko:before {
    height: calc(var(--vw) * 13 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .kakko:before {
    width: calc(var(--vw) * 25 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .kakko:before {
    height: calc(var(--vw) * 11 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .kakko:before {
    left: -1em;
  }
}
.life_box_wrap .life_box > li .life_txt .kakko:after {
  content: "";
  display: inline-block;
  background: url(../img/front/life/life_kakko.svg) 0 0/contain no-repeat;
  width: calc(var(--vw) * 30 / 1240 * 100);
  max-width: 30px;
  height: calc(var(--vw) * 13 / 1240 * 100);
  max-height: 13px;
  position: absolute;
  bottom: -1.5em;
  right: 0;
  transform: rotate(180deg);
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .kakko:after {
    width: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .kakko:after {
    height: calc(var(--vw) * 13 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .kakko:after {
    width: calc(var(--vw) * 25 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .kakko:after {
    height: calc(var(--vw) * 11 / 375 * 100);
    max-height: 100%;
  }
}
.life_box_wrap .life_box > li .life_txt .kakko p {
  line-height: 1.7;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-top: 1em;
}
@media screen and (min-width: 1240px) {
  .life_box_wrap .life_box > li .life_txt .kakko p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .kakko p {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .kakko p {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.life_box_wrap .life_box > li .life_txt .kakko p:first-of-type {
  margin-top: 0;
}
.life_box_wrap .life_box > li .life_txt .kakko p span {
  font-size: 0.8em;
}
.life_box_wrap .life_box > li .life_txt .txtphoto {
  width: calc(var(--vw) * 400 / 1240 * 100);
  max-width: 400px;
  margin-top: calc(var(--vw) * 30 / 1240 * 100);
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .txtphoto {
    width: calc(var(--vw) * 400 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .txtphoto {
    width: calc(var(--vw) * 255 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .life_box_wrap .life_box > li .life_txt .txtphoto {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .txtphoto {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .txtphoto {
    margin-top: calc(var(--vw) * 22 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .txtphoto {
    order: 4;
  }
}
.life_box_wrap .life_box > li .life_txt .txtphoto .badge {
  position: absolute;
  top: calc(var(--vw) * 30 / 1240 * 100);
  right: calc(var(--vw) * 0 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  z-index: 1;
}
@media screen and (min-width: 1240px) {
  .life_box_wrap .life_box > li .life_txt .txtphoto .badge {
    top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .txtphoto .badge {
    top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .life_box_wrap .life_box > li .life_txt .txtphoto .badge {
    right: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box > li .life_txt .txtphoto .badge {
    right: calc(var(--vw) * 0 / 375 * 100);
  }
}
.life_box_wrap .life_box .badge {
  gap: 0.5rem;
}
.life_box_wrap .life_box .badge li {
  width: calc(var(--vw) * 120 / 1240 * 100);
  max-width: 120px;
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box .badge li {
    width: calc(var(--vw) * 120 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .life_box_wrap .life_box .badge li {
    width: calc(var(--vw) * 80 / 375 * 100);
    max-width: 100%;
  }
}

.frt_life_c02 {
  padding: calc(var(--vw) * 90 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 110 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_life_c02 {
    padding: 90px 10px 110px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c02 {
    padding: calc(var(--vw) * 90 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 110 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c02 {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.frt_life_c02 .voice_slider_wrap {
  pointer-events: none;
  position: relative;
  margin-top: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_life_c02 .voice_slider_wrap {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c02 .voice_slider_wrap {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c02 .voice_slider_wrap {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c02 .voice_slider_wrap {
    overflow-x: hidden;
  }
}
.frt_life_c02 .voice_slider_wrap .swiper-wrapper {
  transition-timing-function: linear !important;
}
.frt_life_c02 .voice_slider_wrap .swiper-button-next, .frt_life_c02 .voice_slider_wrap .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(var(--vw) * 40 / 1240 * 100);
  max-width: 40px;
  height: calc(var(--vw) * 40 / 1240 * 100);
  max-height: 40px;
  margin-top: 0;
}
@media screen and (max-width: 767.98px) {
  .frt_life_c02 .voice_slider_wrap .swiper-button-next, .frt_life_c02 .voice_slider_wrap .swiper-button-prev {
    width: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c02 .voice_slider_wrap .swiper-button-next, .frt_life_c02 .voice_slider_wrap .swiper-button-prev {
    height: calc(var(--vw) * 40 / 375 * 100);
  }
}
.frt_life_c02 .voice_slider_wrap .swiper-button-next {
  right: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_life_c02 .voice_slider_wrap .swiper-button-next {
    right: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c02 .voice_slider_wrap .swiper-button-next {
    right: calc(var(--vw) * 10 / 375 * 100);
  }
}
.frt_life_c02 .voice_slider_wrap .swiper-button-next:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/common/slide_next.png) 0 0/cover no-repeat;
}
.frt_life_c02 .voice_slider_wrap .swiper-button-prev {
  left: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_life_c02 .voice_slider_wrap .swiper-button-prev {
    left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c02 .voice_slider_wrap .swiper-button-prev {
    left: calc(var(--vw) * 10 / 375 * 100);
  }
}
.frt_life_c02 .voice_slider_wrap .swiper-button-prev:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/common/slide_prev.png) 0 0/cover no-repeat;
}
.frt_life_c02 .inner {
  padding-left: calc(var(--vw) * 10 / 1240 * 100);
  padding-right: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .frt_life_c02 .inner {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c02 .inner {
    padding-left: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .frt_life_c02 .inner {
    padding-right: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c02 .inner {
    padding-right: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c02 .inner {
    padding-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c02 .inner {
    padding-right: calc(var(--vw) * 20 / 375 * 100);
  }
}
.frt_life_c02 .voice_img {
  margin-top: calc(var(--vw) * 50 / 1240 * 100);
  margin-left: auto;
  margin-right: auto;
  width: calc(var(--vw) * 576 / 1240 * 100);
  max-width: 576px;
}
@media screen and (min-width: 1240px) {
  .frt_life_c02 .voice_img {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c02 .voice_img {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c02 .voice_img {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c02 .voice_img {
    width: calc(var(--vw) * 576 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .frt_life_c02 .voice_img {
    width: 100%;
    max-width: none;
  }
}

.front_osusume {
  padding-left: calc(var(--vw) * 80 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .front_osusume {
    padding-left: 80px;
  }
}
@media screen and (max-width: 767.98px) {
  .front_osusume {
    padding-left: calc(var(--vw) * 80 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .front_osusume {
    padding-right: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .front_osusume {
    padding-left: calc(var(--vw) * 60 / 375 * 100);
  }
}
.front_osusume .block {
  background: #FFF;
  margin-top: calc(var(--vw) * 30 / 1240 * 100);
  border-radius: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
  padding: calc(var(--vw) * 50 / 1240 * 100) calc(var(--vw) * 50 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100) calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .front_osusume .block {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .front_osusume .block {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .front_osusume .block {
    border-radius: 30px 30px 30px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .front_osusume .block {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .front_osusume .block {
    padding: 50px 50px 60px 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .front_osusume .block {
    padding: calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 60 / 375 * 100) calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .front_osusume .block {
    margin-top: calc(var(--vw) * 20 / 1240 * 100);
    border-radius: calc(var(--vw) * 15 / 1240 * 100) calc(var(--vw) * 15 / 1240 * 100) calc(var(--vw) * 15 / 1240 * 100) calc(var(--vw) * 15 / 1240 * 100);
    padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  .front_osusume .block {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .front_osusume .block {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  .front_osusume .block {
    border-radius: 15px 15px 15px 15px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .front_osusume .block {
    border-radius: calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  .front_osusume .block {
    padding: 40px 20px 30px 20px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .front_osusume .block {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .front_osusume .block .about_flex01 {
    display: block;
  }
}
.front_osusume .block .frt_ttl04 {
  text-align: left;
}
@media screen and (max-width: 767.98px) {
  .front_osusume .block .frt_ttl04 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .front_osusume .block .frt_ttl04 {
    text-align: center;
  }
}

.front_osusume.mypage {
  padding-left: calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .front_osusume.mypage {
    padding-left: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .front_osusume.mypage {
    padding-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .front_osusume.mypage {
    padding-right: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .front_osusume.mypage {
    padding-left: calc(var(--vw) * 0 / 375 * 100);
  }
}

.page_osusume {
  margin-bottom: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .page_osusume {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume {
    margin-bottom: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume {
    margin-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
.page_osusume .about_flex01 {
  width: calc(var(--vw) * 962 / 1240 * 100);
  max-width: 962px;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  .page_osusume .about_flex01 {
    width: calc(var(--vw) * 962 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .about_flex01 {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
.page_osusume .block {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .page_osusume .block {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .block {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .page_osusume .block {
    border-radius: 20px 20px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .block {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .block {
    margin-top: calc(var(--vw) * 100 / 1240 * 100);
    border-radius: calc(var(--vw) * 15 / 1240 * 100) calc(var(--vw) * 15 / 1240 * 100) calc(var(--vw) * 15 / 1240 * 100) calc(var(--vw) * 15 / 1240 * 100);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  .page_osusume .block {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .page_osusume .block {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  .page_osusume .block {
    border-radius: 15px 15px 15px 15px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .page_osusume .block {
    border-radius: calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 15 / 375 * 100);
  }
}
.page_osusume .block .frt_ttl04 {
  text-align: left;
}
@media screen and (max-width: 767.98px) {
  .page_osusume .block .frt_ttl04 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
.page_osusume .top_more_list {
  flex-wrap: wrap;
  gap: calc(var(--vw) * 50 / 1240 * 100) calc(var(--vw) * 34 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .page_osusume .top_more_list {
    gap: 50px 34px;
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .top_more_list {
    gap: calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 34 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .top_more_list {
    gap: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.page_osusume .top_more_list li {
  width: 31.45%;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .page_osusume .top_more_list li {
    border-radius: 20px 20px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .top_more_list li {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.page_osusume .top_more_list li .img {
  border-radius: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .page_osusume .top_more_list li .img {
    border-radius: 0px 0px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .top_more_list li .img {
    border-radius: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .top_more_list li {
    width: 100%;
  }
}
.page_osusume .top_more_list .txt {
  padding: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  background: none;
}
@media screen and (min-width: 1240px) {
  .page_osusume .top_more_list .txt {
    padding: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .top_more_list .txt {
    padding: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .top_more_list .txt {
    padding: calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .top_more_list .txt {
    display: contents;
  }
}
.page_osusume .top_more_list .txt .t01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  margin-top: 1em;
  order: 1;
}
@media screen and (min-width: 1240px) {
  .page_osusume .top_more_list .txt .t01 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .top_more_list .txt .t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .top_more_list .txt .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .top_more_list .txt .t01 {
    margin-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .top_more_list .txt .t01 {
    width: 100%;
  }
}
.page_osusume .top_more_list .txt .t02 {
  font-weight: normal;
  line-height: 1.7;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-top: 1em;
  order: 3;
}
@media screen and (min-width: 1240px) {
  .page_osusume .top_more_list .txt .t02 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .top_more_list .txt .t02 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .top_more_list .txt .t02 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .page_osusume .top_more_list .txt .t02 {
    width: 100%;
  }
}

.myp_ttitle_sec {
  background: url(../img/common/ttl_bg.svg) 0 center/cover no-repeat;
  height: calc(var(--vw) * 208 / 1240 * 100);
  max-height: 208px;
  max-height: none;
  text-align: center;
  position: relative;
  margin-bottom: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .myp_ttitle_sec {
    height: calc(var(--vw) * 208 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttitle_sec {
    height: calc(var(--vw) * 101 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .myp_ttitle_sec {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttitle_sec {
    margin-bottom: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttitle_sec {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}

.myp_ttitle {
  font-size: calc(var(--vw) * 40 / 1240 * 100);
  letter-spacing: 0.05em;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-right: -50%;
}
@media screen and (min-width: 1240px) {
  .myp_ttitle {
    font-size: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttitle {
    font-size: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_ttitle {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}

.myp_num_sec .wrap01 {
  display: -ms-flex;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec .wrap01 {
    flex-direction: column;
  }
}
.myp_num_sec .wrap01 dl.box {
  margin: 0;
}
.myp_num_sec .myp_num_sec_t {
  text-align: center;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  margin-top: 1em;
}
@media screen and (min-width: 1240px) {
  .myp_num_sec .myp_num_sec_t {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec .myp_num_sec_t {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec .myp_num_sec_t {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec .myp_num_sec_t {
    text-align: left;
  }
}
.myp_num_sec .t01 {
  width: calc(var(--vw) * 200 / 1240 * 100);
  max-width: 200px;
  text-align: right;
  margin-top: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec .t01 {
    width: calc(var(--vw) * 200 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_num_sec .t01 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec .t01 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec .t01 {
    width: 100%;
    max-width: none;
  }
}
.myp_num_sec dl.box {
  width: calc(var(--vw) * 840 / 1240 * 100);
  max-width: 840px;
  margin: 0 auto;
  display: -ms-flex;
  display: flex;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  text-align: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec dl.box {
    width: calc(var(--vw) * 840 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec dl.box {
    width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .myp_num_sec dl.box {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec dl.box {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec dl.box {
    border-radius: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_num_sec dl.box {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec dl.box {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec dl.box {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.myp_num_sec dl.box dt {
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  width: 23%;
  background: #5B3427;
  color: #fff;
  padding: calc(var(--vw) * 26 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 26 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_num_sec dl.box dt {
    border-radius: 20px 0px 0px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec dl.box dt {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec dl.box dt {
    border-radius: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 4 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_num_sec dl.box dt {
    padding: 26px 0px 26px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec dl.box dt {
    padding: calc(var(--vw) * 26 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 26 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec dl.box dt {
    padding: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec dl.box dt {
    width: 40%;
  }
}
.myp_num_sec dl.box dd {
  border-radius: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  width: 77%;
  background: #F8F8F8;
  padding: calc(var(--vw) * 26 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 26 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_num_sec dl.box dd {
    border-radius: 0px 20px 20px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec dl.box dd {
    border-radius: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec dl.box dd {
    border-radius: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_num_sec dl.box dd {
    padding: 26px 0px 26px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec dl.box dd {
    padding: calc(var(--vw) * 26 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 26 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec dl.box dd {
    padding: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_num_sec dl.box dd {
    width: 60%;
  }
}

section.myp_news_sec {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_news_sec {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_news_sec {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_news_sec {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}

.news_list li {
  border-bottom: 1px solid #E8E8E8;
  padding-top: calc(var(--vw) * 20 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .news_list li {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li {
    padding-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .news_list li {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li {
    padding-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
.news_list li:first-child {
  padding-top: 0;
}
.news_list li dl.news_front {
  cursor: pointer;
  position: relative;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front {
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
.news_list li dl.news_front .news_date {
  width: 8%;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  font-weight: 500;
}
@media screen and (min-width: 1240px) {
  .news_list li dl.news_front .news_date {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front .news_date {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front .news_date {
    margin-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front .news_date {
    width: 100%;
  }
}
.news_list li dl.news_front .news_img {
  width: 18%;
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front .news_img {
    width: 32%;
  }
}
.news_list li dl.news_front .news_img img {
  max-height: 100%;
}
.news_list li dl.news_front .news_img + .news_ttl {
  padding-left: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .news_list li dl.news_front .news_img + .news_ttl {
    padding-left: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front .news_img + .news_ttl {
    padding-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front .news_img + .news_ttl {
    width: 58%;
  }
}
.news_list li dl.news_front .news_ttl {
  width: 72%;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  font-weight: 600;
  padding-right: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .news_list li dl.news_front .news_ttl {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front .news_ttl {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .news_list li dl.news_front .news_ttl {
    padding-right: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front .news_ttl {
    padding-right: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front .news_ttl {
    padding-right: calc(var(--vw) * 5 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front .news_ttl {
    width: 90%;
  }
}
.news_list li dl.news_front .plus {
  cursor: pointer;
  display: block;
  line-height: 1;
  position: absolute;
  right: calc(var(--vw) * 25 / 1240 * 100);
  top: 50%;
  transform: translatey(-50%);
  width: calc(var(--vw) * 20 / 1240 * 100);
  max-width: 20px;
  height: calc(var(--vw) * 20 / 1240 * 100);
  max-height: 20px;
}
@media screen and (min-width: 1240px) {
  .news_list li dl.news_front .plus {
    right: 25px;
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front .plus {
    right: calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front .plus {
    right: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front .plus {
    width: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front .plus {
    height: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front .plus {
    width: calc(var(--vw) * 15 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front .plus {
    height: calc(var(--vw) * 15 / 375 * 100);
    max-height: 100%;
  }
}
.news_list li dl.news_front .plus span {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.news_list li dl.news_front .plus span:before,
.news_list li dl.news_front .plus span:after {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.4s;
  background: #5B3427;
  left: 50%;
  top: 50%;
  width: 100%;
  height: calc(var(--vw) * 2 / 1240 * 100);
  max-height: 2px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767.98px) {
  .news_list li dl.news_front .plus span:before,
  .news_list li dl.news_front .plus span:after {
    height: calc(var(--vw) * 2 / 375 * 100);
  }
}
.news_list li dl.news_front .plus span:before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.news_list li dl.news_front .plus.is-active span:before {
  transform: translate(-50%, -50%) rotate(0deg);
}
.news_list li .hide_txt {
  display: none;
  padding-top: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .news_list li .hide_txt {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .news_list li .hide_txt {
    padding-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
.news_list li .hide_txt p {
  margin-top: 1em;
}
.news_list li .hide_txt p:first-of-type {
  margin-top: 0;
}
.myp_list01 {
  width: 100%;
}
.myp_list01.list_wide li {
  padding: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_list01.list_wide li {
    padding: 30px 0px 30px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list01.list_wide li {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list01.list_wide li {
    padding: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.myp_list01 li {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: calc(var(--vw) * 14 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 14 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  border-bottom: 1px solid #EDEDED;
}
@media screen and (min-width: 1240px) {
  .myp_list01 li {
    padding: 14px 0px 14px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list01 li {
    padding: calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.myp_list01 li .myp_list01_txt {
  width: 80%;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .myp_list01 li .myp_list01_txt {
    width: 64%;
    flex-direction: column;
    align-items: flex-start;
  }
}
.myp_list01 li .myp_list01_txt p:nth-child(1) {
  width: 25%;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_list01 li .myp_list01_txt p:nth-child(1) {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list01 li .myp_list01_txt p:nth-child(1) {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list01 li .myp_list01_txt p:nth-child(1) {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list01 li .myp_list01_txt p:nth-child(1) {
    width: 100%;
  }
}
.myp_list01 li .myp_list01_txt p:nth-child(2) {
  width: 75%;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  .myp_list01 li .myp_list01_txt p:nth-child(2) {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list01 li .myp_list01_txt p:nth-child(2) {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list01 li .myp_list01_txt p:nth-child(2) {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list01 li .myp_list01_txt p:nth-child(2) {
    margin-top: calc(var(--vw) * 5 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list01 li .myp_list01_txt p:nth-child(2) {
    width: 100%;
  }
}
.myp_list01 li .myp_list01_txt p:nth-child(2) span {
  font-weight: 400;
  font-size: 84%;
  display: inline-block;
  margin-left: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_list01 li .myp_list01_txt p:nth-child(2) span {
    margin-left: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list01 li .myp_list01_txt p:nth-child(2) span {
    margin-left: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list01 li .myp_list01_txt p:nth-child(2) span {
    margin-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list01 li .myp_list01_txt p:nth-child(2) span {
    margin-top: calc(var(--vw) * 8 / 375 * 100);
  }
}
.myp_list01 li .myp_list01_txt p:nth-child(2) span.mail_index {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
  margin-left: calc(var(--vw) * 0 / 1240 * 100);
  margin-top: 0.8em;
}
@media screen and (min-width: 1240px) {
  .myp_list01 li .myp_list01_txt p:nth-child(2) span.mail_index {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list01 li .myp_list01_txt p:nth-child(2) span.mail_index {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list01 li .myp_list01_txt p:nth-child(2) span.mail_index {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_list01 li .myp_list01_txt p:nth-child(2) span.mail_index {
    margin-left: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list01 li .myp_list01_txt p:nth-child(2) span.mail_index {
    margin-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
.myp_list01 li .myp_list01_txt p:nth-child(2) span.mail_index:first-child {
  margin-top: 0;
}
.myp_list01 li .myp_list01_right {
  text-align: right;
  width: 20%;
}
@media screen and (max-width: 767.98px) {
  .myp_list01 li .myp_list01_right {
    width: 34%;
  }
}
.myp_list01 li .myp_list01_right .btn {
  display: table;
  margin-left: auto;
}
.myp_list01 li .myp_list01_right * {
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_list01 li .myp_list01_right * {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list01 li .myp_list01_right * {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_list01 li .myp_list01_right *:first-child {
  margin-top: 0;
}
.myp_list01 li .myp_list01_bottom {
  text-align: right;
  width: 100%;
}

.myp_list02 {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #EDEDED;
}
@media screen and (max-width: 767.98px) {
  .myp_list02.column6 {
    margin: 0 calc(50% - var(--vw) * 50);
    width: calc(var(--vw) * 375 / 1240 * 100);
    max-width: 375px;
    max-width: none;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .myp_list02.column6 {
    width: calc(var(--vw) * 375 / 375 * 100);
  }
}
.myp_list02.column6 li {
  width: 16.6666%;
}
@media screen and (max-width: 767.98px) {
  .myp_list02.column6 li {
    width: 33.33333%;
    padding: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  .myp_list02.column6 li {
    padding: 10px 10px 10px 10px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .myp_list02.column6 li {
    padding: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02.column6 li .txt {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02.column4 {
    margin: 0 calc(50% - var(--vw) * 50);
    width: calc(var(--vw) * 375 / 1240 * 100);
    max-width: 375px;
    max-width: none;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .myp_list02.column4 {
    width: calc(var(--vw) * 375 / 375 * 100);
  }
}
.myp_list02.column4 li {
  width: 25%;
}
@media screen and (max-width: 767.98px) {
  .myp_list02.column4 li {
    width: 50%;
    padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 1240px) {
  .myp_list02.column4 li {
    padding: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  .myp_list02.column4 li {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02.column4 li .txt {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
.myp_list02 li {
  width: 16.6666%;
  padding: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
  border-top: 1px solid #EDEDED;
  border-right: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
}
@media screen and (min-width: 1240px) {
  .myp_list02 li {
    padding: 30px 30px 30px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
.myp_list02 li .img {
  line-height: 1;
}
.myp_list02 li .img .delete_btn {
  cursor: pointer;
  position: absolute;
  top: calc(var(--vw) * -12 / 1240 * 100);
  right: calc(var(--vw) * -12 / 1240 * 100);
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .myp_list02 li .img .delete_btn {
    top: -12px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .img .delete_btn {
    top: calc(var(--vw) * -12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_list02 li .img .delete_btn {
    right: -12px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .img .delete_btn {
    right: calc(var(--vw) * -12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .img .delete_btn {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .img .delete_btn {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
.myp_list02 li .img .delete_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.myp_list02 li .img .delete_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../img/mypage/delete.png) 0 0/contain no-repeat;
}
.myp_list02 li .img .zoom_btn {
  cursor: pointer;
  position: absolute;
  bottom: calc(var(--vw) * -5 / 1240 * 100);
  right: calc(var(--vw) * 0 / 1240 * 100);
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  .myp_list02 li .img .zoom_btn {
    bottom: -5px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .img .zoom_btn {
    bottom: calc(var(--vw) * -5 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_list02 li .img .zoom_btn {
    right: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .img .zoom_btn {
    right: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .img .zoom_btn {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .img .zoom_btn {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
.myp_list02 li .img .zoom_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.myp_list02 li .img .zoom_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../img/common/zoom.png) 0 0/cover no-repeat;
}
.myp_list02 li .img a {
  display: block;
  transition: opacity 0.4s;
  opacity: 1;
}
.myp_list02 li .img a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
.myp_list02 li .txt {
  margin-top: calc(var(--vw) * 28 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_list02 li .txt {
    margin-top: 28px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt {
    margin-top: calc(var(--vw) * 28 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
.myp_list02 li .txt .cat_label {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #582E2A;
  position: relative;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  min-height: calc(var(--vw) * 30 / 1240 * 100);
  gap: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_list02 li .txt .cat_label {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat_label {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat_label {
    font-size: calc(var(--vw) * 9 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat_label {
    min-height: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat_label {
    min-height: calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_list02 li .txt .cat_label {
    gap: 10px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat_label {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat_label {
    gap: calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 5 / 375 * 100);
  }
}
.myp_list02 li .txt .cat_label span {
  position: relative;
  width: calc(var(--vw) * 30 / 1240 * 100);
  max-width: 30px;
  height: calc(var(--vw) * 30 / 1240 * 100);
  max-height: 30px;
  display: inline-block;
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat_label span {
    width: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat_label span {
    height: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat_label span {
    width: calc(var(--vw) * 25 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat_label span {
    height: calc(var(--vw) * 25 / 375 * 100);
    max-height: 100%;
  }
}
.myp_list02 li .txt .cat_label span:before {
  content: "";
  width: calc(var(--vw) * 30 / 1240 * 100);
  max-width: 30px;
  height: calc(var(--vw) * 30 / 1240 * 100);
  max-height: 30px;
  display: inline-block;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat_label span:before {
    width: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat_label span:before {
    height: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat_label span:before {
    width: calc(var(--vw) * 25 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat_label span:before {
    height: calc(var(--vw) * 25 / 375 * 100);
    max-height: 100%;
  }
}
.myp_list02 li .txt .cat_label span.cat_coffee:before {
  background: url(../img/common/cat_coffee.png) 0 0/cover no-repeat;
}
.myp_list02 li .txt .cat_label span.cat_tea:before {
  background: url(../img/common/cat_tea.png) 0 0/cover no-repeat;
}
.myp_list02 li .txt .cat_label span.cat_gtea:before {
  background: url(../img/common/cat_gtea.png) 0 0/cover no-repeat;
}
.myp_list02 li .txt .cat_label span.cat_txt {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
}
.myp_list02 li .txt .cat {
  display: -ms-flex;
  display: flex;
  align-items: center;
  color: #582E2A;
  position: relative;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  padding-left: calc(var(--vw) * 40 / 1240 * 100);
  min-height: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_list02 li .txt .cat {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat {
    font-size: calc(var(--vw) * 9 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_list02 li .txt .cat {
    padding-left: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat {
    padding-left: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat {
    padding-left: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat {
    min-height: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat {
    min-height: calc(var(--vw) * 25 / 375 * 100);
  }
}
.myp_list02 li .txt .cat.cat_coffee:before {
  background: url(../img/common/cat_coffee.png) 0 0/cover no-repeat;
}
.myp_list02 li .txt .cat.cat_tea:before {
  background: url(../img/common/cat_tea.png) 0 0/cover no-repeat;
}
.myp_list02 li .txt .cat.cat_gtea:before {
  background: url(../img/common/cat_gtea.png) 0 0/cover no-repeat;
}
.myp_list02 li .txt .cat:before {
  content: "";
  width: calc(var(--vw) * 30 / 1240 * 100);
  max-width: 30px;
  height: calc(var(--vw) * 30 / 1240 * 100);
  max-height: 30px;
  display: inline-block;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat:before {
    width: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat:before {
    height: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat:before {
    width: calc(var(--vw) * 25 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt .cat:before {
    height: calc(var(--vw) * 25 / 375 * 100);
    max-height: 100%;
  }
}
.myp_list02 li .txt p {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
  margin-top: calc(var(--vw) * 12 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_list02 li .txt p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt p {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt p {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_list02 li .txt p {
    margin-top: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt p {
    margin-top: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_list02 li .txt p {
    margin-top: calc(var(--vw) * 8 / 375 * 100);
  }
}

section.myp_top01_sec {
  padding-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_top01_sec {
    padding-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_top01_sec {
    padding-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_top01_sec {
    padding-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
section.myp_top01_sec .myp_ttl01 {
  margin-bottom: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_top01_sec .myp_ttl01 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_top01_sec .myp_ttl01 {
    margin-bottom: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_top01_sec .myp_ttl01 {
    margin-bottom: calc(var(--vw) * 25 / 375 * 100);
  }
}
section.myp_top01_sec .myp_ttl02 {
  margin-bottom: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_top01_sec .myp_ttl02 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_top01_sec .myp_ttl02 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_top01_sec .myp_ttl02 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.myp_top01_sec .myp_ttl03 {
  margin-bottom: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_top01_sec .myp_ttl03 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_top01_sec .myp_ttl03 {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_top01_sec .myp_ttl03 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.myp_top01_sec .myp_ttl04 {
  margin-bottom: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_top01_sec .myp_ttl04 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_top01_sec .myp_ttl04 {
    margin-bottom: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_top01_sec .myp_ttl04 {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.myp_top01_sec .banner {
  display: block;
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  section.myp_top01_sec .banner {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_top01_sec .banner {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_top01_sec .banner {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
section.myp_top01_sec .banner:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
section.myp_top01_sec .inner > .block {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_top01_sec .inner > .block {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_top01_sec .inner > .block {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_top01_sec .inner > .block {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
section.myp_top01_sec .inner > .block:first-child {
  margin-top: 0;
}
section.myp_top01_sec .list02 {
  border-top: 1px solid #EDEDED;
  margin-top: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_top01_sec .list02 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_top01_sec .list02 {
    margin-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_top01_sec .list02 {
    margin-top: calc(var(--vw) * 24 / 375 * 100);
  }
}

.stamp_box .in {
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in {
    flex-direction: column;
  }
}
.stamp_box .in .ec-stamp-card-wrap {
  position: relative;
}
.stamp_box .in .stamp_info {
  position: absolute;
  left: 0;
  bottom: calc(var(--vw) * -30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .stamp_box .in .stamp_info {
    bottom: -30px;
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .stamp_info {
    bottom: calc(var(--vw) * -30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .stamp_info {
    margin-top: calc(var(--vw) * 5 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .stamp_info {
    position: static;
    text-align: right;
  }
}
.stamp_box .in .ec-stamp-card-fix-item {
  position: relative;
  font-family: "Roboto", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  width: calc(var(--vw) * 580 / 1240 * 100);
  max-width: 580px;
  height: calc(var(--vw) * 300 / 1240 * 100);
  max-height: 300px;
  margin-right: 0;
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-stamp-card-fix-item {
    width: calc(var(--vw) * 580 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-stamp-card-fix-item {
    height: calc(var(--vw) * 300 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-stamp-card-fix-item {
    height: calc(var(--vw) * 180 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-stamp-card-fix-item {
    width: 100%;
    max-width: 100%;
  }
}
.stamp_box .in .ec-stamp-card-fix-item .ec-flex {
  padding-top: calc(var(--vw) * 20 / 1240 * 100);
  margin-bottom: calc(var(--vw) * 8 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .stamp_box .in .ec-stamp-card-fix-item .ec-flex {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-stamp-card-fix-item .ec-flex {
    padding-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .stamp_box .in .ec-stamp-card-fix-item .ec-flex {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-stamp-card-fix-item .ec-flex {
    margin-bottom: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-stamp-card-fix-item .ec-flex {
    padding-top: calc(var(--vw) * 5 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-stamp-card-fix-item .ec-flex {
    margin-bottom: calc(var(--vw) * 0 / 375 * 100);
  }
}
.stamp_box .in .stamp-count-text {
  font-size: calc(var(--vw) * 18 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .stamp_box .in .stamp-count-text {
    font-size: 18px;
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .stamp-count-text {
    font-size: calc(var(--vw) * 18 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .stamp-count-text {
    font-size: calc(var(--vw) * 13 / 375 * 100);
  }
}
.stamp_box .in .stamp-count {
  font-family: "Roboto", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .stamp_box .in .stamp-count {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .stamp-count {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .stamp-count {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
.stamp_box .in .stamp-individual {
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .stamp_box .in .stamp-individual {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .stamp-individual {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .stamp-individual {
    font-size: calc(var(--vw) * 13 / 375 * 100);
  }
}
.stamp_box .in .ec-stamp-card-row-item {
  height: calc(var(--vw) * 66 / 1240 * 100);
  max-height: 66px;
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-stamp-card-row-item {
    height: calc(var(--vw) * 66 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-stamp-card-row-item {
    height: calc(var(--vw) * 40 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-stamp-card-row {
    padding: 0 1.584% 1.5%;
  }
}
.stamp_box .in .ec-present {
  position: relative;
  width: calc(var(--vw) * 580 / 1240 * 100);
  max-width: 580px;
  height: calc(var(--vw) * 300 / 1240 * 100);
  max-height: 300px;
  padding-top: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present {
    width: calc(var(--vw) * 580 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present {
    height: calc(var(--vw) * 300 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .stamp_box .in .ec-present {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present {
    padding-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present {
    padding-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present {
    width: 100%;
    max-width: 100%;
    max-height: none;
    height: auto;
  }
}
.stamp_box .in .ec-present .present_ttl {
  margin-bottom: 1em;
  position: absolute;
  top: 0;
  left: 0;
}
.stamp_box .in .ec-present .present_box {
  height: 100%;
  outline: 2px solid #F1BE48;
  outline-offset: -2px;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 46 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1240px) {
  .stamp_box .in .ec-present .present_box {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present .present_box {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .stamp_box .in .ec-present .present_box {
    padding: 20px 20px 20px 46px;
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present .present_box {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 46 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present .present_box {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
.stamp_box .in .ec-present .present_box:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(var(--vw) * 100 / 1240 * 100) calc(var(--vw) * 100 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  border-color: #F1BE48 transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 1240px) {
  .stamp_box .in .ec-present .present_box:before {
    border-width: 100px 100px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present .present_box:before {
    border-width: calc(var(--vw) * 100 / 375 * 100) calc(var(--vw) * 100 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present .present_box:before {
    border-width: calc(var(--vw) * 59 / 375 * 100) calc(var(--vw) * 59 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.stamp_box .in .ec-present .present_box .label_p {
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
  top: calc(var(--vw) * 27 / 1240 * 100);
  left: calc(var(--vw) * 6 / 1240 * 100);
  transform: rotate(-45deg);
}
@media screen and (min-width: 1240px) {
  .stamp_box .in .ec-present .present_box .label_p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present .present_box .label_p {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present .present_box .label_p {
    font-size: calc(var(--vw) * 9 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .stamp_box .in .ec-present .present_box .label_p {
    top: 27px;
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present .present_box .label_p {
    top: calc(var(--vw) * 27 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .stamp_box .in .ec-present .present_box .label_p {
    left: 6px;
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present .present_box .label_p {
    left: calc(var(--vw) * 6 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present .present_box .label_p {
    top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present .present_box .label_p {
    left: calc(var(--vw) * 4 / 375 * 100);
  }
}
.stamp_box .in .ec-present .present_box .txt {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
  width: calc(var(--vw) * 280 / 1240 * 100);
  max-width: 280px;
}
@media screen and (min-width: 1240px) {
  .stamp_box .in .ec-present .present_box .txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present .present_box .txt {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present .present_box .txt {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present .present_box .txt {
    width: calc(var(--vw) * 280 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present .present_box .txt {
    width: calc(var(--vw) * 150 / 375 * 100);
    max-width: 100%;
  }
}
.stamp_box .in .ec-present .present_box .img {
  width: calc(var(--vw) * 210 / 1240 * 100);
  max-width: 210px;
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present .present_box .img {
    width: calc(var(--vw) * 210 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .stamp_box .in .ec-present .present_box .img {
    width: calc(var(--vw) * 110 / 375 * 100);
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .swiper-button-prev, .swiper-button-next {
    display: none;
  }
}
.coupon_slider_wrap {
  position: relative;
  overflow: visible;
}
@media screen and (max-width: 767.98px) {
  .coupon_slider_wrap {
    padding-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_slider_wrap {
    margin-left: calc(50% - var(--vw) * 50);
    margin-right: calc(50% - var(--vw) * 50);
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_slider_wrap .coupon_slider {
    overflow: visible;
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_slider_wrap .swiper-slide {
    width: calc(var(--vw) * 162 / 375 * 100);
    max-width: 100%;
  }
}
.coupon_slider_wrap .swiper-button-next, .coupon_slider_wrap .swiper-button-prev {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(var(--vw) * 40 / 1240 * 100);
  max-width: 40px;
  height: calc(var(--vw) * 40 / 1240 * 100);
  max-height: 40px;
  margin-top: 0;
}
@media screen and (max-width: 767.98px) {
  .coupon_slider_wrap .swiper-button-next, .coupon_slider_wrap .swiper-button-prev {
    display: block;
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_slider_wrap .swiper-button-next, .coupon_slider_wrap .swiper-button-prev {
    width: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_slider_wrap .swiper-button-next, .coupon_slider_wrap .swiper-button-prev {
    height: calc(var(--vw) * 40 / 375 * 100);
  }
}
.coupon_slider_wrap .swiper-button-next.visible, .coupon_slider_wrap .swiper-button-prev.visible {
  display: block;
}
.coupon_slider_wrap .swiper-button-next {
  right: calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .coupon_slider_wrap .swiper-button-next {
    right: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_slider_wrap .swiper-button-next {
    right: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_slider_wrap .swiper-button-next {
    right: calc(var(--vw) * 5 / 375 * 100);
  }
}
.coupon_slider_wrap .swiper-button-next:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/common/slide_next.png) 0 0/cover no-repeat;
}
.coupon_slider_wrap .swiper-button-prev {
  left: calc(var(--vw) * -20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .coupon_slider_wrap .swiper-button-prev {
    left: -20px;
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_slider_wrap .swiper-button-prev {
    left: calc(var(--vw) * -20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_slider_wrap .swiper-button-prev {
    left: calc(var(--vw) * 5 / 375 * 100);
  }
}
.coupon_slider_wrap .swiper-button-prev:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/common/slide_prev.png) 0 0/cover no-repeat;
}

.coupon_box {
  margin-top: calc(var(--vw) * 130 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .coupon_box {
    margin-top: 130px;
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_box {
    margin-top: calc(var(--vw) * 130 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_box {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_box {
    padding-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_box {
    padding-right: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_box {
    margin-left: calc(50% - var(--vw) * 50);
    margin-right: calc(50% - var(--vw) * 50);
    overflow-x: hidden;
  }
}

.coupon_list {
  display: -ms-flex;
  display: flex;
  gap: 0 1%;
}
@media screen and (max-width: 767.98px) {
  .coupon_list {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.coupon_list li {
  width: 14.5%;
  outline: 1px solid #5B3427;
  outline-offset: -1px;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  overflow: hidden;
}
@media screen and (min-width: 1240px) {
  .coupon_list li {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_list li {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_list li {
    width: auto;
  }
}
.coupon_list li .box_head {
  background: #5B3427;
  padding: calc(var(--vw) * 16 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 16 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  text-align: center;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1240px) {
  .coupon_list li .box_head {
    padding: 16px 0px 16px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_list li .box_head {
    padding: calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 16 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.coupon_list li .box_head p:first-child {
  margin-top: 0;
}
.coupon_list li .box_head .t01 {
  color: #fff;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  .coupon_list li .box_head .t01 {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_list li .box_head .t01 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.coupon_list li .box_head .t02 {
  display: table;
  color: #fff;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  font-weight: 600;
  margin: 0 auto;
  border-bottom: 2px solid #F1BE48;
}
@media screen and (min-width: 1240px) {
  .coupon_list li .box_head .t02 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_list li .box_head .t02 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
.coupon_list li .box_head .t03 {
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  color: #fff;
  margin-top: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .coupon_list li .box_head .t03 {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_list li .box_head .t03 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .coupon_list li .box_head .t03 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_list li .box_head .t03 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
.coupon_list li .box_head .t03 span {
  font-weight: 600;
  display: inline-block;
}
.coupon_list li .box_foot {
  border-radius: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1240px) {
  .coupon_list li .box_foot {
    border-radius: 0px 0px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_list li .box_foot {
    border-radius: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .coupon_list li .box_foot {
    padding: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_list li .box_foot {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
.coupon_list li .box_foot > div {
  margin-top: calc(var(--vw) * 15 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .coupon_list li .box_foot > div {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_list li .box_foot > div {
    margin-top: calc(var(--vw) * 15 / 375 * 100);
  }
}
.coupon_list li .box_foot > div:first-of-type {
  margin-top: 0;
}
.coupon_list li .box_foot > div p {
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  margin-top: calc(var(--vw) * 2 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .coupon_list li .box_foot > div p {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_list li .box_foot > div p {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .coupon_list li .box_foot > div p {
    margin-top: 2px;
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_list li .box_foot > div p {
    margin-top: calc(var(--vw) * 2 / 375 * 100);
  }
}
.coupon_list li .box_foot > div p:first-of-type {
  margin-top: 0;
}
.coupon_list li .box_foot > div p a {
  font-size: calc(var(--vw) * 12 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .coupon_list li .box_foot > div p a {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .coupon_list li .box_foot > div p a {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}

.myp_reco_sec {
  margin-top: calc(var(--vw) * 200 / 1240 * 100);
  padding: calc(var(--vw) * 90 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 110 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_reco_sec {
    margin-top: 200px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_reco_sec {
    margin-top: calc(var(--vw) * 200 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_reco_sec {
    margin-top: calc(var(--vw) * 120 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_reco_sec {
    padding: 90px 10px 110px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_reco_sec {
    padding: calc(var(--vw) * 90 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 110 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_reco_sec {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}

section.myp_capsule {
  padding-bottom: calc(var(--vw) * 80 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_capsule {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_capsule {
    padding-bottom: calc(var(--vw) * 80 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_capsule {
    padding-bottom: calc(var(--vw) * 60 / 375 * 100);
  }
}
section.myp_capsule .inner > .block {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_capsule .inner > .block {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_capsule .inner > .block {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_capsule .inner > .block {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
section.myp_capsule .inner > .block:first-child {
  margin-top: 0;
}
section.myp_capsule .ttl01 {
  margin-bottom: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_capsule .ttl01 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_capsule .ttl01 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_capsule .ttl01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.myp_capsule .ttl02 {
  margin-bottom: calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_capsule .ttl02 {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_capsule .ttl02 {
    margin-bottom: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_capsule .ttl02 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_tab_sec {
  border-bottom: 1px solid #5B3427;
  margin-bottom: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_tab_sec {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_tab_sec {
    margin-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_tab_sec {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_tab_sec {
    padding-left: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_tab_sec {
    padding-right: calc(var(--vw) * 12 / 375 * 100);
  }
}
.myp_tab_sec ul.myp_tab {
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
.myp_tab_sec ul.myp_tab li {
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  font-weight: 600;
  margin-bottom: -1px;
  line-height: 1;
  width: 49%;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border-top: 1px solid #BEA99D;
  border-left: 1px solid #BEA99D;
  border-right: 1px solid #BEA99D;
  border-bottom: 1px solid #5B3427;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  overflow: hidden;
}
@media screen and (min-width: 1240px) {
  .myp_tab_sec ul.myp_tab li {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_tab_sec ul.myp_tab li {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_tab_sec ul.myp_tab li {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_tab_sec ul.myp_tab li {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_tab_sec ul.myp_tab li {
    height: calc(var(--vw) * 40 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .myp_tab_sec ul.myp_tab li {
    border-radius: 20px 20px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_tab_sec ul.myp_tab li {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.myp_tab_sec ul.myp_tab li.active {
  border-top: 1px solid #5B3427;
  border-left: 1px solid #5B3427;
  border-right: 1px solid #5B3427;
  border-bottom: 1px solid #fff;
}
.myp_tab_sec ul.myp_tab li a {
  color: #fff;
  background: #BEA99D;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.myp_date {
  width: calc(var(--vw) * 908 / 1240 * 100);
  max-width: 908px;
  margin: 0 auto;
  margin-bottom: calc(var(--vw) * 100 / 1240 * 100);
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  padding: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
  background: #F8F8F8;
}
@media screen and (max-width: 767.98px) {
  .myp_date {
    width: calc(var(--vw) * 908 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date {
    width: calc(var(--vw) * 335 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .myp_date {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date {
    margin-bottom: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date {
    margin-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date {
    max-width: none;
  }
}
@media screen and (min-width: 1240px) {
  .myp_date {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_date {
    padding: 30px 30px 30px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
.myp_date .t01 {
  text-align: center;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  .myp_date .t01 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date .t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
.myp_date .t02 {
  text-align: center;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  margin-top: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_date .t02 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date .t02 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date .t02 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_date .t02 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date .t02 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
.myp_date dl.box {
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: center;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  text-align: center;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_date dl.box {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date dl.box {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_date dl.box {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date dl.box {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_date dl.box {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date dl.box {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date dl.box {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.myp_date dl.box dt {
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  width: 23%;
  width: calc(var(--vw) * 138 / 1240 * 100);
  max-width: 138px;
  background: #E2A692;
  color: #fff;
  padding: calc(var(--vw) * 2 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 2 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_date dl.box dt {
    border-radius: 20px 0px 0px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date dl.box dt {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date dl.box dt {
    width: calc(var(--vw) * 138 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_date dl.box dt {
    padding: 2px 0px 2px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date dl.box dt {
    padding: calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date dl.box dt {
    padding: calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date dl.box dt {
    width: 40%;
  }
}
.myp_date dl.box dd {
  color: #E6431E;
  border-radius: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  width: 77%;
  width: calc(var(--vw) * 262 / 1240 * 100);
  max-width: 262px;
  background: #F7E3DE;
  padding: calc(var(--vw) * 2 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 2 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_date dl.box dd {
    border-radius: 0px 20px 20px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date dl.box dd {
    border-radius: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date dl.box dd {
    width: calc(var(--vw) * 262 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_date dl.box dd {
    padding: 2px 0px 2px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date dl.box dd {
    padding: calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date dl.box dd {
    padding: calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date dl.box dd {
    width: 60%;
  }
}

.myp_date02 {
  margin: 0 auto;
  margin-bottom: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_date02 {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 {
    margin-bottom: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 {
    margin-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
.myp_date02 .inner {
  border: 2px solid #E2A692;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_date02 .inner {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 .inner {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_date02 .inner {
    padding: 40px 30px 40px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 .inner {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 .inner {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_date02 .t01 {
  text-align: center;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  .myp_date02 .t01 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 .t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
.myp_date02 .t02 {
  text-align: center;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
  word-break: break-all;
}
@media screen and (min-width: 1240px) {
  .myp_date02 .t02 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 .t02 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 .t02 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_date02 .t02 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 .t02 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 .t02 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
.myp_date02 dl.box {
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: center;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  text-align: center;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_date02 dl.box {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 dl.box {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 dl.box {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_date02 dl.box {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 dl.box {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_date02 dl.box {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 dl.box {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 dl.box {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.myp_date02 dl.box dt {
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  width: 23%;
  width: calc(var(--vw) * 138 / 1240 * 100);
  max-width: 138px;
  background: #E2A692;
  color: #fff;
  padding: calc(var(--vw) * 2 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 2 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_date02 dl.box dt {
    border-radius: 20px 0px 0px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 dl.box dt {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 dl.box dt {
    width: calc(var(--vw) * 138 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_date02 dl.box dt {
    padding: 2px 0px 2px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 dl.box dt {
    padding: calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 dl.box dt {
    padding: calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 dl.box dt {
    width: 40%;
    max-width: none;
  }
}
.myp_date02 dl.box dd {
  color: #E6431E;
  border-radius: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  width: 77%;
  width: calc(var(--vw) * 262 / 1240 * 100);
  max-width: 262px;
  background: #F7E3DE;
  padding: calc(var(--vw) * 2 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 2 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_date02 dl.box dd {
    border-radius: 0px 20px 20px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 dl.box dd {
    border-radius: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 dl.box dd {
    width: calc(var(--vw) * 262 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_date02 dl.box dd {
    padding: 2px 0px 2px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 dl.box dd {
    padding: calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 dl.box dd {
    padding: calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_date02 dl.box dd {
    width: 60%;
    max-width: none;
  }
}

.myp_search_wrap {
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_search_wrap {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_search_wrap {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_search_wrap {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_search_wrap {
    display: block;
  }
}
.myp_search_wrap > p {
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  font-size: calc(var(--vw) * 12 / 1240 * 100);
}
@media print, screen and (min-width: 768px) {
  .myp_search_wrap > p {
    width: 30%;
  }
}
@media screen and (min-width: 1240px) {
  .myp_search_wrap > p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_search_wrap > p {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_search_wrap > p {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_search_wrap > p {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.myp_search_wrap > p span {
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  display: inline-block;
  margin-right: 0.3em;
  color: #fff;
  background: #AA8066;
  padding: 0.1em 0.6em 0;
  border-radius: calc(var(--vw) * 2 / 1240 * 100) calc(var(--vw) * 2 / 1240 * 100) calc(var(--vw) * 2 / 1240 * 100) calc(var(--vw) * 2 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_search_wrap > p span {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_search_wrap > p span {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_search_wrap > p span {
    font-size: calc(var(--vw) * 9 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_search_wrap > p span {
    border-radius: 2px 2px 2px 2px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_search_wrap > p span {
    border-radius: calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 2 / 375 * 100) calc(var(--vw) * 2 / 375 * 100);
  }
}
.myp_search_wrap > p span.red {
  background: none;
  color: #E6431E;
  padding: 0;
  margin: 0;
}
.myp_search_wrap .wrap01 {
  display: -ms-flex;
  display: flex;
  justify-content: flex-end;
}
@media print, screen and (min-width: 768px) {
  .myp_search_wrap .wrap01 {
    width: 74%;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_search_wrap .wrap01 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_search_wrap .wrap01 {
    justify-content: space-between;
  }
}
.myp_search_wrap .wrap01 .btn {
  min-width: 0;
  width: 48%;
  margin-left: 0.7em;
}
.myp_search_wrap .wrap01 .btn:first-child {
  margin-left: 0;
}
@media screen and (max-width: 767.98px) {
  .myp_search_wrap .wrap01 .btn {
    width: calc(var(--vw) * 175 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_search_wrap .wrap01 .btn {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_search_wrap .wrap01 .btn {
    padding: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_search_wrap .wrap01 .btn {
    padding-left: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_search_wrap .wrap01 .btn {
    padding-right: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_search_wrap .wrap01 .btn {
    line-height: 1.5;
    min-width: 0;
    text-align: left;
    display: -ms-flex;
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_search_wrap .wrap01 .btn:after {
    left: calc(var(--vw) * 16 / 375 * 100);
  }
}

section.myp_otodoke_sec .ttl01 {
  margin-bottom: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_otodoke_sec .ttl01 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_otodoke_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_otodoke_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}

.otodoke_block01 {
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
  border-top: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
  padding: calc(var(--vw) * 24 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 24 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 1%;
}
@media screen and (min-width: 1240px) {
  .otodoke_block01 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block01 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .otodoke_block01 {
    padding: 24px 0px 24px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block01 {
    padding: calc(var(--vw) * 24 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 24 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.otodoke_block01 .c_l {
  width: 19%;
}
@media screen and (max-width: 767.98px) {
  .otodoke_block01 .c_l {
    width: 31%;
  }
}
.otodoke_block01 .c_r {
  width: 80%;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  .otodoke_block01 .c_r {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block01 .c_r {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block01 .c_r {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block01 .c_r {
    width: 69%;
  }
}
.otodoke_block01 .c_r .list01 {
  display: -ms-flex;
  display: flex;
  gap: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 70 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .otodoke_block01 .c_r .list01 {
    gap: 10px 70px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block01 .c_r .list01 {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 70 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block01 .c_r .list01 {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block01 .c_r .list01 {
    flex-wrap: wrap;
  }
}
.otodoke_block01 .c_r .hide_txt {
  display: none;
}
.otodoke_block01 .c_r .list02 {
  display: -ms-flex;
  display: flex;
  gap: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .otodoke_block01 .c_r .list02 {
    gap: 10px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block01 .c_r .list02 {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block01 .c_r .list02 {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 5 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .otodoke_block01 .c_r .list02 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block01 .c_r .list02 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}

.otodoke_block02 {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .otodoke_block02 {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
.otodoke_block02 .t01 {
  text-align: center;
  width: calc(var(--vw) * 900 / 1240 * 100);
  max-width: 900px;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  padding: calc(var(--vw) * 12 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 12 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  font-weight: 600;
  margin: 0 auto;
  background: #F8F8F8;
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t01 {
    width: calc(var(--vw) * 900 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .otodoke_block02 .t01 {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t01 {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t01 {
    padding: calc(var(--vw) * 24 / 375 * 100) calc(var(--vw) * 24 / 375 * 100) calc(var(--vw) * 24 / 375 * 100) calc(var(--vw) * 24 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .otodoke_block02 .t01 {
    padding: 12px 0px 12px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t01 {
    padding: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .otodoke_block02 .t01 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t01 {
    width: 100%;
    max-width: none;
  }
}
.otodoke_block02 .t02 {
  text-align: center;
  width: calc(var(--vw) * 900 / 1240 * 100);
  max-width: 900px;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  padding: calc(var(--vw) * 12 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 12 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  font-weight: 600;
  margin: 0 auto;
  background: #F7E3DE;
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t02 {
    width: calc(var(--vw) * 900 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .otodoke_block02 .t02 {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t02 {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t02 {
    padding: calc(var(--vw) * 24 / 375 * 100) calc(var(--vw) * 24 / 375 * 100) calc(var(--vw) * 24 / 375 * 100) calc(var(--vw) * 24 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .otodoke_block02 .t02 {
    padding: 12px 0px 12px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t02 {
    padding: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .otodoke_block02 .t02 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t02 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t02 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t02 {
    width: 100%;
    max-width: none;
  }
}
@media screen and (min-width: 1240px) {
  .otodoke_block02 .t02 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t02 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t02 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
.otodoke_block02 .t03 {
  text-align: center;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .otodoke_block02 .t03 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t03 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t03 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .otodoke_block02 .t03 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t03 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_block02 .t03 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}

section.myp_otodokenichiji_sec .ttl01 {
  margin-bottom: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_otodokenichiji_sec .ttl01 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_otodokenichiji_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_otodokenichiji_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}

.otodokenichiji_block01 {
  border-top: 1px solid #EDEDED;
  padding: calc(var(--vw) * 24 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 24 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0 1%;
}
@media screen and (min-width: 1240px) {
  .otodokenichiji_block01 {
    padding: 24px 0px 24px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodokenichiji_block01 {
    padding: calc(var(--vw) * 24 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 24 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.otodokenichiji_block01:last-of-type {
  border-bottom: 1px solid #EDEDED;
}
.otodokenichiji_block01 .hide_txt {
  display: none;
}
.otodokenichiji_block01 .c_l {
  width: 19%;
}
@media screen and (max-width: 767.98px) {
  .otodokenichiji_block01 .c_l {
    width: 31%;
  }
}
.otodokenichiji_block01 .c_r {
  width: 80%;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  .otodokenichiji_block01 .c_r {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodokenichiji_block01 .c_r {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodokenichiji_block01 .c_r {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodokenichiji_block01 .c_r {
    width: 68%;
  }
}
.otodokenichiji_block01 .c_r .list01 {
  display: -ms-flex;
  display: flex;
  gap: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 70 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .otodokenichiji_block01 .c_r .list01 {
    gap: 10px 70px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodokenichiji_block01 .c_r .list01 {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 70 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodokenichiji_block01 .c_r .list01 {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodokenichiji_block01 .c_r .list01 {
    flex-wrap: wrap;
  }
}
.otodokenichiji_block01 .c_r .list02 {
  display: -ms-flex;
  display: flex;
  gap: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 70 / 1240 * 100);
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .otodokenichiji_block01 .c_r .list02 {
    gap: 10px 70px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodokenichiji_block01 .c_r .list02 {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 70 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodokenichiji_block01 .c_r .list02 {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 5 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .otodokenichiji_block01 .c_r .list02 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodokenichiji_block01 .c_r .list02 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}

.nowDdate_wrap {
  position: relative;
}
.nowDdate_wrap > * {
  position: relative;
  display: table;
  background: #F8F8F8;
  border: 1px solid #EDEDED;
  padding: calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 55 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  border-radius: calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100) calc(var(--vw) * 8 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .nowDdate_wrap > * {
    padding: 6px 55px 6px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .nowDdate_wrap > * {
    padding: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 55 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .nowDdate_wrap > * {
    padding: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .nowDdate_wrap > * {
    border-radius: 8px 8px 8px 8px;
  }
}
@media screen and (max-width: 767.98px) {
  .nowDdate_wrap > * {
    border-radius: calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100) calc(var(--vw) * 8 / 375 * 100);
  }
}
.nowDdate_wrap > * span {
  cursor: pointer;
  content: "";
  display: inline-block;
  width: calc(var(--vw) * 20.4 / 1240 * 100);
  max-width: 20.4px;
  height: calc(var(--vw) * 22.3 / 1240 * 100);
  max-height: 22.3px;
  position: absolute;
  top: 50%;
  right: calc(var(--vw) * 16 / 1240 * 100);
  transform: translateY(-50%);
  background: url(../img/mypage/calendar.svg) 0 0/contain no-repeat;
}
@media screen and (max-width: 767.98px) {
  .nowDdate_wrap > * span {
    width: calc(var(--vw) * 20.4 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .nowDdate_wrap > * span {
    height: calc(var(--vw) * 22.3 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .nowDdate_wrap > * span {
    right: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .nowDdate_wrap > * span {
    right: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .nowDdate_wrap > * span {
    right: calc(var(--vw) * 8 / 375 * 100);
  }
}

.bl_calendar_wrap {
  padding-top: calc(var(--vw) * 60 / 1240 * 100);
  /* bl_calendar */
  /* bl_calendar-tabs */
  /* bl_calendar-boxs */
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap {
    margin: 0 calc(50% - var(--vw) * 50);
  }
}
@media screen and (min-width: 1240px) {
  .bl_calendar_wrap {
    padding-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap {
    padding-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap {
    padding-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
.bl_calendar_wrap .bl_calendar {
  margin: auto;
}
.bl_calendar_wrap .bl_calendar-tabs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  overflow: hidden;
}
.bl_calendar_wrap .bl_calendar-tabs > div {
  border: #5B3427 solid 1px;
  width: 33.33%;
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  width: calc(var(--vw) * 177 / 1240 * 100);
  max-width: 177px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  transition: background-color 0.25s ease;
}
@media screen and (min-width: 1240px) {
  .bl_calendar_wrap .bl_calendar-tabs > div {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-tabs > div {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-tabs > div {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-tabs > div {
    width: calc(var(--vw) * 177 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-tabs > div {
    width: calc(var(--vw) * 82 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .bl_calendar_wrap .bl_calendar-tabs > div {
    padding: 10px 0px 10px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-tabs > div {
    padding: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.bl_calendar_wrap .bl_calendar-tabs > div:first-child {
  border-radius: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
  border-right: 0;
}
@media screen and (min-width: 1240px) {
  .bl_calendar_wrap .bl_calendar-tabs > div:first-child {
    border-radius: 30px 0px 0px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-tabs > div:first-child {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
.bl_calendar_wrap .bl_calendar-tabs > div:last-child {
  border-radius: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  border-left: 0;
}
@media screen and (min-width: 1240px) {
  .bl_calendar_wrap .bl_calendar-tabs > div:last-child {
    border-radius: 0px 30px 30px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-tabs > div:last-child {
    border-radius: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.bl_calendar_wrap .bl_calendar-tabs > div:hover {
  cursor: pointer;
  color: #fff;
  background-color: #AA8066;
}
.bl_calendar_wrap .bl_calendar-tabs div.js_on {
  color: #fff;
  background-color: #AA8066;
}
.bl_calendar_wrap .bl_calendar-boxs {
  width: 100%;
  margin-top: 1em;
  margin-top: calc(var(--vw) * 30 / 1240 * 100);
  color: #3B2B2F;
}
@media screen and (min-width: 1240px) {
  .bl_calendar_wrap .bl_calendar-boxs {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
.bl_calendar_wrap .bl_calendar-boxs table {
  display: none;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
}
.bl_calendar_wrap .bl_calendar-boxs table .none, .bl_calendar_wrap .bl_calendar-boxs table .before {
  background-color: #EDEDED;
  color: #aaa;
}
.bl_calendar_wrap .bl_calendar-boxs table.js_on {
  display: table;
}
.bl_calendar_wrap .bl_calendar-boxs table tr.wName th {
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  height: auto;
  background-color: #fff;
  border: 0;
  text-align: center;
  padding-bottom: 0.5em;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  .bl_calendar_wrap .bl_calendar-boxs table tr.wName th {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs table tr.wName th {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs table tr.wName th {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .bl_calendar_wrap .bl_calendar-boxs table tr.wName th {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs table tr.wName th {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs table tr.wName th {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.bl_calendar_wrap .bl_calendar-boxs table td, .bl_calendar_wrap .bl_calendar-boxs table th {
  position: relative;
  border: #fff solid 1px;
  transition: background-color 0.25s ease;
  height: 100px;
  height: calc(var(--vw) * 115 / 1240 * 100);
  max-height: 115px;
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs table td, .bl_calendar_wrap .bl_calendar-boxs table th {
    height: calc(var(--vw) * 115 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs table td, .bl_calendar_wrap .bl_calendar-boxs table th {
    height: calc(var(--vw) * 58 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .bl_calendar_wrap .bl_calendar-boxs table td, .bl_calendar_wrap .bl_calendar-boxs table th {
    height: 115px;
  }
}
.bl_calendar_wrap .bl_calendar-boxs table td .date, .bl_calendar_wrap .bl_calendar-boxs table th .date {
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  text-align: right;
  display: block;
  padding: 0.3em 0.3em;
}
@media screen and (min-width: 1240px) {
  .bl_calendar_wrap .bl_calendar-boxs table td .date, .bl_calendar_wrap .bl_calendar-boxs table th .date {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs table td .date, .bl_calendar_wrap .bl_calendar-boxs table th .date {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs table td .date, .bl_calendar_wrap .bl_calendar-boxs table th .date {
    font-size: calc(var(--vw) * 9 / 375 * 100);
  }
}
.bl_calendar_wrap .bl_calendar-boxs table td .date .today, .bl_calendar_wrap .bl_calendar-boxs table th .date .today {
  text-align: left;
  line-height: 1.3;
}
.bl_calendar_wrap .bl_calendar-boxs table td.now, .bl_calendar_wrap .bl_calendar-boxs table th.now {
  background-color: #EDEDED;
}
.bl_calendar_wrap .bl_calendar-boxs table td.now .date, .bl_calendar_wrap .bl_calendar-boxs table th.now .date {
  color: #fff;
  background-color: #AA8066;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
.bl_calendar_wrap .bl_calendar-boxs table td.ok, .bl_calendar_wrap .bl_calendar-boxs table th.ok {
  background-color: #E7CEB5;
  cursor: pointer;
}
.bl_calendar_wrap .bl_calendar-boxs table td.ok:after, .bl_calendar_wrap .bl_calendar-boxs table th.ok:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  border-width: 0px;
  border-style: solid;
  border-color: #fff;
  transition: 0.4s;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.bl_calendar_wrap .bl_calendar-boxs table td.ok .date, .bl_calendar_wrap .bl_calendar-boxs table th.ok .date {
  background-color: #F1BE48;
  color: #3B2B2F;
}
.bl_calendar_wrap .bl_calendar-boxs table td.ok:hover:after, .bl_calendar_wrap .bl_calendar-boxs table th.ok:hover:after {
  transition: 0.4s;
  border-width: calc(var(--vw) * 5 / 1240 * 100) calc(var(--vw) * 5 / 1240 * 100) calc(var(--vw) * 5 / 1240 * 100) calc(var(--vw) * 5 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .bl_calendar_wrap .bl_calendar-boxs table td.ok:hover:after, .bl_calendar_wrap .bl_calendar-boxs table th.ok:hover:after {
    border-width: 5px 5px 5px 5px;
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs table td.ok:hover:after, .bl_calendar_wrap .bl_calendar-boxs table th.ok:hover:after {
    border-width: calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 5 / 375 * 100);
  }
}
.bl_calendar_wrap .bl_calendar-boxs table .next_delivery {
  width: 80%;
  line-height: 1.3;
  text-align: center;
  position: absolute;
  top: calc(var(--vw) * 55 / 1240 * 100);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 1240px) {
  .bl_calendar_wrap .bl_calendar-boxs table .next_delivery {
    top: 55px;
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs table .next_delivery {
    top: calc(var(--vw) * 55 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs table .next_delivery {
    top: calc(var(--vw) * 23 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs table .next_delivery {
    width: 94%;
  }
}
.bl_calendar_wrap .bl_calendar-boxs table .next_delivery span {
  display: block;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  background-color: #E6431E;
  border-radius: calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100);
  padding: calc(var(--vw) * 12 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 12 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  color: #fff;
}
@media screen and (min-width: 1240px) {
  .bl_calendar_wrap .bl_calendar-boxs table .next_delivery span {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs table .next_delivery span {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs table .next_delivery span {
    font-size: calc(var(--vw) * 9 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .bl_calendar_wrap .bl_calendar-boxs table .next_delivery span {
    border-radius: 6px 6px 6px 6px;
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs table .next_delivery span {
    border-radius: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .bl_calendar_wrap .bl_calendar-boxs table .next_delivery span {
    padding: 12px 0px 12px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs table .next_delivery span {
    padding: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .bl_calendar_wrap .bl_calendar-boxs table .next_delivery span {
    padding: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}

section.myp_kaiyaku_sec {
  padding-bottom: calc(var(--vw) * 80 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_kaiyaku_sec {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiyaku_sec {
    padding-bottom: calc(var(--vw) * 80 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiyaku_sec {
    padding-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
section.myp_kaiyaku_sec .ttl01 {
  margin-bottom: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_kaiyaku_sec .ttl01 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiyaku_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiyaku_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}

section.myp_kaiyaku02_sec .ttl01 {
  margin-bottom: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_kaiyaku02_sec .ttl01 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiyaku02_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiyaku02_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
section.myp_kaiyaku02_sec .kaiyaku_box01 {
  margin-top: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_kaiyaku02_sec .kaiyaku_box01 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiyaku02_sec .kaiyaku_box01 {
    margin-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_ttl {
  font-weight: 600;
  background: #5B3427;
  color: #fff;
  text-align: center;
  padding: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_ttl {
    padding: 30px 20px 30px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_ttl {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_ttl {
    border-radius: 20px 20px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_ttl {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_ttl {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_ttl {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_ttl {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_in {
  background: #E7CEB5;
  border-radius: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  padding: calc(var(--vw) * 50 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 50 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_in {
    border-radius: 0px 0px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_in {
    border-radius: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_in {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_in {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_in {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_in {
    padding: 50px 20px 50px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_in {
    padding: calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_in .kaiyaku_box01_in_in {
  display: table;
  margin: 0 auto;
}
section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_in ul li {
  margin-top: 0.6em;
}
section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_in ul li:first-child {
  margin-top: 0;
}
section.myp_kaiyaku02_sec .kaiyaku_box01 .kaiyaku_box01_in .textarea {
  width: 100%;
  margin-top: 0.6em;
}

section.myp_kaiin_sec {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_kaiin_sec {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiin_sec {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiin_sec {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.myp_kaiin_sec .ttl01 {
  margin-bottom: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_kaiin_sec .ttl01 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiin_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_kaiin_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}

.form_block01 {
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .form_block01 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_block01 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
.form_block01 .c_l {
  width: 19%;
  margin-top: calc(var(--vw) * 15 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .form_block01 .c_l {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_block01 .c_l {
    margin-top: calc(var(--vw) * 15 / 375 * 100);
  }
}
.form_block01 .c_l:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767.98px) {
  .form_block01 .c_l {
    width: 100%;
  }
}
.form_block01 .c_l p .req {
  display: inline-block;
  background: #E6431E;
  line-height: 1;
  padding: 0.3em 0.4em 0.2em;
  border-radius: calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100);
  margin-left: 1em;
  color: #fff;
}
@media screen and (min-width: 1240px) {
  .form_block01 .c_l p .req {
    border-radius: 4px 4px 4px 4px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_block01 .c_l p .req {
    border-radius: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100);
  }
}
.form_block01 .c_r {
  width: 80%;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  .form_block01 .c_r {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_block01 .c_r {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_block01 .c_r {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_block01 .c_r {
    width: 100%;
  }
}
.form_block01 .c_r .list01 {
  display: -ms-flex;
  display: flex;
  gap: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 70 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .form_block01 .c_r .list01 {
    gap: 10px 70px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_block01 .c_r .list01 {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 70 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_block01 .c_r .list01 {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_block01 .c_r .list01 {
    flex-wrap: wrap;
  }
}
.form_block01 .c_r .hide_txt {
  display: none;
}
.form_block01 .c_r .list02 {
  display: -ms-flex;
  display: flex;
  gap: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .form_block01 .c_r .list02 {
    gap: 10px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_block01 .c_r .list02 {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .form_block01 .c_r .list02 {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 5 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .form_block01 .c_r .list02 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .form_block01 .c_r .list02 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
.form_block01 .txt_wrap01 {
  display: -ms-flex;
  display: flex;
}
@media screen and (max-width: 767.98px) {
  .form_block01 .txt_wrap01 {
    width: 100%;
  }
}
.form_block01 .txt_wrap01 > div {
  width: 40%;
  margin-left: 1%;
}
@media screen and (max-width: 767.98px) {
  .form_block01 .txt_wrap01 > div {
    width: 100%;
  }
}
.form_block01 .txt_wrap01 > div:first-child {
  margin-left: 0;
}
.form_block01 .txt_wrap01 > div > * {
  width: 100%;
}
.form_block01 .txt_wrap02 {
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.form_block01 .txt_wrap02 > * {
  margin-left: 1em;
}
@media screen and (max-width: 767.98px) {
  .form_block01 .txt_wrap02 > * {
    margin-left: 0.5em;
  }
}
.form_block01 .txt_wrap02 > *:first-child {
  margin-left: 0;
}
.form_block01 .txt_wrap03 {
  width: 81%;
}
@media screen and (max-width: 767.98px) {
  .form_block01 .txt_wrap03 {
    width: 100%;
  }
}
.form_block01 .txt_wrap03 > * {
  width: 100%;
}
.form_block01 .txt_wrap04 {
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form_block01 .txt_wrap04 .txt_wrap02 {
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .form_block01 .txt_wrap04 .txt_wrap02 {
    flex-direction: column;
  }
}
.form_block01 .txt_wrap04 .txt_wrap02 > * {
  margin-left: 1em;
}
@media screen and (max-width: 767.98px) {
  .form_block01 .txt_wrap04 .txt_wrap02 > * {
    margin-left: 0em;
  }
}
.form_block01 .txt_wrap04 .txt_wrap02 > *:first-child {
  margin-left: 0;
}

.myp_otodoke_c01_sec .otodoke_wrap {
  border: 2px solid #E2A692;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_otodoke_c01_sec .otodoke_wrap {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c01_sec .otodoke_wrap {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_otodoke_c01_sec .otodoke_wrap {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c01_sec .otodoke_wrap {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c01_sec .otodoke_wrap {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_otodoke_c01_sec .otodoke_wrap .otodoke_t01 {
  text-align: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
  color: #E6431E;
}
@media screen and (min-width: 1240px) {
  .myp_otodoke_c01_sec .otodoke_wrap .otodoke_t01 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c01_sec .otodoke_wrap .otodoke_t01 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c01_sec .otodoke_wrap .otodoke_t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c01_sec .otodoke_wrap .btn {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}

.otodoke_new_btn_wrap {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .otodoke_new_btn_wrap {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_new_btn_wrap {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .otodoke_new_btn_wrap {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
.otodoke_new_btn_wrap .otodoke_new_btn {
  width: 100%;
}

.myp_otodoke_c02_sec {
  margin-top: calc(var(--vw) * 94 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_otodoke_c02_sec {
    margin-top: 94px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c02_sec {
    margin-top: calc(var(--vw) * 94 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c02_sec {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
.myp_otodoke_c02_sec .ttl01 {
  margin-bottom: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_otodoke_c02_sec .ttl01 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c02_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c02_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_otodoke_c02_sec .subttl01 {
  margin-bottom: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_otodoke_c02_sec .subttl01 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c02_sec .subttl01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c02_sec .subttl01 {
    margin-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
.myp_otodoke_c02_sec .myp_otodoke_c02_block {
  margin-top: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_otodoke_c02_sec .myp_otodoke_c02_block {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c02_sec .myp_otodoke_c02_block {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c02_sec .myp_otodoke_c02_block {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_otodoke_c02_sec .myp_otodoke_c02_block:first-child {
  margin-top: 0;
}
.myp_otodoke_c02_sec .list_wrap01 {
  word-break: break-all;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c02_sec .list_wrap01 {
    flex-direction: column;
  }
}
.myp_otodoke_c02_sec .list01 {
  width: 72.5%;
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c02_sec .list01 {
    width: 100%;
  }
}
.myp_otodoke_c02_sec .list01 li:last-child {
  border-bottom: 0;
}
.myp_otodoke_c02_sec .btn_wrap01 {
  width: 27.5%;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  gap: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_otodoke_c02_sec .btn_wrap01 {
    gap: 0px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c02_sec .btn_wrap01 {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c02_sec .btn_wrap01 {
    width: 100%;
    justify-content: flex-end;
  }
}
.myp_otodoke_c02_sec .btn_wrap01 .btn {
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 34 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 34 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_otodoke_c02_sec .btn_wrap01 .btn {
    padding: 20px 34px 20px 34px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c02_sec .btn_wrap01 .btn {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 34 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 34 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otodoke_c02_sec .btn_wrap01 .btn {
    padding: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}

.myp_credit01_c01_sec .credit01_c01_wrap {
  border: 2px solid #E2A692;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_credit01_c01_sec .credit01_c01_wrap {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c01_sec .credit01_c01_wrap {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_credit01_c01_sec .credit01_c01_wrap {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c01_sec .credit01_c01_wrap {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c01_sec .credit01_c01_wrap {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_t01 {
  text-align: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
  color: #E6431E;
}
@media screen and (min-width: 1240px) {
  .myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_t01 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_t01 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
.myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_in {
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
  text-align: center;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(var(--vw) * 10 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_in {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_in {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_in {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_in {
    gap: 10px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_in {
    gap: calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
.myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_in .credit01_c01_in_t01 {
  width: 100%;
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_in .credit01_c01_in_t01 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_in .credit01_c01_in_t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_in .credit01_c01_in_t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_in .credit01_c01_in_t02 {
  font-weight: 600;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_in .credit01_c01_in_t02 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_in .credit01_c01_in_t02 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c01_sec .credit01_c01_wrap .credit01_c01_in .credit01_c01_in_t02 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_credit01_c02_sec {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_credit01_c02_sec {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c02_sec {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c02_sec {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
.myp_credit01_c02_sec .myp_credit01_c02_block {
  margin-top: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_credit01_c02_sec .myp_credit01_c02_block:first-child {
  margin-top: 0;
}
.myp_credit01_c02_sec .myp_credit01_c02_block .t01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-bottom: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block .t01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block .t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block .t01 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block .t01 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block .t01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_credit01_c02_sec .myp_credit01_c02_block .list_wrap01 {
  position: relative;
  word-break: break-all;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block .list_wrap01 {
    flex-direction: column;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block .list_wrap01 .myp_list01_txt {
    flex-direction: row;
  }
  .myp_credit01_c02_sec .myp_credit01_c02_block .list_wrap01 .myp_list01_txt p {
    margin-top: 0;
  }
  .myp_credit01_c02_sec .myp_credit01_c02_block .list_wrap01 .myp_list01_txt p:first-child {
    width: 40%;
  }
  .myp_credit01_c02_sec .myp_credit01_c02_block .list_wrap01 .myp_list01_txt p:nth-child(2) {
    width: 60%;
  }
}
.myp_credit01_c02_sec .myp_credit01_c02_block .list01 {
  width: 100%;
}
.myp_credit01_c02_sec .myp_credit01_c02_block .list01 li:first-child {
  border-top: 1px solid #EDEDED;
}
.myp_credit01_c02_sec .myp_credit01_c02_block .btn_wrap01 {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: #fff;
  width: 27.5%;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  gap: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block .btn_wrap01 {
    width: calc(var(--vw) * 110 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block .btn_wrap01 {
    gap: 0px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block .btn_wrap01 {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block .btn_wrap01 {
    justify-content: flex-end;
  }
}
.myp_credit01_c02_sec .myp_credit01_c02_block .btn_wrap01 .btn {
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 34 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 34 / 1240 * 100);
  padding: calc(var(--vw) * 12 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 12 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block .btn_wrap01 .btn {
    padding: 20px 34px 20px 34px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block .btn_wrap01 .btn {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 34 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 34 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block .btn_wrap01 .btn {
    padding: 12px 20px 12px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_credit01_c02_sec .myp_credit01_c02_block .btn_wrap01 .btn {
    padding: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}

.myp_history_c01_sec {
  margin-top: calc(var(--vw) * 94 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c01_sec {
    margin-top: 94px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec {
    margin-top: calc(var(--vw) * 94 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
.myp_history_c01_sec .ttl01 {
  margin-bottom: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c01_sec .ttl01 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_history_c01_sec .subttl01 {
  margin-bottom: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c01_sec .subttl01 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .subttl01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .subttl01 {
    margin-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
.myp_history_c01_sec .myp_history_c01_block {
  margin-top: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c01_sec .myp_history_c01_block {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .myp_history_c01_block {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .myp_history_c01_block {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_history_c01_sec .myp_history_c01_block:first-child {
  margin-top: 0;
}
.myp_history_c01_sec .list_wrap01 {
  word-break: break-all;
  display: -ms-flex;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .list_wrap01 {
    flex-direction: column;
  }
}
.myp_history_c01_sec .list01 {
  width: 51%;
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .list01 {
    width: 100%;
  }
}
.myp_history_c01_sec .list01 li:last-child {
  border-bottom: 0;
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .list01 li:last-child {
    border-bottom: 1px solid #EDEDED;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .list01 .myp_list01_txt {
    width: 100%;
    flex-direction: row;
  }
  .myp_history_c01_sec .list01 .myp_list01_txt p:nth-child(1) {
    width: 30%;
  }
  .myp_history_c01_sec .list01 .myp_list01_txt p:nth-child(2) {
    width: 30%;
    margin-top: 0;
  }
}
.myp_history_c01_sec .item_wrap01 {
  width: 42%;
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .item_wrap01 {
    width: 100%;
  }
}
.myp_history_c01_sec .item_wrap01 .item_wrap01_list > li {
  width: 100%;
  display: -ms-flex;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
  border-top: 1px solid #EDEDED;
  padding-top: calc(var(--vw) * 20 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li {
    gap: 0px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li {
    padding-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li {
    padding-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li {
    padding-top: calc(var(--vw) * 15 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li {
    padding-bottom: calc(var(--vw) * 15 / 375 * 100);
  }
}
.myp_history_c01_sec .item_wrap01 .item_wrap01_list > li:first-child {
  border-top: 0;
  padding-top: 0;
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li:first-child {
    padding-top: calc(var(--vw) * 15 / 375 * 100);
  }
}
.myp_history_c01_sec .item_wrap01 .item_wrap01_list > li .item_img {
  width: calc(var(--vw) * 200 / 1240 * 100);
  max-width: 200px;
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li .item_img {
    width: calc(var(--vw) * 200 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li .item_img {
    width: calc(var(--vw) * 105 / 375 * 100);
    max-width: 100%;
  }
}
.myp_history_c01_sec .item_wrap01 .item_wrap01_list > li .item_txt {
  width: calc(var(--vw) * 290 / 1240 * 100);
  max-width: 290px;
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li .item_txt {
    width: calc(var(--vw) * 290 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li .item_txt {
    width: calc(var(--vw) * 200 / 375 * 100);
    max-width: 100%;
  }
}
.myp_history_c01_sec .item_wrap01 .item_wrap01_list > li .item_txt .item_txt_t01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li .item_txt .item_txt_t01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li .item_txt .item_txt_t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li .item_txt .item_txt_t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.myp_history_c01_sec .item_wrap01 .item_wrap01_list > li .item_txt .btn {
  margin: 0;
  margin-top: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li .item_txt .btn {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .item_wrap01 .item_wrap01_list > li .item_txt .btn {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
.myp_history_c01_sec .item_wrap01 .btn {
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 34 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 34 / 1240 * 100);
  margin-left: auto;
  margin-right: 0;
}
@media screen and (min-width: 1240px) {
  .myp_history_c01_sec .item_wrap01 .btn {
    padding: 20px 34px 20px 34px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .item_wrap01 .btn {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 34 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 34 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c01_sec .item_wrap01 .btn {
    padding: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}

.myp_history_c02_sec {
  margin-top: calc(var(--vw) * 94 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec {
    margin-top: 94px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec {
    margin-top: calc(var(--vw) * 94 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
.myp_history_c02_sec .ttl01 {
  margin-bottom: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .ttl01 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_history_c02_sec .subttl01 {
  margin-bottom: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .subttl01 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .subttl01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .subttl01 {
    margin-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
.myp_history_c02_sec .myp_history_c02_block01 {
  margin-top: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .myp_history_c02_block01 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block01 {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block01 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_history_c02_sec .myp_history_c02_block01:first-child {
  margin-top: 0;
}
.myp_history_c02_sec .myp_history_c02_block01 .list_wrap01 {
  word-break: break-all;
  display: -ms-flex;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block01 .list_wrap01 {
    flex-direction: column;
  }
}
.myp_history_c02_sec .myp_history_c02_block01 .list01 {
  width: 51%;
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block01 .list01 {
    width: 100%;
  }
}
.myp_history_c02_sec .myp_history_c02_block01 .list01 li {
  padding: calc(var(--vw) * 28 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 28 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .myp_history_c02_block01 .list01 li {
    padding: 28px 0px 28px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block01 .list01 li {
    padding: calc(var(--vw) * 28 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 28 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block01 .list01 li {
    padding: calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.myp_history_c02_sec .myp_history_c02_block01 .list01 li:first-child {
  border-top: 1px solid #EDEDED;
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block01 .list01 .myp_list01_txt {
    width: 100%;
    flex-direction: row;
    gap: 0 4%;
  }
  .myp_history_c02_sec .myp_history_c02_block01 .list01 .myp_list01_txt p:nth-child(1) {
    width: 30%;
  }
  .myp_history_c02_sec .myp_history_c02_block01 .list01 .myp_list01_txt p:nth-child(2) {
    width: 66%;
    margin-top: 0;
  }
}
.myp_history_c02_sec .info_wrap01 {
  width: 42%;
  padding: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
  background: #F8F8F8;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .info_wrap01 {
    padding: 30px 30px 30px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .info_wrap01 {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .info_wrap01 {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .info_wrap01 {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .info_wrap01 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .info_wrap01 {
    width: 100%;
  }
}
.myp_history_c02_sec .info_wrap01 .info_wrap01_list01 {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list01 {
    gap: 20px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list01 {
    gap: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.myp_history_c02_sec .info_wrap01 .info_wrap01_list01 dt, .myp_history_c02_sec .info_wrap01 .info_wrap01_list01 dd {
  width: 50%;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list01 dt, .myp_history_c02_sec .info_wrap01 .info_wrap01_list01 dd {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list01 dt, .myp_history_c02_sec .info_wrap01 .info_wrap01_list01 dd {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list01 dt, .myp_history_c02_sec .info_wrap01 .info_wrap01_list01 dd {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.myp_history_c02_sec .info_wrap01 .info_wrap01_list01 dd {
  text-align: right;
}
.myp_history_c02_sec .info_wrap01 .info_wrap01_list02 {
  padding-top: calc(var(--vw) * 24 / 1240 * 100);
  margin-top: calc(var(--vw) * 24 / 1240 * 100);
  border-top: 1px solid #EDEDED;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list02 {
    padding-top: 24px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list02 {
    padding-top: calc(var(--vw) * 24 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list02 {
    margin-top: 24px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list02 {
    margin-top: calc(var(--vw) * 24 / 375 * 100);
  }
}
.myp_history_c02_sec .info_wrap01 .info_wrap01_list02 dt, .myp_history_c02_sec .info_wrap01 .info_wrap01_list02 dd {
  width: 50%;
}
.myp_history_c02_sec .info_wrap01 .info_wrap01_list02 dt {
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list02 dt {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list02 dt {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list02 dt {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.myp_history_c02_sec .info_wrap01 .info_wrap01_list02 dd {
  text-align: right;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list02 dd {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list02 dd {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list02 dd {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
.myp_history_c02_sec .info_wrap01 .info_wrap01_list02 dd span {
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  display: inline-block;
  margin-left: 0.5em;
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list02 dd span {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list02 dd span {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .info_wrap01 .info_wrap01_list02 dd span {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.myp_history_c02_sec .info_wrap01 .btn {
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
  margin-left: auto;
  margin-right: 0;
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .info_wrap01 .btn {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .info_wrap01 .btn {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_history_c02_sec .myp_history_c02_block02 {
  margin-top: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .myp_history_c02_block02 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block02 {
    margin-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block02 {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
.myp_history_c02_sec .myp_history_c02_block02 .subttl01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .myp_history_c02_block02 .subttl01 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block02 .subttl01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .myp_history_c02_block02 .subttl01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block02 .subttl01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
.myp_history_c02_sec .myp_history_c02_block02 .list01 li {
  padding: calc(var(--vw) * 28 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 28 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .myp_history_c02_block02 .list01 li {
    padding: 28px 0px 28px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block02 .list01 li {
    padding: calc(var(--vw) * 28 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 28 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block02 .list01 li {
    padding: calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.myp_history_c02_sec .myp_history_c02_block02 .list01 li:first-child {
  border-top: 1px solid #EDEDED;
}
.myp_history_c02_sec .myp_history_c02_block02 .list01 li .item_wrap01 {
  display: -ms-flex;
  display: flex;
  align-items: center;
  gap: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .myp_history_c02_block02 .list01 li .item_wrap01 {
    gap: 0px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block02 .list01 li .item_wrap01 {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block02 .list01 li .item_wrap01 {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 25 / 375 * 100);
  }
}
.myp_history_c02_sec .myp_history_c02_block02 .list01 li .item_wrap01 .item_img {
  width: calc(var(--vw) * 200 / 1240 * 100);
  max-width: 200px;
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block02 .list01 li .item_wrap01 .item_img {
    width: calc(var(--vw) * 200 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block02 .list01 li .item_wrap01 .item_img {
    width: calc(var(--vw) * 105 / 375 * 100);
    max-width: 100%;
  }
}
.myp_history_c02_sec .myp_history_c02_block02 .list01 li .item_wrap01 .item_txt {
  width: calc(var(--vw) * 290 / 1240 * 100);
  max-width: 290px;
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block02 .list01 li .item_wrap01 .item_txt {
    width: calc(var(--vw) * 290 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block02 .list01 li .item_wrap01 .item_txt {
    width: calc(var(--vw) * 200 / 375 * 100);
    max-width: 100%;
  }
}
.myp_history_c02_sec .myp_history_c02_block02 .list01 li .item_wrap01 .item_txt .item_txt_t01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_history_c02_sec .myp_history_c02_block02 .list01 li .item_wrap01 .item_txt .item_txt_t01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block02 .list01 li .item_wrap01 .item_txt .item_txt_t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block02 .list01 li .item_wrap01 .item_txt .item_txt_t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_history_c02_sec .myp_history_c02_block02 .list01 li .myp_list01_txt {
    width: 100%;
    flex-direction: row;
    gap: 0 4%;
  }
  .myp_history_c02_sec .myp_history_c02_block02 .list01 li .myp_list01_txt p:nth-child(1) {
    width: 30%;
  }
  .myp_history_c02_sec .myp_history_c02_block02 .list01 li .myp_list01_txt p:nth-child(2) {
    width: 66%;
    margin-top: 0;
  }
}

section.myp_credit01_c02_sec {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_credit01_c02_sec {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_credit01_c02_sec {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_credit01_c02_sec {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
section.myp_credit01_c02_sec .ttl01 {
  margin-bottom: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  section.myp_credit01_c02_sec .ttl01 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_credit01_c02_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  section.myp_credit01_c02_sec .ttl01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}

.myp_otoiawase_c01_sec .otoiawase_c01_txt {
  line-height: 1.625;
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_txt {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_txt {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.myp_otoiawase_c01_sec .otoiawase_c01_txt p {
  margin-top: 1em;
}
.myp_otoiawase_c01_sec .otoiawase_c01_txt p:first-of-type {
  margin-top: 0;
}
.myp_otoiawase_c01_sec .otoiawase_c01_txt p a {
  color: #009DFF;
}
.myp_otoiawase_c01_sec .otoiawase_c01_txt p a:hover {
  text-decoration: underline;
}
.myp_otoiawase_c01_sec .otoiawase_c01_flex {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  gap: calc(var(--vw) * 15 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex {
    gap: 15px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex {
    gap: calc(var(--vw) * 15 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex {
    flex-direction: column;
  }
}
.myp_otoiawase_c01_sec .otoiawase_c01_flex .otoiawase_c01_btn {
  flex: 1;
  display: table;
  background: #F4E7DB;
  border: 1px solid #AA8066;
  border-radius: calc(var(--vw) * 100 / 1240 * 100) calc(var(--vw) * 100 / 1240 * 100) calc(var(--vw) * 100 / 1240 * 100) calc(var(--vw) * 100 / 1240 * 100);
  text-align: center;
  padding: calc(var(--vw) * 24 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 24 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  transition: opacity 0.4s;
  opacity: 1;
  color: #5B3427;
  font-weight: 600;
}
@media screen and (min-width: 1240px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex .otoiawase_c01_btn {
    border-radius: 100px 100px 100px 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex .otoiawase_c01_btn {
    border-radius: calc(var(--vw) * 100 / 375 * 100) calc(var(--vw) * 100 / 375 * 100) calc(var(--vw) * 100 / 375 * 100) calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex .otoiawase_c01_btn {
    padding: 24px 0px 24px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex .otoiawase_c01_btn {
    padding: calc(var(--vw) * 24 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 24 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex .otoiawase_c01_btn {
    padding: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
.myp_otoiawase_c01_sec .otoiawase_c01_flex .otoiawase_c01_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex .otoiawase_c01_btn {
    display: block;
  }
}
.myp_otoiawase_c01_sec .otoiawase_c01_flex .otoiawase_c01_btn .t01 {
  display: block;
  font-size: calc(var(--vw) * 22 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex .otoiawase_c01_btn .t01 {
    font-size: 22px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex .otoiawase_c01_btn .t01 {
    font-size: calc(var(--vw) * 22 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex .otoiawase_c01_btn .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
.myp_otoiawase_c01_sec .otoiawase_c01_flex .otoiawase_c01_btn .t02 {
  display: block;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-top: 0.3em;
}
@media screen and (min-width: 1240px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex .otoiawase_c01_btn .t02 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex .otoiawase_c01_btn .t02 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c01_sec .otoiawase_c01_flex .otoiawase_c01_btn .t02 {
    font-size: calc(var(--vw) * 13 / 375 * 100);
  }
}

.myp_otoiawase_c02_sec .otoiawase_c02_wrap {
  background: #F8F8F8;
  border-radius: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  padding: calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap {
    border-radius: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap {
    border-radius: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap {
    padding: calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 10 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 10 / 375 * 100);
  }
}
.myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_t01 {
  text-align: center;
  font-weight: 600;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
  color: #E6431E;
}
@media screen and (min-width: 1240px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_t01 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_t01 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
.myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_in {
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
  text-align: center;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(var(--vw) * 5 / 1240 * 100) calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_in {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_in {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_in {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_in {
    gap: 5px 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_in {
    gap: calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 60 / 375 * 100);
  }
}
.myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_in .otoiawase_c02_in_t01 {
  width: 100%;
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_in .otoiawase_c02_in_t01 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_in .otoiawase_c02_in_t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_in .otoiawase_c02_in_t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_in .otoiawase_c02_in_t02 {
  font-weight: 600;
  font-size: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_in .otoiawase_c02_in_t02 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_in .otoiawase_c02_in_t02 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_otoiawase_c02_sec .otoiawase_c02_wrap .otoiawase_c02_in .otoiawase_c02_in_t02 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_faq_c01_sec .faq_c01_flex, .myp_guide_c01_sec .faq_c01_flex {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1vw 1vw;
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_c01_flex, .myp_guide_c01_sec .faq_c01_flex {
    gap: 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_flex, .myp_guide_c01_sec .faq_c01_flex {
    gap: 2vw 2vw;
  }
}
.myp_faq_c01_sec .faq_c01_btn, .myp_guide_c01_sec .faq_c01_btn {
  position: relative;
  width: calc(25% - 1vw);
  display: table;
  background: #F4E7DB;
  border: 1px solid #AA8066;
  border-radius: calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
  text-align: center;
  padding: calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100) calc(var(--vw) * 20 / 1240 * 100);
  transition: opacity 0.4s;
  opacity: 1;
  color: #5B3427;
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_c01_btn, .myp_guide_c01_sec .faq_c01_btn {
    width: calc(25% - 20px);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_btn, .myp_guide_c01_sec .faq_c01_btn {
    width: calc(50% - 1vw);
  }
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_c01_btn, .myp_guide_c01_sec .faq_c01_btn {
    border-radius: 30px 30px 30px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_btn, .myp_guide_c01_sec .faq_c01_btn {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_c01_btn, .myp_guide_c01_sec .faq_c01_btn {
    padding: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_btn, .myp_guide_c01_sec .faq_c01_btn {
    padding: calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_btn, .myp_guide_c01_sec .faq_c01_btn {
    padding: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 12 / 375 * 100);
  }
}
.myp_faq_c01_sec .faq_c01_btn:hover, .myp_guide_c01_sec .faq_c01_btn:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_c01_btn, .myp_guide_c01_sec .faq_c01_btn {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_btn, .myp_guide_c01_sec .faq_c01_btn {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_btn, .myp_guide_c01_sec .faq_c01_btn {
    font-size: calc(var(--vw) * 11 / 375 * 100);
  }
}
.myp_faq_c01_sec .faq_c01_btn:after, .myp_guide_c01_sec .faq_c01_btn:after {
  content: "";
  display: inline-block;
  width: calc(var(--vw) * 8 / 1240 * 100);
  max-width: 8px;
  height: calc(var(--vw) * 8 / 1240 * 100);
  max-height: 8px;
  border-top: 1px solid #5B3427;
  border-left: 1px solid #5B3427;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-135deg);
  right: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_btn:after, .myp_guide_c01_sec .faq_c01_btn:after {
    width: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_btn:after, .myp_guide_c01_sec .faq_c01_btn:after {
    height: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_c01_btn:after, .myp_guide_c01_sec .faq_c01_btn:after {
    right: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_btn:after, .myp_guide_c01_sec .faq_c01_btn:after {
    right: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_btn:after, .myp_guide_c01_sec .faq_c01_btn:after {
    right: calc(var(--vw) * 15 / 375 * 100);
  }
}
.myp_faq_c01_sec .faq_c01_box, .myp_faq_c01_sec .guide_c01_box, .myp_guide_c01_sec .faq_c01_box, .myp_guide_c01_sec .guide_c01_box {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_c01_box, .myp_faq_c01_sec .guide_c01_box, .myp_guide_c01_sec .faq_c01_box, .myp_guide_c01_sec .guide_c01_box {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box, .myp_faq_c01_sec .guide_c01_box, .myp_guide_c01_sec .faq_c01_box, .myp_guide_c01_sec .guide_c01_box {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box, .myp_faq_c01_sec .guide_c01_box, .myp_guide_c01_sec .faq_c01_box, .myp_guide_c01_sec .guide_c01_box {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
.myp_faq_c01_sec .faq_c01_box .faq_c01_box_group, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_group, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_group, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_group, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_group, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_group, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_group, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_group {
  margin-top: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_c01_box .faq_c01_box_group, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_group, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_group, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_group, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_group, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_group, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_group, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_group {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box .faq_c01_box_group, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_group, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_group, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_group, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_group, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_group, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_group, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_group {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box .faq_c01_box_group, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_group, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_group, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_group, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_group, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_group, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_group, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_group {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
.myp_faq_c01_sec .faq_c01_box .faq_c01_box_group:first-child, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_group:first-child, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_group:first-child, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_group:first-child, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_group:first-child, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_group:first-child, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_group:first-child, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_group:first-child {
  margin-top: 0;
}
.myp_faq_c01_sec .faq_c01_box .faq_c01_box_list, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list {
  margin-top: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_c01_box .faq_c01_box_list, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box .faq_c01_box_list, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
.myp_faq_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block {
  border: 0;
  border-top: 1px solid #E8E8E8;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}
.myp_faq_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block:last-child, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block:last-child, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block:last-child, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block:last-child, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block:last-child, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block:last-child, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block:last-child, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block:last-child {
  border-bottom: 1px solid #E8E8E8;
}
.myp_faq_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .ac_ttl, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .ac_ttl, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .ac_ttl, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .ac_ttl, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .ac_ttl, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .ac_ttl, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl {
  padding-right: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .ac_ttl, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .ac_ttl, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .ac_ttl, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .ac_ttl, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .ac_ttl, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .ac_ttl, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl {
    padding-right: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .ac_ttl, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .ac_ttl, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .ac_ttl, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .ac_ttl, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .ac_ttl, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .ac_ttl, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl {
    padding-right: calc(var(--vw) * 30 / 375 * 100);
  }
}
.myp_faq_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .ac_ttl .t01, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .ac_ttl .t01, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .ac_ttl .t01, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .ac_ttl .t01, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .ac_ttl .t01, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .ac_ttl .t01, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .ac_ttl .t01, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .ac_ttl .t01, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .ac_ttl .t01, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .ac_ttl .t01, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .ac_ttl .t01, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .ac_ttl .t01, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .ac_ttl .t01, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .ac_ttl .t01, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .ac_ttl .t01, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .ac_ttl .t01, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.myp_faq_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .hide_txt {
  padding-top: calc(var(--vw) * 20 / 1240 * 100);
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .hide_txt {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .hide_txt {
    padding-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .hide_txt {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .hide_txt {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .hide_txt, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .hide_txt {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.myp_faq_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .hide_txt a, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .hide_txt a, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .hide_txt a, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .hide_txt a, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .hide_txt a, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .hide_txt a, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .hide_txt a, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .hide_txt a {
  color: #009DFF;
}
.myp_faq_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .hide_txt a:hover, .myp_faq_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .hide_txt a:hover, .myp_faq_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .hide_txt a:hover, .myp_faq_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .hide_txt a:hover, .myp_guide_c01_sec .faq_c01_box .faq_c01_box_list > li.ac_block .hide_txt a:hover, .myp_guide_c01_sec .faq_c01_box .guide_c01_box_list > li.ac_block .hide_txt a:hover, .myp_guide_c01_sec .guide_c01_box .faq_c01_box_list > li.ac_block .hide_txt a:hover, .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .hide_txt a:hover {
  text-decoration: underline;
}
.myp_faq_c01_sec .faq_img_box, .myp_guide_c01_sec .faq_img_box {
  margin-top: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_img_box, .myp_guide_c01_sec .faq_img_box {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_img_box, .myp_guide_c01_sec .faq_img_box {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_img_box, .myp_guide_c01_sec .faq_img_box {
    width: 100%;
    aspect-ratio: 16/9;
  }
}
.myp_faq_c01_sec .faq_img_box iframe, .myp_guide_c01_sec .faq_img_box iframe {
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
  max-width: 100%;
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_img_box iframe, .myp_guide_c01_sec .faq_img_box iframe {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_img_box iframe, .myp_guide_c01_sec .faq_img_box iframe {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_img_box iframe, .myp_guide_c01_sec .faq_img_box iframe {
    width: 100%;
    height: 100%;
  }
}
.myp_faq_c01_sec .faq_c01_box_in, .myp_guide_c01_sec .faq_c01_box_in {
  margin-top: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_c01_box_in, .myp_guide_c01_sec .faq_c01_box_in {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box_in, .myp_guide_c01_sec .faq_c01_box_in {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
.myp_faq_c01_sec .faq_c01_box_in .ttl01, .myp_guide_c01_sec .faq_c01_box_in .ttl01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 0.5em;
  margin-bottom: 0.8em;
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_c01_box_in .ttl01, .myp_guide_c01_sec .faq_c01_box_in .ttl01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box_in .ttl01, .myp_guide_c01_sec .faq_c01_box_in .ttl01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box_in .ttl01, .myp_guide_c01_sec .faq_c01_box_in .ttl01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.myp_faq_c01_sec .faq_c01_box_in .ttl02, .myp_guide_c01_sec .faq_c01_box_in .ttl02 {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-bottom: 0.8em;
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_c01_box_in .ttl02, .myp_guide_c01_sec .faq_c01_box_in .ttl02 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box_in .ttl02, .myp_guide_c01_sec .faq_c01_box_in .ttl02 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box_in .ttl02, .myp_guide_c01_sec .faq_c01_box_in .ttl02 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.myp_faq_c01_sec .faq_c01_box_in a, .myp_guide_c01_sec .faq_c01_box_in a {
  color: #009DFF;
}
.myp_faq_c01_sec .faq_c01_box_in a:hover, .myp_guide_c01_sec .faq_c01_box_in a:hover {
  text-decoration: underline;
}
.myp_faq_c01_sec .faq_c01_box_in a.arrow_btn, .myp_guide_c01_sec .faq_c01_box_in a.arrow_btn {
  display: inline-block;
  font-weight: 600;
  text-decoration: underline;
  padding-left: 1.6em;
  position: relative;
  margin-top: 1em;
}
.myp_faq_c01_sec .faq_c01_box_in a.arrow_btn:before, .myp_guide_c01_sec .faq_c01_box_in a.arrow_btn:before {
  content: "";
  display: inline-block;
  width: calc(var(--vw) * 21 / 1240 * 100);
  max-width: 21px;
  height: calc(var(--vw) * 21 / 1240 * 100);
  max-height: 21px;
  background: url(../img/mypage/arrow_btn.png) 0 0/cover no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box_in a.arrow_btn:before, .myp_guide_c01_sec .faq_c01_box_in a.arrow_btn:before {
    width: calc(var(--vw) * 21 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box_in a.arrow_btn:before, .myp_guide_c01_sec .faq_c01_box_in a.arrow_btn:before {
    height: calc(var(--vw) * 21 / 375 * 100);
  }
}
.myp_faq_c01_sec .faq_c01_box_in .txt01, .myp_faq_c01_sec .faq_c01_box_in a, .myp_guide_c01_sec .faq_c01_box_in .txt01, .myp_guide_c01_sec .faq_c01_box_in a {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_faq_c01_sec .faq_c01_box_in .txt01, .myp_faq_c01_sec .faq_c01_box_in a, .myp_guide_c01_sec .faq_c01_box_in .txt01, .myp_guide_c01_sec .faq_c01_box_in a {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box_in .txt01, .myp_faq_c01_sec .faq_c01_box_in a, .myp_guide_c01_sec .faq_c01_box_in .txt01, .myp_guide_c01_sec .faq_c01_box_in a {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_faq_c01_sec .faq_c01_box_in .txt01, .myp_faq_c01_sec .faq_c01_box_in a, .myp_guide_c01_sec .faq_c01_box_in .txt01, .myp_guide_c01_sec .faq_c01_box_in a {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}

.myp_pp_c01_sec {
  padding-bottom: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_pp_c01_sec {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_pp_c01_sec {
    padding-bottom: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_pp_c01_sec {
    padding-bottom: calc(var(--vw) * 60 / 375 * 100);
  }
}
.myp_pp_c01_sec .block {
  margin-top: calc(var(--vw) * 60 / 1240 * 100);
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  line-height: 1.66;
}
@media screen and (min-width: 1240px) {
  .myp_pp_c01_sec .block {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_pp_c01_sec .block {
    margin-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_pp_c01_sec .block {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
.myp_pp_c01_sec .block:first-child {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_pp_c01_sec .block:first-child {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_pp_c01_sec .block:first-child {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_pp_c01_sec .block:first-child {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
.myp_pp_c01_sec .block .myp_ttl02 {
  margin-bottom: 0.8em;
  line-height: 1.3;
}
@media screen and (min-width: 1240px) {
  .myp_pp_c01_sec .block {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_pp_c01_sec .block {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_pp_c01_sec .block {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.myp_pp_c01_sec .block .txt {
  margin-top: 1.2em;
}
.myp_pp_c01_sec .block .txt:first-of-type {
  margin-top: 0;
}
.myp_pp_c01_sec .block ol {
  margin-top: 1.2em;
}

@media screen and (max-width: 767.98px) {
  .myp_company_c01_sec .myp_list01 li .myp_list01_txt p:nth-child(2) {
    margin-top: 0;
  }
}

@media screen and (max-width: 767.98px) {
  .myp_tradelaw_c01_sec .myp_list01 li .myp_list01_txt p:nth-child(2) {
    margin-top: 0;
  }
}

.myp_tablelist_block {
  margin-top: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_tablelist_block {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_tablelist_block {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_tablelist_block {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_tablelist_block:first-child {
  margin-top: 0;
}
.myp_tablelist_block .t01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-bottom: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_tablelist_block .t01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_tablelist_block .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_tablelist_block .t01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_tablelist_block .t01 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_tablelist_block .t01 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_tablelist_block .t01 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_tablelist_block .list_wrap01 {
  position: relative;
  word-break: break-all;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .myp_tablelist_block .list_wrap01 {
    flex-direction: column;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_tablelist_block .list_wrap01 .myp_list01_txt {
    width: 100%;
    flex-direction: row;
  }
  .myp_tablelist_block .list_wrap01 .myp_list01_txt p {
    margin-top: 0;
  }
  .myp_tablelist_block .list_wrap01 .myp_list01_txt p:first-child {
    width: 40%;
  }
  .myp_tablelist_block .list_wrap01 .myp_list01_txt p:nth-child(2) {
    width: 60%;
  }
}
.myp_tablelist_block .list01 {
  width: 100%;
}
.myp_tablelist_block .list01 li:first-child {
  border-top: 1px solid #EDEDED;
}

.myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01 {
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_c01_box .guide_c01_box_list > li.ac_block .ac_ttl .t01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
.myp_guide_c01_sec .guide_cell {
  margin-top: 2em;
}
.myp_guide_c01_sec .guide_cell:first-child {
  margin-top: 0;
}
.myp_guide_c01_sec .guide_cell .guide_subttl01 {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-bottom: 1em;
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec .guide_cell .guide_subttl01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_cell .guide_subttl01 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_cell .guide_subttl01 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.myp_guide_c01_sec .guide_cell .guide_subttl02 {
  font-weight: 600;
  font-size: calc(var(--vw) * 20 / 1240 * 100);
  margin-bottom: 1em;
  padding-left: calc(var(--vw) * 25 / 1240 * 100);
  position: relative;
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec .guide_cell .guide_subttl02 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_cell .guide_subttl02 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_cell .guide_subttl02 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec .guide_cell .guide_subttl02 {
    padding-left: 25px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_cell .guide_subttl02 {
    padding-left: calc(var(--vw) * 25 / 375 * 100);
  }
}
.myp_guide_c01_sec .guide_cell .guide_subttl02:before {
  content: "";
  width: calc(var(--vw) * 20 / 1240 * 100);
  max-width: 20px;
  height: calc(var(--vw) * 20 / 1240 * 100);
  max-height: 20px;
  display: inline-block;
  background: #5B3427;
  position: absolute;
  top: 0.2em;
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_cell .guide_subttl02:before {
    width: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_cell .guide_subttl02:before {
    height: calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_guide_c01_sec .guide_cell > p {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  line-height: 1.625;
  margin-top: 1em;
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec .guide_cell > p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_cell > p {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_cell > p {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.myp_guide_c01_sec .guide_cell > p:first-of-type {
  margin-top: 0;
}
.myp_guide_c01_sec .guide_info {
  border: 1px solid #ddd;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  line-height: 1.625;
  padding: 1em;
  margin: 1em 0;
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec .guide_info {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_info {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_info {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
.myp_guide_c01_sec ol.guide_c01_transition {
  counter-reset: number 0;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 9.25%;
  margin-top: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec ol.guide_c01_transition {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition {
    gap: calc(var(--vw) * 18 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition {
    flex-direction: column;
  }
}
.myp_guide_c01_sec ol.guide_c01_transition li {
  width: 18%;
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition li {
    width: 100%;
  }
}
.myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num {
  font-weight: 600;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  position: relative;
  padding-left: calc(var(--vw) * 35 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num {
    padding-left: 35px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num {
    padding-left: calc(var(--vw) * 35 / 375 * 100);
  }
}
.myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num:before {
  content: "";
  width: calc(var(--vw) * 25 / 1240 * 100);
  max-width: 25px;
  height: calc(var(--vw) * 25 / 1240 * 100);
  max-height: 25px;
  display: inline-block;
  border: 1px solid #AA8066;
  border-radius: 50%;
  background: #F4E7DB;
  position: absolute;
  top: -0.2em;
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num:before {
    width: calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num:before {
    height: calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num:before {
    width: calc(var(--vw) * 25 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num:before {
    height: calc(var(--vw) * 25 / 375 * 100);
    max-height: 100%;
  }
}
.myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num:after {
  counter-increment: number 1;
  content: counter(number);
  text-align: center;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(var(--vw) * 25 / 1240 * 100);
  max-width: 25px;
  height: calc(var(--vw) * 25 / 1240 * 100);
  max-height: 25px;
  font-weight: 600;
  font-size: calc(var(--vw) * 10 / 1240 * 100);
  position: absolute;
  top: -0.2em;
  left: 0.15em;
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num:after {
    width: calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num:after {
    height: calc(var(--vw) * 25 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num:after {
    width: calc(var(--vw) * 25 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num:after {
    height: calc(var(--vw) * 25 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num:after {
    font-size: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_num:after {
    font-size: calc(var(--vw) * 10 / 375 * 100);
  }
}
.myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_txt {
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  margin-top: 0.5em;
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_txt {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_txt {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec ol.guide_c01_transition li .guide_c01_t_txt {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.myp_guide_c01_sec .guide_cell_wrap {
  margin-top: calc(var(--vw) * 80 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec .guide_cell_wrap {
    margin-top: 80px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_cell_wrap {
    margin-top: calc(var(--vw) * 80 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_cell_wrap {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
.myp_guide_c01_sec .guide_cell_wrap:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_cell_wrap .slider_cont {
    margin: 0 calc(50% - var(--vw) * 50);
    overflow-x: hidden;
  }
}
.myp_guide_c01_sec .guide_slider_wrap {
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_slider_wrap {
    margin-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_slider_wrap {
    margin-right: calc(var(--vw) * 20 / 375 * 100);
  }
}
.myp_guide_c01_sec .guide_slider_wrap .swiper-button-next, .myp_guide_c01_sec .guide_slider_wrap .swiper-button-prev {
  position: absolute;
  top: calc(var(--vw) * 140 / 1240 * 100);
  width: calc(var(--vw) * 40 / 1240 * 100);
  max-width: 40px;
  height: calc(var(--vw) * 40 / 1240 * 100);
  max-height: 40px;
  margin-top: 0;
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec .guide_slider_wrap .swiper-button-next, .myp_guide_c01_sec .guide_slider_wrap .swiper-button-prev {
    top: 140px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_slider_wrap .swiper-button-next, .myp_guide_c01_sec .guide_slider_wrap .swiper-button-prev {
    top: calc(var(--vw) * 140 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_slider_wrap .swiper-button-next, .myp_guide_c01_sec .guide_slider_wrap .swiper-button-prev {
    top: calc(var(--vw) * 260 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_slider_wrap .swiper-button-next, .myp_guide_c01_sec .guide_slider_wrap .swiper-button-prev {
    width: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_slider_wrap .swiper-button-next, .myp_guide_c01_sec .guide_slider_wrap .swiper-button-prev {
    height: calc(var(--vw) * 40 / 375 * 100);
  }
}
.myp_guide_c01_sec .guide_slider_wrap .swiper-button-next {
  right: calc(var(--vw) * -20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec .guide_slider_wrap .swiper-button-next {
    right: -20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_slider_wrap .swiper-button-next {
    right: calc(var(--vw) * -20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_slider_wrap .swiper-button-next {
    right: calc(var(--vw) * -15 / 375 * 100);
  }
}
.myp_guide_c01_sec .guide_slider_wrap .swiper-button-next:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/common/slide_next.png) 0 0/cover no-repeat;
}
.myp_guide_c01_sec .guide_slider_wrap .swiper-button-prev {
  left: calc(var(--vw) * -20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec .guide_slider_wrap .swiper-button-prev {
    left: -20px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_slider_wrap .swiper-button-prev {
    left: calc(var(--vw) * -20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_slider_wrap .swiper-button-prev {
    left: calc(var(--vw) * -15 / 375 * 100);
  }
}
.myp_guide_c01_sec .guide_slider_wrap .swiper-button-prev:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/common/slide_prev.png) 0 0/cover no-repeat;
}
.myp_guide_c01_sec .guide_slider_wrap .guide_slide_img img {
  vertical-align: bottom;
}
.myp_guide_c01_sec .guide_slider_wrap .guide_slide_txt .guide_step {
  display: inline-block;
  border: 1px solid #AA8066;
  border-radius: calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100) calc(var(--vw) * 4 / 1240 * 100);
  line-height: 1;
  padding: 0.4em 0.6em;
  margin-top: 1em;
  font-weight: 600;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec .guide_slider_wrap .guide_slide_txt .guide_step {
    border-radius: 4px 4px 4px 4px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_slider_wrap .guide_slide_txt .guide_step {
    border-radius: calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100) calc(var(--vw) * 4 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec .guide_slider_wrap .guide_slide_txt .guide_step {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_slider_wrap .guide_slide_txt .guide_step {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_slider_wrap .guide_slide_txt .guide_step {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
.myp_guide_c01_sec .guide_slider_wrap .guide_slide_txt .guide_step_t {
  margin-top: 0.6em;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .myp_guide_c01_sec .guide_slider_wrap .guide_slide_txt .guide_step_t {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_slider_wrap .guide_slide_txt .guide_step_t {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  .myp_guide_c01_sec .guide_slider_wrap .guide_slide_txt .guide_step_t {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}

#sns {
  padding-top: calc(var(--vw) * 110 / 1240 * 100);
  padding-bottom: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  #sns {
    padding-top: 110px;
  }
}
@media screen and (max-width: 767.98px) {
  #sns {
    padding-top: calc(var(--vw) * 110 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #sns {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  #sns {
    padding-bottom: calc(var(--vw) * 100 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #sns {
    padding-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #sns {
    padding-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}
#sns .sns_ttl {
  text-align: center;
}
#sns .sns_ttl .img {
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
}
@media screen and (max-width: 767.98px) {
  #sns .sns_ttl .img {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #sns .sns_ttl .img {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #sns .sns_ttl .img {
    width: calc(var(--vw) * 24 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  #sns .sns_ttl .img {
    height: calc(var(--vw) * 24 / 375 * 100);
    max-height: 100%;
  }
}
#sns .sns_ttl .txt {
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-top: calc(var(--vw) * 30 / 1240 * 100);
  font-size: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  #sns .sns_ttl .txt {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  #sns .sns_ttl .txt {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  #sns .sns_ttl .txt {
    font-size: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  #sns .sns_ttl .txt {
    font-size: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #sns .sns_ttl .txt {
    margin-top: calc(var(--vw) * 8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #sns .sns_ttl .txt {
    font-size: calc(var(--vw) * 18 / 375 * 100);
  }
}
#sns .list {
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  #sns .list {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  #sns .list {
    margin-top: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #sns .list {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
#sns .list li {
  margin-left: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  #sns .list li {
    margin-left: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  #sns .list li {
    margin-left: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #sns .list li {
    margin-left: calc(var(--vw) * 20 / 375 * 100);
  }
}
#sns .list li:first-child {
  margin-left: 0;
}
#sns .list li a {
  transition: opacity 0.4s;
  opacity: 1;
}
#sns .list li a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
#sns .list li a img.sns_ln {
  width: calc(var(--vw) * 46 / 1240 * 100);
  max-width: 46px;
}
@media screen and (max-width: 767.98px) {
  #sns .list li a img.sns_ln {
    width: calc(var(--vw) * 46 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #sns .list li a img.sns_ln {
    width: calc(var(--vw) * 26 / 375 * 100);
    max-width: 100%;
  }
}
#sns .list li a img.sns_ig {
  width: calc(var(--vw) * 47 / 1240 * 100);
  max-width: 47px;
}
@media screen and (max-width: 767.98px) {
  #sns .list li a img.sns_ig {
    width: calc(var(--vw) * 47 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #sns .list li a img.sns_ig {
    width: calc(var(--vw) * 26 / 375 * 100);
    max-width: 100%;
  }
}
#sns .list li a img.sns_yt {
  width: calc(var(--vw) * 55 / 1240 * 100);
  max-width: 55px;
}
@media screen and (max-width: 767.98px) {
  #sns .list li a img.sns_yt {
    width: calc(var(--vw) * 55 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #sns .list li a img.sns_yt {
    width: calc(var(--vw) * 31 / 375 * 100);
    max-width: 100%;
  }
}
#sns .list li a img.sns_tw {
  width: calc(var(--vw) * 46 / 1240 * 100);
  max-width: 46px;
}
@media screen and (max-width: 767.98px) {
  #sns .list li a img.sns_tw {
    width: calc(var(--vw) * 46 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #sns .list li a img.sns_tw {
    width: calc(var(--vw) * 26 / 375 * 100);
    max-width: 100%;
  }
}

#pagetop {
  z-index: 10;
  cursor: pointer;
  bottom: 10px;
  position: fixed;
  right: calc(var(--vw) * 10 / 1240 * 100);
  width: calc(var(--vw) * 60 / 1240 * 100);
  max-width: 60px;
  height: calc(var(--vw) * 60 / 1240 * 100);
  max-height: 60px;
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  #pagetop {
    right: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  #pagetop {
    right: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #pagetop {
    width: calc(var(--vw) * 60 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  #pagetop {
    height: calc(var(--vw) * 60 / 375 * 100);
  }
}
#pagetop:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
#pagetop:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/pagetop.png) 0 0/cover no-repeat;
}
#pagetop.none {
  display: none !important;
}

footer#footer {
  position: relative;
  z-index: 2;
  background: #E7CEB5;
  font-weight: 600;
  border-radius: calc(var(--vw) * 100 / 1240 * 100) calc(var(--vw) * 100 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  footer#footer {
    border-radius: 100px 100px 0px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer {
    border-radius: calc(var(--vw) * 100 / 375 * 100) calc(var(--vw) * 100 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer {
    border-radius: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
footer#footer .inner {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
}
footer#footer .footer_logo_wrap {
  padding-top: calc(var(--vw) * 40 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1240px) {
  footer#footer .footer_logo_wrap {
    padding-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .footer_logo_wrap {
    padding-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .footer_logo_wrap {
    padding-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .footer_logo_wrap {
    flex-direction: column;
  }
}
footer#footer .footer_logo {
  width: calc(var(--vw) * 240 / 1240 * 100);
  max-width: 240px;
}
@media screen and (max-width: 767.98px) {
  footer#footer .footer_logo {
    width: calc(var(--vw) * 240 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .footer_logo {
    width: calc(var(--vw) * 168 / 375 * 100);
    max-width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .footer_logo {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  footer#footer .footer_logo {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}
footer#footer .wrap {
  padding: calc(var(--vw) * 70 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100) calc(var(--vw) * 90 / 1240 * 100) calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  footer#footer .wrap {
    padding: 70px 40px 90px 40px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .wrap {
    padding: calc(var(--vw) * 70 / 375 * 100) calc(var(--vw) * 40 / 375 * 100) calc(var(--vw) * 90 / 375 * 100) calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  footer#footer .wrap {
    padding: 70px 10px 90px 10px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .wrap {
    padding: calc(var(--vw) * 30 / 375 * 100) calc(var(--vw) * 20 / 375 * 100) calc(var(--vw) * 50 / 375 * 100) calc(var(--vw) * 20 / 375 * 100);
  }
}
footer#footer .list01 {
  display: -ms-flex;
  display: flex;
}
@media screen and (max-width: 767.98px) {
  footer#footer .list01 {
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  footer#footer .list01 {
    gap: calc(var(--vw) * 14 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
footer#footer .list01 li {
  color: #fff;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  margin-left: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  footer#footer .list01 li {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list01 li {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list01 li {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  footer#footer .list01 li {
    margin-left: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list01 li {
    margin-left: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list01 li {
    margin-left: calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list01 li {
    width: 50%;
  }
}
footer#footer .list01 li:first-child {
  margin-left: 0;
}
footer#footer .list01 li a {
  color: #3B2B2F;
  padding-bottom: 0.25em;
  background: linear-gradient(#785A5A, #785A5A) 0 100%/0 1px no-repeat;
  transition: background 0.4s;
  text-decoration: none;
}
footer#footer .list01 li a:hover {
  background-size: 100% 1px;
}
footer#footer .list02_wrap {
  margin-top: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  footer#footer .list02_wrap {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list02_wrap {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list02_wrap {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
footer#footer .list02_wrap .txt {
  color: rgba(59, 43, 47, 0.58);
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  footer#footer .list02_wrap .txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list02_wrap .txt {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list02_wrap .txt {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
footer#footer .list02_wrap .list02 {
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--vw) * 9 / 1240 * 100) calc(var(--vw) * 9 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  footer#footer .list02_wrap .list02 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list02_wrap .list02 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list02_wrap .list02 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  footer#footer .list02_wrap .list02 {
    gap: 9px 9px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list02_wrap .list02 {
    gap: calc(var(--vw) * 9 / 375 * 100) calc(var(--vw) * 9 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list02_wrap .list02 {
    gap: calc(var(--vw) * 5 / 375 * 100) calc(var(--vw) * 5 / 375 * 100);
  }
}
footer#footer .list02_wrap .list02 li {
  width: 13.6%;
  line-height: 1;
}
@media screen and (min-width: 1240px) {
  footer#footer .list02_wrap .list02 li {
    width: 11.8548387097%;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list02_wrap .list02 li {
    width: 23.8805970149%;
  }
}
footer#footer .list02_wrap .list02 li a {
  transition: opacity 0.4s;
  opacity: 1;
}
footer#footer .list02_wrap .list02 li a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
footer#footer .list03_wrap {
  font-size: calc(var(--vw) * 12 / 1240 * 100);
  margin-top: calc(var(--vw) * 50 / 1240 * 100);
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (min-width: 1240px) {
  footer#footer .list03_wrap {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  footer#footer .list03_wrap {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap {
    flex-direction: column;
  }
}
footer#footer .list03_wrap .list03_01 {
  display: -ms-flex;
  display: flex;
  flex-shrink: 0;
  gap: calc(var(--vw) * 9 / 1240 * 100) calc(var(--vw) * 9 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  footer#footer .list03_wrap .list03_01 {
    gap: 9px 9px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 {
    gap: calc(var(--vw) * 9 / 375 * 100) calc(var(--vw) * 9 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 {
    gap: calc(var(--vw) * 13 / 375 * 100) calc(var(--vw) * 13 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 {
    width: 100%;
  }
}
footer#footer .list03_wrap .list03_01 li {
  color: #5B3427;
  text-align: center;
  font-size: calc(var(--vw) * 16 / 1240 * 100);
  width: calc(var(--vw) * 146 / 1240 * 100);
  max-width: 146px;
  line-height: 1;
  background: #AA8066;
  border-radius: calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100) calc(var(--vw) * 6 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  footer#footer .list03_wrap .list03_01 li {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li {
    width: calc(var(--vw) * 146 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  footer#footer .list03_wrap .list03_01 li {
    border-radius: 6px 6px 6px 6px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li {
    border-radius: calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100) calc(var(--vw) * 6 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li {
    width: 22.0895522388%;
  }
}
footer#footer .list03_wrap .list03_01 li a {
  color: #fff;
  display: block;
  padding: calc(var(--vw) * 17 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 17 / 1240 * 100) calc(var(--vw) * 0 / 1240 * 100);
  transition: opacity 0.4s;
  opacity: 1;
}
@media screen and (min-width: 1240px) {
  footer#footer .list03_wrap .list03_01 li a {
    padding: 17px 0px 17px 0px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li a {
    padding: calc(var(--vw) * 17 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 17 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li a {
    padding: calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 12 / 375 * 100) calc(var(--vw) * 0 / 375 * 100);
  }
}
footer#footer .list03_wrap .list03_01 li a:hover {
  transition: opacity 0.4s;
  opacity: 0.7;
}
footer#footer .list03_wrap .list03_01 li span {
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(var(--vw) * 27 / 1240 * 100);
  max-height: 27px;
  margin-bottom: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li span {
    height: calc(var(--vw) * 27 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li span {
    height: calc(var(--vw) * 27 / 375 * 100);
    max-height: 100%;
  }
}
@media screen and (min-width: 1240px) {
  footer#footer .list03_wrap .list03_01 li span {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li span {
    margin-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li span {
    margin-bottom: calc(var(--vw) * 12 / 375 * 100);
  }
}
footer#footer .list03_wrap .list03_01 li img {
  margin: 0 auto;
}
footer#footer .list03_wrap .list03_01 li img.icon_guide {
  width: calc(var(--vw) * 17.8 / 1240 * 100);
  max-width: 17.8px;
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li img.icon_guide {
    width: calc(var(--vw) * 17.8 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li img.icon_guide {
    width: calc(var(--vw) * 17.8 / 375 * 100);
    max-width: 100%;
  }
}
footer#footer .list03_wrap .list03_01 li img.icon_faq {
  width: calc(var(--vw) * 23.3 / 1240 * 100);
  max-width: 23.3px;
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li img.icon_faq {
    width: calc(var(--vw) * 23.3 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li img.icon_faq {
    width: calc(var(--vw) * 24.3 / 375 * 100);
    max-width: 100%;
  }
}
footer#footer .list03_wrap .list03_01 li img.icon_form {
  width: calc(var(--vw) * 23.3 / 1240 * 100);
  max-width: 23.3px;
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li img.icon_form {
    width: calc(var(--vw) * 23.3 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li img.icon_form {
    width: calc(var(--vw) * 23.3 / 375 * 100);
    max-width: 100%;
  }
}
footer#footer .list03_wrap .list03_01 li img.icon_corp {
  width: calc(var(--vw) * 19.2 / 1240 * 100);
  max-width: 19.2px;
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li img.icon_corp {
    width: calc(var(--vw) * 19.2 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_01 li img.icon_corp {
    width: calc(var(--vw) * 19.2 / 375 * 100);
    max-width: 100%;
  }
}
footer#footer .list03_wrap .list03_02_wrap {
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_02_wrap {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
footer#footer .list03_wrap .list03_02 {
  line-height: 1;
  display: -ms-flex;
  display: flex;
  justify-content: flex-end;
  gap: calc(var(--vw) * 0 / 1240 * 100) calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  footer#footer .list03_wrap .list03_02 {
    gap: 0px 30px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_02 {
    gap: calc(var(--vw) * 0 / 375 * 100) calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_02 {
    width: 100%;
    flex-direction: column;
    text-align: center;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_02 li {
    margin-top: calc(var(--vw) * 16 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .list03_wrap .list03_02 li:first-child {
    margin-top: calc(var(--vw) * 0 / 375 * 100);
  }
}
footer#footer .list03_wrap .list03_02 li a {
  color: #3B2B2F;
  padding-bottom: 0.25em;
  background: linear-gradient(#785A5A, #785A5A) 0 100%/0 1px no-repeat;
  transition: background 0.4s;
  text-decoration: none;
}
footer#footer .list03_wrap .list03_02 li a:hover {
  background-size: 100% 1px;
}
footer#footer .copyright {
  color: #3B2B2F;
  margin-top: calc(var(--vw) * 26 / 1240 * 100);
  text-align: right;
  font-size: calc(var(--vw) * 12 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  footer#footer .copyright {
    margin-top: 26px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .copyright {
    margin-top: calc(var(--vw) * 26 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .copyright {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}
@media screen and (min-width: 1240px) {
  footer#footer .copyright {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .copyright {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  footer#footer .copyright {
    text-align: center;
  }
}

.disc {
  padding-left: 1.2em;
}
.disc li {
  list-style: disc;
  margin-top: 0.5em;
}
.disc li:first-child {
  margin-top: 0;
}

.decimal {
  padding-left: 1.2em;
}
.decimal li {
  list-style: decimal;
  margin-top: 0.5em;
}
.decimal li:first-child {
  margin-top: 0;
}

.regular {
  font-weight: 400;
}

.bold {
  font-weight: 600;
}

.tdeco_under {
  text-decoration: underline;
}

.center {
  margin-left: auto !important;
  margin-right: auto !important;
}

.align_center {
  text-align: center !important;
}

.align_right {
  text-align: right !important;
}

.align_left {
  text-align: left !important;
  text-align: justify !important;
}

.align_left_noj {
  text-align: left !important;
}

@media screen and (max-width: 767.98px) {
  .sp_align_center {
    text-align: center !important;
  }
}

@media screen and (max-width: 767.98px) {
  .sp_align_right {
    text-align: right !important;
  }
}

@media screen and (max-width: 767.98px) {
  .sp_align_left {
    text-align: left !important;
    text-align: justify !important;
  }
}

.dblock {
  display: block !important;
}

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

@media screen and (max-width: 767.98px) {
  .spblock {
    display: block;
    min-width: 0 !important;
    width: auto !important;
  }
}

@media screen and (max-width: 767.98px) {
  .sptable {
    display: table !important;
  }
}

.relative {
  position: relative;
}

.fz10 {
  font-size: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz10 {
    font-size: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz10 {
    font-size: calc(var(--vw) * 10 / 375 * 100);
  }
}

.fz11 {
  font-size: calc(var(--vw) * 11 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz11 {
    font-size: 11px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz11 {
    font-size: calc(var(--vw) * 11 / 375 * 100);
  }
}

.fz12 {
  font-size: calc(var(--vw) * 12 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz12 {
    font-size: 12px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz12 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}

.fz13 {
  font-size: calc(var(--vw) * 13 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz13 {
    font-size: 13px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz13 {
    font-size: calc(var(--vw) * 13 / 375 * 100);
  }
}

.fz14 {
  font-size: calc(var(--vw) * 14 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz14 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz14 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}

.fz15 {
  font-size: calc(var(--vw) * 15 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz15 {
    font-size: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz15 {
    font-size: calc(var(--vw) * 15 / 375 * 100);
  }
}

.fz16 {
  font-size: calc(var(--vw) * 16 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz16 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz16 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}

.fz17 {
  font-size: calc(var(--vw) * 17 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz17 {
    font-size: 17px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz17 {
    font-size: calc(var(--vw) * 17 / 375 * 100);
  }
}

.fz18 {
  font-size: calc(var(--vw) * 18 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz18 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz18 {
    font-size: calc(var(--vw) * 18 / 375 * 100);
  }
}

.fz19 {
  font-size: calc(var(--vw) * 19 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz19 {
    font-size: 19px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz19 {
    font-size: calc(var(--vw) * 19 / 375 * 100);
  }
}

.fz20 {
  font-size: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz20 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz20 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}

.fz21 {
  font-size: calc(var(--vw) * 21 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz21 {
    font-size: 21px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz21 {
    font-size: calc(var(--vw) * 21 / 375 * 100);
  }
}

.fz22 {
  font-size: calc(var(--vw) * 22 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz22 {
    font-size: 22px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz22 {
    font-size: calc(var(--vw) * 22 / 375 * 100);
  }
}

.fz23 {
  font-size: calc(var(--vw) * 23 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz23 {
    font-size: 23px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz23 {
    font-size: calc(var(--vw) * 23 / 375 * 100);
  }
}

.fz24 {
  font-size: calc(var(--vw) * 24 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz24 {
    font-size: 24px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz24 {
    font-size: calc(var(--vw) * 24 / 375 * 100);
  }
}

.fz25 {
  font-size: calc(var(--vw) * 25 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz25 {
    font-size: 25px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz25 {
    font-size: calc(var(--vw) * 25 / 375 * 100);
  }
}

.fz26 {
  font-size: calc(var(--vw) * 26 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz26 {
    font-size: 26px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz26 {
    font-size: calc(var(--vw) * 26 / 375 * 100);
  }
}

.fz27 {
  font-size: calc(var(--vw) * 27 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz27 {
    font-size: 27px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz27 {
    font-size: calc(var(--vw) * 27 / 375 * 100);
  }
}

.fz28 {
  font-size: calc(var(--vw) * 28 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz28 {
    font-size: 28px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz28 {
    font-size: calc(var(--vw) * 28 / 375 * 100);
  }
}

.fz29 {
  font-size: calc(var(--vw) * 29 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz29 {
    font-size: 29px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz29 {
    font-size: calc(var(--vw) * 29 / 375 * 100);
  }
}

.fz30 {
  font-size: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz30 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz30 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}

.fz31 {
  font-size: calc(var(--vw) * 31 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz31 {
    font-size: 31px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz31 {
    font-size: calc(var(--vw) * 31 / 375 * 100);
  }
}

.fz32 {
  font-size: calc(var(--vw) * 32 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz32 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz32 {
    font-size: calc(var(--vw) * 32 / 375 * 100);
  }
}

.fz33 {
  font-size: calc(var(--vw) * 33 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz33 {
    font-size: 33px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz33 {
    font-size: calc(var(--vw) * 33 / 375 * 100);
  }
}

.fz34 {
  font-size: calc(var(--vw) * 34 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz34 {
    font-size: 34px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz34 {
    font-size: calc(var(--vw) * 34 / 375 * 100);
  }
}

.fz35 {
  font-size: calc(var(--vw) * 35 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz35 {
    font-size: 35px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz35 {
    font-size: calc(var(--vw) * 35 / 375 * 100);
  }
}

.fz36 {
  font-size: calc(var(--vw) * 36 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz36 {
    font-size: 36px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz36 {
    font-size: calc(var(--vw) * 36 / 375 * 100);
  }
}

.fz37 {
  font-size: calc(var(--vw) * 37 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz37 {
    font-size: 37px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz37 {
    font-size: calc(var(--vw) * 37 / 375 * 100);
  }
}

.fz38 {
  font-size: calc(var(--vw) * 38 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz38 {
    font-size: 38px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz38 {
    font-size: calc(var(--vw) * 38 / 375 * 100);
  }
}

.fz39 {
  font-size: calc(var(--vw) * 39 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz39 {
    font-size: 39px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz39 {
    font-size: calc(var(--vw) * 39 / 375 * 100);
  }
}

.fz40 {
  font-size: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .fz40 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .fz40 {
    font-size: calc(var(--vw) * 40 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz10 {
    font-size: calc(var(--vw) * 10 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz11 {
    font-size: calc(var(--vw) * 11 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz12 {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz13 {
    font-size: calc(var(--vw) * 13 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz14 {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz15 {
    font-size: calc(var(--vw) * 15 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz16 {
    font-size: calc(var(--vw) * 16 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz17 {
    font-size: calc(var(--vw) * 17 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz18 {
    font-size: calc(var(--vw) * 18 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz19 {
    font-size: calc(var(--vw) * 19 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz20 {
    font-size: calc(var(--vw) * 20 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz21 {
    font-size: calc(var(--vw) * 21 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz22 {
    font-size: calc(var(--vw) * 22 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz23 {
    font-size: calc(var(--vw) * 23 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz24 {
    font-size: calc(var(--vw) * 24 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz25 {
    font-size: calc(var(--vw) * 25 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz26 {
    font-size: calc(var(--vw) * 26 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz27 {
    font-size: calc(var(--vw) * 27 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz28 {
    font-size: calc(var(--vw) * 28 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz29 {
    font-size: calc(var(--vw) * 29 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz30 {
    font-size: calc(var(--vw) * 30 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz31 {
    font-size: calc(var(--vw) * 31 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz32 {
    font-size: calc(var(--vw) * 32 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz33 {
    font-size: calc(var(--vw) * 33 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz34 {
    font-size: calc(var(--vw) * 34 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz35 {
    font-size: calc(var(--vw) * 35 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz36 {
    font-size: calc(var(--vw) * 36 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz37 {
    font-size: calc(var(--vw) * 37 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz38 {
    font-size: calc(var(--vw) * 38 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz39 {
    font-size: calc(var(--vw) * 39 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spfz40 {
    font-size: calc(var(--vw) * 40 / 375 * 100);
  }
}

.mt0 {
  margin-top: calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mt0 {
    margin-top: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .mt0 {
    margin-top: calc(var(--vw) * 0 / 375 * 100);
  }
}

.mt10 {
  margin-top: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mt10 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .mt10 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}

.mt20 {
  margin-top: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mt20 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .mt20 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}

.mt30 {
  margin-top: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mt30 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .mt30 {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}

.mt40 {
  margin-top: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mt40 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .mt40 {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}

.mt50 {
  margin-top: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mt50 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .mt50 {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}

.mt60 {
  margin-top: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mt60 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .mt60 {
    margin-top: calc(var(--vw) * 60 / 375 * 100);
  }
}

.mt70 {
  margin-top: calc(var(--vw) * 70 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mt70 {
    margin-top: 70px;
  }
}
@media screen and (max-width: 767.98px) {
  .mt70 {
    margin-top: calc(var(--vw) * 70 / 375 * 100);
  }
}

.mt80 {
  margin-top: calc(var(--vw) * 80 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mt80 {
    margin-top: 80px;
  }
}
@media screen and (max-width: 767.98px) {
  .mt80 {
    margin-top: calc(var(--vw) * 80 / 375 * 100);
  }
}

.mt90 {
  margin-top: calc(var(--vw) * 90 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mt90 {
    margin-top: 90px;
  }
}
@media screen and (max-width: 767.98px) {
  .mt90 {
    margin-top: calc(var(--vw) * 90 / 375 * 100);
  }
}

.mt100 {
  margin-top: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mt100 {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .mt100 {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}

.mt110 {
  margin-top: calc(var(--vw) * 110 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mt110 {
    margin-top: 110px;
  }
}
@media screen and (max-width: 767.98px) {
  .mt110 {
    margin-top: calc(var(--vw) * 110 / 375 * 100);
  }
}

.mt120 {
  margin-top: calc(var(--vw) * 120 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mt120 {
    margin-top: 120px;
  }
}
@media screen and (max-width: 767.98px) {
  .mt120 {
    margin-top: calc(var(--vw) * 120 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmt0 {
    margin-top: calc(var(--vw) * 0 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmt10 {
    margin-top: calc(var(--vw) * 10 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmt20 {
    margin-top: calc(var(--vw) * 20 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmt30 {
    margin-top: calc(var(--vw) * 30 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmt40 {
    margin-top: calc(var(--vw) * 40 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmt50 {
    margin-top: calc(var(--vw) * 50 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmt60 {
    margin-top: calc(var(--vw) * 60 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmt70 {
    margin-top: calc(var(--vw) * 70 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmt80 {
    margin-top: calc(var(--vw) * 80 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmt90 {
    margin-top: calc(var(--vw) * 90 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmt100 {
    margin-top: calc(var(--vw) * 100 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmt110 {
    margin-top: calc(var(--vw) * 110 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmt120 {
    margin-top: calc(var(--vw) * 120 / 375 * 100);
  }
}

.mb0 {
  margin-bottom: calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mb0 {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .mb0 {
    margin-bottom: calc(var(--vw) * 0 / 375 * 100);
  }
}

.mb10 {
  margin-bottom: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mb10 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .mb10 {
    margin-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}

.mb20 {
  margin-bottom: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mb20 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .mb20 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}

.mb30 {
  margin-bottom: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mb30 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .mb30 {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}

.mb40 {
  margin-bottom: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mb40 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .mb40 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}

.mb50 {
  margin-bottom: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mb50 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .mb50 {
    margin-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}

.mb60 {
  margin-bottom: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mb60 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .mb60 {
    margin-bottom: calc(var(--vw) * 60 / 375 * 100);
  }
}

.mb70 {
  margin-bottom: calc(var(--vw) * 70 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mb70 {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 767.98px) {
  .mb70 {
    margin-bottom: calc(var(--vw) * 70 / 375 * 100);
  }
}

.mb80 {
  margin-bottom: calc(var(--vw) * 80 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mb80 {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767.98px) {
  .mb80 {
    margin-bottom: calc(var(--vw) * 80 / 375 * 100);
  }
}

.mb90 {
  margin-bottom: calc(var(--vw) * 90 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mb90 {
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 767.98px) {
  .mb90 {
    margin-bottom: calc(var(--vw) * 90 / 375 * 100);
  }
}

.mb100 {
  margin-bottom: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mb100 {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .mb100 {
    margin-bottom: calc(var(--vw) * 100 / 375 * 100);
  }
}

.mb110 {
  margin-bottom: calc(var(--vw) * 110 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mb110 {
    margin-bottom: 110px;
  }
}
@media screen and (max-width: 767.98px) {
  .mb110 {
    margin-bottom: calc(var(--vw) * 110 / 375 * 100);
  }
}

.mb120 {
  margin-bottom: calc(var(--vw) * 120 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mb120 {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 767.98px) {
  .mb120 {
    margin-bottom: calc(var(--vw) * 120 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmb0 {
    margin-bottom: calc(var(--vw) * 0 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmb10 {
    margin-bottom: calc(var(--vw) * 10 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmb20 {
    margin-bottom: calc(var(--vw) * 20 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmb30 {
    margin-bottom: calc(var(--vw) * 30 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmb40 {
    margin-bottom: calc(var(--vw) * 40 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmb50 {
    margin-bottom: calc(var(--vw) * 50 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmb60 {
    margin-bottom: calc(var(--vw) * 60 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmb70 {
    margin-bottom: calc(var(--vw) * 70 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmb80 {
    margin-bottom: calc(var(--vw) * 80 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmb90 {
    margin-bottom: calc(var(--vw) * 90 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmb100 {
    margin-bottom: calc(var(--vw) * 100 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmb110 {
    margin-bottom: calc(var(--vw) * 110 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmb120 {
    margin-bottom: calc(var(--vw) * 120 / 375 * 100);
  }
}

.ml0 {
  margin-left: calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .ml0 {
    margin-left: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .ml0 {
    margin-left: calc(var(--vw) * 0 / 375 * 100);
  }
}

.ml10 {
  margin-left: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .ml10 {
    margin-left: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .ml10 {
    margin-left: calc(var(--vw) * 10 / 375 * 100);
  }
}

.ml20 {
  margin-left: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .ml20 {
    margin-left: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .ml20 {
    margin-left: calc(var(--vw) * 20 / 375 * 100);
  }
}

.ml30 {
  margin-left: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .ml30 {
    margin-left: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .ml30 {
    margin-left: calc(var(--vw) * 30 / 375 * 100);
  }
}

.ml40 {
  margin-left: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .ml40 {
    margin-left: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .ml40 {
    margin-left: calc(var(--vw) * 40 / 375 * 100);
  }
}

.ml50 {
  margin-left: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .ml50 {
    margin-left: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .ml50 {
    margin-left: calc(var(--vw) * 50 / 375 * 100);
  }
}

.ml60 {
  margin-left: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .ml60 {
    margin-left: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .ml60 {
    margin-left: calc(var(--vw) * 60 / 375 * 100);
  }
}

.ml70 {
  margin-left: calc(var(--vw) * 70 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .ml70 {
    margin-left: 70px;
  }
}
@media screen and (max-width: 767.98px) {
  .ml70 {
    margin-left: calc(var(--vw) * 70 / 375 * 100);
  }
}

.ml80 {
  margin-left: calc(var(--vw) * 80 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .ml80 {
    margin-left: 80px;
  }
}
@media screen and (max-width: 767.98px) {
  .ml80 {
    margin-left: calc(var(--vw) * 80 / 375 * 100);
  }
}

.ml90 {
  margin-left: calc(var(--vw) * 90 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .ml90 {
    margin-left: 90px;
  }
}
@media screen and (max-width: 767.98px) {
  .ml90 {
    margin-left: calc(var(--vw) * 90 / 375 * 100);
  }
}

.ml100 {
  margin-left: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .ml100 {
    margin-left: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .ml100 {
    margin-left: calc(var(--vw) * 100 / 375 * 100);
  }
}

.ml110 {
  margin-left: calc(var(--vw) * 110 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .ml110 {
    margin-left: 110px;
  }
}
@media screen and (max-width: 767.98px) {
  .ml110 {
    margin-left: calc(var(--vw) * 110 / 375 * 100);
  }
}

.ml120 {
  margin-left: calc(var(--vw) * 120 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .ml120 {
    margin-left: 120px;
  }
}
@media screen and (max-width: 767.98px) {
  .ml120 {
    margin-left: calc(var(--vw) * 120 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spml0 {
    margin-left: calc(var(--vw) * 0 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spml10 {
    margin-left: calc(var(--vw) * 10 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spml20 {
    margin-left: calc(var(--vw) * 20 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spml30 {
    margin-left: calc(var(--vw) * 30 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spml40 {
    margin-left: calc(var(--vw) * 40 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spml50 {
    margin-left: calc(var(--vw) * 50 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spml60 {
    margin-left: calc(var(--vw) * 60 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spml70 {
    margin-left: calc(var(--vw) * 70 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spml80 {
    margin-left: calc(var(--vw) * 80 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spml90 {
    margin-left: calc(var(--vw) * 90 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spml100 {
    margin-left: calc(var(--vw) * 100 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spml110 {
    margin-left: calc(var(--vw) * 110 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spml120 {
    margin-left: calc(var(--vw) * 120 / 375 * 100);
  }
}

.mr0 {
  margin-right: calc(var(--vw) * 0 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mr0 {
    margin-right: 0px;
  }
}
@media screen and (max-width: 767.98px) {
  .mr0 {
    margin-right: calc(var(--vw) * 0 / 375 * 100);
  }
}

.mr10 {
  margin-right: calc(var(--vw) * 10 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mr10 {
    margin-right: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .mr10 {
    margin-right: calc(var(--vw) * 10 / 375 * 100);
  }
}

.mr20 {
  margin-right: calc(var(--vw) * 20 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mr20 {
    margin-right: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .mr20 {
    margin-right: calc(var(--vw) * 20 / 375 * 100);
  }
}

.mr30 {
  margin-right: calc(var(--vw) * 30 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mr30 {
    margin-right: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .mr30 {
    margin-right: calc(var(--vw) * 30 / 375 * 100);
  }
}

.mr40 {
  margin-right: calc(var(--vw) * 40 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mr40 {
    margin-right: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .mr40 {
    margin-right: calc(var(--vw) * 40 / 375 * 100);
  }
}

.mr50 {
  margin-right: calc(var(--vw) * 50 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mr50 {
    margin-right: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .mr50 {
    margin-right: calc(var(--vw) * 50 / 375 * 100);
  }
}

.mr60 {
  margin-right: calc(var(--vw) * 60 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mr60 {
    margin-right: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .mr60 {
    margin-right: calc(var(--vw) * 60 / 375 * 100);
  }
}

.mr70 {
  margin-right: calc(var(--vw) * 70 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mr70 {
    margin-right: 70px;
  }
}
@media screen and (max-width: 767.98px) {
  .mr70 {
    margin-right: calc(var(--vw) * 70 / 375 * 100);
  }
}

.mr80 {
  margin-right: calc(var(--vw) * 80 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mr80 {
    margin-right: 80px;
  }
}
@media screen and (max-width: 767.98px) {
  .mr80 {
    margin-right: calc(var(--vw) * 80 / 375 * 100);
  }
}

.mr90 {
  margin-right: calc(var(--vw) * 90 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mr90 {
    margin-right: 90px;
  }
}
@media screen and (max-width: 767.98px) {
  .mr90 {
    margin-right: calc(var(--vw) * 90 / 375 * 100);
  }
}

.mr100 {
  margin-right: calc(var(--vw) * 100 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mr100 {
    margin-right: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .mr100 {
    margin-right: calc(var(--vw) * 100 / 375 * 100);
  }
}

.mr110 {
  margin-right: calc(var(--vw) * 110 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mr110 {
    margin-right: 110px;
  }
}
@media screen and (max-width: 767.98px) {
  .mr110 {
    margin-right: calc(var(--vw) * 110 / 375 * 100);
  }
}

.mr120 {
  margin-right: calc(var(--vw) * 120 / 1240 * 100);
}
@media screen and (min-width: 1240px) {
  .mr120 {
    margin-right: 120px;
  }
}
@media screen and (max-width: 767.98px) {
  .mr120 {
    margin-right: calc(var(--vw) * 120 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmr0 {
    margin-right: calc(var(--vw) * 0 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmr10 {
    margin-right: calc(var(--vw) * 10 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmr20 {
    margin-right: calc(var(--vw) * 20 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmr30 {
    margin-right: calc(var(--vw) * 30 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmr40 {
    margin-right: calc(var(--vw) * 40 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmr50 {
    margin-right: calc(var(--vw) * 50 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmr60 {
    margin-right: calc(var(--vw) * 60 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmr70 {
    margin-right: calc(var(--vw) * 70 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmr80 {
    margin-right: calc(var(--vw) * 80 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmr90 {
    margin-right: calc(var(--vw) * 90 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmr100 {
    margin-right: calc(var(--vw) * 100 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmr110 {
    margin-right: calc(var(--vw) * 110 / 375 * 100);
  }
}

@media screen and (max-width: 767.98px) {
  .spmr120 {
    margin-right: calc(var(--vw) * 120 / 375 * 100);
  }
}

.w10 {
  width: 10%;
}

.w20 {
  width: 20%;
}

.w30 {
  width: 30%;
}

.w40 {
  width: 40%;
}

.w50 {
  width: 50%;
}

.w60 {
  width: 60%;
}

.w70 {
  width: 70%;
}

.w80 {
  width: 80%;
}

.w90 {
  width: 90%;
}

.w100 {
  width: 100%;
}

@media screen and (max-width: 767.98px) {
  .spw10 {
    width: 10%;
  }
}

@media screen and (max-width: 767.98px) {
  .spw20 {
    width: 20%;
  }
}

@media screen and (max-width: 767.98px) {
  .spw30 {
    width: 30%;
  }
}

@media screen and (max-width: 767.98px) {
  .spw40 {
    width: 40%;
  }
}

@media screen and (max-width: 767.98px) {
  .spw50 {
    width: 50%;
  }
}

@media screen and (max-width: 767.98px) {
  .spw60 {
    width: 60%;
  }
}

@media screen and (max-width: 767.98px) {
  .spw70 {
    width: 70%;
  }
}

@media screen and (max-width: 767.98px) {
  .spw80 {
    width: 80%;
  }
}

@media screen and (max-width: 767.98px) {
  .spw90 {
    width: 90%;
  }
}

@media screen and (max-width: 767.98px) {
  .spw100 {
    width: 100%;
  }
}

@media screen and (max-width: 767.98px) {
  .tbpc-only {
    display: none !important;
  }
}

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

body {
  position: relative;
  z-index: 1;
  color: #3B2B2F;
  line-height: 1.5;
  letter-spacing: 0.05em;
  background-color: #fff;
  font-family: "Roboto", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  font-weight: 400;
  font-size: calc(var(--vw) * 14 / 1240 * 100);
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
  overflow-x: hidden;
  text-align: left;
  text-align: justify;
}
@media screen and (min-width: 1240px) {
  body {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.98px) {
  body {
    font-size: calc(var(--vw) * 14 / 375 * 100);
  }
}
@media screen and (max-width: 767.98px) {
  body {
    width: 100%;
    line-height: 1.58;
    min-width: inherit;
  }
}
@media screen and (max-width: 767.98px) and (max-width: 767.98px) {
  body {
    font-size: calc(var(--vw) * 12 / 375 * 100);
  }
}

main {
  position: relative;
}

sup {
  font-size: 0.7em;
  vertical-align: top;
}

a, button {
  text-decoration: none;
  color: #3B2B2F;
}

img {
  width: 100%;
}

a.color {
  color: #009DFF;
}
a.color:hover {
  text-decoration: underline;
}

a.fade,
div.fade,
input.fade {
  transition: opacity 0.4s;
  opacity: 1;
}
a.fade:hover,
div.fade:hover,
input.fade:hover {
  opacity: 0.6;
}

.yt {
  width: 100%;
  aspect-ratio: 16/9;
}
.yt iframe {
  width: 100%;
  height: 100%;
}