@charset "UTF-8";
/* reset */
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic; /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number] {
  width: auto; /* Firefox 36+ */
}

[type=search] {
  -webkit-appearance: textfield; /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

/* vars  */
body {
  font-size: 14px;
  line-height: 1.4;
  color: #231815;
  margin: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

p {
  margin: 0;
}

a {
  text-decoration: none;
  color: #231815;
}

ol,
ul,
dl {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  margin: 0;
}

.pc {
  display: none;
}

@media print, screen and (min-width: 769px) {
  body {
    font-size: 21px;
    line-height: 1.75;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 21px;
    line-height: 1.75;
  }
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
}
.Top2023.-open {
  overflow: hidden;
}

.Top2023__content {
  padding: 0 20px;
}

@media print, screen and (min-width: 769px) {
  .Top2023__content {
    max-width: 1200px;
    padding: 0 50px;
    margin: 0 auto;
  }
}
.en {
  font-family: "Poppins", sans-serif;
  font-size: 30px;
}

@media print, screen and (min-width: 769px) {
  .en {
    font-size: 60px;
  }
}
.Request__inner {
  padding: 25px 20px 0;
}

.Request__kv {
  padding-top: 10px;
}

.Request__kvInner {
  margin-bottom: 40px;
}

.Request__kvTitle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.Request__kvTitleMain {
  font-family: "Poppins", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.04em;
}

.Request__kvTitleSub {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}

.Request__kvText {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  letter-spacing: -0.05em;
}
.Request__kvText.-red {
  color: #e60012;
}

.Request__cardInner {
  margin-bottom: 60px;
}

.Request__cardItemLink {
  display: flex;
  align-items: center;
  border: 1px solid #231815;
  margin-bottom: 10px;
  padding: 10px 13px;
}

.Request__cardImage {
  flex: 0 0 34%;
  margin: 10px;
}

.Request__cardHead {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}

.Request__cardText {
  font-size: 12px;
}
.Request__cardText span {
  letter-spacing: -0.35em;
}

.Request__discountInner {
  padding: 20px 10px;
  text-align: center;
  background-color: #fadf4b;
  margin-bottom: 40px;
  position: relative;
}
.Request__discountInner::before {
  content: "";
  display: block;
  background-image: url(../images/request/discount_off.png);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 44px;
  height: 51px;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-350%);
}
.Request__discountInner::after {
  content: "";
  display: block;
  background-image: url(../images/request/discount_shirt.png);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 63px;
  height: 40px;
  position: absolute;
  top: 3px;
  right: 50%;
  transform: translateX(263%);
}

.Request__discountTextMain {
  font-size: 22px;
  font-weight: 700;
  display: inline-block;
  margin: auto;
}

.Request__discountTextLarge {
  font-family: "Poppins", sans-serif;
  font-size: 26px;
  color: #e60012;
}

.Request__discountTextSub {
  font-size: 14px;
  margin-bottom: 20px;
}

.Request__discountLink {
  max-width: 340px;
  margin: 0 auto;
  background-color: #231815;
  border-radius: 30px;
}

.Request__discountLinkText {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  padding: 15px 0;
}

.Request__flowInner {
  background-color: #efefef;
  padding: 30px 10px;
}

.Request__flowTitle {
  text-align: center;
  margin-bottom: 20px;
}

.Request__flowTitleMain {
  display: block;
  font-size: 23px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1;
}

.Request__flowTitleSub {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}

.Request__faqInner {
  padding: 40px 15px;
  margin-bottom: 60px;
}

.Request__title {
  font-size: 23px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px;
}

.Request__titleSub {
  display: block;
  font-size: 14px;
  font-weight: bold;
}

.Request__faqText {
  text-align: center;
  font-size: 14px;
}

.Request__faqLink {
  color: #0090d5;
  text-decoration: underline;
}
.Request__faqLink.-green {
  color: #50af33;
}

.Request__faqList {
  margin: 30px 0 40px;
}

.Request__faqItem {
  font-size: 12px;
}

.Request__faqQuestion {
  font-weight: bold;
  padding: 17px 25px 17px 28px;
  border-bottom: 1px solid #251716;
  position: relative;
}
.Request__faqQuestion::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../images/home/icon_q.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 8px;
  height: 35px;
  left: 8px;
  width: 14px;
}
.Request__faqQuestion::after {
  content: "＋";
  display: block;
  position: absolute;
  color: #fff;
  -webkit-text-stroke: 1px #0090d5;
  right: 7px;
  top: 18px;
  font-size: 15px;
  font-weight: bold;
}
.Request__faqQuestion.-active::after {
  content: "－";
  display: block;
  position: absolute;
  color: #fff;
  -webkit-text-stroke: 1px #0090d5;
  right: 7px;
  top: 15px;
  font-size: 15px;
  font-weight: bold;
}

.Request__faqAnswer {
  padding: 17px 28px;
  background-color: #f5f8fd;
  position: relative;
  display: none;
  line-height: 1.75;
}

.Request__faqAnswerGroup {
  display: block;
  margin-bottom: 27px;
}

.Request__faqBtnLink {
  display: block;
  font-size: 18px;
  font-weight: bold;
  background-color: #0090d5;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  width: 250px;
  height: 65px;
  line-height: 65px;
  border-radius: 50px;
}

/* -------------------------- */
/* - - - - - - pc - - - - - - */
/* -------------------------- */
@media print, screen and (min-width: 769px) {
  .Request__inner {
    max-width: 1000px;
    padding: 135px 20px 0;
    margin: 0 auto;
  }
  .Request__kv {
    padding-top: 100px;
  }
  .Request__kvInner {
    margin-bottom: 75px;
  }
  .Request__kvTitle {
    margin-bottom: 60px;
  }
  .Request__kvTitleMain {
    font-size: 90px;
    line-height: 1.1;
  }
  .Request__kvTitleSub {
    font-size: 30px;
    line-height: 1.5;
  }
  .Request__kvText {
    font-size: 26px;
    line-height: 1.5;
    letter-spacing: -0.06em;
  }
  .Request__cardInner {
    margin-bottom: 46px;
  }
  .Request__cardList {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 0 20px;
  }
  .Request__cardItem {
    flex: 0 0 220px;
  }
  .Request__cardItemLink {
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    padding: 30px 10px;
    transition: 300ms;
  }
  .Request__cardItemLink:hover {
    opacity: 0.7;
  }
  .Request__cardImage {
    margin: 0 0 30px;
    width: 100%;
    flex: 0;
  }
  .Request__cardTextWrap {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .Request__cardHead {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 54px;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 15px;
  }
  .Request__cardText {
    font-size: 14px;
    padding: 0 10px;
  }
  .Request__discountInner {
    margin-bottom: 80px;
    padding: 39px 20px 30px;
  }
  .Request__discountInner::before {
    width: 124px;
    height: 120px;
    top: 65px;
    left: 50%;
    transform: translateX(-342%);
  }
  .Request__discountInner::after {
    width: 160px;
    height: 100px;
    top: 85px;
    right: 50%;
    transform: translateX(270%);
  }
  .Request__discountTextMain {
    display: block;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: 0.1em;
  }
  .Request__discountTextLarge {
    font-size: 44px;
  }
  .Request__discountTextSub {
    font-size: 21px;
    line-height: 1.4;
    margin-bottom: 25px;
  }
  .Request__discountLink {
    max-width: 500px;
    border-radius: 50px;
    transition: 300ms;
  }
  .Request__discountLink:hover {
    opacity: 0.7;
  }
  .Request__discountLinkText {
    font-size: 26px;
    padding: 9px 0;
  }
  .Request__flowInner {
    padding: 80px 70px 70px;
    margin-bottom: 100px;
  }
  .Request__flowTitleMain {
    font-size: 40px;
    margin-bottom: 25px;
  }
  .Request__flowTitleSub {
    font-size: 21px;
    margin-bottom: 35px;
  }
  .Request__faqInner {
    padding: 0 90px;
  }
  .Request__title {
    font-size: 40px;
    line-height: 1.4;
    margin-bottom: 30px;
  }
  .Request__titleSub {
    font-size: 24px;
  }
  .Request__faqLink {
    transition: 300ms;
  }
  .Request__faqLink:hover {
    opacity: 0.7;
  }
  .Request__faqList {
    margin: 60px 0;
  }
  .Request__faqItem {
    font-size: 20px;
  }
  .Request__faqQuestion {
    padding: 20px 70px;
  }
  .Request__faqQuestion::before {
    left: 15px;
    width: 30px;
    top: 20px;
  }
  .Request__faqQuestion::after, .Request__faqQuestion.-active::after {
    font-size: 30px;
    top: 11px;
  }
  .Request__faqAnswer {
    padding: 20px 70px;
  }
  .Request__faqAnswer::before {
    top: 20px;
    left: 15px;
    width: 30px;
    height: 35px;
  }
  .Request__faqBtLink {
    transition: 300ms;
  }
  .Request__faqBtnLink:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .Request__discountInner::before {
    width: 70px;
    transform: translateX(-502%);
  }
  .Request__discountInner::after {
    width: 80px;
    transform: translateX(420%);
  }
  .Request__cardList {
    flex-direction: column;
    gap: 20px 0;
  }
  .Request__cardItemLink {
    display: flex;
    border: 1px solid #231815;
    margin-bottom: 10px;
    padding: 30px 13px;
    flex-direction: row;
  }
  .Request__cardImage {
    flex: 0 0 24%;
    margin: 10px;
  }
  .Request__cardHead {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .Request__cardText {
    font-size: 17px;
  }
}
/* vender */
/* blocks */
/* - - - - - - - - - - - - - - -
　　　　　　　Brand
- - - - - - - - - - - - - - - */
.Brand__inner {
  margin-bottom: 100px;
}

.Brand__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px 2%;
  margin-top: 30px;
}

.Brand__item {
  flex: 0 0 29%;
}

.Brand__link {
  display: block;
  border: 1px solid #000;
  background-color: #fff;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Brand__inner {
    margin-bottom: 200px;
  }
  .Brand__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 80px 80px;
    margin-top: 70px;
  }
  .Brand__item {
    flex: 0 0 22%;
  }
  .Brand__link {
    display: block;
    transition: 300ms;
  }
  .Brand__link:hover {
    opacity: 0.7;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　Btn
- - - - - - - - - - - - - - - */
.Btn__link {
  display: block;
  font-size: 18px;
  font-weight: bold;
  background-color: #0090d5;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  width: 250px;
  height: 65px;
  line-height: 65px;
  border-radius: 50px;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Btn {
    width: 100%;
  }
  .Btn__link {
    font-size: 30px;
    transition: 300ms;
    width: 340px;
    height: 80px;
    line-height: 80px;
  }
  .Btn__link.-how {
    font-size: 26px;
    max-width: 415px;
    height: 70px;
    line-height: 70px;
    width: 100%;
  }
  .Btn__link:hover {
    opacity: 0.7;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　　Card
- - - - - - - - - - - - - - - */
.Card__list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 12px;
  margin-bottom: 35px;
}
.Card__list.-history {
  display: block;
}

.Card__list.-ranking {
  gap: 80px 12px;
}

.Card__item {
  flex: 0 0 48%;
  position: relative;
}
.Card__item.--history {
  flex: none;
}

.Card__link {
  display: block;
}
.Card__link:before {
  content: "";
  position: absolute;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  left: -5px;
  top: -55px;
  width: 126px;
  height: 83px;
}
.Card__link.-ranking1::before {
  background-image: url(../images/home/ranking_number01.png);
}
.Card__link.-ranking2::before {
  background-image: url(../images/home/ranking_number02.png);
}
.Card__link.-ranking3::before {
  background-image: url(../images/home/ranking_number03.png);
}
.Card__link.-ranking4::before {
  background-image: url(../images/home/ranking_number04.png);
}

.Card__image {
  margin-bottom: 15px;
}

.Card__title {
  text-align: center;
  margin-bottom: 10px;
  font-size: 13px;
}

.Card__price {
  text-align: center;
  margin-bottom: 10px;
  font-size: 11px;
}

.Card__text {
  font-size: 12px;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Card__list {
    flex-wrap: nowrap;
    margin-top: 60px;
    margin-bottom: 110px;
  }
  .Card__list.-ranking {
    margin-top: 130px;
  }
  .Card__item {
    flex: 0 0 24.2%;
  }
  .Card__link {
    transition: 300ms;
  }
  .Card__link::before {
    left: -5px;
    top: -74px;
    max-width: 196px;
    width: 100%;
    height: 107px;
  }
  .Card__link:hover {
    opacity: 0.7;
  }
  .Card__image {
    margin-bottom: 20px;
  }
  .Card__title {
    font-size: 17px;
  }
  .Card__price {
    font-size: 15px;
  }
  .Card__text {
    font-size: 17px;
    line-height: 1.5;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　　Card2
- - - - - - - - - - - - - - - */
.Card2__list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 12px;
  margin-bottom: 35px;
}

.Card2__item {
  flex: 0 0 48%;
}

.Card2__link {
  display: block;
}

.Card2__image {
  margin-bottom: 15px;
}

.Card2__title {
  text-align: center;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: bold;
}

.Card2__text {
  font-size: 12px;
}

.Card2__text.-center {
  text-align: center;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Card2__list {
    flex-wrap: nowrap;
    margin-top: 60px;
    margin-bottom: 110px;
  }
  .Card2__item {
    flex: 0 0 24.2%;
  }
  .Card2__link {
    transition: 300ms;
  }
  .Card2__link:hover {
    opacity: 0.7;
  }
  .Card2__image {
    margin-bottom: 20px;
  }
  .Card2__title {
    font-size: 17px;
  }
  .Card2__text {
    font-size: 17px;
    line-height: 1.5;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　　Card3
- - - - - - - - - - - - - - - */
.Card3__item {
  display: flex;
  align-items: center;
  border: 1px solid #231815;
  margin-bottom: 10px;
  padding: 10px 13px;
}

.Card3__image {
  flex: 0 0 34%;
  margin: 10px;
}

.Card3__head {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

.Card3__text {
  font-size: 12px;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Card3__list {
    display: flex;
    justify-content: center;
    gap: 0 2%;
  }
  .Card3__item {
    flex-direction: column;
    flex: 0 0 21.2%;
    padding: 30px 13px;
  }
  .Card3__image {
    margin: 0;
    width: 83%;
    flex: 0;
  }
  .Card3__image.-reason {
    margin-bottom: 30px;
  }
  .Card3__extWrap {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .Card3__head {
    font-size: 25px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 15px;
  }
  .Card3__text {
    font-size: 17px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .Card3__list {
    flex-direction: column;
  }
  .Card3__item {
    display: flex;
    border: 1px solid #231815;
    margin-bottom: 10px;
    padding: 30px 13px;
    flex-direction: row;
  }
  .Card3__image {
    flex: 0 0 24%;
    margin: 10px;
  }
  .Card3__head {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .Card3__text {
    font-size: 17px;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　Category
- - - - - - - - - - - - - - - */
.Category {
  position: relative;
}

.Category::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: -1.1%;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  background: url(../images/home/bg_category.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
}

.Category__inner {
  margin: 100px auto 60px;
  padding: 70px 10px 0;
  background: #fff;
  border: 2px solid #0090d5;
  border-radius: 4px;
}

.Category__area {
  position: relative;
  z-index: 2;
  margin-top: 50px;
}

.Category__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.Category__item {
  list-style-type: none;
  flex: 0 0 47%;
}

.Category__link {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  transition: 300ms;
}

.Category__arrow {
  width: 10.5px;
  margin-right: 5px;
}

.Category__image {
  width: 40px;
  margin-left: 5px;
  margin-right: 5px;
}

.Category__name {
  width: 80px;
  font-size: 17px;
  font-weight: bold;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Category::before {
    height: 100%;
    width: 100%;
    top: -1.8%;
  }
  .Category__inner {
    padding: 120px 50px 100px;
    border: 6px solid #0090d5;
    margin-bottom: 200px;
  }
  .Category__area {
    margin-top: 80px;
  }
  .Category__item {
    flex: 0 0 30%;
  }
  .Category__link {
    margin-bottom: 40px;
    transition: 300ms;
  }
  .Category__link:hover {
    opacity: 0.7;
  }
  .Category__arrow {
    width: 21px;
    margin-right: 10px;
  }
  .Category__image {
    width: 60px;
    margin-left: 5px;
    margin-right: 10px;
  }
  .Category__name {
    font-size: 20px;
    width: 160px;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　　Coupon
- - - - - - - - - - - - - - - */
.Coupon {
  background-color: #e5e5e5;
  padding: 7px;
  border-radius: 2px;
  margin: 0 auto 15px;
  max-width: 400px;
  position: relative;
}

.Coupon::after {
  content: "";
  position: absolute;
  display: block;
  background-image: url(../images/home/coupon_woman.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  right: 5px;
  bottom: 0;
  width: 39px;
  height: 57px;
}

.Coupon__link {
  display: flex;
  gap: 0 6px;
  justify-content: center;
  background-color: #fff;
  border-radius: 6px;
  padding: 10px 0 5px;
}

.Coupon__textWrap {
  margin-left: -15px;
}

.Coupon__title {
  color: #0090d5;
  font-size: 17px;
  font-weight: bold;
}

.Coupon__text {
  font-size: 10px;
  letter-spacing: -0.07em;
}

.Coupon__image {
  flex: 0 0 30%;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Coupon {
    max-width: 745px;
    padding: 15px;
    margin: 0 auto 50px;
  }
  .Coupon::after {
    width: 85px;
    height: 124px;
  }
  .Coupon__link {
    border-radius: 14px;
    gap: 0 15px;
    transition: 300ms;
  }
  .Coupon__link:hover {
    opacity: 0.7;
  }
  .Coupon__title {
    font-size: 39px;
    line-height: 1.3;
  }
  .Coupon__text {
    font-size: 23px;
    line-height: 1.3;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　Delivery
- - - - - - - - - - - - - - - */
.Delivery__inner {
  margin-bottom: 60px;
}

.Delivery__text {
  margin-bottom: 30px;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Delivery__inner {
    margin-bottom: 200px;
  }
  .Delivery__text {
    text-align: center;
  }
}
/* - - - - - - - - - - - - - - -
 　　　　　　　　Faq
 - - - - - - - - - - - - - - - */
.Lp .Faq {
  margin: 0 20px;
}

.Faq__inner {
  border: 2px solid #0090d5;
  padding: 40px 15px;
  margin-bottom: 60px;
}

.Faq__list {
  margin: 30px 0 40px;
}

.Faq__item {
  font-size: 12px;
}

.Faq__question {
  font-weight: bold;
  padding: 17px 25px 17px 28px;
  border-bottom: 1px solid #251716;
  position: relative;
}

.Faq__question::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../images/home/icon_q.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 8px;
  height: 35px;
  left: 8px;
  width: 14px;
}

.Faq__question::after {
  content: "＋";
  display: block;
  position: absolute;
  -webkit-text-stroke: 1px #000;
  right: 7px;
  top: 18px;
  font-size: 15px;
  font-weight: bold;
}

.Faq__question.-active::after {
  content: "－";
  display: block;
  position: absolute;
  -webkit-text-stroke: 1px #000;
  right: 7px;
  top: 15px;
  font-size: 15px;
  font-weight: bold;
}

.Faq__answer {
  padding: 17px 28px;
  background-color: #f5f8fd;
  position: relative;
  display: none;
  line-height: 1.75;
}

.Faq__answer::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../images/home/icon_a.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 8px;
  left: 8px;
  width: 14px;
  height: 35px;
}

.Faq__answerGroup {
  display: block;
  margin-bottom: 27px;
}

.Faq__link {
  color: #0090d5;
  text-decoration: underline;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Lp .Faq {
    margin: 0;
  }
  .Lp .Faq .Faq__inner {
    margin-bottom: 120px;
  }
  .Faq__inner {
    margin-bottom: 200px;
    padding: 60px;
  }
  .Faq__list {
    margin: 60px 0;
  }
  .Faq__item {
    font-size: 20px;
  }
  .Faq__question {
    padding: 20px 70px;
    cursor: pointer;
    transition: 300ms;
  }
  .Faq__question:hover {
    opacity: 0.7;
  }
  .Faq__question::before {
    left: 15px;
    width: 30px;
    top: 20px;
  }
  .Faq__question::after {
    font-size: 30px;
    top: 11px;
  }
  .Faq__question.-active::after {
    font-size: 30px;
    top: 11px;
  }
  .Faq__answer {
    padding: 20px 70px;
  }
  .Faq__answer::before {
    top: 20px;
    left: 15px;
    width: 30px;
    height: 35px;
  }
  .Faq__link {
    transition: 300ms;
  }
  .Faq__link:hover {
    opacity: 0.7;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　　Flow
- - - - - - - - - - - - - - - */
.Flow__inner {
  margin-bottom: 60px;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Flow__inner {
    margin-bottom: 200px;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　Footer
- - - - - - - - - - - - - - - */
.Footer {
  background: #ff758b;
}

.Footer__aboutList {
  margin-bottom: 25px;
}

.Footer__aboutItem {
  border-top: 1px solid #000;
}

.Footer__aboutLink {
  display: block;
  padding: 15px 3%;
  font-weight: bold;
  background: #fff url(../images/home/category-arrow01.png) no-repeat center right 3%/10.5px 12.5px;
  transition: 300ms;
}

.Footer__aboutItem:nth-child(2) .Footer__aboutLink {
  background: #fff url(../images/home/category-arrow02.png) no-repeat center right 3%/10.5px 12.5px;
}
.Footer__aboutItem .l-footer_bottom_list_acc {
  background: #fff;
  transition: 300ms;
  position: relative;
}
.Footer__aboutItem .l-footer_bottom_list_acc::after {
  content: "＋";
  display: block;
  position: absolute;
  -webkit-text-stroke: 2px #ff758b;
  right: 9px;
  top: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #ff758b;
}
.Footer__aboutItem .l-footer_bottom_list_acc.is-active::after {
  content: "－";
  display: block;
  position: absolute;
  -webkit-text-stroke: 2px #ff758b;
  right: 9px;
  top: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #ff758b;
}

.Footer__aboutLink:hover {
  opacity: 0.7;
}

.l-footer_bottom_list_item {
  display: block;
  padding: 15px 3%;
  font-weight: bold;
  border-bottom: 1px solid #000;
  background: #fff url(../images/home/category-arrow01.png) no-repeat center right 3%/10.5px 12.5px;
}

.l-footer_bottom_list_container {
  padding: 20px 15px;
  background: #f3f3f3;
}

.l-footer_bottom_list_item_child {
  border-bottom: none;
}

.l-footer_bottom_list_container_child {
  padding: 0;
  background: #f3f3f3;
}
.l-footer_bottom_list_container_child .l-footer_bottom_list_item {
  border-top: 1px solid #000;
  border-bottom: none;
}
.l-footer_bottom_list_container_child .l-footer_bottom_list_links {
  display: flex;
  flex-wrap: wrap;
}
.l-footer_bottom_list_container_child .l-footer_bottom_list_links li {
  padding: 8px 0;
}
.l-footer_bottom_list_container_child .l-footer_bottom_list_links li::after {
  content: "｜";
}

.Footer__banner {
  width: 94%;
  margin: 0 auto 25px;
  padding: 0;
}

.Footer__bannerList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.Footer__bannerItem {
  flex: 0 0 47%;
  max-width: 260px;
}

.Footer__bannerLink {
  display: block;
  margin: 0 5px 10px;
}

.Footer__bannerText {
  font-size: 13px;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 10px;
}

.Footer__snsList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

.Footer__snsItem {
  width: 16%;
  margin: 0 3%;
  max-width: 65px;
}

.Footer__snsLink {
  display: block;
}

.Footer__snsImage {
  display: block;
  margin: 0 auto 5px;
  width: 29px;
}

.Footer__snsText {
  display: block;
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;
  color: #fff;
}

.Footer__association {
  margin-bottom: 20px;
}

.Footer__associationLink {
  display: block;
  width: 200px;
  background-color: #fff;
  padding: 8px;
  margin: 0 auto;
}

.Footer__bottomNav {
  margin-bottom: 10px;
}

.Footer__bottomNavList {
  display: flex;
  justify-content: center;
}

.Footer__bottomNavItem {
  border-left: 1px solid #fff;
}

.Footer__bottomNavItem:last-child {
  border-right: 1px solid #fff;
}

.Footer__bottomNavLink {
  display: block;
  font-size: 12px;
  color: #fff;
  text-align: center;
  padding: 0 20px;
}

.Footer__copy {
  text-align: center;
  color: #fff;
  font-size: 12px;
  padding-bottom: 10px;
}

.Footer__copyLink {
  display: inline-block;
  color: #fff;
}

.Footer__fixed {
  position: fixed;
  height: 80px;
  bottom: -80px;
  left: 0;
  right: 0;
  margin: auto;
  padding: 16px 0;
  background: rgba(0, 0, 0, 0.4);
  transition: 0.2s ease;
  z-index: 3;
}

.Footer__fixed.-active {
  bottom: 0;
}

.Footer__fixedLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  height: 48px;
  font-size: 20px;
  font-weight: bold;
  border-radius: 50px;
  border: 3px solid #000;
  background-color: #fff;
  margin: 0 auto;
}

.Footer__fixedImage {
  width: 17px;
  height: 10px;
  margin-right: 3px;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Footer__inner {
    position: relative;
    padding: 60px 0;
    background: #ff758b;
  }
  .Footer__pageTopLink {
    display: flex;
    align-items: center;
    position: absolute;
    height: 40px;
    right: 20px;
    top: -40px;
    margin: auto;
    padding: 0 40px;
    color: #fff;
    background: #ff758b;
    border-radius: 10px 10px 0 0;
    transition: 200ms ease;
  }
  .Footer__pageTopLink:hover {
    opacity: 0.7;
  }
  .Footer__pageTopImage {
    width: 25px;
    margin-right: 10px;
  }
  .Footer__pageTopText {
    color: #fff;
    font-weight: bold;
  }
  .Footer__navWrap {
    max-width: 1500px;
    margin: 0 auto 50px;
    padding: 0 20px;
  }
  .Footer__nav {
    display: flex;
    justify-content: space-between;
  }
  .Footer__navColumn {
    padding: 0;
  }
  .Footer__columnBorder {
    width: 2px;
    background-color: #fff;
  }
  .Footer__navTitle {
    margin-bottom: 20px;
  }
  .Footer__navTitleLink {
    display: block;
    padding: 5px 20px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #ff758b;
    background: #fff;
    border-radius: 100vw;
  }
  .Footer__navTitleLink:hover {
    opacity: 0.7;
  }
  .Footer__navList {
    margin-bottom: 30px;
  }
  .Footer__navItem {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    position: relative;
  }
  .Footer__navItem::before {
    content: "▶";
    display: inline-block;
    margin-right: 5px;
    font-size: 10px;
    color: #fff;
  }
  .Footer__navList .Footer__navItem {
    position: relative;
  }
  .Footer__navList .Footer__navItem .l-list_pop_menu {
    display: none;
  }
  .Footer__navList .Footer__navItem .l-list_pop_menu li a {
    display: block;
    font-size: 15px;
    color: #fff;
    line-height: 1.6;
    padding: 5px 10px;
  }
  .Footer__navList .Footer__navItem:hover > .l-list_pop_menu {
    display: block;
    position: absolute;
    left: 193px;
    top: 0;
    z-index: 100;
    width: 280px;
    background: #ff758b;
    border: 1px solid #fff;
  }
  .Footer__navLink {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    transition: 300ms;
  }
  .Footer__navLink:hover {
    opacity: 0.7;
  }
  .Footer__banner {
    max-width: 1240px;
  }
  .Footer__bannerList {
    flex-wrap: nowrap;
  }
  .Footer__bannerItem {
    flex: 0 0 20%;
    max-width: 100%;
  }
  .Footer__bannerLink {
    transition: 300ms;
  }
  .Footer__bannerLink:hover {
    opacity: 0.7;
  }
  .Footer__bannerText {
    font-size: 14px;
  }
  .Footer__snsList {
    padding: 25px 0 0;
    margin-bottom: 20px;
  }
  .Footer__snsItem {
    width: 20%;
    margin: 0 4%;
  }
  .Footer__snsLink {
    transition: 300ms;
  }
  .Footer__snsLink:hover {
    opacity: 0.7;
  }
  .Footer__snsImage {
    margin-bottom: 10px;
    width: 58px;
  }
  .Footer__snsText {
    font-size: 14px;
  }
  .Footer__copy {
    font-size: 14px;
  }
  .Footer__copyLink {
    transition: 300ms;
  }
  .Footer__copyLink:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1031px) {
  .Footer__nav {
    flex-wrap: wrap;
  }
  .Footer__navColumn {
    width: 47%;
    position: relative;
    margin-bottom: 30px;
  }
  .Footer__columnBorder {
    display: none;
  }
  .Footer__navColumn:first-child:after,
  .Footer__navColumn:nth-child(5):after {
    content: "";
    display: block;
    width: 2px;
    background: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
}
/* --------------------
* GoTop
* -------------------- */
.GoTop {
  position: fixed;
  bottom: 75px;
  right: 5px;
  z-index: 5;
}
.GoTop .GoTop__link {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #0090d5;
}
.GoTop .GoTop__link:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 50%;
  width: 12px;
  height: 12px;
  border-top: 3px solid #000;
  border-left: 3px solid #000;
  transform: translateX(-50%) rotate(45deg);
}
@media screen and (min-width: 769px) {
  .GoTop {
    bottom: 60px;
    right: 6px;
  }
  .GoTop .GoTop__link {
    width: 60px;
    height: 60px;
    transition: 300ms;
    border: 2px solid #0090d5;
  }
  .GoTop .GoTop__link:before {
    top: 25px;
    width: 16px;
    height: 16px;
    border-top: 3px solid #000;
    border-left: 3px solid #000;
  }
  .GoTop .GoTop__link:hover {
    background-color: #0090d5;
  }
}

/* - - - - - - - - - - - - - - -
　　　　　　　　Guide
- - - - - - - - - - - - - - - */
.Guide__inner {
  margin-bottom: 65px;
}

.Guide__shipping {
  max-width: 500px;
  margin: 0 auto;
}

.Guide__shippingList {
  border: 2px solid #0090d5;
  display: grid;
}

.Guide__shippingItem {
  text-align: center;
}

.Guide__shippingItem.-goods {
  padding-bottom: 5px;
}

.Guide__shippingItem.-item1 {
  grid-row: 1/2;
  grid-column: 1/4;
  padding: 8px 0 2px 40px;
  border-bottom: 1px solid #0090d5;
}

.Guide__shippingItem.-item2 {
  grid-row: 2/3;
  grid-column: 1/2;
  color: #79b343;
  border-right: 1px solid #0090d5;
}

.Guide__shippingItem.-item3 {
  grid-row: 2/3;
  grid-column: 2/3;
  color: #e9332e;
  border-right: 1px solid #0090d5;
}

.Guide__shippingItem.-item4 {
  grid-row: 2/3;
  grid-column: 3/4;
  color: #ed7d3f;
}

.Guide__shippingItem.-item5 {
  grid-row: 3/4;
  grid-column: 1/4;
  background-color: #0090d5;
}

.Guide__shippingGoods {
  font-size: 11px;
  text-align: center;
  width: 95px;
  padding: 2px 0;
  margin: 8px auto 4px;
  border-radius: 50px;
  color: #fff;
}

.Guide__shippingGoods.-goods1 {
  background-color: #79b343;
}

.Guide__shippingGoods.-goods2 {
  background-color: #e9332e;
}

.Guide__shippingGoods.-goods3 {
  background-color: #ed7d3f;
}

.Guide__shippingText {
  font-size: 13px;
}

.Guide__shippingDate {
  font-size: 15px;
  font-weight: bold;
}

.Guide__shippingWeek {
  font-size: 10px;
}

.Guide__shippingNoon {
  font-size: 10px;
  color: #fff;
  background-color: #000;
  padding: 2px 3px;
  border-radius: 1px;
  margin: 0 7px;
}

.Guide__shippingLink {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  padding: 5px 0;
}

.Guide__shippingLink::after {
  content: "";
  display: block;
  background-color: #fff;
  width: 7px;
  height: 8px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.Guide__shippingLinkText {
  margin-right: 5px;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Guide__inner {
    display: flex;
    justify-content: center;
    gap: 0 50px;
    margin-bottom: 85px;
  }
  .Guide__side {
    flex: 0 0 34%;
  }
  .Guide__sideList {
    border-top: 5px solid #0090d5;
    border-bottom: 5px solid #0090d5;
  }
  .Guide__sideItem {
    border-bottom: 2px solid #0090d5;
  }
  .Guide__sideItem:last-child {
    border-bottom: none;
  }
  .Guide__sideLink {
    display: block;
    text-align: center;
    font-weight: bold;
    padding: 39px 0 5px;
    position: relative;
  }
  .Guide__sideLink::before {
    content: "";
    position: absolute;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    transform: translateX(-50%);
    top: 13px;
    width: 26px;
    height: 24px;
  }
  .Guide__sideLink.-guide1::before {
    background-image: url(../images/home/guide-icon01.png);
  }
  .Guide__sideLink.-guide2::before {
    background-image: url(../images/home/guide-icon02.png);
  }
  .Guide__sideLink.-guide3::before {
    background-image: url(../images/home/guide-icon03.png);
  }
  .Guide__shipping {
    flex: 0 0 60%;
    max-width: 100%;
    margin: 0;
  }
  .Guide__shippingList {
    border: 5px solid #0090d5;
  }
  .Guide__shippingItem.-goods {
    padding: 0 10px;
  }
  .Guide__shippingItem.-item1 {
    padding: 8px 0 0 80px;
    border-bottom: 2px solid #0090d5;
  }
  .Guide__shippingItem.-item2 {
    border-right: 2px solid #0090d5;
  }
  .Guide__shippingItem.-item3 {
    border-right: 2px solid #0090d5;
  }
  .Guide__shippingGoods {
    font-size: 24px;
    width: 100%;
    max-width: 210px;
    padding: 0;
    margin: 23px auto 0;
  }
  .Guide__shippingText {
    font-size: 28px;
    font-weight: bold;
  }
  .Guide__shippingText.-top {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .Guide__shippingDate {
    font-size: 34px;
  }
  .Guide__shippingWeek {
    font-size: 22px;
  }
  .Guide__shippingNoon {
    font-size: 21px;
    padding: 0 6px;
    border-radius: 3px;
    margin: 0 18px;
    line-height: 30px;
    height: 30px;
  }
  .Guide__shippingLink {
    font-size: 24px;
    transition: 300ms;
  }
  .Guide__shippingLink:hover {
    opacity: 0.7;
  }
  .Guide__shippingLink::after {
    width: 14px;
    height: 18px;
  }
}
/* 769〜1000px 縦並び */
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .Guide__inner {
    display: block;
  }
  .Guide__side {
    max-width: 550px;
    margin: 0 auto 50px;
  }
  .Guide__shippingGoods {
    font-size: 22px;
    max-width: 190px;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　　Header
- - - - - - - - - - - - - - - */
.Header {
  background-color: #fff;
  height: 60px;
}

.Header__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 5px 10px;
  background: #fff;
  width: 94%;
  margin: 0 auto;
}

.Header__topLogo {
  margin: auto auto auto -10px;
}

.Header__topLogoLink {
  display: block;
  width: 180px;
}

.Header__spTopList {
  display: flex;
}

.Header__spTopSearch {
  width: 30px;
  height: 40px;
  margin: 5px 0;
  background: #fff url(../images/common/header-search_bk_sp.png) no-repeat center/30px 26px;
  border: none;
}

.Header__spTopSearchArea {
  display: none;
  position: absolute;
  width: 100%;
  background: #fff;
  left: 0;
  padding: 0 20px;
  z-index: 2;
}

.Header__spTopSearchInput {
  margin: 30px 0;
  padding: 10px;
  font-size: 18px;
  border: 1px solid #000;
  display: block;
  width: calc(100% - 50px);
  height: 40px;
}

.Header__spTopSearchBtn {
  position: absolute;
  width: 49px;
  height: 40px;
  margin: 5px 0;
  background: #000 url(../images/common/header-search.png) no-repeat center/30px 26px;
  top: 25px;
  right: 22px;
  cursor: pointer;
}

.FixedNav {
  display: none;
  position: fixed;
  width: 100%;
  height: 50px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  z-index: 10;
}

.FixedNav.-active {
  display: block;
}

.FixedNav__list {
  display: flex;
  justify-content: space-between;
  height: 51px;
  border-bottom: 1px solid #000;
}

.FixedNav__item {
  width: 20%;
  padding: 6px 0;
  border-right: 1px solid #000;
}

.FixedNav__item:last-child {
  border-right: 0;
}

.FixedNav__link {
  display: block;
}

.FixedNav__image {
  display: block;
  margin: 0 auto 2px;
  width: 20px;
}

.FixedNav__title {
  display: block;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
}

.FixedNav__menuImage {
  display: block;
  margin: 0 auto 2px;
  width: 20px;
  height: 20px;
  background: url(../images/common/header-menu.png) no-repeat center/20px 17px;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Header {
    position: fixed;
    z-index: 11;
    top: 0;
    width: 100%;
    height: 168px;
    margin: auto;
    padding-bottom: 30px;
  }
  .Header__top {
    height: 94px;
    padding: 20px 30px 0;
    margin: 0 auto;
  }
  .Header__topLogo {
    margin: 23px auto 23px 0;
  }
  .Header__topLogoLink {
    max-width: 321px;
    width: 100%;
  }
  .Header__topList {
    display: flex;
    align-items: center;
  }
  .Header__topItem {
    padding: 20px 0 20px 20px;
  }
  .Header__topItem:first-child {
    padding-left: 0;
  }
  .Header__topItem:last-child {
    margin-right: 0;
  }
  .Header__topLink {
    display: block;
    max-width: 200px;
    width: 100%;
    margin: 30px 20px 30px auto;
  }
  .Header__topSearch {
    display: flex;
  }
  .Header__topSearch div.poplink.pc011 {
    width: 300px;
    top: 74px;
    font-size: 18px;
  }
  .Header__topSearchInput {
    width: 256px;
    height: 34px;
    margin: 30px 0;
    padding: 5px;
    font-size: 18px;
    border: 1px solid #000;
  }
  .Header__topSearchBtn {
    width: 44px;
    height: 34px;
    margin: 30px 0;
    background: #000 url(../images/common/header-search.png) no-repeat center/26px;
    cursor: pointer;
    border: 1px solid #000;
  }
  .Header__topIconLink {
    display: block;
    padding: 10px 0;
    width: 40px;
  }
  .Header__topLogin {
    position: absolute;
    width: 240px;
    padding: 20px;
    right: 0;
    top: 84px;
    background: #f3f3f3;
    transition: 0.2s ease;
    opacity: 0;
    pointer-events: none;
    z-index: 100;
  }
  .Header__topIconLink.-login {
    cursor: pointer;
  }
  .Header__topItem.-login:hover .Header__topLogin {
    opacity: 1;
    pointer-events: all;
  }
  .Header__topLoginItem {
    margin-top: 10px;
  }
  .Header__topLoginLink {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: #000;
    transition: 0.2s ease;
    font-size: 16px;
    transition: 300ms;
  }
  .Header__topLoginLink:hover {
    opacity: 0.7;
  }
  .Header__topLoginLink.-new {
    height: 40px;
    line-height: 36px;
    color: #000;
    background: #fff;
    border: 2px solid #000;
  }
  .Header__topLoginLink::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
  }
  .Header__topLoginLink.-new::after {
    border-top: 3px solid #000;
    border-right: 3px solid #000;
  }
  .Header__spTopList {
    display: none;
  }
  .Header__spTopSearch {
    display: none;
  }
  .Header__nav {
    width: 100%;
    max-width: 1500px;
    margin: auto;
  }
  .Header__navList {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75px;
  }
  .Header__navItem {
    position: relative;
    width: 19%;
    padding: 24px 0;
    text-align: center;
    transition: 300ms ease;
  }
  .Header__navItem::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 20px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #000;
  }
  .Header__navItem:last-child::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 20px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #000;
  }
  .Header__navCategory {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
  }
  .Header__navCategory::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    left: 0;
    right: 0;
    bottom: -5px;
    background: #ffe000;
    transition: 0.2s ease;
    transform-origin: center top; /*上部中央基点*/
    transform: scale(0, 1); /*X方向0、Y方向1*/
  }
  .Header__navCategory:hover::after {
    transform: scale(1, 1); /*X方向にスケール拡大*/
  }
  .Header__navGoods {
    display: none;
  }
  .Header__navItem:hover .Header__navGoods {
    display: block;
  }
  .Header__navGoodsList {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 500%;
    top: 74px;
    left: 0;
    background: #fff;
    z-index: 2;
  }
  .Header__navGoodsItem {
    height: 90px;
    /* overflow: hidden; */
    width: 20%;
  }
  .Header__navGoodsLink {
    display: block;
    transition: 300ms;
  }
  .Header__navGoodsLink:hover {
    opacity: 0.7;
  }
  .Header__navGoodsImage {
    width: 41px;
    height: 35px;
    display: block;
    margin: 0 auto;
  }
  .Header__navGoodsText {
    font-size: 14px;
    font-weight: bold;
  }
  .Header__navMenuList {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    top: 74px;
    left: 0;
    background: #fff;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: 300ms ease;
  }
  .Header__navMenuItem {
    width: 100%;
    height: 50px;
  }
  .Header__navItem:hover .Header__navMenuList {
    overflow: visible;
    opacity: 1;
    pointer-events: all;
  }
  .Header__navMenuLink {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0;
    transition: 300ms;
  }
  .Header__navMenuLink:hover {
    opacity: 0.7;
  }
  .FixedNav.-active {
    display: none;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　Burger
- - - - - - - - - - - - - - - */
/* バーガーボタン */
.Header__topBtn {
  margin: 8px 0 8px 10px;
  padding: 0;
  width: 30px;
  cursor: pointer;
  height: 34px;
  background: url(../images/common/header-menu_sp.png) no-repeat center/30px 26px;
}

.Bureger__overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 11;
  pointer-events: none;
}

.Bureger__overlay.-open {
  display: block;
  pointer-events: all;
}

.Burger {
  opacity: 0;
  width: calc(100% - 40px);
  background: #fff;
  overflow-y: auto;
  max-height: 100%;
  top: 0;
  right: 0;
  margin: auto;
  padding: 0;
  pointer-events: none;
  z-index: 98;
  position: fixed;
  transform: translateX(100%);
  transition: 300ms ease;
}

.Burger.-open {
  pointer-events: auto;
  opacity: 1;
  transform: translateX(0);
  transition: 300ms ease-in;
}

.Burger__inner {
  padding: 20px;
}

.Burger__close {
  position: relative;
  padding: 15px 45px 15px 20px;
  font-weight: bold;
  background: #f3f3f3 url(../images/common/header-menu-on.png) no-repeat center right 17px/20px 17px;
  cursor: pointer;
  margin-bottom: 30px;
}

.Burger__login {
  position: static;
  width: 100%;
  margin: 0 auto 20px;
  opacity: 1;
  pointer-events: all;
  background: #fff;
}

.Burger__loginText {
  font-size: 16px;
  font-weight: bold;
}

.Burger__loginList {
  padding: 20px 10px;
  background: #f3f3f3;
}

.Burger__loginItem {
  margin-bottom: 10px;
}

.Burger__loginItem:last-child {
  margin-bottom: 0;
}

.Burger__loginLink {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  background: #000;
  height: 40px;
  line-height: 40px;
}

.Burger__loginLink.-new {
  height: 40px;
  line-height: 36px;
  color: #000;
  background: #fff;
  border: 2px solid #000;
}

.Burger__loginLink::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

.Burger__loginLink.-new::after {
  border-top: 3px solid #000;
  border-right: 3px solid #000;
}

.Burger__cartLink {
  display: flex;
  position: relative;
}

.Burger__cartLink::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
}

.Burger__loginCartImage {
  display: block;
  width: 20px;
}

.Burger__search {
  display: flex;
  align-items: center;
  padding: 20px 30px 40px;
}

.Burger__searchInput {
  font-size: 14px;
  width: calc(100% - 44px);
  padding: 8px;
  border: 2px solid #000;
}

.Burger__searchBtn {
  width: 44px;
  height: 40px;
  border: 2px solid #000;
  background: #000 url(../images/common/header-search.png) no-repeat center/26px;
}

.Burger__category {
  padding-bottom: 120px;
}

.Burger__categoryTitleWrap {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  padding: 5px 35px 5px 0;
  border-bottom: 2px solid #000;
}

.Burger__categoryTitleImage {
  width: 30px;
  margin-right: 10px;
}

.Burger__categoryTitle {
  font-size: 16px;
  font-weight: bold;
}

.Burger__categoryList {
  padding: 0 20px 20px 40px;
}

.Burger__categoryItem.-accTitle {
  position: relative;
  display: block;
  padding: 5px 0;
  cursor: pointer;
}
.Burger__categoryItem.-accTitle::after {
  content: "＋";
  position: absolute;
  font-size: 21px;
  font-weight: bold;
  top: 50%;
  transform: translateY(-50%);
  right: -5px;
  color: #000;
}
.Burger__categoryItem.-active::after {
  content: "−";
}

.Burger__categoryLink {
  position: relative;
  display: block;
  padding: 5px 0;
}

.Burger__categoryLink::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 0;
  bottom: 0;
  right: 2px;
  margin: auto;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
}

.Burger__categoryAcc {
  display: none;
  padding-left: 15px;
}

.Burger__categoryAccLink {
  position: relative;
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.Burger__categoryAccLink::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 0;
  bottom: 0;
  right: 2px;
  margin: auto;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
}

/* - - - - - - - - - - - - - - -
　　　　　　　　How
- - - - - - - - - - - - - - - */
.How__inner {
  margin-bottom: 60px;
}

.How__title {
  color: #0090d5;
  padding: 10px;
  border-top: 2px solid #0090d5;
  border-bottom: 2px solid #0090d5;
  font-size: 17px;
  text-align: center;
  font-weight: bold;
  margin: 0 -20px 15px;
}

.How__text {
  font-size: 13px;
  text-align: center;
  margin-bottom: 30px;
}

.How__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 35px;
  max-width: 500px;
  margin: 0 auto 40px;
}

.How__item {
  flex: 0 0 33%;
}

.How__link {
  display: block;
}

.How__image {
  margin-bottom: 10px;
}

.How__linkText {
  text-align: center;
  color: #0090d5;
}

.How__group {
  border: 3px solid #0090d5;
  max-width: 500px;
  margin: 0 auto 30px;
}

.How__groupInner {
  padding: 30px 15px;
}

.How__groupTitle {
  font-size: 17px;
  text-align: center;
  font-weight: bold;
  border-bottom: 3px solid #0090d5;
  padding-bottom: 15px;
  margin-bottom: 25px;
}

.How__groupList {
  margin-left: 25px;
  margin-bottom: 30px;
}

.How__groupItem {
  margin-bottom: 10px;
}

.How__groupImage {
  margin: 10px 0 20px;
}

.How__priceText {
  text-align: center;
  font-size: 16px;
  color: #ff6981;
  margin-bottom: 15px;
  font-weight: bold;
}

.How__priceTable {
  border: 2px solid #0090d5;
  margin-bottom: 30px;
}

.How__priceList {
  border-bottom: 1px solid #0090d5;
  display: flex;
  align-items: center;
}

.How__priceList:last-child {
  border-bottom: none;
}

.How__priceHead {
  border-right: 1px solid #0090d5;
  flex: 0 0 64%;
  padding: 12px;
  font-size: 12px;
}

.How__priceHead:last-child {
  border-bottom: none;
}

.How__priceDetail {
  margin: 0 0 0 auto;
  padding: 10px;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .How__inner {
    margin-bottom: 200px;
  }
  .How__title {
    font-size: 30px;
    margin: 0 -50px 35px;
  }
  .How__text {
    font-size: 20px;
  }
  .How__list {
    flex-wrap: nowrap;
    gap: 0 6%;
    max-width: 100%;
    margin: 0 auto 85px;
  }
  .How__item {
    flex: 0 0 15%;
  }
  .How__link {
    transition: 300ms;
  }
  .How__link:hover {
    opacity: 0.7;
  }
  .How__groupWrap {
    display: flex;
    gap: 0 50px;
    justify-content: center;
  }
  .How__group {
    flex: 0 0 47%;
    max-width: 100%;
  }
  .How__groupInner {
    padding: 45px 30px 135px;
    position: relative;
  }
  .Btn.-how {
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
  }
  .How__groupTitle {
    font-size: 27px;
  }
  .How__groupList {
    margin-left: 10%;
  }
  .How__groupImage {
    margin: 20px 0 20px;
  }
  .How__priceText {
    font-size: 25px;
  }
  .How__priceHead {
    font-size: 17px;
  }
  .How__priceDetail {
    font-size: 17px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1083px) {
  .How__groupWrap {
    flex-direction: column;
  }
  .How__group {
    max-width: 650px;
    width: 100%;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　Info
- - - - - - - - - - - - - - - */
.Info {
  padding: 80px 0 160px;
  background: #f3f3f3;
}

.Info__inner {
  max-width: 1240px;
  padding: 0 30px;
  margin: auto;
}

.Info__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.Info__calender {
  flex: 0 0 48%;
}

.l-footer-info_title_img {
  margin-bottom: 10px;
  width: 48px;
  margin: 0 auto;
}

.l-footer-info_title {
  margin-bottom: 20px;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
}

.l-footer-calendar_container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.p-footer-calendar_img {
  width: 49%;
  margin-bottom: 20px;
}

.p-footer-calendar_img img {
  width: 247px;
}

.p-footer-calendar_title_sub {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

.p-footer-calendar_title {
  text-align: center;
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
}

.l-footer-calendar_content {
  width: 48%;
  margin-bottom: 20px;
}

.p-footer-calendar {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.p-footer-calendar_week,
.p-footer-calendar_day {
  text-align: center;
  height: 24px;
  line-height: 24px;
  font-size: 10px;
  border: 1px solid #ebebeb;
  font-weight: 700;
}

.p-footer-calendar_week {
  color: #fff;
  background: #00b300;
}

.c-text-red {
  color: #f00;
}

.c-text-yellow {
  color: #ffe000;
}

.p-footer-calendar_day {
  background: #fff;
}

.p-footer-calendar_holiday {
  color: #fff;
  background: #fb0050;
}

.l-footer-calendar_holiday {
  position: relative;
  font-size: 16px;
  font-weight: bold;
}

.l-footer-calendar_holiday::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 24px;
  margin-right: 10px;
  background: #fb0050;
}

.l-footer-calendar_holiday_txt {
  display: inline-block;
  vertical-align: middle;
}

.Info__map {
  flex: 0 0 48%;
}

.Info__mapList {
  margin-top: 82.5px;
}

.Info__mapItem:not(:last-child) {
  margin-bottom: 40px;
}

.Info__mapTitle {
  margin-bottom: 5px;
  text-align: center;
  font-size: 22px;
  color: #00b300;
  font-weight: 700;
}

.Info__mapLink {
  margin-bottom: 5px;
  text-align: center;
  font-size: 22px;
  color: #00b300;
  font-weight: 700;
}

.Info__googleMap {
  display: inline-block;
  margin-left: 10px;
  padding: 2px 10px;
  font-size: 12px;
  vertical-align: middle;
  color: #fff;
  background: #00b300;
  border-radius: 100vw;
  transition: 0.2s ease;
  font-weight: bold;
}

.Info__googleMap:hover {
  color: #00b300;
  background: #fff;
}

.Info__mapText {
  text-align: center;
  font-size: 16px;
}

/* PCスタイル */
@media print, screen and (max-width: 768px) {
  .Info {
    display: none;
  }
  .Info__inner {
    width: 94%;
    margin: auto;
    padding: 0;
  }
  .l-footer-calendar_content {
    margin-bottom: 0;
  }
  .l-footer-calendar_holiday {
    font-size: 14px;
  }
  .l-footer-calendar_holiday::before {
    width: 22px;
    height: 20px;
  }
  .l-footer-calendar_pagination {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .l-footer-calendar_pagination button {
    text-decoration: underline;
    font-size: 24px;
    color: #00b300;
  }
  .l-footer-calendar_pagination .prev-page {
    margin-right: auto;
  }
  .l-footer-calendar_pagination .next-page {
    margin-left: auto;
  }
  .l-footer-calendar_pagination .prev-page.disabled,
  .l-footer-calendar_pagination .next-page.disabled,
  .l-footer-calendar_pagination_num {
    display: none;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　Interview
- - - - - - - - - - - - - - - */
.Interview__inner {
  margin-bottom: 60px;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Interview__inner {
    margin-bottom: 200px;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　　Mv
- - - - - - - - - - - - - - - */
.Mv {
  margin: 0 -20px;
  padding-top: 10px;
}

.Mv__inner {
  margin-bottom: 40px;
}

.Mv__title {
  margin: 0 15px 10px;
  font-size: 3.7333333333vw;
  letter-spacing: -0.07em;
  text-align: center;
  font-weight: bold;
}

.Mv__imageItem {
  margin-bottom: 0;
}

.Mv__imageLink img {
  aspect-ratio: 750/600;
  -o-object-fit: cover;
     object-fit: cover;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Mv {
    padding-top: 205px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
  .Mv__inner {
    margin-bottom: 40px;
  }
  .Mv__title {
    font-size: 31px;
  }
  .Mv__imageList .slick-dots {
    bottom: -10px;
  }
  .Mv__imageItem {
    padding: 0 15px;
    margin-bottom: 30px;
  }
  .Mv__imageLink {
    display: block;
    transition: 300ms;
  }
  .Mv__imageLink img {
    border-radius: 15px;
    aspect-ratio: 77/50;
  }
  .Mv__imageLink:hover {
    opacity: 0.7;
  }
  .Mv__imageLink.-disable:hover {
    opacity: 1;
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .Mv__title {
    font-size: 24px;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　　New
- - - - - - - - - - - - - - - */
.New__inner {
  margin-bottom: 60px;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .New__inner {
    margin-bottom: 200px;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　　News
- - - - - - - - - - - - - - - */
.News__inner {
  margin: 30px auto 60px;
}

.News__list {
  padding: 0 20px;
  margin-bottom: 25px;
}

.News__item {
  font-size: 13px;
  margin-bottom: 15px;
}

.News__link {
  display: block;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .News__inner {
    margin: 50px auto 120px;
    padding: 0 60px;
  }
  .News__area {
    display: flex;
    gap: 0 50px;
  }
  .News__area .Title {
    margin-top: 50px;
  }
  .News__item {
    font-size: 20px;
  }
  .News__link {
    display: flex;
    transition: 300ms;
  }
  .News__link:hover {
    opacity: 0.7;
  }
  .News__date {
    margin-right: 20px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .News__inner {
    padding: 0 0 0 60px;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　Photo
- - - - - - - - - - - - - - - */
.Photo__inner {
  margin-bottom: 60px;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Photo__inner {
    margin-bottom: 200px;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　Pick
- - - - - - - - - - - - - - - */
.Pick__inner {
  width: 94%;
  margin: 0 auto 60px;
  padding: 0;
  max-width: 1240px;
}

.Pick__link {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column-reverse;
}

.Pick__textWrap {
  width: 100%;
}

.Pick__title {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.Pick__subTitle {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #0090d5;
  text-align: center;
}

.Pick__text {
  line-height: 1.75;
  font-size: 14px;
}

.Pick__image {
  width: 90%;
  height: auto;
  margin-bottom: 20px;
  display: flex;
  vertical-align: middle;
  text-align: center;
  border: 3px solid #0090d5;
  border-radius: 50%;
}

.Pick__image img {
  border-radius: 50%;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}

/* 矢印全体 */
.pick-arrow {
  position: absolute;
  z-index: 1;
  top: 36vw;
  margin: 0 -15px;
}

/* 前へ */
.pick-prev {
  left: 0;
  background: #c9caca;
  height: 15px;
  width: 12px;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
}

/* 次へ */
.pick-next {
  right: 0;
  background: #c9caca;
  height: 15px;
  width: 12px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Pick__inner {
    width: 100%;
    margin-bottom: 200px;
  }
  .Pick__link {
    flex-direction: unset;
    padding: 0;
    margin-top: 50px;
    transition: 300ms;
  }
  .Pick__link:hover {
    opacity: 0.7;
  }
  .Pick__textWrap {
    width: 45%;
  }
  .Pick__title {
    font-size: 28px;
  }
  .Pick__subTitle {
    font-size: 20px;
  }
  .Pick__text {
    font-size: 17px;
  }
  .Pick__image {
    width: 48%;
    border: 3px solid #0090d5;
  }
  /* 矢印全体 */
  .pick-arrow {
    top: 50%;
    transform: translateY(-50%);
    margin: 0 -50px;
  }
  /* 前へ */
  .pick-prev {
    height: 25px;
    width: 22px;
    left: 10px;
  }
  /* 次へ */
  .pick-next {
    height: 25px;
    width: 22px;
    right: 10px;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　Ranking
- - - - - - - - - - - - - - - */
.Ranking__inner {
  margin-bottom: 80px;
}

.Ranking__list {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 3px;
  justify-content: center;
  margin-bottom: 60px;
}

.Ranking__item {
  font-size: 15px;
  text-align: center;
  background-color: #efefef;
  flex: 0 0 32.7%;
  height: 50px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 300ms;
}

.Ranking__item.-active {
  background-color: #0090d5;
  color: #fff;
}

.Ranking .Card {
  display: none;
}

.Ranking .Card.-show {
  display: block;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Ranking__inner {
    margin-bottom: 200px;
  }
  .Ranking__list {
    flex-wrap: nowrap;
    gap: 0px 10px;
  }
  .Ranking__item {
    cursor: pointer;
    transition: 300ms;
    flex: 0 0 15.9%;
    height: 100px;
    font-size: 30px;
    line-height: 1;
    letter-spacing: -0.1em;
  }
  .Ranking__item:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .Ranking__list {
    flex-wrap: wrap;
    gap: 10px 10px;
  }
  .Ranking__item {
    flex: 0 0 32%;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　Reason
- - - - - - - - - - - - - - - */
.Reason__inner {
  margin-bottom: 60px;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Reason__inner {
    margin-bottom: 200px;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　Recommend
- - - - - - - - - - - - - - - */
.Recommend__inner {
  margin-bottom: 60px;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Recommend__inner {
    margin-bottom: 200px;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　Special
- - - - - - - - - - - - - - - */
.Special__inner {
  margin-bottom: 60px;
}

.Special__list {
  display: grid;
  gap: 5px 5px;
  margin-bottom: 50px;
}

.Special__item:nth-child(1) {
  grid-row: 1/2;
  grid-column: 1/3;
}

.Special__item:nth-child(2) {
  grid-row: 2/3;
  grid-column: 1/2;
}

.Special__item:nth-child(3) {
  grid-row: 2/3;
  grid-column: 2/3;
}

.Special__item:nth-child(4) {
  grid-row: 3/4;
  grid-column: 1/2;
}

.Special__item:nth-child(5) {
  grid-row: 3/4;
  grid-column: 2/3;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Special__inner {
    margin-bottom: 200px;
  }
  .Special__list {
    gap: 10px 10px;
    grid-template-rows: 1fr;
    grid-template-columns: 45.4% 26.4% 26.4%;
  }
  .Special__item:nth-child(1) {
    grid-row: 1/3;
    grid-column: 1/2;
  }
  .Special__item:nth-child(2) {
    grid-row: 1/2;
    grid-column: 2/3;
  }
  .Special__item:nth-child(3) {
    grid-row: 1/2;
    grid-column: 3/4;
  }
  .Special__item:nth-child(4) {
    grid-row: 2/3;
    grid-column: 2/3;
  }
  .Special__item:nth-child(5) {
    grid-row: 2/3;
    grid-column: 3/4;
  }
  .Special__link {
    transition: 300ms;
    display: block;
  }
  .Special__link:hover {
    opacity: 0.7;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　Title
- - - - - - - - - - - - - - - */
.Title {
  font-size: 23px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px;
}

.Title__sub {
  display: block;
  font-size: 14px;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Title {
    font-size: 40px;
    line-height: 1.4;
    margin-bottom: 30px;
  }
  .Title__sub {
    font-size: 24px;
  }
}
/* - - - - - - - - - - - - - - -
　　　　　　　Text
- - - - - - - - - - - - - - - */
.Text {
  font-size: 15px;
  letter-spacing: -0.11em;
}

.Text.-center {
  text-align: center;
  margin-bottom: 30px;
}

/* PCスタイル */
@media print, screen and (min-width: 769px) {
  .Text {
    font-size: 21px;
    letter-spacing: 0.02em;
  }
}