@charset "UTF-8";
/* =========================================================
flex - flex関連の指定
========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap");
/* =========================================================
color - 色の設定
========================================================= */
/* =========================================================
font - font-familyの設定など
========================================================= */
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
/* =========================================================
typography - テキスト関連の設定
========================================================= */
/* line 106, ../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 100%;
  line-height: 1.5em;
}

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
/* line 5, ../sass/foundation/_reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
/* line 26, ../sass/foundation/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 30, ../sass/foundation/_reset.scss */
body {
  line-height: 1;
}

/* line 33, ../sass/foundation/_reset.scss */
ol, ul {
  list-style: none;
}

/* line 36, ../sass/foundation/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 39, ../sass/foundation/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 44, ../sass/foundation/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 49, ../sass/foundation/_reset.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* =========================================================
base - 基本設定
========================================================= */
body {
  background-color: #f7f7f7;
  overflow-x: hidden;
  font-size: calc(16 * (100vw / 520));
  line-height: 1.4;
  color: #394656;
  width: 100vw;
  position: relative;
  font-family: "Zen Kaku Gothic New", sans-serif;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
}
@media screen and (min-width: 520px) {
  body {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  body {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  body {
    overflow-x: hidden !important;
    font-size: 16px;
    font-size: 1rem;
  }
}

/* line 22, ../sass/foundation/_base.scss */
a {
  cursor: pointer;
  text-decoration: none;
  transition: .4s;
  line-height: 1;
}
/* line 28, ../sass/foundation/_base.scss */
a:hover {
  color: inherit;
}

/* line 33, ../sass/foundation/_base.scss */
p {
  color: #394656;
  word-break: break-all;
}

/* line 38, ../sass/foundation/_base.scss */
img {
  height: auto;
  vertical-align: bottom;
  max-width: 100%;
  width: auto;
}

/* line 45, ../sass/foundation/_base.scss */
.pc-show {
  display: none;
}
@media screen and (min-width: 980px) {
  /* line 45, ../sass/foundation/_base.scss */
  .pc-show {
    display: block;
  }
}

@media screen and (min-width: 980px) {
  /* line 52, ../sass/foundation/_base.scss */
  .sp-show {
    display: none;
  }
}

/* =========================================================
main - メイン
========================================================= */
/* line 5, ../sass/layout/_main.scss */
.l-main {
  position: relative;
}

/* =========================================================
title - 共通のタイトルやテキストなど
========================================================= */
/* line 8, ../sass/object/component/_title.scss */
.c-basic-h2 {
  color: #80C6C4;
  font-size: 35px;
  font-size: 2.1875rem;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: .3rem;
}
@media screen and (min-width: 840px) {
  /* line 8, ../sass/object/component/_title.scss */
  .c-basic-h2 {
    font-size: 50px;
    font-size: 3.125rem;
  }
}
@media screen and (min-width: 980px) {
  /* line 8, ../sass/object/component/_title.scss */
  .c-basic-h2 {
    font-size: 80px;
    font-size: 5rem;
  }
}
/* line 23, ../sass/object/component/_title.scss */
.c-basic-h2.vertical {
  line-height: 1.1;
  transform: rotate(90deg);
}
/* line 28, ../sass/object/component/_title.scss */
.c-basic-h2--gap {
  display: block;
  margin: 0 0 0 10rem;
}

/* line 34, ../sass/object/component/_title.scss */
.c-basic-h3 {
  color: #80C6C4;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2;
}
/* line 40, ../sass/object/component/_title.scss */
.c-basic-h3 span {
  color: #AA8E76;
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Zen Kaku Gothic New", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0 0 10px;
  padding: 0 0 0 30px;
  position: relative;
}
/* line 49, ../sass/object/component/_title.scss */
.c-basic-h3 span::before {
  background-color: #80C6C4;
  content: "";
  display: block;
  height: 2px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* =========================================================
text - 共通のテキストなど
========================================================= */
/* line 9, ../sass/object/component/_txt.scss */
.c-basic-txt,
.c-error-message {
  color: #394656;
  word-wrap: break-word;
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
}
@media screen and (min-width: 980px) {
  /* line 9, ../sass/object/component/_txt.scss */
  .c-basic-txt,
  .c-error-message {
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    line-height: 2;
  }
}
/* line 19, ../sass/object/component/_txt.scss */
.c-basic-txt:last-of-type,
.c-error-message:last-of-type {
  margin-bottom: 0;
}

/* line 24, ../sass/object/component/_txt.scss */
.c-small-txt {
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 3px;
  margin-bottom: 0.18rem;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 24px;
  line-height: 1.5rem;
}
@media screen and (min-width: 980px) {
  /* line 24, ../sass/object/component/_txt.scss */
  .c-small-txt {
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
/* line 32, ../sass/object/component/_txt.scss */
.c-small-txt:last-of-type {
  margin-bottom: 0;
}

/* line 37, ../sass/object/component/_txt.scss */
.c-error-message {
  display: inline-block;
  color: #e74c3c;
  margin-top: .5rem;
}

/* =========================================================
button - ボタン関係のコンポーネント
========================================================= */
/* line 4, ../sass/object/component/_button.scss */
.c-basic-btn {
  background: url(../images/icon/icon-right-w.svg) no-repeat center right 10px;
  background-size: 15px 15px;
  background-color: #81a6c9;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  max-width: 90%;
  padding: 10px 15px 15px;
  transition: .3s;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 576px) {
  /* line 4, ../sass/object/component/_button.scss */
  .c-basic-btn {
    padding: 20px 15px 22px;
    max-width: 320px;
  }
}
/* line 20, ../sass/object/component/_button.scss */
.c-basic-btn.green {
  background-color: #4EB5B9;
}
/* line 23, ../sass/object/component/_button.scss */
.c-basic-btn.purple {
  background-color: #9277c4;
}
/* line 26, ../sass/object/component/_button.scss */
.c-basic-btn.red {
  background-color: #ad7597;
}
/* line 29, ../sass/object/component/_button.scss */
.c-basic-btn .in {
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  font-size: calc(22 * (100vw / 668));
  width: 100%;
}
@media screen and (min-width: 576px) {
  /* line 29, ../sass/object/component/_button.scss */
  .c-basic-btn .in {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 29, ../sass/object/component/_button.scss */
  .c-basic-btn .in {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
/* line 43, ../sass/object/component/_button.scss */
.c-basic-btn:hover {
  box-shadow: 0px 0px 15px -5px #777777;
}

/*popup*/
/* line 54, ../sass/object/component/_button.scss */
.c-btn-popup .c-btn-popup--open {
  cursor: pointer;
}
/* line 56, ../sass/object/component/_button.scss */
.c-btn-popup .c-btn-popup--open:hover {
  opacity: 0.7;
}

/* line 60, ../sass/object/component/_button.scss */
.c-btn-popup .c-btn-popup--overlay,
.c-btn-popup--close-overlay {
  display: none;
}

/* line 64, ../sass/object/component/_button.scss */
.c-btn-popup input {
  display: none;
}

/* line 67, ../sass/object/component/_button.scss */
.c-btn-popup input:checked ~ .c-btn-popup--overlay {
  display: block;
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
}

/* line 74, ../sass/object/component/_button.scss */
.c-btn-popup input:checked ~ .c-btn-popup--close-overlay {
  display: block;
  background-color: #00000070;
  cursor: pointer;
  position: fixed;
  height: 100vh;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99998;
}

/* line 86, ../sass/object/component/_button.scss */
.c-btn-popup .c-btn-popup--window {
  width: 90%;
  max-width: 720px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 95, ../sass/object/component/_button.scss */
.c-btn-popup .c-btn-popup--close {
  background: #000000;
  border-radius: 100%;
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 40px;
  height: 40px;
  padding: 11px;
}

/* =========================================================
txtarea - テキストエリア
========================================================= */
/* line 5, ../sass/object/component/_txtarea.scss */
.c-txtarea {
  resize: none;
  width: 100%;
  height: 10rem;
  padding: .5rem;
  border: 0;
  border: 1px solid #dddddd;
  border-radius: 4px;
  background-color: #fafafa;
  font-size: 16px;
  font-size: 1rem;
  color: #555555;
  font-family: "Zen Kaku Gothic New", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* line 18, ../sass/object/component/_txtarea.scss */
.c-txtarea::placeholder {
  color: #cccccc;
}
/* line 22, ../sass/object/component/_txtarea.scss */
.c-txtarea.is-entered {
  background-color: #ffffff;
}

/* =========================================================
drawer
========================================================= */
.c-drawer {
  background-color: #f7f7f7;
  height: 100vh;
  padding: 0;
  max-width: 0;
  width: 90vw;
  overflow-y: scroll;
  overflow-x: hidden;
  position: fixed;
  right: -390px;
  transition: .4s;
  z-index: 501;
  scrollbar-color: #929292 #fff;
  scrollbar-width: thin;
}
.c-drawer::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}
.c-drawer::-webkit-scrollbar-thumb {
  background: #929292;
  width: 6px;
  border-radius: 5px;
}
.c-drawer-btn label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
}
.c-drawer-btn .icon {
  background-color: #81a6c9;
  border-radius: 50px;
  cursor: pointer;
  height: 50px;
  width: 50px;
  position: relative;
  transition: .4s;
}
.c-drawer-btn .icon::before, .c-drawer-btn .icon::after {
  background-color: #fff;
  content: '';
  display: block;
  height: 2px;
  width: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.c-drawer-btn .icon::before {
  top: 14px;
  transition: .4s;
}
.c-drawer-btn .icon::after {
  bottom: 14px;
  transition: .4s;
}
.c-drawer-btn .icon:hover {
  background-color: #6889a9;
}
.c-drawer-btn .icon .border {
  color: #fff;
  font-size: calc(11 * (100vw / 520));
  font-weight: 500;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  letter-spacing: -.1rem;
  margin: auto;
  text-align: center;
}
@media screen and (min-width: 520px) {
  .c-drawer-btn .icon .border {
    font-size: calc(11 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-btn .icon .border {
    font-size: calc(11 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-btn .icon .border {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
.c-drawer-highlighted {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 5px auto 0;
}
.c-drawer-highlighted li {
  margin: 0 0 8px;
  width: 49%;
}
.c-drawer-highlighted li:first-of-type {
  width: 100%;
}
.c-drawer-highlighted li a {
  border-radius: 5px;
  color: #394656;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(18 * (100vw / 520));
  font-weight: 500;
}
@media screen and (min-width: 520px) {
  .c-drawer-highlighted li a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-highlighted li a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-highlighted li a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.c-drawer-highlighted li a::before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  border-radius: 50px;
  content: '';
  display: block;
  height: 50px;
  width: 25px;
}
.c-drawer-highlighted li a.results {
  background-color: #b29443;
  color: #fff;
}
.c-drawer-highlighted li a.results:hover {
  background-color: #977c32;
}
.c-drawer-highlighted li a.results::before {
  background-image: url(../images/common/icon-results.webp);
  background-size: 30px;
  height: 50px;
  width: 40px;
}
.c-drawer-highlighted li a.shop {
  background-color: #b7d5cd;
}
.c-drawer-highlighted li a.shop:hover {
  background-color: #8fbdb1;
}
.c-drawer-highlighted li a.shop::before {
  background-image: url(../images/common/icon-shop.webp);
  background-size: 30px;
  height: 50px;
  width: 40px;
}
.c-drawer-highlighted li a.mypage {
  background-color: #f9dad6;
}
.c-drawer-highlighted li a.mypage:hover {
  background-color: #e7bdb8;
}
.c-drawer-highlighted li a.mypage::before {
  background-image: url(../images/common/icon-mypage.webp);
}
.c-drawer-assessment {
  background-color: #f0f0f0;
  margin: 20px auto 0;
  padding: 15px 8px;
}
.c-drawer-assessment_title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(22 * (100vw / 520));
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 520px) {
  .c-drawer-assessment_title {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-assessment_title {
    font-size: calc(20 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-assessment_title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-drawer-assessment_title::before, .c-drawer-assessment_title::after {
  background-color: #FEF07F;
  content: '';
  display: block;
  height: 2px;
  width: 40px;
}
.c-drawer-assessment_title::before {
  transform: rotate(60deg);
}
.c-drawer-assessment_title::after {
  transform: rotate(-60deg);
}
.c-drawer-assessment_title .reduce {
  display: block;
  font-size: 80%;
}
.c-drawer-assessment_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 15px auto 0;
}
.c-drawer-assessment_list > li {
  margin: 0 0 8px;
  width: 48%;
}
.c-drawer-assessment_list > li:nth-of-type(2n+1) {
  margin: 0 2% 8px 0;
}
.c-drawer-assessment_list > li a {
  border-radius: 5px;
  color: #394656;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(18 * (100vw / 520));
  font-weight: 500;
  padding: 10px;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .c-drawer-assessment_list > li a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-assessment_list > li a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-assessment_list > li a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.c-drawer-assessment_list > li a img {
  margin: 0 6px 0 0;
  max-width: 25px;
}
.c-drawer-assessment_list > li a.counter {
  background-color: #b7d5cd;
}
.c-drawer-assessment_list > li a.counter:hover {
  background-color: #8fbdb1;
}
.c-drawer-assessment_list > li a.line {
  background-color: #0abf7d;
  color: #fff;
  font-size: calc(16 * (100vw / 520));
  max-height: 45px;
  letter-spacing: -.05rem;
  padding: 15px 5px;
}
@media screen and (min-width: 520px) {
  .c-drawer-assessment_list > li a.line {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-assessment_list > li a.line {
    font-size: calc(14 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-assessment_list > li a.line {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-drawer-assessment_list > li a.line:hover {
  background-color: #35d99d;
}
.c-drawer-assessment_list > li a.line img {
  margin: 0 3px;
  max-width: 20px;
}
.c-drawer-assessment_list > li a.delivery {
  background-color: #f9dad6;
}
.c-drawer-assessment_list > li a.delivery:hover {
  background-color: #e7bdb8;
}
.c-drawer-assessment_list > li a.bulgeout {
  background-color: #83c5e8;
}
.c-drawer-assessment_list > li a.bulgeout:hover {
  background-color: #6889a9;
}
.c-drawer-nav {
  margin: 37px auto 0;
  padding: 0 10px;
}
.c-drawer-nav_title {
  font-size: calc(22 * (100vw / 520));
  font-weight: 700;
  margin: 0 0 15px;
  text-align: center;
}
@media screen and (min-width: 520px) {
  .c-drawer-nav_title {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-nav_title {
    font-size: calc(20 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-nav_title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-drawer-nav_title .reduce {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 80%;
}
.c-drawer-nav_title .reduce::before, .c-drawer-nav_title .reduce::after {
  background-color: #FEF07F;
  content: '';
  display: block;
  height: 2px;
  width: 20px;
  margin: 0 5px;
}
.c-drawer-nav_title .reduce::before {
  transform: rotate(60deg);
}
.c-drawer-nav_title .reduce::after {
  transform: rotate(-60deg);
}
.c-drawer-nav_list {
  display: flex;
  flex-wrap: wrap;
}
.c-drawer-nav_list > li {
  margin: 0 0 18px;
  width: 48%;
}
.c-drawer-nav_list > li:first-of-type {
  width: 100%;
}
.c-drawer-nav_list > li:nth-of-type(2n+3) {
  margin: 0 0 18px 4%;
}
.c-drawer-nav_list > li a {
  color: #394656;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .c-drawer-nav_list > li a {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-nav_list > li a {
    font-size: calc(14 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-nav_list > li a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-drawer-nav_list > li figure picture {
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .4s;
}
.c-drawer-nav_list > li figure picture:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.c-drawer-nav_list > li figure picture img {
  max-height: 75px;
}
.c-drawer-nav_list > li figure figcaption {
  margin: 3px 0 0;
}
.c-drawer-nav_sublist {
  display: flex;
  flex-wrap: wrap;
}
.c-drawer-nav_sublist > li {
  margin: 0 0 18px;
  width: 48%;
}
.c-drawer-nav_sublist > li:nth-of-type(2n+2) {
  margin: 0 0 18px 4%;
}
.c-drawer-nav_sublist > li a {
  color: #394656;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .c-drawer-nav_sublist > li a {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-nav_sublist > li a {
    font-size: calc(14 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-nav_sublist > li a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-drawer-nav_sublist > li figure picture {
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .4s;
}
.c-drawer-nav_sublist > li figure picture:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.c-drawer-nav_sublist > li figure picture img {
  max-height: 75px;
}
.c-drawer-nav_sublist > li figure figcaption {
  margin: 3px 0 0;
}
.c-drawer-about {
  background-color: #efece4;
  margin: 34px auto 0;
  padding: 15px 8px;
}
.c-drawer-about_title {
  font-size: calc(22 * (100vw / 520));
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 520px) {
  .c-drawer-about_title {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-about_title {
    font-size: calc(20 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-about_title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-drawer-about_title .reduce {
  display: block;
  font-size: 80%;
}
.c-drawer-about_list {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 0 0;
}
.c-drawer-about_list > li {
  margin: 0 0 10px;
  width: 48%;
}
.c-drawer-about_list > li:nth-of-type(2n+2) {
  margin: 0 0 10px 4%;
}
.c-drawer-about_list > li a {
  background: #81a6c9;
  border: 3px solid #ffffff;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
  min-height: 49px;
  padding: 5px;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .c-drawer-about_list > li a {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-drawer-about_list > li a {
    font-size: calc(14 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-drawer-about_list > li a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-drawer-about_list > li a::after {
  background-image: url(../images/common/icon-arrow02.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  height: 8px;
  width: 18px;
  margin: 0 0 0 5px;
  transition: .4s;
}
.c-drawer-about_list > li a:hover {
  background-color: #6889a9;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.c-drawer-about_list > li a img {
  margin: 0 6px 0 0;
  max-width: 20px;
}
.c-drawer-banner {
  margin: 25px 0 0;
}
.c-drawer-banner_list {
  display: flex;
  flex-wrap: wrap;
}
.c-drawer-banner_list > li {
  margin: 0 0 10px;
  width: 48%;
}
.c-drawer-banner_list > li:nth-of-type(2n+2) {
  margin: 0 0 10px 4%;
}
.c-drawer-banner_list > li a {
  transition: .4s;
}
.c-drawer-banner_list > li a:hover {
  opacity: .7;
}
.c-drawer-acc--container {
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  transition: .4s;
}
.c-drawer-acc--more label {
  background: url(../images/common/icon-triangle01.svg) center no-repeat;
  background-size: 18px;
  background-color: #81A6C9;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  width: 50px;
  height: 50px;
  margin: auto;
  transition: .4s;
}
.c-drawer-acc--more label:hover {
  background-color: #6889a9;
}
.c-drawer-acc--check:checked + .c-drawer-acc > .c-drawer-acc--container {
  max-height: 999vh;
  visibility: visible;
  opacity: 1;
}
.c-drawer-acc--check:checked + .c-drawer-acc > .c-drawer-acc--more label {
  transform: rotate(-180deg);
}

#drawer:checked + .c-drawer {
  padding: 5px 10px 15px;
  max-width: 390px;
  right: 0;
}
#drawer:checked + .c-drawer .c-drawer-btn .icon::before {
  top: -5px;
  transform: rotate(45deg);
}
#drawer:checked + .c-drawer .c-drawer-btn .icon::after {
  bottom: 5px;
  transform: rotate(-45deg);
}
#drawer:checked ~ .c-drawer-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 500;
}

/* =========================================================
pagenation - ページ送り
========================================================= */
/* =========================================================
breadcrumbs
========================================================= */
.c-breadcrumbs--wrap {
  max-width: 1450px;
  margin: auto;
  width: 96vw;
  overflow-x: scroll;
  padding: 5px 0;
  scrollbar-width: none;
}
.c-breadcrumbs--wrap::-webkit-scrollbar {
  display: none;
}
.c-breadcrumbs--list {
  display: flex;
  align-items: center;
  width: 200vw;
}
@media screen and (min-width: 768px) {
  .c-breadcrumbs--list {
    width: auto;
  }
}
.c-breadcrumbs--list > li a {
  display: flex;
  align-items: center;
  color: #394656;
  font-size: calc(14 * (100vw / 520));
  line-height: 1.2;
}
@media screen and (min-width: 520px) {
  .c-breadcrumbs--list > li a {
    font-size: calc(12 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-breadcrumbs--list > li a {
    font-size: calc(12 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-breadcrumbs--list > li a {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.c-breadcrumbs--list > li a:hover {
  text-decoration: underline;
}
.c-breadcrumbs--list > li:not(:first-of-type) a::before {
  border-top: 1px solid #394656;
  border-right: 1px solid #394656;
  content: '';
  display: block;
  transform: rotate(45deg);
  height: 5px;
  width: 5px;
  margin: 0 5px;
}

/* =========================================================
purchase_brand - 買取強化ブランド
========================================================= */
/* line 4, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand {
  background: #f0f0f0;
  padding: 35px 0 5px;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand {
    padding: 60px 0;
  }
}
/* line 10, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--wrap {
  max-width: 1211px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 17, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 668));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 17, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 17, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 40px;
  }
}
/* line 31, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  row-gap: 10px;
}
@media screen and (min-width: 576px) {
  /* line 31, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--list {
    row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 840px) {
  /* line 41, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--item {
    padding: 0 10px 30px;
  }
}
/* line 46, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--link {
  transition: .3s;
}
/* line 48, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--link:hover {
  opacity: 0.7;
}
/* line 51, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--link .photo {
  background: #ffffff;
  padding: 0 10px;
  text-align: center;
}
@media screen and (min-width: 840px) {
  /* line 51, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--link .photo {
    padding: 0 10px;
  }
}
/* line 59, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--link img {
  display: inline-block;
  width: 100%;
  height: 50px;
}
@media screen and (min-width: 840px) {
  /* line 59, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--link img {
    height: 100px;
  }
}
/* line 67, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--link .text {
  color: #394656;
  display: inline-block;
  font-size: calc(21 * (100vw / 668));
  font-weight: bold;
}
@media screen and (min-width: 576px) {
  /* line 67, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--link .text {
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 67, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--link .text {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
/* line 83, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--more {
  margin: 20px auto 0;
}
/* line 86, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--more .c-purchase_brand--list {
  max-height: 4vh;
  overflow: hidden;
  transition: .4s;
}
/* line 92, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--more input[name="brandlist_more"] {
  display: none;
}
/* line 97, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--more input[name="brandlist_more"]:checked + .c-purchase_brand--list {
  max-height: 999vh;
  transition: .4s;
}
/* line 102, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--more input[name="brandlist_more"]:checked ~ .c-purchase_brand--morebtn {
  margin: 0;
}
/* line 107, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--more input[name="brandlist_more"]:checked ~ .c-purchase_brand--morebtn label::before {
  transform: rotate(-90deg);
  transition: .4s;
}
/* line 116, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--morebtn {
  background: #f0f0f0;
  background: linear-gradient(0deg, #f0f0f0 25%, rgba(240, 240, 240, 0) 100%);
  margin: -20px 0 0;
  position: relative;
}
/* line 124, ../sass/object/component/_purchase_brand.scss */
.c-purchase_brand--morebtn label::before {
  background-image: url(../images/icon/icon-right-w.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #81a6c9;
  background-size: 35%;
  border-radius: 100%;
  content: '';
  cursor: pointer;
  display: block;
  margin: auto;
  width: 30px;
  height: 30px;
  transform: rotate(90deg);
  transition: .4s;
  z-index: 1;
}
@media screen and (min-width: 840px) {
  /* line 124, ../sass/object/component/_purchase_brand.scss */
  .c-purchase_brand--morebtn label::before {
    width: 60px;
    height: 60px;
  }
}

/* =========================================================
manip - 買取アナウンス
========================================================= */
/* line 4, ../sass/object/component/_manip.scss */
.c-manip {
  padding: 50px 0;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_manip.scss */
  .c-manip {
    padding: 80px 0;
  }
}
/* line 9, ../sass/object/component/_manip.scss */
.c-manip--wrap {
  max-width: 1211px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 16, ../sass/object/component/_manip.scss */
.c-manip-line {
  padding-bottom: 20px;
}
@media screen and (min-width: 840px) {
  /* line 16, ../sass/object/component/_manip.scss */
  .c-manip-line {
    padding-bottom: 50px;
  }
}
/* line 22, ../sass/object/component/_manip.scss */
.c-manip-line--ttl {
  text-align: center;
}
/* line 24, ../sass/object/component/_manip.scss */
.c-manip-line--ttl .in {
  color: #394656;
  display: inline-block;
  font-size: calc(30 * (100vw / 668));
  font-weight: bold;
  position: relative;
  letter-spacing: 1px;
  line-height: 1.6;
}
@media screen and (min-width: 576px) {
  /* line 24, ../sass/object/component/_manip.scss */
  .c-manip-line--ttl .in {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 24, ../sass/object/component/_manip.scss */
  .c-manip-line--ttl .in {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
/* line 38, ../sass/object/component/_manip.scss */
.c-manip-line--ttl .in::before {
  content: '';
  background: #0abf7d;
  display: block;
  transform: rotate(60deg);
  position: absolute;
  bottom: 24px;
  left: -50px;
  width: 50px;
  height: 2px;
}
/* line 49, ../sass/object/component/_manip.scss */
.c-manip-line--ttl .in::after {
  content: '';
  background: #0abf7d;
  display: block;
  transform: rotate(-60deg);
  position: absolute;
  bottom: 24px;
  right: -50px;
  width: 50px;
  height: 2px;
}
/* line 62, ../sass/object/component/_manip.scss */
.c-manip-line--btn {
  text-align: center;
  padding-top: 10px;
}
@media screen and (min-width: 980px) {
  /* line 62, ../sass/object/component/_manip.scss */
  .c-manip-line--btn {
    padding-top: 30px;
  }
}
/* line 68, ../sass/object/component/_manip.scss */
.c-manip-line--btn .line-btn {
  background: #0abf7d;
  border-radius: 5px;
  display: inline-block;
  max-width: 370px;
  padding: 9px 5px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 980px) {
  /* line 68, ../sass/object/component/_manip.scss */
  .c-manip-line--btn .line-btn {
    background: none;
    border-radius: 0;
    padding: 0;
  }
}
/* line 81, ../sass/object/component/_manip.scss */
.c-manip-line--btn .line-btn:hover {
  box-shadow: 0px 0px 15px -5px #777777;
}
/* line 84, ../sass/object/component/_manip.scss */
.c-manip-line--btn .line-btn img {
  border-radius: 5px;
  background: #0abf7d;
  display: none;
  text-align: center;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 980px) {
  /* line 84, ../sass/object/component/_manip.scss */
  .c-manip-line--btn .line-btn img {
    display: inline-block;
  }
}
/* line 95, ../sass/object/component/_manip.scss */
.c-manip-line--btn .line-btn .sp-text {
  background: url(../images/icon/icon-line-w.svg) no-repeat left center;
  background-size: 20px 20px;
  color: #ffffff;
  display: inline-block;
  font-size: calc(23 * (100vw / 668));
  font-weight: bold;
  padding: 10px;
  padding-left: 25px;
}
@media screen and (min-width: 576px) {
  /* line 95, ../sass/object/component/_manip.scss */
  .c-manip-line--btn .line-btn .sp-text {
    font-size: calc(18 * (100vw / 768));
    background-size: 30px 30px;
    padding-left: 40px;
  }
}
@media screen and (min-width: 980px) {
  /* line 95, ../sass/object/component/_manip.scss */
  .c-manip-line--btn .line-btn .sp-text {
    display: none;
  }
}
/* line 117, ../sass/object/component/_manip.scss */
.c-manip-kaitori--ttl {
  text-align: center;
}
/* line 119, ../sass/object/component/_manip.scss */
.c-manip-kaitori--ttl .in {
  color: #394656;
  display: inline-block;
  font-size: calc(30 * (100vw / 668));
  font-weight: bold;
  position: relative;
  letter-spacing: 3px;
  line-height: 1.6;
}
@media screen and (min-width: 576px) {
  /* line 119, ../sass/object/component/_manip.scss */
  .c-manip-kaitori--ttl .in {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 119, ../sass/object/component/_manip.scss */
  .c-manip-kaitori--ttl .in {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
/* line 134, ../sass/object/component/_manip.scss */
.c-manip-kaitori--ttl .in::before {
  content: '';
  background: #FEF07F;
  display: block;
  transform: rotate(60deg);
  position: absolute;
  bottom: 24px;
  left: -50px;
  width: 50px;
  height: 2px;
}
/* line 145, ../sass/object/component/_manip.scss */
.c-manip-kaitori--ttl .in::after {
  content: '';
  background: #FEF07F;
  display: block;
  transform: rotate(-60deg);
  position: absolute;
  bottom: 24px;
  right: -50px;
  width: 50px;
  height: 2px;
}
/* line 158, ../sass/object/component/_manip.scss */
.c-manip-kaitori--btn {
  padding-top: 10px;
}
@media screen and (min-width: 980px) {
  /* line 158, ../sass/object/component/_manip.scss */
  .c-manip-kaitori--btn {
    padding-top: 30px;
  }
}
/* line 164, ../sass/object/component/_manip.scss */
.c-manip-kaitori--list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px;
}
@media screen and (min-width: 576px) {
  /* line 164, ../sass/object/component/_manip.scss */
  .c-manip-kaitori--list {
    margin: 0 -15px;
  }
}
/* line 171, ../sass/object/component/_manip.scss */
.c-manip-kaitori--item {
  text-align: center;
  width: 33.3%;
  padding: 0 5px;
}
@media screen and (min-width: 576px) {
  /* line 171, ../sass/object/component/_manip.scss */
  .c-manip-kaitori--item {
    padding: 0 15px;
  }
}
/* line 179, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link {
  background: #B7D5CD;
  border-radius: 5px;
  display: inline-block;
  max-width: 370px;
  padding: 9px 5px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 576px) {
  /* line 179, ../sass/object/component/_manip.scss */
  .c-manip-kaitori .link {
    padding: 10px;
  }
}
@media screen and (min-width: 980px) {
  /* line 179, ../sass/object/component/_manip.scss */
  .c-manip-kaitori .link {
    background: none;
    padding: 0;
  }
}
/* line 194, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link:hover {
  box-shadow: 0px 0px 15px -5px #777777;
}
/* line 197, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link img {
  border-radius: 5px;
  background: #0abf7d;
  display: none;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 980px) {
  /* line 197, ../sass/object/component/_manip.scss */
  .c-manip-kaitori .link img {
    display: inline-block;
  }
}
/* line 207, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link.shop {
  background: #B7D5CD;
}
/* line 209, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link.shop img, .c-manip-kaitori .link.shop .sp-text {
  background-image: url(../images/icon/icon-shop.webp);
  background-color: #B7D5CD;
}
@media screen and (min-width: 980px) {
  /* line 209, ../sass/object/component/_manip.scss */
  .c-manip-kaitori .link.shop img, .c-manip-kaitori .link.shop .sp-text {
    background: none;
  }
}
/* line 217, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link.delivery {
  background: #F9DAD6;
}
/* line 219, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link.delivery img, .c-manip-kaitori .link.delivery .sp-text {
  background-image: url(../images/icon/icon-satei-delivery-short.webp);
  background-color: #F9DAD6;
}
@media screen and (min-width: 980px) {
  /* line 219, ../sass/object/component/_manip.scss */
  .c-manip-kaitori .link.delivery img, .c-manip-kaitori .link.delivery .sp-text {
    background: none;
  }
}
/* line 227, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link.trip {
  background: #83C5E8;
}
/* line 229, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link.trip img, .c-manip-kaitori .link.trip .sp-text {
  background-image: url(../images/icon/icon-satei-trip-short.webp);
  background-color: #83C5E8;
}
@media screen and (min-width: 980px) {
  /* line 229, ../sass/object/component/_manip.scss */
  .c-manip-kaitori .link.trip img, .c-manip-kaitori .link.trip .sp-text {
    background: none;
  }
}
/* line 237, ../sass/object/component/_manip.scss */
.c-manip-kaitori .link .sp-text {
  background: url(../images/icon/icon-shop.webp) no-repeat left center;
  background-size: 20px 20px;
  color: #394656;
  display: inline-block;
  font-size: calc(22 * (100vw / 668));
  font-weight: bold;
  padding: 10px;
  padding-left: 25px;
}
@media screen and (min-width: 576px) {
  /* line 237, ../sass/object/component/_manip.scss */
  .c-manip-kaitori .link .sp-text {
    font-size: calc(18 * (100vw / 768));
    background-size: 30px 30px;
    padding-left: 40px;
  }
}
@media screen and (min-width: 980px) {
  /* line 237, ../sass/object/component/_manip.scss */
  .c-manip-kaitori .link .sp-text {
    display: none;
  }
}

/* =========================================================
sub-nav - 買取アイテム一覧
========================================================= */
/* line 4, ../sass/object/component/_sub-nav.scss */
.c-sub-nav {
  background: rgba(247, 247, 247, 0.95);
  padding: 10px;
  width: 100%;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav {
    padding: 50px 10px;
  }
}
@media screen and (min-width: 980px) {
  /* line 4, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav {
    padding: 0 10px 50px 60px;
    background: none;
  }
}
/* line 18, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--box {
  padding-top: 5px;
}
@media screen and (min-width: 980px) {
  /* line 18, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--box {
    padding: 0 0 30px;
  }
}
/* line 23, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--box:first-of-type {
  padding-top: 0;
}
/* line 27, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--ttl {
  font-size: calc(27 * (100vw / 768));
  font-weight: bold;
  display: none;
  padding-bottom: 5px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 27, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--ttl {
    font-size: calc(18 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 27, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--ttl {
    font-size: 18px;
    font-size: 1.125rem;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 980px) {
  /* line 27, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--ttl {
    display: block;
    text-align: left;
  }
}
/* line 48, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 5px;
}
@media screen and (min-width: 980px) {
  /* line 48, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--list {
    grid-template-columns: 1fr;
  }
}
/* line 56, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item {
  text-align: center;
  width: 100%;
}
/* line 59, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link {
  background: #B7D5CD;
  border-radius: 5px;
  display: inline-block;
  max-width: 370px;
  padding: 2px 5px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 576px) {
  /* line 59, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link {
    padding: 10px;
  }
}
@media screen and (min-width: 980px) {
  /* line 59, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link {
    background: none;
    padding: 0;
  }
}
/* line 74, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link:hover {
  box-shadow: 0px 0px 15px -5px #777777;
}
/* line 77, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link img {
  border-radius: 5px;
  display: none;
  max-width: 260px;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 980px) {
  /* line 77, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link img {
    display: inline-block;
  }
}
/* line 87, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link .sp-text {
  background: url(../images/icon/icon-shop.webp) no-repeat left center;
  background-size: 20px 20px;
  color: #394656;
  display: inline-block;
  font-size: calc(22 * (100vw / 768));
  font-weight: bold;
  padding: 8px;
  padding-left: 25px;
}
@media screen and (min-width: 576px) {
  /* line 87, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link .sp-text {
    font-size: calc(15 * (100vw / 768));
    background-size: 30px 30px;
    padding-left: 40px;
  }
}
@media screen and (min-width: 980px) {
  /* line 87, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link .sp-text {
    display: none;
  }
}
/* line 106, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.line {
  background: #0abf7d;
}
/* line 108, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.line img {
  background: #0abf7d;
}
/* line 111, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.line .sp-text {
  background-image: url(../images/icon/icon-satei-tel-w.webp);
  background-color: #0abf7d;
  color: #ffffff;
}
@media screen and (min-width: 980px) {
  /* line 111, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link.line .sp-text {
    background: none;
  }
}
/* line 120, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.tel {
  background: #ED99A4;
}
/* line 122, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.tel img {
  background: #ED99A4;
}
/* line 125, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.tel .sp-text {
  background-image: url(../images/icon/icon-satei-tel-w.webp);
  background-color: #ED99A4;
  color: #ffffff;
}
@media screen and (min-width: 980px) {
  /* line 125, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link.tel .sp-text {
    background: none;
  }
}
/* line 134, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.mail {
  background: #81A6C9;
}
/* line 136, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.mail img {
  background: #81A6C9;
}
/* line 139, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.mail .sp-text {
  background-image: url(../images/icon/icon-satei-mail-w.webp);
  background-color: #81A6C9;
  color: #ffffff;
}
@media screen and (min-width: 980px) {
  /* line 139, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link.mail .sp-text {
    background: none;
  }
}
/* line 149, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.shop {
  background: #B7D5CD;
}
/* line 151, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.shop img {
  background: #B7D5CD;
}
/* line 154, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.shop .sp-text {
  background-image: url(../images/icon/icon-shop.webp);
  background-color: #B7D5CD;
}
@media screen and (min-width: 980px) {
  /* line 154, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link.shop .sp-text {
    background: none;
  }
}
/* line 163, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.delivery {
  background: #F9DAD6;
}
/* line 165, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.delivery img {
  background: #F9DAD6;
}
/* line 168, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.delivery .sp-text {
  background-image: url(../images/icon/icon-satei-delivery-short.webp);
  background-color: #F9DAD6;
}
@media screen and (min-width: 980px) {
  /* line 168, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link.delivery .sp-text {
    background: none;
  }
}
/* line 177, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.trip {
  background: #83C5E8;
}
/* line 179, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.trip img {
  background: #83C5E8;
}
/* line 182, ../sass/object/component/_sub-nav.scss */
.c-sub-nav--item .link.trip .sp-text {
  background-image: url(../images/icon/icon-satei-trip-short.webp);
  background-color: #83C5E8;
}
@media screen and (min-width: 980px) {
  /* line 182, ../sass/object/component/_sub-nav.scss */
  .c-sub-nav--item .link.trip .sp-text {
    background: none;
  }
}

/* =========================================================
purchase_item - 買取アイテム一覧
========================================================= */
/* line 4, ../sass/object/component/_purchase_item.scss */
.c-purchase_item {
  padding: 35px 0 5px;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item {
    padding: 60px 0;
  }
}
/* line 9, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--wrap {
  max-width: 1211px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 17, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--main {
  font-size: calc(30 * (100vw / 768));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 17, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--main {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 17, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--main {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 40px;
  }
}
/* line 31, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 668));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 31, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 31, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 40px;
  }
}
/* line 46, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(7, 0.5fr);
  column-gap: 5px;
  row-gap: 5px;
}
@media screen and (min-width: 576px) {
  /* line 46, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--list {
    grid-template-rows: repeat(7, 1fr);
  }
}
@media screen and (min-width: 840px) {
  /* line 46, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--list {
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(7, 1fr);
    column-gap: 10px;
    row-gap: 10px;
  }
}
@media screen and (min-width: 980px) {
  /* line 46, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--list {
    grid-template-columns: repeat(15, 1fr);
    grid-template-rows: repeat(5, 0.5fr);
    column-gap: 20px;
    row-gap: 20px;
  }
}
/* line 69, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type1 {
  grid-area: 1 / 1 / 3 / 3;
}
/* line 70, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type2 {
  grid-area: 1 / 3 / 3 / 5;
}
/* line 71, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type3 {
  grid-area: 3 / 1 / 4 / 3;
}
/* line 72, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type4 {
  grid-area: 3 / 3 / 4 / 5;
}
/* line 73, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type5 {
  grid-area: 4 / 1 / 5 / 3;
}
/* line 74, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type6 {
  grid-area: 4 / 3 / 5 / 5;
}
/* line 75, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type7 {
  grid-area: 5 / 1 / 6 / 3;
}
/* line 76, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type8 {
  grid-area: 5 / 3 / 6 / 4;
}
/* line 77, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type9 {
  grid-area: 5 / 4 / 6 / 5;
}
/* line 78, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type10 {
  grid-area: 6 / 1 / 7 / 2;
}
/* line 79, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type11 {
  grid-area: 6 / 2 / 7 / 3;
}
/* line 80, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type12 {
  grid-area: 6 / 3 / 7 / 4;
}
/* line 81, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type13 {
  grid-area: 6 / 4 / 7 / 5;
}
/* line 82, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type14 {
  grid-area: 7 / 1 / 8 / 2;
}
/* line 83, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type15 {
  grid-area: 7 / 2 / 8 / 3;
}
/* line 84, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type16 {
  grid-area: 7 / 3 / 8 / 4;
}
/* line 85, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--item.type17 {
  grid-area: 7 / 4 / 8 / 5;
}
@media screen and (min-width: 840px) {
  /* line 87, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type1 {
    grid-area: 1 / 1 / 3 / 5;
  }
  /* line 88, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type2 {
    grid-area: 1 / 5 / 3 / 9;
  }
  /* line 89, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type3 {
    grid-area: 3 / 1 / 4 / 5;
  }
  /* line 90, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type4 {
    grid-area: 3 / 5 / 4 / 9;
  }
  /* line 91, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type5 {
    grid-area: 4 / 1 / 5 / 5;
  }
  /* line 92, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type6 {
    grid-area: 4 / 5 / 5 / 9;
  }
  /* line 93, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type7 {
    grid-area: 5 / 1 / 6 / 5;
  }
  /* line 94, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type8 {
    grid-area: 5 / 5 / 6 / 7;
  }
  /* line 95, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type9 {
    grid-area: 5 / 7 / 6 / 9;
  }
  /* line 96, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type10 {
    grid-area: 6 / 1 / 7 / 3;
  }
  /* line 97, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type11 {
    grid-area: 6 / 3 / 7 / 5;
  }
  /* line 98, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type12 {
    grid-area: 6 / 5 / 7 / 7;
  }
  /* line 99, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type13 {
    grid-area: 6 / 7 / 7 / 9;
  }
  /* line 100, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type14 {
    grid-area: 7 / 1 / 8 / 3;
  }
  /* line 101, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type15 {
    grid-area: 7 / 3 / 8 / 5;
  }
  /* line 102, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type16 {
    grid-area: 7 / 5 / 8 / 7;
  }
  /* line 103, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type17 {
    grid-area: 7 / 7 / 8 / 9;
  }
}
@media screen and (min-width: 980px) {
  /* line 106, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type1 {
    grid-area: 1 / 1 / 3 / 6;
  }
  /* line 107, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type2 {
    grid-area: 1 / 6 / 3 / 11;
  }
  /* line 108, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type3 {
    grid-area: 1 / 11 / 2 / 16;
  }
  /* line 109, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type4 {
    grid-area: 2 / 11 / 3 / 16;
  }
  /* line 110, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type5 {
    grid-area: 3 / 1 / 4 / 6;
  }
  /* line 111, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type6 {
    grid-area: 3 / 6 / 4 / 11;
  }
  /* line 112, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type7 {
    grid-area: 3 / 11 / 4 / 16;
  }
  /* line 113, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type8 {
    grid-area: 4 / 1 / 5 / 4;
  }
  /* line 114, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type9 {
    grid-area: 4 / 4 / 5 / 7;
  }
  /* line 115, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type10 {
    grid-area: 4 / 7 / 5 / 10;
  }
  /* line 116, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type11 {
    grid-area: 4 / 10 / 5 / 13;
  }
  /* line 117, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type12 {
    grid-area: 4 / 13 / 5 / 16;
  }
  /* line 118, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type13 {
    grid-area: 5 / 1 / 6 / 4;
  }
  /* line 119, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type14 {
    grid-area: 5 / 4 / 6 / 7;
  }
  /* line 120, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type15 {
    grid-area: 5 / 7 / 6 / 10;
  }
  /* line 121, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type16 {
    grid-area: 5 / 10 / 6 / 13;
  }
  /* line 122, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--item.type17 {
    grid-area: 5 / 13 / 6 / 16;
  }
}
/* line 125, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--nav {
  background: #ffffff;
  border-radius: 5px;
  display: block;
  padding: 5px;
  height: 100%;
  transition: .3s;
}
@media screen and (min-width: 576px) {
  /* line 125, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--nav {
    padding: 15px;
  }
}
/* line 135, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--nav:hover {
  box-shadow: 0px 0px 15px -5px rgba(100, 100, 100, 0.5);
}
/* line 140, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--photo img {
  display: inline-block;
  vertical-align: bottom;
  background: #f7f7f7;
  height: auto;
}
/* line 147, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--title {
  text-align: left;
  padding: 10px 0 5px;
}
/* line 150, ../sass/object/component/_purchase_item.scss */
.c-purchase_item--title .in {
  color: #394656;
  display: inline-block;
  font-size: calc(21 * (100vw / 668));
  font-weight: bold;
}
@media screen and (min-width: 576px) {
  /* line 150, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--title .in {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 150, ../sass/object/component/_purchase_item.scss */
  .c-purchase_item--title .in {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/* =========================================================
shoplist - 店舗一覧
========================================================= */
/* line 4, ../sass/object/component/_shoplist.scss */
.c-shoplist {
  padding: 35px 0 30px;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_shoplist.scss */
  .c-shoplist {
    padding: 60px 0;
  }
}
/* line 9, ../sass/object/component/_shoplist.scss */
.c-shoplist--wrap {
  max-width: 1211px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 16, ../sass/object/component/_shoplist.scss */
.c-shoplist--ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 768));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 16, ../sass/object/component/_shoplist.scss */
  .c-shoplist--ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 16, ../sass/object/component/_shoplist.scss */
  .c-shoplist--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 40px;
  }
}
/* line 34, ../sass/object/component/_shoplist.scss */
.c-shoplist-box.kanto {
  margin-bottom: 30px;
}
@media screen and (min-width: 840px) {
  /* line 34, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box.kanto {
    margin-bottom: 50px;
  }
}
/* line 41, ../sass/object/component/_shoplist.scss */
.c-shoplist-box.kansai .c-shoplist-box--ttl .in {
  background-image: url(../images/icon/title-style-pink.svg);
}
/* line 43, ../sass/object/component/_shoplist.scss */
.c-shoplist-box.kansai .c-shoplist-box--ttl .in::before {
  border-color: #ed99a4;
}
/* line 47, ../sass/object/component/_shoplist.scss */
.c-shoplist-box.kansai .c-shoplist-box--list {
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 840px) {
  /* line 47, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box.kansai .c-shoplist-box--list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
/* line 55, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--ttl {
  margin-bottom: 10px;
}
@media screen and (min-width: 840px) {
  /* line 55, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--ttl {
    margin-bottom: 20px;
  }
}
/* line 60, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--ttl .in {
  background: url(../images/icon/title-style-blue.svg) no-repeat center left;
  background-size: 10px 20px;
  display: block;
  font-size: calc(22.5 * (100vw / 768));
  font-weight: bold;
  padding-left: 20px;
  position: relative;
}
/* line 68, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--ttl .in::before {
  content: '';
  border-top: 2px dotted #83c5e8;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: calc(100% - 100px);
  height: 1px;
}
@media screen and (min-width: 576px) {
  /* line 68, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--ttl .in::before {
    width: calc(100% - 150px);
  }
}
@media screen and (min-width: 576px) {
  /* line 60, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--ttl .in {
    font-size: calc(15 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 60, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--ttl .in {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
/* line 89, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--contents {
  background: #e5e5e5;
  border-radius: 5px;
  padding: 10px;
}
@media screen and (min-width: 840px) {
  /* line 89, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--contents {
    padding: 20px;
  }
}
@media screen and (min-width: 840px) {
  /* line 89, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--contents {
    padding: 30px;
  }
}
/* line 100, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  row-gap: 10px;
}
@media screen and (min-width: 840px) {
  /* line 100, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--list {
    grid-template-columns: 1fr 1fr;
  }
}
/* line 113, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--nav {
  background: #ffffff;
  border-radius: 5px;
  display: block;
  padding: 10px;
  transition: .3s;
  height: 100%;
}
@media screen and (min-width: 576px) {
  /* line 113, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--nav {
    padding: 20px;
  }
}
/* line 123, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--nav:hover {
  box-shadow: 0px 0px 15px -5px #777777;
}
/* line 127, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--photo {
  border-radius: 5px;
  overflow: hidden;
}
/* line 132, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--photo img {
  height: auto;
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
}
/* line 139, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--title {
  text-align: left;
  padding: 10px 0 0;
}
@media screen and (min-width: 576px) {
  /* line 139, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--title {
    padding: 15px 0 10px;
  }
}
/* line 145, ../sass/object/component/_shoplist.scss */
.c-shoplist-box--title .in {
  color: #394656;
  display: inline-block;
  font-size: calc(21 * (100vw / 768));
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (min-width: 576px) {
  /* line 145, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--title .in {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 145, ../sass/object/component/_shoplist.scss */
  .c-shoplist-box--title .in {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/* =========================================================
fqa - Q&A
========================================================= */
/* line 4, ../sass/object/component/_fqa.scss */
.c-fqa {
  padding: 35px 0 30px;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_fqa.scss */
  .c-fqa {
    padding: 60px 0;
  }
}
/* line 9, ../sass/object/component/_fqa.scss */
.c-fqa--wrap {
  max-width: 1211px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 17, ../sass/object/component/_fqa.scss */
.c-fqa--ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 768));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 17, ../sass/object/component/_fqa.scss */
  .c-fqa--ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 17, ../sass/object/component/_fqa.scss */
  .c-fqa--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 0;
  }
}
/* line 32, ../sass/object/component/_fqa.scss */
.c-fqa--container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  height: 80vh;
  overflow-y: scroll;
}
@media screen and (min-width: 980px) {
  /* line 32, ../sass/object/component/_fqa.scss */
  .c-fqa--container {
    margin: 50px auto 0;
    height: auto;
    overflow-y: visible;
  }
}
/* line 44, ../sass/object/component/_fqa.scss */
.c-fqa_index {
  display: none;
}
@media screen and (min-width: 980px) {
  /* line 44, ../sass/object/component/_fqa.scss */
  .c-fqa_index {
    display: block;
    margin: 0 80px 0 0;
    width: calc(40% - 80px);
  }
}
/* line 54, ../sass/object/component/_fqa.scss */
.c-fqa_index > li label {
  display: inline-block;
  font-size: calc(19 * (100vw / 768));
  font-weight: 400;
  padding: 10px 60px 10px 8px;
  position: relative;
  transition: .4s;
  width: 100%;
}
@media screen and (min-width: 576px) {
  /* line 54, ../sass/object/component/_fqa.scss */
  .c-fqa_index > li label {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 54, ../sass/object/component/_fqa.scss */
  .c-fqa_index > li label {
    font-size: 16px;
    font-size: 1rem;
  }
}
/* line 69, ../sass/object/component/_fqa.scss */
.c-fqa_index > li label:before {
  background-color: #000000;
  content: '';
  display: block;
  height: 2px;
  width: calc(30 * (100vw / 768));
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(18 * (100vw / 768));
  margin: auto;
}
@media screen and (min-width: 840px) {
  /* line 69, ../sass/object/component/_fqa.scss */
  .c-fqa_index > li label:before {
    height: 2px;
    width: 30px;
    top: 0;
    bottom: 0;
    right: 18px;
  }
}
/* line 90, ../sass/object/component/_fqa.scss */
.c-fqa_index > li label:after {
  background-color: #000000;
  content: '';
  display: block;
  height: 2px;
  width: calc(8 * (100vw / 768));
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: calc(6 * (100vw / 768));
  right: calc(16 * (100vw / 768));
  margin: auto;
}
@media screen and (min-width: 840px) {
  /* line 90, ../sass/object/component/_fqa.scss */
  .c-fqa_index > li label:after {
    height: 2px;
    width: 8px;
    top: 0;
    bottom: 6px;
    right: 16px;
  }
}
/* line 114, ../sass/object/component/_fqa.scss */
.c-fqa_index > li:hover label {
  border-bottom: 3px dotted #bfbfbf;
  cursor: pointer;
  font-weight: 700;
  transition: .4s;
}
@media screen and (min-width: 840px) {
  /* line 114, ../sass/object/component/_fqa.scss */
  .c-fqa_index > li:hover label {
    padding: 10px 60px 10px 15px;
  }
}
/* line 130, ../sass/object/component/_fqa.scss */
.c-fqa_detail {
  margin: 0 auto;
  width: 90%;
}
@media screen and (min-width: 980px) {
  /* line 130, ../sass/object/component/_fqa.scss */
  .c-fqa_detail {
    margin: 0;
    width: 60%;
  }
}
/* line 139, ../sass/object/component/_fqa.scss */
.c-fqa_detail--wrap {
  margin: 0 0 calc(100 * (100vw / 768));
}
@media screen and (min-width: 980px) {
  /* line 139, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap {
    margin: 0;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
  }
}
/* line 149, ../sass/object/component/_fqa.scss */
.c-fqa_detail--wrap .question {
  border-bottom: 3px dotted #bfbfbf;
  color: #83c5e8;
  line-height: 1.2;
  margin: 0 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  font-size: calc(24 * (100vw / 768));
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 10px;
  padding: 0 0 10px;
}
@media screen and (min-width: 576px) {
  /* line 149, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .question {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 149, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .question {
    font-size: 16px;
    font-size: 1rem;
    margin: 0 0 20px;
    padding: 0 0 20px;
  }
}
/* line 172, ../sass/object/component/_fqa.scss */
.c-fqa_detail--wrap .question .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: calc(24 * (100vw / 768));
}
@media screen and (min-width: 576px) {
  /* line 172, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .question .icon {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 172, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .question .icon {
    font-size: 16px;
    font-size: 1rem;
  }
}
/* line 186, ../sass/object/component/_fqa.scss */
.c-fqa_detail--wrap .question .icon::before {
  background-image: url(../images/icon/title-style-blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: calc(33 * (100vw / 768));
  width: 14px;
  margin: 0 5px 0 0;
}
@media screen and (min-width: 576px) {
  /* line 186, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .question .icon::before {
    height: calc(22 * (100vw / 768));
    margin: 0 10px 0 0;
  }
}
@media screen and (min-width: 576px) {
  /* line 186, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .question .icon::before {
    height: 22px;
  }
}
/* line 209, ../sass/object/component/_fqa.scss */
.c-fqa_detail--wrap .answer .icon {
  color: #ed99a4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: calc(24 * (100vw / 768));
}
@media screen and (min-width: 576px) {
  /* line 209, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .answer .icon {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 209, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .answer .icon {
    font-size: 16px;
    font-size: 1rem;
  }
}
/* line 225, ../sass/object/component/_fqa.scss */
.c-fqa_detail--wrap .answer .icon::before {
  background-image: url(../images/icon/title-style-pink.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: calc(33 * (100vw / 768));
  width: 14px;
  margin: 0 5px 0 0;
}
@media screen and (min-width: 576px) {
  /* line 225, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .answer .icon::before {
    height: calc(22 * (100vw / 768));
    margin: 0 10px 0 0;
  }
}
@media screen and (min-width: 840px) {
  /* line 225, ../sass/object/component/_fqa.scss */
  .c-fqa_detail--wrap .answer .icon::before {
    height: 22px;
  }
}
/* line 248, ../sass/object/component/_fqa.scss */
.c-fqa_detail--check {
  display: none;
}
/* line 253, ../sass/object/component/_fqa.scss */
.c-fqa_detail--check:checked + .c-fqa_detail--wrap {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* =========================================================
voice - お客様の声
========================================================= */
/* line 4, ../sass/object/component/_voice.scss */
.c-voice {
  padding: 35px 0 30px;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_voice.scss */
  .c-voice {
    padding: 60px 0;
  }
}
/* line 9, ../sass/object/component/_voice.scss */
.c-voice--wrap {
  max-width: 1211px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 20, ../sass/object/component/_voice.scss */
.c-voice--ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 768));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 20, ../sass/object/component/_voice.scss */
  .c-voice--ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 20, ../sass/object/component/_voice.scss */
  .c-voice--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 0;
  }
}
/* line 36, ../sass/object/component/_voice.scss */
.c-voice--container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  height: 80vh;
  overflow-y: scroll;
}
@media screen and (min-width: 980px) {
  /* line 36, ../sass/object/component/_voice.scss */
  .c-voice--container {
    margin: 50px auto 0;
    height: auto;
    overflow-y: visible;
  }
}
/* line 48, ../sass/object/component/_voice.scss */
.c-voice_index {
  display: none;
}
@media screen and (min-width: 980px) {
  /* line 48, ../sass/object/component/_voice.scss */
  .c-voice_index {
    display: block;
    margin: 0 80px 0 0;
    width: calc(40% - 80px);
  }
}
/* line 59, ../sass/object/component/_voice.scss */
.c-voice_index > li label {
  display: inline-block;
  font-size: calc(19 * (100vw / 768));
  font-weight: 400;
  padding: 10px 60px 10px 8px;
  position: relative;
  transition: .4s;
}
@media screen and (min-width: 840px) {
  /* line 59, ../sass/object/component/_voice.scss */
  .c-voice_index > li label {
    font-size: 16px;
    font-size: 1rem;
  }
}
/* line 71, ../sass/object/component/_voice.scss */
.c-voice_index > li label:before {
  background-color: #888888;
  content: '';
  display: block;
  height: 1px;
  width: calc(30 * (100vw / 768));
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(18 * (100vw / 768));
  margin: auto;
}
@media screen and (min-width: 840px) {
  /* line 71, ../sass/object/component/_voice.scss */
  .c-voice_index > li label:before {
    height: 2px;
    width: 30px;
    top: 0;
    bottom: 0;
    right: 18px;
  }
}
/* line 92, ../sass/object/component/_voice.scss */
.c-voice_index > li label:after {
  background-color: #000000;
  content: '';
  display: block;
  height: 2px;
  width: calc(8 * (100vw / 768));
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: calc(6 * (100vw / 768));
  right: calc(16 * (100vw / 768));
  margin: auto;
}
@media screen and (min-width: 840px) {
  /* line 92, ../sass/object/component/_voice.scss */
  .c-voice_index > li label:after {
    height: 2px;
    width: 8px;
    top: 0;
    bottom: 6px;
    right: 16px;
  }
}
/* line 116, ../sass/object/component/_voice.scss */
.c-voice_index > li:hover label {
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
  font-weight: 700;
  transition: .4s;
}
@media screen and (min-width: 840px) {
  /* line 116, ../sass/object/component/_voice.scss */
  .c-voice_index > li:hover label {
    padding: 10px 60px 10px 15px;
  }
}
/* line 132, ../sass/object/component/_voice.scss */
.c-voice_detail {
  margin: 0 auto;
  width: 90%;
}
@media screen and (min-width: 980px) {
  /* line 132, ../sass/object/component/_voice.scss */
  .c-voice_detail {
    margin: 0;
    width: 60%;
  }
}
/* line 141, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap {
  margin: 0 0 calc(80 * (100vw / 768));
}
@media screen and (min-width: 980px) {
  /* line 141, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap {
    margin: 0;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
  }
}
/* line 151, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .title {
  line-height: 1.6;
  margin: 0 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  color: #83c5e8;
  font-weight: bold;
  font-size: calc(24 * (100vw / 768));
}
@media screen and (min-width: 576px) {
  /* line 151, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap .title {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 151, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap .title {
    font-size: 16px;
    font-size: 1rem;
  }
}
/* line 167, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .title::before {
  background-image: url(../images/icon/title-style-blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: calc(33 * (100vw / 768));
  width: 14px;
  margin: 5px 10px 0 0;
}
@media screen and (min-width: 576px) {
  /* line 167, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap .title::before {
    height: calc(22 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 167, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap .title::before {
    height: 22px;
  }
}
/* line 186, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .title span {
  width: calc(100% - 14px);
}
/* line 191, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .customer {
  border-bottom: 3px dotted #bfbfbf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 10px;
  padding: 0 0 10px;
  width: 100%;
}
@media screen and (min-width: 980px) {
  /* line 191, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap .customer {
    margin: 0 0 20px;
    padding: 0 0 20px;
  }
}
/* line 205, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .customer .customername {
  display: block;
  font-weight: bold;
  margin: 5px 0 0;
}
/* line 211, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .customer picture {
  margin: 0 0 0 4%;
  min-width: 70px;
  text-align: center;
}
/* line 218, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .staff {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: 0 auto;
}
@media screen and (min-width: 980px) {
  /* line 218, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap .staff {
    margin: 0;
  }
}
/* line 227, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .staff picture {
  margin: 0 0 0 4%;
  min-width: 70px;
  text-align: center;
}
/* line 234, ../sass/object/component/_voice.scss */
.c-voice_detail--wrap .title {
  font-size: calc(24 * (100vw / 768));
}
@media screen and (min-width: 576px) {
  /* line 234, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap .title {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 234, ../sass/object/component/_voice.scss */
  .c-voice_detail--wrap .title {
    font-size: 16px;
    font-size: 1rem;
  }
}
/* line 250, ../sass/object/component/_voice.scss */
.c-voice_detail--check {
  display: none;
}
/* line 255, ../sass/object/component/_voice.scss */
.c-voice_detail--check:checked + .c-voice_detail--wrap {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* =========================================================
author - 執筆者
========================================================= */
/* line 4, ../sass/object/component/_author.scss */
.c-author {
  padding: 35px 0 30px;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_author.scss */
  .c-author {
    padding: 60px 0;
  }
}
/* line 10, ../sass/object/component/_author.scss */
.c-author--wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 21, ../sass/object/component/_author.scss */
.c-author--box {
  background: #efece4;
  border: 10px solid #ffffff;
  border-radius: 5px;
  padding: 20px 15px;
}
@media screen and (min-width: 576px) {
  /* line 21, ../sass/object/component/_author.scss */
  .c-author--box {
    padding: 30px;
  }
}
@media screen and (min-width: 840px) {
  /* line 21, ../sass/object/component/_author.scss */
  .c-author--box {
    border: 20px solid #ffffff;
    padding: 65px 20px;
  }
}
/* line 35, ../sass/object/component/_author.scss */
.c-author--ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 768));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 35, ../sass/object/component/_author.scss */
  .c-author--ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 35, ../sass/object/component/_author.scss */
  .c-author--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 40px;
  }
}
/* line 50, ../sass/object/component/_author.scss */
.c-author--contents {
  max-width: 840px;
  margin: 0 auto;
}
@media screen and (min-width: 980px) {
  /* line 50, ../sass/object/component/_author.scss */
  .c-author--contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}
@media screen and (min-width: 840px) {
  /* line 61, ../sass/object/component/_author.scss */
  .c-author--info {
    max-width: 300px;
    margin: 0 auto;
  }
}
/* line 67, ../sass/object/component/_author.scss */
.c-author--photo {
  text-align: center;
}
/* line 71, ../sass/object/component/_author.scss */
.c-author--photo img {
  display: inline-block;
  max-width: 150px;
  max-height: 130px;
  height: auto;
}
/* line 78, ../sass/object/component/_author.scss */
.c-author--dl {
  padding-top: 10px;
  text-align: center;
}
@media screen and (min-width: 980px) {
  /* line 78, ../sass/object/component/_author.scss */
  .c-author--dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
}
/* line 88, ../sass/object/component/_author.scss */
.c-author--dt {
  border: 1px solid #394656;
  border-radius: 5px;
  font-weight: bold;
  font-size: calc(22 * (100vw / 768));
  color: #394656;
  text-align: center;
  margin: 0 auto 5px;
  max-width: 170px;
  padding: 5px;
  line-height: 1;
}
@media screen and (min-width: 576px) {
  /* line 88, ../sass/object/component/_author.scss */
  .c-author--dt {
    font-size: calc(12 * (100vw / 768));
  }
}
@media screen and (min-width: 980px) {
  /* line 88, ../sass/object/component/_author.scss */
  .c-author--dt {
    font-size: 12px;
    font-size: 0.75rem;
    width: 100%;
    max-width: 110px;
    margin: 0 auto 20px;
  }
}
/* line 109, ../sass/object/component/_author.scss */
.c-author--dd {
  margin: 0 auto 20px;
  font-size: calc(20 * (100vw / 768));
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 109, ../sass/object/component/_author.scss */
  .c-author--dd {
    font-size: calc(12 * (100vw / 768));
  }
}
@media screen and (min-width: 980px) {
  /* line 109, ../sass/object/component/_author.scss */
  .c-author--dd {
    text-align: left;
    padding-left: 10px;
    font-size: 12px;
    font-size: 0.75rem;
    width: calc(100% - 110px);
  }
}
/* line 123, ../sass/object/component/_author.scss */
.c-author--data {
  border-top: 2px dotted #394656;
  border-bottom: 2px dotted #394656;
  color: #394656;
  font-size: calc(30 * (100vw / 768));
  text-align: center;
  padding: 20px 0;
  margin: 0 auto;
}
@media screen and (min-width: 576px) {
  /* line 123, ../sass/object/component/_author.scss */
  .c-author--data {
    font-size: calc(13 * (100vw / 768));
  }
}
@media screen and (min-width: 980px) {
  /* line 123, ../sass/object/component/_author.scss */
  .c-author--data {
    font-size: 13px;
    font-size: 0.8125rem;
    text-align: left;
    margin-right: 30px;
    max-width: calc(100% - 330px);
  }
}

/* =========================================================
footer-contact - ダイヤモンド・宝石ジュエリー
========================================================= */
/* line 4, ../sass/object/component/_footer-contact.scss */
.c-footer-contact {
  padding: 35px 0 35px;
}
@media screen and (min-width: 840px) {
  /* line 4, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact {
    padding: 60px 0;
  }
}
/* line 9, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 16, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--box {
  background: #f2e5e6;
  border: 10px solid #ffffff;
  padding: 20px 15px;
}
@media screen and (min-width: 576px) {
  /* line 16, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--box {
    border: 20px solid #ffffff;
    padding: 50px 30px;
  }
}
/* line 25, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--ttl {
  color: #394656;
  font-size: calc(27 * (100vw / 768));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
  line-height: 1.6;
}
@media screen and (min-width: 576px) {
  /* line 25, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--ttl {
    font-size: calc(20 * (100vw / 768));
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 840px) {
  /* line 25, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 40px;
  }
}
/* line 40, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--ttl .pc-show {
  display: none;
}
@media screen and (min-width: 840px) {
  /* line 40, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--ttl .pc-show {
    display: block;
  }
}
@media screen and (min-width: 840px) {
  /* line 47, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}
/* line 54, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--tel {
  text-align: center;
  padding-left: 60px;
  position: relative;
  margin: 0 auto;
  max-width: max-content;
}
@media screen and (min-width: 840px) {
  /* line 54, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--tel {
    margin: 0 10px;
    max-width: 100%;
    min-width: 280px;
  }
}
/* line 65, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--tel:before {
  content: "";
  background: url(../images/icon/icon-smartphone-w.svg) no-repeat center;
  background-size: 70%;
  background-color: #ed99a4;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: calc(50% - 25px);
  left: 0;
  height: 50px;
  width: 50px;
}
/* line 78, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--tel::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 13px 7.5px;
  border-color: transparent transparent #ED99A4 transparent;
  position: absolute;
  top: 50%;
  left: 40px;
}
/* line 93, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--tel .no a {
  color: #394656;
  font-size: calc(42 * (100vw / 768));
  font-family: "Lato", sans-serif;
  font-weight: bold;
  word-break: keep-all;
}
@media screen and (min-width: 576px) {
  /* line 93, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--tel .no a {
    font-size: calc(28 * (100vw / 768));
  }
}
@media screen and (min-width: 980px) {
  /* line 93, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--tel .no a {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
/* line 108, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--tel .data {
  color: #394656;
  font-size: calc(20 * (100vw / 768));
  line-height: 1.3;
  word-break: keep-all;
}
@media screen and (min-width: 576px) {
  /* line 108, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--tel .data {
    padding: 5px 0 0;
    font-size: calc(13 * (100vw / 768));
  }
}
@media screen and (min-width: 980px) {
  /* line 108, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--tel .data {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
/* line 120, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--tel .data .time {
  padding-right: 5px;
  font-family: "Lato", sans-serif;
}
/* line 127, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--line {
  padding-top: 20px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 840px) {
  /* line 127, ../sass/object/component/_footer-contact.scss */
  .c-footer-contact--line {
    margin: 0;
    padding-top: 0;
    padding-left: 10px;
  }
}
/* line 136, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--line .line-btn {
  display: inline-block;
  text-align: center;
}
/* line 141, ../sass/object/component/_footer-contact.scss */
.c-footer-contact--line .line-btn img {
  border-radius: 5px;
  background: #0abf7d;
  display: inline-block;
}


/* =========================================================
contact
========================================================= */
.c-contact {
  padding: 40px 0;
}
@media screen and (min-width: 768px) {
  .c-contact {
    padding: 80px 0;
  }
}
.c-contact--wrap {
  background-color: #fff;
  border-radius: 5px;
  margin: auto;
  max-width: 1000px;
  padding: 20px;
  width: 96vw;
}
.c-contact--container {
  background-color: #f2e5e6;
  border-radius: 5px;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .c-contact--container {
    padding: 50px;
  }
}
.c-contact--text {
  font-size: calc(19 * (100vw / 520));
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
@media screen and (min-width: 520px) {
  .c-contact--text {
    font-size: calc(19 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-contact--text {
    font-size: calc(20 * (100vw / 980));
    line-height: 1.6;
  }
}
@media screen and (min-width: 980px) {
  .c-contact--text {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-contact_link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 15px auto 0;
  max-width: 570px;
}
@media screen and (min-width: 768px) {
  .c-contact_link {
    flex-direction: row;
    margin: 30px auto 0;
  }
}
.c-contact_link > li {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-contact_link > li {
    width: 48%;
  }
}
@media screen and (min-width: 768px) {
  .c-contact_link > li:not(:first-of-type) {
    margin: 0 0 0 4%;
  }
}
.c-contact_link > li a.line {
  background-color: #0abf7d;
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(18 * (100vw / 520));
  font-weight: 500;
  height: 50px;
  margin: 15px 0 0;
  padding: 14px;
  text-align: center;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .c-contact_link > li a.line {
    font-size: calc(18 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-contact_link > li a.line {
    font-size: calc(15 * (100vw / 980));
    margin: 0;
  }
}
@media screen and (min-width: 980px) {
  .c-contact_link > li a.line {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.c-contact_link > li a.line:hover {
  background-color: #35d99d;
}
.c-contact_link > li a.line img {
  margin: 0 2px;
  max-width: 25px;
}
.c-contact_link > li a.tel {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .c-contact_link > li a.tel {
    justify-content: flex-start;
  }
}
.c-contact_link > li a.tel img {
  max-width: 63px;
}
.c-contact_link > li a.tel .tel-info {
  font-size: calc(34 * (100vw / 520));
  text-align: center;
}
@media screen and (min-width: 520px) {
  .c-contact_link > li a.tel .tel-info {
    font-size: calc(34 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-contact_link > li a.tel .tel-info {
    font-size: calc(28 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-contact_link > li a.tel .tel-info {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.c-contact_link > li a.tel .tel-info .num {
  display: block;
  font-family: "Lato", serif;
  font-weight: 700;
}
.c-contact_link > li a.tel .tel-info .reduce {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 50%;
  font-weight: 500;
  margin: 5px 0 0;
}

/* =========================================================
header
========================================================= */
.p-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  padding: 18px 0 10px;
  width: 92vw;
}
@media screen and (min-width: 768px) {
  .p-header {
    display: block;
    margin: 0;
    padding: 50px 0 20px;
    width: auto;
  }
}
.p-header--wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-header--wrap {
    max-width: 1450px;
    margin: auto;
    width: 96vw;
  }
}
@media screen and (min-width: 768px) {
  .p-header--wrap.secondary {
    margin: 25px auto 0;
  }
}
.p-header--wrap.tertiary {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-header--wrap.tertiary {
    display: none;
  }
}
.p-header-logo {
  display: flex;
  align-items: center;
  flex-grow: 1;
  max-width: 210px;
}
.p-header-logo picture {
  display: block;
  width: 100%;
}
.p-header-logo picture img {
  min-width: calc(160 * (100vw / 520));
}
@media screen and (min-width: 520px) {
  .p-header-logo picture img {
    min-width: 160px;
  }
}
.p-header-search {
  display: none;
  flex-grow: 1;
  margin: auto;
  width: 92vw;
}
@media screen and (min-width: 768px) {
  .p-header-search {
    display: block;
    max-width: 610px;
    margin: 0 0 0 15px;
    width: auto;
  }
}
.p-header-search .search_form {
  display: flex;
}
.p-header-search .search_input {
  background-color: #fff;
  border: none;
  border-radius: 50px 0 0 50px;
  color: #9c9c9c;
  font-weight: 200;
  outline: none;
  font-size: calc(16 * (100vw / 520));
  padding: 12px 25px;
  transition: .4s;
  width: calc(100% - 60px);
}
@media screen and (min-width: 520px) {
  .p-header-search .search_input {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-search .search_input {
    font-size: calc(16 * (100vw / 980));
    padding: 16px 25px;
  }
}
@media screen and (min-width: 980px) {
  .p-header-search .search_input {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-search .search_input:hover {
  background-color: #eee;
}
.p-header-search .search_submit {
  background-color: #81a6c9;
  background-image: url("../images/common/icon-search_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  border: none;
  border-radius: 0 50px 50px 0;
  font-size: calc(16 * (100vw / 520));
  transition: .4s;
  width: 60px;
}
@media screen and (min-width: 520px) {
  .p-header-search .search_submit {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-search .search_submit {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-search .search_submit {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-search .search_submit:hover {
  background-color: #6889a9;
  cursor: pointer;
}
.p-header-search_resultsbtn a {
  background: #b29443;
  border-radius: 50px;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: calc(17 * (100vw / 520));
  font-weight: 500;
  text-align: center;
  max-width: 450px;
  padding: 8px 15px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 520px) {
  .p-header-search_resultsbtn a {
    font-size: calc(17 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-search_resultsbtn a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-search_resultsbtn a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-search_resultsbtn a::before {
  background-image: url(../images/common/icon-results.webp);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50px;
  content: '';
  display: block;
  height: 30px;
  width: 30px;
  margin: 0 5px 0 0;
}
.p-header-search_resultsbtn a::after {
  background-image: url(../images/common/icon-triangle01.svg);
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 12px;
  width: 12px;
  position: absolute;
  right: 5%;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(-90deg);
}
.p-header-tel {
  display: flex;
  align-items: center;
  flex-grow: 1;
  max-width: 270px;
  margin: 0 0 0 15px;
}
.p-header-tel--wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.p-header-tel--wrap > a {
  color: #394656;
  font-family: "Lato", serif;
  font-size: calc(30 * (100vw / 520));
  font-weight: bold;
  letter-spacing: .06rem;
}
@media screen and (min-width: 520px) {
  .p-header-tel--wrap > a {
    font-size: calc(28 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-tel--wrap > a {
    font-size: calc(28 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-tel--wrap > a {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.p-header-tel--wrap .reduce {
  display: block;
  font-size: calc(14 * (100vw / 520));
  font-weight: 400;
  letter-spacing: .06rem;
  margin: 2px 0 0;
}
@media screen and (min-width: 520px) {
  .p-header-tel--wrap .reduce {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-tel--wrap .reduce {
    font-size: calc(14 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-tel--wrap .reduce {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-header-tel--wrap .time {
  font-family: "Lato", serif;
  margin: 0 8px 0 0;
}
.p-header-tel .icon {
  display: none;
  padding: 0 12px 0 0;
  position: relative;
}
@media screen and (min-width: 520px) {
  .p-header-tel .icon {
    display: block;
  }
}
.p-header-tel .icon:before {
  background-image: url(../images/common/icon-phone_white.svg);
  background-color: #f17989;
  background-size: 38%;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-position: center;
  content: '';
  display: block;
  height: 50px;
  width: 50px;
}
.p-header-tel .icon:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 19px 7.5px;
  border-color: transparent transparent #f17989 transparent;
  position: absolute;
  top: 55%;
  left: 36px;
}
.p-header-line {
  display: none;
  flex-grow: 1;
  max-width: 260px;
  margin: 0 0 0 15px;
}
@media screen and (min-width: 980px) {
  .p-header-line {
    display: block;
  }
}
.p-header-line a {
  background-color: #0abf7d;
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(16 * (100vw / 520));
  padding: 11px;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .p-header-line a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-line a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-line a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-line a:hover {
  background-color: #35d99d;
}
.p-header-line a img {
  margin: 0 6px;
  max-width: 30px;
}
.p-header-globalnav {
  display: none;
  flex-grow: 1;
  max-width: 920px;
}
@media screen and (min-width: 768px) {
  .p-header-globalnav {
    display: block;
  }
}
.p-header-globalnav ul.main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
}
.p-header-globalnav ul.main > li {
  display: flex;
  align-items: center;
  height: 50px;
  position: relative;
}
.p-header-globalnav ul.main > li > span,
.p-header-globalnav ul.main > li a {
  color: #394656;
  cursor: pointer;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
}
@media screen and (min-width: 520px) {
  .p-header-globalnav ul.main > li > span,
  .p-header-globalnav ul.main > li a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-globalnav ul.main > li > span,
  .p-header-globalnav ul.main > li a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-globalnav ul.main > li > span,
  .p-header-globalnav ul.main > li a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-globalnav ul.main > li:not(:first-of-type) {
  margin: 0 0 0 20px;
}
.p-header-globalnav ul.main > li:hover ul.sub {
  opacity: 1;
  visibility: visible;
  max-height: 999vh;
}
.p-header-globalnav ul.sub {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  padding: 15px 10px;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  position: absolute;
  top: 50px;
  left: -60px;
  width: 240px;
  transition: .4s;
  z-index: 2;
}
.p-header-globalnav ul.sub > li > span,
.p-header-globalnav ul.sub > li a {
  color: #394656;
  cursor: pointer;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
}
@media screen and (min-width: 520px) {
  .p-header-globalnav ul.sub > li > span,
  .p-header-globalnav ul.sub > li a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-globalnav ul.sub > li > span,
  .p-header-globalnav ul.sub > li a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-globalnav ul.sub > li > span,
  .p-header-globalnav ul.sub > li a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-globalnav ul.sub > li a {
  background-color: #f8f8f8;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 15px;
  transition: .4s;
}
.p-header-globalnav ul.sub > li a::after {
  background-image: url(../images/common/icon-triangle02.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  display: block;
  height: 10px;
  width: 10px;
  position: relative;
  transform: rotate(-90deg);
}
.p-header-globalnav ul.sub > li a:hover {
  background-color: #9bbddd;
  color: #fff;
}
.p-header-globalnav ul.sub > li a:hover::after {
  background-image: url(../images/common/icon-triangle01.svg);
}
.p-header-globalnav ul.sub > li:not(:first-of-type) {
  margin: 6px 0 0;
}
.p-header-globalnav ul.sub > li.boundary::before {
  background: radial-gradient(circle farthest-side, #9dd0eb, #9dd0eb 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0));
  background-size: 5px 6px;
  content: '';
  display: inline-block;
  flex-grow: 1;
  height: 5px;
  margin: 0 0 8px 0;
  width: 100%;
}
.p-header-mypage {
  display: none;
  margin: 0 0 0 25px;
}
@media screen and (min-width: 1150px) {
  .p-header-mypage {
    display: block;
  }
}
.p-header-mypage a {
  color: #394656;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
}
@media screen and (min-width: 520px) {
  .p-header-mypage a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-mypage a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-mypage a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-mypage a::before {
  background-color: #f9dad6;
  background-image: url(../images/common/icon-mypage.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
  border-radius: 50px;
  content: '';
  display: block;
  height: 50px;
  width: 50px;
  margin: 0 10px 0 0;
  transition: .4s;
}
.p-header-mypage a::after {
  background-image: url(../images/common/icon-arrow01.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  height: 25px;
  width: 25px;
  margin: 0 0 0 10px;
  transition: .4s;
}
.p-header-mypage a:hover::before {
  background-color: #e7bdb8;
}
.p-header-drawerbtn {
  margin: 0 0 0 10px;
}
@media screen and (min-width: 520px) {
  .p-header-drawerbtn {
    margin: 0 0 0 10px;
  }
}
@media screen and (min-width: 768px) {
  .p-header-drawerbtn {
    margin: 0 0 0 25px;
  }
}
.p-header-drawerbtn label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.p-header-drawerbtn .icon {
  background-color: #81a6c9;
  border-radius: 50px;
  height: 50px;
  width: 50px;
  position: relative;
  transition: .4s;
}
.p-header-drawerbtn .icon::before, .p-header-drawerbtn .icon::after {
  background-color: #fff;
  content: '';
  display: block;
  height: 2px;
  width: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.p-header-drawerbtn .icon::before {
  top: 14px;
}
.p-header-drawerbtn .icon::after {
  bottom: 14px;
}
.p-header-drawerbtn .icon:hover {
  background-color: #6889a9;
}
.p-header-drawerbtn .icon .border {
  background-color: #fff;
  height: 2px;
  width: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.p-header-drawerbtn .text {
  color: #394656;
  display: none;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
  margin: 0 0 0 10px;
}
@media screen and (min-width: 520px) {
  .p-header-drawerbtn .text {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-drawerbtn .text {
    font-size: calc(16 * (100vw / 980));
    display: inline-block;
  }
}
@media screen and (min-width: 980px) {
  .p-header-drawerbtn .text {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-spnav {
  display: block;
  margin: auto;
  padding: 5px 0 10px;
  width: 92vw;
}
@media screen and (min-width: 768px) {
  .p-header-spnav {
    display: none;
  }
}
.p-header-spnav > .p-header-search {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-header-spnav > .p-header-search {
    display: none;
  }
}
.p-header-spnav_list {
  display: flex;
  flex-wrap: wrap;
}
.p-header-spnav_list > li {
  margin: 10px 1% 0;
  width: calc(94% / 3);
}
.p-header-spnav_list > li > a,
.p-header-spnav_list > li .p-header-spnav--label {
  background-color: #ccc;
  border-radius: 5px;
  color: #394656;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
  min-height: calc(54 * (100vw / 520));
  width: 100%;
}
@media screen and (min-width: 520px) {
  .p-header-spnav_list > li > a,
  .p-header-spnav_list > li .p-header-spnav--label {
    font-size: calc(16 * (100vw / 768));
    min-height: calc(54 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-header-spnav_list > li > a,
  .p-header-spnav_list > li .p-header-spnav--label {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-header-spnav_list > li > a,
  .p-header-spnav_list > li .p-header-spnav--label {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-header-spnav_list > li > a .icon,
.p-header-spnav_list > li .p-header-spnav--label .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-header-spnav_list > li > a .icon::before,
.p-header-spnav_list > li .p-header-spnav--label .icon::before {
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  display: block;
  height: 23px;
  width: 23px;
  margin: 0 3px 0 0;
}
.p-header-spnav_list > li > a.campaign,
.p-header-spnav_list > li .p-header-spnav--label.campaign {
  background-color: #faee68;
}
.p-header-spnav_list > li > a.campaign .icon::before,
.p-header-spnav_list > li .p-header-spnav--label.campaign .icon::before {
  background-image: url(../images/common/icon-campaign.webp);
}
.p-header-spnav_list > li > a.shop,
.p-header-spnav_list > li .p-header-spnav--label.shop {
  background-color: #b7d5cd;
}
.p-header-spnav_list > li > a.shop .icon::before,
.p-header-spnav_list > li .p-header-spnav--label.shop .icon::before {
  background-image: url(../images/common/icon-shop.webp);
}
.p-header-spnav_list > li > a.mypage,
.p-header-spnav_list > li .p-header-spnav--label.mypage {
  background-color: #f9dad6;
}
.p-header-spnav_list > li > a.mypage .icon::before,
.p-header-spnav_list > li .p-header-spnav--label.mypage .icon::before {
  background-image: url(../images/common/icon-mypage.webp);
}
.p-header-spnav--checkbox:checked ~ .p-header-spnav--container {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
  z-index: 501;
}
.p-header-spnav--checkbox:checked ~ .p-header-spnav--overlay {
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 500;
}
.p-header-spnav_banner {
  display: flex;
  flex-wrap: wrap;
}
.p-header-spnav_banner > li {
  margin: 0 1% 10px;
  width: calc(94% / 3);
}
.p-header-spnav--container {
  background-color: #fff;
  padding: 25px 0 10px;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  max-height: 0;
  width: calc(92vw - 2%);
  transition: .4s;
}
.p-header-spnav--overlay {
  transition: .4s;
}
.p-header-spnav--close {
  background-color: #81a6c9;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -12px;
  right: -5px;
  height: 28px;
  width: 28px;
}
.p-header-float {
  background-color: rgba(247, 247, 247, 0.9);
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  padding: 10px 2vw;
  position: fixed;
  width: 100vw;
  z-index: 499;
  transition: .4s;
}
@media screen and (min-width: 768px) {
  .p-header-float {
    display: none;
  }
}
.p-header-float > .p-header-search {
  display: block;
  margin: 0 0 0 10px;
  width: auto;
}
@media screen and (min-width: 768px) {
  .p-header-float > .p-header-search {
    display: none;
  }
}
.p-header-float > .p-header-search .search_input {
  padding: 12px 10px;
  width: calc(100% - 50px);
}
.p-header-float > .p-header-search .search_submit {
  width: 50px;
}
.p-header-float > .p-header-logo {
  max-width: 120px;
  min-width: calc(160*(100vw / 520));
}
.p-header .textline {
  position: relative;
}
.p-header .textline::after {
  background-color: #929292;
  content: '';
  display: block;
  height: 2px;
  width: 0;
  position: absolute;
  bottom: -4px;
  z-index: 0;
  transition: .4s;
}
.p-header .textline:hover::after {
  width: 100%;
}

/* =========================================================
footer - フッター内のクラス
========================================================= */
.p-footer {
  background-color: #fff;
  padding: 40px 0 calc(160 * (100vw / 768));
}
@media screen and (min-width: 768px) {
  .p-footer {
    padding: 50px 0;
  }
}
.p-footer--wrap {
  display: flex;
  justify-content: space-between;
  margin: auto;
  max-width: 1450px;
  width: 96vw;
}
.p-footer--wrap.secondary {
  margin: 25px auto 0;
}
@media screen and (min-width: 768px) {
  .p-footer--wrap.secondary {
    margin: 65px auto 0;
  }
}
.p-footer-logo {
  display: none;
  align-items: center;
  flex-grow: 1;
  max-width: 210px;
}
@media screen and (min-width: 768px) {
  .p-footer-logo {
    display: flex;
  }
}
.p-footer-logo picture {
  display: block;
  width: 100%;
}
.p-footer-logo picture img {
  min-width: calc(160 * (100vw / 520));
}
@media screen and (min-width: 520px) {
  .p-footer-logo picture img {
    min-width: 160px;
  }
}
.p-footer-search {
  flex-grow: 1;
  max-width: 610px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-footer-search {
    margin: 0 0 0 15px;
  }
}
.p-footer-search .search_form {
  display: flex;
}
.p-footer-search .search_input {
  background-color: #f7f7f7;
  border: none;
  border-radius: 50px 0 0 50px;
  color: #9c9c9c;
  font-weight: 200;
  outline: none;
  font-size: calc(16 * (100vw / 520));
  padding: 12px 25px;
  transition: .4s;
  width: calc(100% - 60px);
}
@media screen and (min-width: 520px) {
  .p-footer-search .search_input {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-search .search_input {
    font-size: calc(16 * (100vw / 980));
    padding: 16px 25px;
  }
}
@media screen and (min-width: 980px) {
  .p-footer-search .search_input {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-footer-search .search_input:hover {
  background-color: #eee;
}
.p-footer-search .search_submit {
  background-color: #81a6c9;
  background-image: url("../images/common/icon-search_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  border: none;
  border-radius: 0 50px 50px 0;
  font-size: calc(16 * (100vw / 520));
  transition: .4s;
  width: 60px;
}
@media screen and (min-width: 520px) {
  .p-footer-search .search_submit {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-search .search_submit {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-footer-search .search_submit {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-footer-search .search_submit:hover {
  background-color: #6889a9;
  cursor: pointer;
}
.p-footer-tel {
  display: none;
  align-items: center;
  flex-grow: 1;
  max-width: 270px;
  margin: 0 0 0 15px;
}
@media screen and (min-width: 768px) {
  .p-footer-tel {
    display: flex;
  }
}
.p-footer-tel--wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.p-footer-tel--wrap > a {
  color: #394656;
  font-family: "Lato", serif;
  font-size: calc(28 * (100vw / 520));
  font-weight: bold;
  letter-spacing: .06rem;
}
@media screen and (min-width: 520px) {
  .p-footer-tel--wrap > a {
    font-size: calc(28 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-tel--wrap > a {
    font-size: calc(28 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-footer-tel--wrap > a {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.p-footer-tel--wrap .reduce {
  display: block;
  font-size: calc(14 * (100vw / 520));
  font-weight: 400;
  letter-spacing: .06rem;
  margin: 2px 0 0;
}
@media screen and (min-width: 520px) {
  .p-footer-tel--wrap .reduce {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-tel--wrap .reduce {
    font-size: calc(14 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-footer-tel--wrap .reduce {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-footer-tel--wrap .time {
  font-family: "Lato", serif;
  margin: 0 8px 0 0;
}
.p-footer-tel .icon {
  padding: 0 12px 0 0;
  position: relative;
}
.p-footer-tel .icon:before {
  background-image: url(../images/common/icon-phone_white.svg);
  background-color: #f17989;
  background-size: 38%;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-position: center;
  content: '';
  display: block;
  height: 50px;
  width: 50px;
}
.p-footer-tel .icon:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 19px 7.5px;
  border-color: transparent transparent #f17989 transparent;
  position: absolute;
  top: 55%;
  left: 36px;
}
.p-footer-line {
  display: none;
  flex-grow: 1;
  max-width: 260px;
  margin: 0 0 0 15px;
}
@media screen and (min-width: 980px) {
  .p-footer-line {
    display: block;
  }
}
.p-footer-line a {
  background-color: #0abf7d;
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(16 * (100vw / 520));
  padding: 11px;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .p-footer-line a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-line a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-footer-line a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-footer-line a:hover {
  background-color: #35d99d;
}
.p-footer-line a img {
  margin: 0 6px;
  max-width: 30px;
}
.p-footer-nav {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 1150px) {
  .p-footer-nav {
    flex-direction: row;
  }
}
.p-footer-nav_list01 {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list01 {
    flex-direction: row;
  }
}
@media screen and (min-width: 1150px) {
  .p-footer-nav_list01 {
    width: calc(100% - 325px - 80px);
  }
}
.p-footer-nav_list01--wrap {
  border-bottom: 1px solid #f7f7f7;
  margin: 0 0 10px;
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list01--wrap {
    border-bottom: none;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list01--wrap:not(:first-of-type) {
    margin: 0 0 0 30px;
  }
}
.p-footer-nav_list01--wrap dt {
  color: #394656;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
  margin: 0 0 10px;
}
@media screen and (min-width: 520px) {
  .p-footer-nav_list01--wrap dt {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list01--wrap dt {
    font-size: calc(16 * (100vw / 980));
    margin: 0 0 35px;
  }
}
@media screen and (min-width: 980px) {
  .p-footer-nav_list01--wrap dt {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-footer-nav_list01--wrap dd .subpage {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list01--wrap dd .subpage {
    flex-direction: column;
  }
}
.p-footer-nav_list01--wrap dd .subpage > li {
  margin: 0 7px 7px 0;
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list01--wrap dd .subpage > li {
    margin: 0 0 10px;
  }
}
.p-footer-nav_list01--wrap dd .subpage > li a {
  color: #394656;
  font-size: calc(14 * (100vw / 520));
}
@media screen and (min-width: 520px) {
  .p-footer-nav_list01--wrap dd .subpage > li a {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list01--wrap dd .subpage > li a {
    font-size: calc(14 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-footer-nav_list01--wrap dd .subpage > li a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-footer-nav_list01--wrap dd .subpage > li a:hover {
  text-decoration: underline;
}
.p-footer-nav_list02 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 20px 0 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list02 {
    margin: 40px 0 0;
  }
}
@media screen and (min-width: 1150px) {
  .p-footer-nav_list02 {
    margin: 0 0 0 80px;
    max-width: 325px;
    width: auto;
  }
}
.p-footer-nav_list02 .page {
  display: flex;
  flex-wrap: wrap;
}
.p-footer-nav_list02 .page > li {
  margin: 0 25px 15px 0;
}
@media screen and (min-width: 1150px) {
  .p-footer-nav_list02 .page > li {
    margin: 0 0 35px;
    width: 48%;
  }
}
@media screen and (min-width: 1150px) {
  .p-footer-nav_list02 .page > li:nth-of-type(2n+2) {
    margin: 0 0 35px 4%;
  }
}
.p-footer-nav_list02 .page > li a {
  color: #394656;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
}
@media screen and (min-width: 520px) {
  .p-footer-nav_list02 .page > li a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-nav_list02 .page > li a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-footer-nav_list02 .page > li a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-footer-mypage {
  margin: 20px 0 0;
}
@media screen and (min-width: 768px) {
  .p-footer-mypage {
    margin: 0;
  }
}
.p-footer-mypage a {
  color: #394656;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(16 * (100vw / 520));
  font-weight: 500;
}
@media screen and (min-width: 520px) {
  .p-footer-mypage a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-mypage a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-footer-mypage a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.p-footer-mypage a::before {
  background-color: #f9dad6;
  background-image: url(../images/common/icon-mypage.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
  border-radius: 50px;
  content: '';
  display: block;
  height: 50px;
  width: 50px;
  margin: 0 10px 0 0;
  transition: .4s;
}
.p-footer-mypage a::after {
  background-image: url(../images/common/icon-arrow01.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  height: 25px;
  width: 25px;
  margin: 0 0 0 10px;
  transition: .4s;
}
.p-footer-mypage a:hover::before {
  background-color: #e7bdb8;
}
.p-footer-ltd_hikida {
  margin: 30px auto 0;
}
@media screen and (min-width: 768px) {
  .p-footer-ltd_hikida {
    margin: 0 auto;
  }
}
.p-footer-ltd_hikida a {
  transition: .4s;
}
.p-footer-ltd_hikida a:hover {
  opacity: .7;
}
.p-footer-ltd_hikida .authorization,
.p-footer-ltd_hikida .copyright {
  font-size: calc(14 * (100vw / 520));
}
@media screen and (min-width: 520px) {
  .p-footer-ltd_hikida .authorization,
  .p-footer-ltd_hikida .copyright {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .p-footer-ltd_hikida .authorization,
  .p-footer-ltd_hikida .copyright {
    font-size: calc(14 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .p-footer-ltd_hikida .authorization,
  .p-footer-ltd_hikida .copyright {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-footer-ltd_hikida .authorization {
  margin: 15px auto 0;
}
.p-footer .textline {
  color: #394656;
  position: relative;
}
.p-footer .textline::after {
  background-color: #929292;
  content: '';
  display: block;
  height: 2px;
  width: 0;
  position: absolute;
  bottom: -4px;
  z-index: 0;
  transition: .4s;
}
.p-footer .textline:hover::after {
  width: 100%;
}


/* =========================================================
page - 固定ページのクラスなど
========================================================= */
/* line 7, ../sass/object/project/_page.scss */
.p-page-arrow {
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
@media screen and (min-width: 840px) {
  /* line 7, ../sass/object/project/_page.scss */
  .p-page-arrow {
    padding-right: 25px;
  }
}
/* line 14, ../sass/object/project/_page.scss */
.p-page-arrow::before {
  content: '';
  width: 15px;
  height: 8px;
  border-bottom: 1px solid #000000;
  position: absolute;
  right: -2px;
  top: calc(50% - 4px);
}
@media screen and (min-width: 576px) {
  /* line 14, ../sass/object/project/_page.scss */
  .p-page-arrow::before {
    border-bottom: 2px solid #000000;
  }
}
@media screen and (min-width: 840px) {
  /* line 14, ../sass/object/project/_page.scss */
  .p-page-arrow::before {
    width: 20px;
  }
}
/* line 29, ../sass/object/project/_page.scss */
.p-page-arrow::after {
  content: '';
  background: #000000;
  display: block;
  transform: rotate(312deg);
  width: 1px;
  height: 8px;
  position: absolute;
  right: 1px;
  top: calc(50% - 1.5px);
}
@media screen and (min-width: 576px) {
  /* line 29, ../sass/object/project/_page.scss */
  .p-page-arrow::after {
    width: 2px;
  }
}
/* line 45, ../sass/object/project/_page.scss */
.p-page-arrow.white::before {
  border-color: #ffffff;
}
/* line 48, ../sass/object/project/_page.scss */
.p-page-arrow.white::after {
  background: #ffffff;
}

/*input使用したタブ切り替え＝＝＝＝＝＝＝＝*/
/*ラジオボタンを全て消す*/
/* line 58, ../sass/object/project/_page.scss */
input[name="tab-brand"],
input[name="tab_name"],
input[name="shop-park"],
input[name="tab-gold"],
input[name="tab-step"],
input[name="delivery-step"],
input[name="delivery-flow"],
input[name="tab-diamond"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
/* line 69, ../sass/object/project/_page.scss */
.p-page-tab_content {
  visibility: hidden;
  opacity: 0;
  clear: both;
  overflow: hidden;
  width: 100%;
  max-height: 0;
}

/*選択されているタブのコンテンツのみを表示*/
/* line 79, ../sass/object/project/_page.scss */
#features-tab1:checked ~ #features-tab1-content,
#shop-park1:checked ~ #shop-park1-content,
#brand1:checked ~ #brand1-content,
#gold1:checked ~ #gold1-content,
#delivery-tab1:checked ~ #delivery-tab1-content,
#delivery-flow1:checked ~ #delivery-flow1-content,
#diamond1:checked ~ #diamond1-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab2:checked ~ #features-tab2-content,
#shop-park2:checked ~ #shop-park2-content,
#brand2:checked ~ #brand2-content,
#gold2:checked ~ #gold2-content,
#delivery-tab2:checked ~ #delivery-tab2-content,
#delivery-flow2:checked ~ #delivery-flow2-content,
#diamond2:checked ~ #diamond2-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab3:checked ~ #features-tab3-content,
#shop-park3:checked ~ #shop-park3-content,
#brand3:checked ~ #brand3-content,
#gold3:checked ~ #gold3-content,
#delivery-tab3:checked ~ #delivery-tab3-content,
#delivery-flow3:checked ~ #delivery-flow3-content,
#diamond3:checked ~ #diamond3-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab4:checked ~ #features-tab4-content,
#shop-park4:checked ~ #shop-park4-content,
#brand4:checked ~ #brand4-content,
#gold4:checked ~ #gold4-content,
#delivery-tab4:checked ~ #delivery-tab4-content,
#delivery-flow4:checked ~ #delivery-flow4-content,
#diamond4:checked ~ #diamond4-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab5:checked ~ #features-tab5-content,
#shop-park5:checked ~ #shop-park5-content,
#brand5:checked ~ #brand5-content,
#gold5:checked ~ #gold5-content,
#delivery-tab5:checked ~ #delivery-tab5-content,
#delivery-flow5:checked ~ #delivery-flow5-content,
#diamond5:checked ~ #diamond5-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab6:checked ~ #features-tab6-content,
#shop-park6:checked ~ #shop-park6-content,
#brand6:checked ~ #brand6-content,
#gold6:checked ~ #gold6-content,
#delivery-tab6:checked ~ #delivery-tab6-content,
#delivery-flow6:checked ~ #delivery-flow6-content,
#diamond6:checked ~ #diamond6-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab7:checked ~ #features-tab7-content,
#shop-park7:checked ~ #shop-park7-content,
#brand7:checked ~ #brand7-content,
#gold7:checked ~ #gold7-content,
#delivery-tab7:checked ~ #delivery-tab7-content,
#delivery-flow7:checked ~ #delivery-flow7-content,
#diamond7:checked ~ #diamond7-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab8:checked ~ #features-tab8-content,
#shop-park8:checked ~ #shop-park8-content,
#brand8:checked ~ #brand8-content,
#gold8:checked ~ #gold8-content,
#delivery-tab8:checked ~ #delivery-tab8-content,
#delivery-flow8:checked ~ #delivery-flow8-content,
#diamond8:checked ~ #diamond8-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab9:checked ~ #features-tab9-content,
#shop-park9:checked ~ #shop-park9-content,
#brand9:checked ~ #brand9-content,
#gold9:checked ~ #gold9-content,
#delivery-tab9:checked ~ #delivery-tab9-content,
#delivery-flow9:checked ~ #delivery-flow9-content,
#diamond9:checked ~ #diamond9-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab10:checked ~ #features-tab10-content,
#shop-park10:checked ~ #shop-park10-content,
#brand10:checked ~ #brand10-content,
#gold10:checked ~ #gold10-content,
#delivery-tab10:checked ~ #delivery-tab10-content,
#delivery-flow10:checked ~ #delivery-flow10-content,
#diamond10:checked ~ #diamond10-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab11:checked ~ #features-tab11-content,
#shop-park11:checked ~ #shop-park11-content,
#brand11:checked ~ #brand11-content,
#gold11:checked ~ #gold11-content,
#delivery-tab11:checked ~ #delivery-tab11-content,
#delivery-flow11:checked ~ #delivery-flow11-content,
#diamond11:checked ~ #diamond11-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab12:checked ~ #features-tab12-content,
#shop-park12:checked ~ #shop-park12-content,
#brand12:checked ~ #brand12-content,
#gold12:checked ~ #gold12-content,
#delivery-tab12:checked ~ #delivery-tab12-content,
#delivery-flow12:checked ~ #delivery-flow12-content,
#diamond12:checked ~ #diamond12-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab13:checked ~ #features-tab13-content,
#shop-park13:checked ~ #shop-park13-content,
#brand13:checked ~ #brand13-content,
#gold13:checked ~ #gold13-content,
#delivery-tab13:checked ~ #delivery-tab13-content,
#delivery-flow13:checked ~ #delivery-flow13-content,
#diamond13:checked ~ #diamond13-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab14:checked ~ #features-tab14-content,
#shop-park14:checked ~ #shop-park14-content,
#brand14:checked ~ #brand14-content,
#gold14:checked ~ #gold14-content,
#delivery-tab14:checked ~ #delivery-tab14-content,
#delivery-flow14:checked ~ #delivery-flow14-content,
#diamond14:checked ~ #diamond14-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/* line 79, ../sass/object/project/_page.scss */
#features-tab15:checked ~ #features-tab15-content,
#shop-park15:checked ~ #shop-park15-content,
#brand15:checked ~ #brand15-content,
#gold15:checked ~ #gold15-content,
#delivery-tab15:checked ~ #delivery-tab15-content,
#delivery-flow15:checked ~ #delivery-flow15-content,
#diamond15:checked ~ #diamond15-content {
  visibility: visible;
  opacity: 1;
  max-height: 999vh;
}

/*===================
【js-colorbox】画像のポップアップ
*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
/* line 99, ../sass/object/project/_page.scss */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

/* line 100, ../sass/object/project/_page.scss */
#cboxWrapper {
  max-width: none;
}

/* line 101, ../sass/object/project/_page.scss */
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

/* line 102, ../sass/object/project/_page.scss */
#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

/* line 103, ../sass/object/project/_page.scss */
#cboxContent {
  position: relative;
}

/* line 104, ../sass/object/project/_page.scss */
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 105, ../sass/object/project/_page.scss */
#cboxTitle {
  margin: 0;
}

/* line 106, ../sass/object/project/_page.scss */
#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 107, ../sass/object/project/_page.scss */
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

/* line 108, ../sass/object/project/_page.scss */
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

/* line 109, ../sass/object/project/_page.scss */
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

/* line 110, ../sass/object/project/_page.scss */
#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/* line 117, ../sass/object/project/_page.scss */
#cboxOverlay {
  background: #fff;
}

/* line 118, ../sass/object/project/_page.scss */
#colorbox {
  outline: 0;
}

/* line 119, ../sass/object/project/_page.scss */
#cboxContent {
  margin-top: 32px;
  overflow: visible;
  background: #000;
}

/* line 120, ../sass/object/project/_page.scss */
.cboxIframe {
  background: #fff;
}

/* line 121, ../sass/object/project/_page.scss */
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

/* line 122, ../sass/object/project/_page.scss */
#cboxLoadedContent {
  background: #000;
  padding: 1px;
}

/* line 123, ../sass/object/project/_page.scss */
#cboxLoadingOverlay {
  background: #000;
}

/* line 124, ../sass/object/project/_page.scss */
#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000;
}

/* line 125, ../sass/object/project/_page.scss */
#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
/* line 128, ../sass/object/project/_page.scss */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  background: url(images/controls.png) no-repeat 0 0;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
/* line 131, ../sass/object/project/_page.scss */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

/* line 133, ../sass/object/project/_page.scss */
#cboxPrevious {
  background-position: 0px 0px;
  right: 44px;
}

/* line 134, ../sass/object/project/_page.scss */
#cboxPrevious:hover {
  background-position: 0px -25px;
}

/* line 135, ../sass/object/project/_page.scss */
#cboxNext {
  background-position: -25px 0px;
  right: 22px;
}

/* line 136, ../sass/object/project/_page.scss */
#cboxNext:hover {
  background-position: -25px -25px;
}

/* line 137, ../sass/object/project/_page.scss */
#cboxClose {
  background-position: -50px 0px;
  right: 0;
}

/* line 138, ../sass/object/project/_page.scss */
#cboxClose:hover {
  background-position: -50px -25px;
}

/* line 139, ../sass/object/project/_page.scss */
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
  right: 66px;
}

/* line 140, ../sass/object/project/_page.scss */
.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px;
}

/* line 141, ../sass/object/project/_page.scss */
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px;
}

/* line 142, ../sass/object/project/_page.scss */
.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px;
}

/* line 143, ../sass/object/project/_page.scss */
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px;
}

/* line 146, ../sass/object/project/_page.scss */
#colorbox #cboxTitle {
  width: 100%;
  color: #218541;
  font-weight: bold;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
/* line 152, ../sass/object/project/_page.scss */
#colorbox #cboxClose {
  background: url("../images/icon/icon_multiply_w.svg") no-repeat center;
  background-color: #666666;
  background-size: 60% 60%;
  width: 32px;
  height: 32px;
  top: -32px;
  right: 0px;
}
/* line 161, ../sass/object/project/_page.scss */
#colorbox #cboxNext {
  background: url("../images/icon/icon-right-w.svg") no-repeat center;
  background-color: #218541;
  background-size: 70% 70%;
  width: 35px;
  height: 35px;
  top: calc(50% - 17px);
  right: 0;
  border: 1px solid #959595;
  opacity: 0.8;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 0 0 5px;
}
/* line 173, ../sass/object/project/_page.scss */
#colorbox #cboxPrevious {
  background: url("../images/icon/icon-left-w.svg") no-repeat center;
  background-color: #218541;
  background-size: 70% 70%;
  width: 35px;
  height: 35px;
  top: calc(50% - 17px);
  left: 0;
  border: 1px solid #959595;
  opacity: 0.8;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0;
  border-radius: 0 5px 5px 0;
}

/* =========================================================
post - 投稿のクラスなど
========================================================= */
/* =========================================================
mail - メール査定のクラスなど
========================================================= */
/* line 4, ../sass/object/project/_mail.scss */
.p-mail {
  background: #f7f7f7;
}
/* line 7, ../sass/object/project/_mail.scss */
.p-mail-fv {
  background: url(../images/mail/mv-img-bg.webp) no-repeat center right 30%;
  background-size: cover;
  margin: 10px auto 0;
}
@media screen and (min-width: 840px) {
  /* line 7, ../sass/object/project/_mail.scss */
  .p-mail-fv {
    background-position: center;
  }
}
/* line 14, ../sass/object/project/_mail.scss */
.p-mail-fv--wrap {
  max-width: 1211px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 21, ../sass/object/project/_mail.scss */
.p-mail-fv--ttl {
  color: #394656;
  font-size: calc(60 * (100vw / 668));
  font-weight: bold;
  padding: 170px 0;
}
@media screen and (min-width: 576px) {
  /* line 21, ../sass/object/project/_mail.scss */
  .p-mail-fv--ttl {
    font-size: calc(40 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 21, ../sass/object/project/_mail.scss */
  .p-mail-fv--ttl {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
/* line 35, ../sass/object/project/_mail.scss */
.p-mail-about {
  padding: 35px 0 30px;
}
@media screen and (min-width: 840px) {
  /* line 35, ../sass/object/project/_mail.scss */
  .p-mail-about {
    padding: 60px 0;
  }
}
/* line 40, ../sass/object/project/_mail.scss */
.p-mail-about--wrap {
  max-width: 1211px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
/* line 47, ../sass/object/project/_mail.scss */
.p-mail-about--ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 668));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
  line-height: 1.8;
}
@media screen and (min-width: 576px) {
  /* line 47, ../sass/object/project/_mail.scss */
  .p-mail-about--ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 47, ../sass/object/project/_mail.scss */
  .p-mail-about--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 40px;
  }
}
/* line 62, ../sass/object/project/_mail.scss */
.p-mail-about--text {
  text-align: center;
}
/* line 65, ../sass/object/project/_mail.scss */
.p-mail-about--box {
  padding: 30px 0;
}
@media screen and (min-width: 840px) {
  /* line 65, ../sass/object/project/_mail.scss */
  .p-mail-about--box {
    padding: 50px 0;
  }
}
/* line 70, ../sass/object/project/_mail.scss */
.p-mail-about--box .ttl {
  text-align: center;
  padding: 20px 0;
  width: 100%;
}
/* line 74, ../sass/object/project/_mail.scss */
.p-mail-about--box .ttl .in {
  color: #394656;
  display: inline-block;
  font-size: calc(30 * (100vw / 668));
  font-weight: bold;
  position: relative;
  letter-spacing: 1px;
  line-height: 1.6;
}
@media screen and (min-width: 576px) {
  /* line 74, ../sass/object/project/_mail.scss */
  .p-mail-about--box .ttl .in {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 74, ../sass/object/project/_mail.scss */
  .p-mail-about--box .ttl .in {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
/* line 88, ../sass/object/project/_mail.scss */
.p-mail-about--box .ttl .in::before {
  content: '';
  background: #81A6C9;
  display: block;
  transform: rotate(60deg);
  position: absolute;
  bottom: 12px;
  left: -50px;
  width: 50px;
  height: 2px;
}
/* line 99, ../sass/object/project/_mail.scss */
.p-mail-about--box .ttl .in::after {
  content: '';
  background: #81A6C9;
  display: block;
  transform: rotate(-60deg);
  position: absolute;
  bottom: 12px;
  right: -50px;
  width: 50px;
  height: 2px;
}
/* line 112, ../sass/object/project/_mail.scss */
.p-mail-about--box .contents {
  text-align: center;
  padding-top: 20px;
}
/* line 126, ../sass/object/project/_mail.scss */
.p-mail-point--wrap {
  background-color: #eef0f0;
  max-width: 1211px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding: 35px 10px 30px;
}
@media screen and (min-width: 840px) {
  /* line 126, ../sass/object/project/_mail.scss */
  .p-mail-point--wrap {
    padding: 60px 20px;
  }
}
@media screen and (min-width: 980px) {
  /* line 126, ../sass/object/project/_mail.scss */
  .p-mail-point--wrap {
    padding: 80px 20px;
  }
}
/* line 140, ../sass/object/project/_mail.scss */
.p-mail-point--wrap .title {
  color: #394656;
  font-size: calc(30 * (100vw / 668));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 140, ../sass/object/project/_mail.scss */
  .p-mail-point--wrap .title {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 140, ../sass/object/project/_mail.scss */
  .p-mail-point--wrap .title {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 40px;
  }
}
/* line 156, ../sass/object/project/_mail.scss */
.p-mail-point--list {
  margin: auto;
  max-width: 900px;
}
/* line 161, ../sass/object/project/_mail.scss */
.p-mail-point--list > li:not(:first-of-type) {
  background: none;
  padding: 0;
  background: url(../images/icon/icon-bottom-main.svg) no-repeat top center;
  background-size: 40px 40px;
  padding-top: 50px;
}
@media screen and (min-width: 840px) {
  /* line 161, ../sass/object/project/_mail.scss */
  .p-mail-point--list > li:not(:first-of-type) {
    background-size: 96px 96px;
    padding-top: 100px;
  }
}
/* line 173, ../sass/object/project/_mail.scss */
.p-mail-point--list > li figure {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  flex-direction: column-reverse;
}
@media screen and (min-width: 840px) {
  /* line 173, ../sass/object/project/_mail.scss */
  .p-mail-point--list > li figure {
    flex-direction: row-reverse;
  }
}
/* line 180, ../sass/object/project/_mail.scss */
.p-mail-point--list > li figure > picture {
  margin: 20px 0;
  text-align: center;
}
@media screen and (min-width: 840px) {
  /* line 180, ../sass/object/project/_mail.scss */
  .p-mail-point--list > li figure > picture {
    margin: 0 0 0 40px;
    max-width: 250px;
    width: 100%;
  }
}
/* line 188, ../sass/object/project/_mail.scss */
.p-mail-point--list > li figure > picture img {
  width: 100%;
}
@media screen and (min-width: 840px) {
  /* line 193, ../sass/object/project/_mail.scss */
  .p-mail-point--list > li figure figcaption {
    width: calc(100% - 250px);
  }
}
/* line 197, ../sass/object/project/_mail.scss */
.p-mail-point--list > li figure figcaption .point {
  max-width: 120px;
}
@media screen and (min-width: 840px) {
  /* line 197, ../sass/object/project/_mail.scss */
  .p-mail-point--list > li figure figcaption .point {
    max-width: 165px;
  }
}
/* line 203, ../sass/object/project/_mail.scss */
.p-mail-point--list > li figure figcaption .subtitle {
  color: #394656;
  font-size: calc(30 * (100vw / 668));
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  line-height: 1.5;
}
@media screen and (min-width: 576px) {
  /* line 203, ../sass/object/project/_mail.scss */
  .p-mail-point--list > li figure figcaption .subtitle {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 203, ../sass/object/project/_mail.scss */
  .p-mail-point--list > li figure figcaption .subtitle {
    text-align: left;
    font-size: 20px;
    font-size: 1.25rem;
    padding: 20px 0 20px 45px;
  }
}
/* line 220, ../sass/object/project/_mail.scss */
.p-mail-point--list > li figure figcaption .text {
  color: #394656;
  word-wrap: break-word;
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
}
@media screen and (min-width: 840px) {
  /* line 220, ../sass/object/project/_mail.scss */
  .p-mail-point--list > li figure figcaption .text {
    padding: 0 0 0 45px;
  }
}
@media screen and (min-width: 980px) {
  /* line 220, ../sass/object/project/_mail.scss */
  .p-mail-point--list > li figure figcaption .text {
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    line-height: 2;
  }
}
/* line 238, ../sass/object/project/_mail.scss */
.p-mail-point-box {
  border: 5px solid #ffffff;
  background: #f7f7f7;
  margin: 20px auto 30px;
}
@media screen and (min-width: 840px) {
  /* line 238, ../sass/object/project/_mail.scss */
  .p-mail-point-box {
    border: 20px solid #ffffff;
  }
}
/* line 245, ../sass/object/project/_mail.scss */
.p-mail-point-box--ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 668));
  font-weight: bold;
  padding: 30px 10px;
  text-align: center;
  line-height: 1.8;
}
@media screen and (min-width: 576px) {
  /* line 245, ../sass/object/project/_mail.scss */
  .p-mail-point-box--ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 245, ../sass/object/project/_mail.scss */
  .p-mail-point-box--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 40px 10px;
  }
}
/* line 260, ../sass/object/project/_mail.scss */
.p-mail-point-box--data {
  background: #e7f1f5;
  padding: 30px 10px;
}
@media screen and (min-width: 840px) {
  /* line 260, ../sass/object/project/_mail.scss */
  .p-mail-point-box--data {
    padding: 40px 10px;
  }
}
/* line 266, ../sass/object/project/_mail.scss */
.p-mail-point-box--data.bat {
  background: #f2e5e6;
}
/* line 270, ../sass/object/project/_mail.scss */
.p-mail-point-box--data .ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 668));
  font-weight: bold;
  padding: 0 0 10px;
  text-align: center;
  line-height: 1.8;
}
@media screen and (min-width: 576px) {
  /* line 270, ../sass/object/project/_mail.scss */
  .p-mail-point-box--data .ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 270, ../sass/object/project/_mail.scss */
  .p-mail-point-box--data .ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 0 0 20px;
  }
}
/* line 286, ../sass/object/project/_mail.scss */
.p-mail-point-box--contents {
  text-align: center;
}
/* line 289, ../sass/object/project/_mail.scss */
.p-mail-point-box--list {
  padding: 20px 0 0;
  max-width: 720px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 980px) {
  /* line 289, ../sass/object/project/_mail.scss */
  .p-mail-point-box--list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
  }
}
/* line 300, ../sass/object/project/_mail.scss */
.p-mail-point-box--item {
  padding-bottom: 20px;
  margin: 0 auto;
}
@media screen and (min-width: 980px) {
  /* line 300, ../sass/object/project/_mail.scss */
  .p-mail-point-box--item {
    max-width: 230px;
  }
}
/* line 307, ../sass/object/project/_mail.scss */
.p-mail-point-box .data-box {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media screen and (min-width: 980px) {
  /* line 307, ../sass/object/project/_mail.scss */
  .p-mail-point-box .data-box {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 312, ../sass/object/project/_mail.scss */
.p-mail-point-box .data-box--photo {
  width: 40%;
  padding-right: 15px;
}
@media screen and (min-width: 980px) {
  /* line 312, ../sass/object/project/_mail.scss */
  .p-mail-point-box .data-box--photo {
    width: 100%;
    padding: 0 0 20px;
  }
}
/* line 319, ../sass/object/project/_mail.scss */
.p-mail-point-box .data-box--photo img {
  width: 100%;
  height: auto;
}
/* line 324, ../sass/object/project/_mail.scss */
.p-mail-point-box .data-box--info {
  width: 60%;
}
@media screen and (min-width: 980px) {
  /* line 324, ../sass/object/project/_mail.scss */
  .p-mail-point-box .data-box--info {
    width: 100%;
  }
}
/* line 330, ../sass/object/project/_mail.scss */
.p-mail-point-box .data-box--ttl {
  border-bottom: 2px dotted #bfbfbf;
  color: #394656;
  font-size: calc(30 * (100vw / 668));
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 20px;
  text-align: left;
}
@media screen and (min-width: 576px) {
  /* line 330, ../sass/object/project/_mail.scss */
  .p-mail-point-box .data-box--ttl {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 330, ../sass/object/project/_mail.scss */
  .p-mail-point-box .data-box--ttl {
    font-size: 16px;
    font-size: 1rem;
    padding-bottom: 20px;
    text-align: center;
  }
}
/* line 347, ../sass/object/project/_mail.scss */
.p-mail-point-box .data-box--text {
  text-align: left;
}
@media screen and (min-width: 840px) {
  /* line 347, ../sass/object/project/_mail.scss */
  .p-mail-point-box .data-box--text {
    text-align: center;
  }
}
/* line 352, ../sass/object/project/_mail.scss */
.p-mail-point-box .data-box--text p {
  text-align: left;
}
/* line 356, ../sass/object/project/_mail.scss */
.p-mail-point-box .data-box--list {
  display: inline-block;
}
/* line 358, ../sass/object/project/_mail.scss */
.p-mail-point-box .data-box--list li {
  display: block;
  text-indent: -1.3rem;
  padding-left: 1.5rem;
  margin-bottom: 5px;
  text-align: left;
}
/* line 364, ../sass/object/project/_mail.scss */
.p-mail-point-box .data-box--list li:before {
  content: "●";
  font-size: 110%;
  color: #81A6C9;
  padding-right: 5px;
}
/* line 377, ../sass/object/project/_mail.scss */
.p-mail-speed {
  text-align: center;
  margin: 0 auto;
  padding: 30px 0;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 840px) {
  /* line 377, ../sass/object/project/_mail.scss */
  .p-mail-speed {
    padding: 60px 0;
  }
}
/* line 386, ../sass/object/project/_mail.scss */
.p-mail-speed--wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 100%;
  text-align: center;
}
/* line 393, ../sass/object/project/_mail.scss */
.p-mail-speed--wrap img {
  display: block;
  height: auto;
  width: auto;
}

/* line 404, ../sass/object/project/_mail.scss */
.p-mail-form {
  padding: 30px 0;
  /*ラジオボタン*/
  /*チェックボタン*/
  /*テキストエリア*/
}
@media screen and (min-width: 840px) {
  /* line 404, ../sass/object/project/_mail.scss */
  .p-mail-form {
    padding: 50px 0;
  }
}
/* line 410, ../sass/object/project/_mail.scss */
.p-mail-form--wrap {
  background: #eef0f0;
  max-width: 1210px;
  margin: 0 auto;
  padding: 30px 20px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 840px) {
  /* line 410, ../sass/object/project/_mail.scss */
  .p-mail-form--wrap {
    padding: 50px 20px;
  }
}
/* line 422, ../sass/object/project/_mail.scss */
.p-mail-form--box {
  background: #ffffff;
  padding: 10px;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (min-width: 840px) {
  /* line 422, ../sass/object/project/_mail.scss */
  .p-mail-form--box {
    padding: 40px;
  }
}
/* line 431, ../sass/object/project/_mail.scss */
.p-mail-form--ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 668));
  font-weight: bold;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 431, ../sass/object/project/_mail.scss */
  .p-mail-form--ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 431, ../sass/object/project/_mail.scss */
  .p-mail-form--ttl {
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 40px;
  }
}
/* line 447, ../sass/object/project/_mail.scss */
.p-mail-form-stepbar {
  position: relative;
  text-align: center;
  margin: 0 auto 30px;
}
@media screen and (min-width: 840px) {
  /* line 447, ../sass/object/project/_mail.scss */
  .p-mail-form-stepbar {
    margin: 0 auto 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
}
/* line 456, ../sass/object/project/_mail.scss */
.p-mail-form-stepbar--item {
  position: relative;
  width: calc(100% - 15px);
  background: #F9F9F9;
  padding: 6px 15px 6px 6px;
  margin-right: 15px;
  margin-bottom: 5px;
  height: 30px;
}
@media screen and (min-width: 840px) {
  /* line 456, ../sass/object/project/_mail.scss */
  .p-mail-form-stepbar--item {
    padding: 9px 15px 0 9px;
    margin-bottom: 0;
    width: 33.333%;
    height: 40px;
  }
}
/* line 471, ../sass/object/project/_mail.scss */
.p-mail-form-stepbar--item::before, .p-mail-form-stepbar--item::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 15px;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 840px) {
  /* line 471, ../sass/object/project/_mail.scss */
  .p-mail-form-stepbar--item::before, .p-mail-form-stepbar--item::after {
    border-width: 20px 0 20px 15px;
  }
}
/* line 484, ../sass/object/project/_mail.scss */
.p-mail-form-stepbar--item::before {
  border-color: transparent transparent transparent #ffffff;
  left: 0;
}
/* line 488, ../sass/object/project/_mail.scss */
.p-mail-form-stepbar--item::after {
  border-color: transparent transparent transparent #F9F9F9;
  right: -15px;
}
/* line 492, ../sass/object/project/_mail.scss */
.p-mail-form-stepbar--item:first-child::before, .p-mail-form-stepbar--item:last-child::after {
  content: none;
}
/* line 496, ../sass/object/project/_mail.scss */
.p-mail-form-stepbar--item:last-child {
  width: 100%;
  margin-right: 0;
  padding-right: 15px;
}
@media screen and (min-width: 840px) {
  /* line 496, ../sass/object/project/_mail.scss */
  .p-mail-form-stepbar--item:last-child {
    width: 33.333%;
    padding-right: 0;
  }
}
/* line 506, ../sass/object/project/_mail.scss */
.p-mail-form-stepbar--item .text {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #81a6c9;
}
@media screen and (min-width: 840px) {
  /* line 506, ../sass/object/project/_mail.scss */
  .p-mail-form-stepbar--item .text {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
/* line 516, ../sass/object/project/_mail.scss */
.p-mail-form-stepbar .visited {
  background: #CBEDF7;
}
/* line 518, ../sass/object/project/_mail.scss */
.p-mail-form-stepbar .visited::after {
  border-color: transparent transparent transparent #CBEDF7;
}
/* line 524, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-box {
  padding-bottom: 30px;
}
/* line 528, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-main {
  max-width: 600px;
  margin: 0 auto;
}
/* line 531, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-main__in {
  border-bottom: 1px dotted #cccccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media screen and (min-width: 980px) {
  /* line 531, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-main__in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
/* line 543, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-main__ttl {
  font-size: calc(28 * (100vw / 668));
  font-weight: bold;
  position: relative;
  padding: 10px 0;
}
@media screen and (min-width: 576px) {
  /* line 543, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-main__ttl {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 543, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-main__ttl {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 980px) {
  /* line 543, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-main__ttl {
    width: 30%;
  }
}
/* line 557, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-main__ttl.c-form-req {
  position: relative;
  padding-right: 50px !important;
  margin-top: 0px;
}
/* line 561, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-main__ttl.c-form-req::before {
  content: "必須";
  color: #ed99a4;
  background: #ffffff;
  font-size: calc(16 * (100vw / 768));
  position: absolute;
  top: 7px;
  right: 5px;
  border-radius: 3;
  padding: 4px;
  border: 1px solid #ed99a4;
  line-height: 1;
}
@media screen and (min-width: 576px) {
  /* line 561, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-main__ttl.c-form-req::before {
    font-size: calc(11 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 561, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-main__ttl.c-form-req::before {
    font-size: 11px;
    font-size: 0.6875rem;
    right: 10px;
    top: 5px;
  }
}
@media screen and (min-width: 980px) {
  /* line 584, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-main__contents {
    width: 70%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}
/* line 592, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-main__contents input[type="text"],
.p-mail-form .c-form-main__contents input[type="email"] {
  background: #F9F9F9;
  border: 1px solid #dddddd;
  border-radius: 5px;
  display: block;
  font-size: calc(21 * (100vw / 768));
  max-width: 400px;
  margin: 5px 0 0;
  min-height: 36px;
  padding: 5px 10px;
  line-height: 34px;
  width: 100%;
}
/* line 605, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-main__contents input[type="text"]:focus,
.p-mail-form .c-form-main__contents input[type="email"]:focus {
  border-color: #DEE5ED;
  background: #ebf7ff;
}
@media screen and (min-width: 576px) {
  /* line 592, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-main__contents input[type="text"],
  .p-mail-form .c-form-main__contents input[type="email"] {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 592, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-main__contents input[type="text"],
  .p-mail-form .c-form-main__contents input[type="email"] {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
/* line 615, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-main__contents input[type="text"]:first-of-type,
.p-mail-form .c-form-main__contents input[type="email"]:first-of-type {
  margin-top: 0;
}
/* line 618, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-main__contents input[type="text"].mini3,
.p-mail-form .c-form-main__contents input[type="email"].mini3 {
  max-width: 100px;
}
/* line 622, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-main__contents select {
  background: #ffffff;
  border: 1px solid #959595;
  border-radius: 5px;
  display: block;
  font-size: calc(21 * (100vw / 768));
  max-width: 400px;
  margin: 0;
  min-height: 36px;
  padding: 5px 10px;
  line-height: 34px;
  width: 100%;
}
/* line 634, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-main__contents select:focus {
  border-color: #DEE5ED;
  background: #ebf7ff;
}
@media screen and (min-width: 576px) {
  /* line 622, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-main__contents select {
    font-size: calc(14 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 622, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-main__contents select {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
/* line 645, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-main__contents .num {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
/* line 650, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-main__contents .num .mwform-tel-field {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
/* line 655, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-main__contents .num .mwform-tel-field input[type="text"] {
  margin: 0 auto 5px;
}
/* line 663, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-input.mini {
  max-width: 300px !important;
}
/* line 669, ../sass/object/project/_mail.scss */
.p-mail-form .p-mail-form-item__ttl {
  margin-top: 10px;
}
/* line 672, ../sass/object/project/_mail.scss */
.p-mail-form .p-mail-form-item__ttl .in {
  display: block;
  padding: 15px;
  text-align: center;
  color: #ffffff;
  background: url(../images/icon/icon-top-w.svg) no-repeat right 7.5px center;
  background-size: 15px 15px;
  padding-right: 30px;
  background-color: #81A6C9;
  border-radius: 5px 5px 0 0;
  transition: .3s;
  cursor: pointer;
}
/* line 685, ../sass/object/project/_mail.scss */
.p-mail-form .p-mail-form-item__ttl .in:hover {
  opacity: .7;
}
/* line 689, ../sass/object/project/_mail.scss */
.p-mail-form .p-mail-form-item__ttl .in.rotate {
  border-radius: 5px;
  background-image: url(../images/icon/icon-down-w.svg);
}
/* line 696, ../sass/object/project/_mail.scss */
.p-mail-form .p-mail-form-item__contents {
  padding: 20px 10px 10px;
  border: 2px solid #81A6C9;
  border-top: none;
  margin-bottom: 10px;
}
/* line 704, ../sass/object/project/_mail.scss */
.p-mail-form .p-mail-form-item .c-form-main__contents .c-basic-txt, .p-mail-form .p-mail-form-item .c-form-main__contents .c-error-message {
  width: 100%;
}
/* line 711, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
}
/* line 724, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-radio input {
  display: none !important;
}
/* line 728, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-radio label {
  display: block;
  cursor: pointer;
  width: 50%;
  margin: 0;
  padding: 10px;
  color: #959595;
  border-top: 1px solid #959595;
  border-bottom: 1px solid #959595;
  border-right: 1px solid #959595;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1;
  transition: .2s;
}
/* line 744, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-radio label:first-of-type {
  border-radius: 3px 0 0 3px;
  border-left: 1px solid #959595;
}
/* line 749, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-radio label:last-of-type {
  border-radius: 0 3px 3px 0;
}
/* line 754, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-radio input[type="radio"]:checked + .switch-on {
  background-color: #81A6C9;
  color: #ffffff;
  border: none;
}
@media screen and (min-width: 812px) {
  /* line 762, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-radio {
    min-width: 300px;
    word-break: keep-all;
  }
}
@media screen and (min-width: 812px) {
  /* line 769, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-radio label {
    max-width: 200px;
  }
}
/* line 774, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-radio--long {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #959595;
  border-left: 1px solid #959595;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 785, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-radio--long label {
  max-width: 100%;
  border-top: none;
  border-left: none;
  border-bottom: 1px solid #959595;
  border-right: 1px solid #959595;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
/* line 810, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-radio--long label:first-of-type {
  border-left: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/* line 817, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-radio--long label:last-of-type {
  -moz-border-radius: 0 0 5px 0;
  -webkit-border-radius: 0;
  border-radius: 0 0 5px 0;
}
/* line 825, ../sass/object/project/_mail.scss */
.p-mail-form .c-basic-txt, .p-mail-form .c-error-message {
  color: #81A6C9;
}
/* line 831, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-checkbox__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -5px;
  width: 100%;
}
/* line 850, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-checkbox__list .c-form-checkbox label, .p-mail-form .c-form-checkbox__list .mwform-checkbox-field label {
  border: 1px solid #959595;
  width: 100%;
  padding: 10px 5px;
  margin: 0 5px 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  text-align: left;
}
/* line 863, ../sass/object/project/_mail.scss */
.p-mail-form .mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0;
}
@media screen and (min-width: 812px) {
  /* line 868, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-checkbox__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
}
/* line 877, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-checkbox, .p-mail-form .mwform-checkbox-field {
  display: block;
  width: 100%;
}
/* line 880, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-checkbox label, .p-mail-form .mwform-checkbox-field label {
  display: block;
  width: 100%;
}
/* line 886, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-checkbox__input, .p-mail-form .mwform-checkbox-field__input {
  display: none !important;
}
/* line 890, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-checkbox__parts, .p-mail-form .c-form-checkbox .mwform-checkbox-field-text, .p-mail-form .mwform-checkbox-field__parts, .p-mail-form .mwform-checkbox-field .mwform-checkbox-field-text {
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
  word-break: break-all;
  padding-left: 25px;
  display: inline-block;
}
@media screen and (min-width: 812px) {
  /* line 900, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-checkbox__parts, .p-mail-form .c-form-checkbox .mwform-checkbox-field-text, .p-mail-form .mwform-checkbox-field__parts, .p-mail-form .mwform-checkbox-field .mwform-checkbox-field-text {
    padding-left: 30px;
    padding-right: 0;
  }
}
/* line 906, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-checkbox__parts::before,
.p-mail-form .c-form-checkbox .mwform-checkbox-field-text::before,
.p-mail-form .mwform-checkbox-field__parts::before,
.p-mail-form .mwform-checkbox-field .mwform-checkbox-field-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #959595;
  background: #ffffff;
}
/* line 922, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-checkbox__input:checked + .c-form-checkbox__parts, .p-mail-form .c-form-checkbox__input:checked + .mwform-checkbox-field-text {
  color: #81A6C9;
  font-weight: bold;
}
/* line 929, ../sass/object/project/_mail.scss */
.p-mail-form .mwform-checkbox-field__input:checked + .c-form-checkbox__parts, .p-mail-form .mwform-checkbox-field__input:checked + .mwform-checkbox-field-text {
  color: #81A6C9;
  font-weight: bold;
}
/* line 935, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-checkbox__input:checked + .mwform-checkbox-field__parts, .p-mail-form .mwform-checkbox-field__input:checked + .mwform-checkbox-field__parts {
  color: #81A6C9;
  font-weight: bold;
}
/* line 941, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-checkbox__input:checked + .c-form-checkbox__parts::after, .p-mail-form .c-form-checkbox__input:checked + .mwform-checkbox-field-text::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 7px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #81A6C9;
  border-right: 3px solid #81A6C9;
}
/* line 956, ../sass/object/project/_mail.scss */
.p-mail-form .mwform-checkbox-field__input:checked + .c-form-checkbox__parts::after, .p-mail-form .mwform-checkbox-field__input:checked + .mwform-checkbox-field-text::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 7px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #81A6C9;
  border-right: 3px solid #81A6C9;
}
/* line 970, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-checkbox__input:checked + .mwform-checkbox-field__parts::after, .p-mail-form .mwform-checkbox-field__input:checked + .mwform-checkbox-field__parts::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 7px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #81A6C9;
  border-right: 3px solid #81A6C9;
}
/* line 985, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-textarea {
  max-width: 400px;
  width: 100%;
  height: 150px;
  margin: 0 auto;
  display: block;
  font-family: sans-serif;
  padding: 3px 10px;
  outline: none;
  background: #F9F9F9;
  border: 1px solid #959595;
  border-radius: 5px;
  font-size: 14px;
  font-size: 0.875rem;
}
/* line 1003, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-btnarea {
  text-align: center;
  padding: 0 30px;
}
/* line 1009, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-btnarea .c-form-btn {
  background: url(../images/icon/icon-right-w.svg) no-repeat center right 10px;
  background-size: 15px 15px;
  background-color: #81a6c9;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  max-width: 90%;
  padding: 10px 15px 15px;
  transition: .3s;
  text-align: center;
  width: 100%;
  color: #ffffff;
  font-weight: bold;
  font-size: calc(22 * (100vw / 668));
  width: 100%;
}
@media screen and (min-width: 576px) {
  /* line 1009, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-btnarea .c-form-btn {
    font-size: calc(14 * (100vw / 768));
    padding: 20px 15px 22px;
    max-width: 320px;
  }
}
@media screen and (min-width: 840px) {
  /* line 1009, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-btnarea .c-form-btn {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
/* line 1036, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-btnarea .c-basic-btn.back {
  background: url(../images/icon/icon-left-w.svg) no-repeat left 10% center;
  background-size: 15px 15px;
  background-color: #959595;
  border: none;
  color: #ffffff;
  margin-bottom: 10px;
}
/* line 1052, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-thanks {
  padding: 0 0 20px;
  text-align: center;
}
/* line 1055, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-thanks--ttl {
  color: #394656;
  font-size: calc(30 * (100vw / 768));
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 576px) {
  /* line 1055, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-thanks--ttl {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 840px) {
  /* line 1055, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-thanks--ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
/* line 1067, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-thanks--text {
  color: #394656;
  text-align: center;
  padding: 0 10px 10px;
}
@media screen and (min-width: 576px) {
  /* line 1067, ../sass/object/project/_mail.scss */
  .p-mail-form .c-form-thanks--text {
    padding: 0 20px 20px;
  }
}
/* line 1075, ../sass/object/project/_mail.scss */
.p-mail-form .c-form-thanks--btn {
  text-align: center;
  padding-bottom: 50px;
}
#chatplusview, chat {
  position: relative;
  z-index: 1;
}


/* =========================================================
caption - 査定士が自ら、目の前で査定
========================================================= */
.c-caption-type01 {
  padding: 30px 0;
}
@media screen and (min-width: 768px) {
  .c-caption-type01 {
    padding: 60px 0 80px;
  }
}
.c-caption-type01--wrap {
  position: relative;
  margin: 0 auto;
  max-width: 1150px;
  text-align: center;
  width: 96%;
}
.c-caption-type01--wrap picture img {
  display: inline-block;
  width: 100%;
  max-width: 100%;
}


/* =========================================================
focusbrand - 買取強化ブランド
========================================================= */
.c-focusbrand {
  background-color: #f0f0f0;
  padding: 50px 0;
}
@media screen and (min-width: 768px) {
  .c-focusbrand {
    padding: 80px 0;
  }
}
.c-focusbrand-nav_title {
  font-size: calc(24 * (100vw / 520));
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 520px) {
  .c-focusbrand-nav_title {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-focusbrand-nav_title {
    font-size: calc(20 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-focusbrand-nav_title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-focusbrand-nav_list {
  display: flex;
  flex-wrap: wrap;
  margin: 30px auto 0;
  max-width: 1200px;
  width: 96vw;
}
.c-focusbrand-nav_list > li {
  margin: 0 0 10px;
  width: calc(98% / 3);
}
@media screen and (min-width: 768px) {
  .c-focusbrand-nav_list > li {
    margin: 0 0 30px;
  }
}
.c-focusbrand-nav_list > li:nth-of-type(3n+2), .c-focusbrand-nav_list > li:nth-of-type(3n+3) {
  margin: 0 0 10px 1%;
}
@media screen and (min-width: 768px) {
  .c-focusbrand-nav_list > li:nth-of-type(3n+2), .c-focusbrand-nav_list > li:nth-of-type(3n+3) {
    margin: 0 0 30px 1%;
  }
}
.c-focusbrand-nav_list > li a {
  color: #394656;
  font-size: calc(17 * (100vw / 520));
  font-weight: 500;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .c-focusbrand-nav_list > li a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-focusbrand-nav_list > li a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-focusbrand-nav_list > li a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.c-focusbrand-nav_list > li figure picture {
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  transition: .4s;
}
.c-focusbrand-nav_list > li figure picture:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.c-focusbrand-nav_list > li figure picture img {
  max-height: 90px;
}
.c-focusbrand-nav_list > li figure figcaption {
  display: flex;
  align-items: center;
  margin: 5px 0 0;
}
@media screen and (min-width: 768px) {
  .c-focusbrand-nav_list > li figure figcaption {
    margin: 15px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .c-focusbrand-nav_list > li figure figcaption::after {
    background-image: url(../images/common/icon-arrow01.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: '';
    display: block;
    height: 25px;
    width: 25px;
    margin: 0 0 0 10px;
    transition: .4s;
  }
}
.c-focusbrand-nav_list > li figure figcaption span {
  display: none;
}
@media screen and (min-width: 768px) {
  .c-focusbrand-nav_list > li figure figcaption span {
    display: inline-block;
  }
}
.c-focusbrand-nav_sublist {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  max-width: 1200px;
  width: 96vw;
}
.c-focusbrand-nav_sublist > li {
  margin: 0 0 10px;
  width: calc(98% / 3);
}
@media screen and (min-width: 768px) {
  .c-focusbrand-nav_sublist > li {
    margin: 0 0 30px;
  }
}
.c-focusbrand-nav_sublist > li:nth-of-type(3n+2), .c-focusbrand-nav_sublist > li:nth-of-type(3n+3) {
  margin: 0 0 10px 1%;
}
@media screen and (min-width: 768px) {
  .c-focusbrand-nav_sublist > li:nth-of-type(3n+2), .c-focusbrand-nav_sublist > li:nth-of-type(3n+3) {
    margin: 0 0 30px 1%;
  }
}
.c-focusbrand-nav_sublist > li a {
  color: #394656;
  font-size: calc(17 * (100vw / 520));
  font-weight: 500;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .c-focusbrand-nav_sublist > li a {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-focusbrand-nav_sublist > li a {
    font-size: calc(16 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-focusbrand-nav_sublist > li a {
    font-size: 16px;
    font-size: 1rem;
  }
}
.c-focusbrand-nav_sublist > li figure picture {
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  transition: .4s;
}
.c-focusbrand-nav_sublist > li figure picture:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.c-focusbrand-nav_sublist > li figure picture img {
  max-height: 90px;
}
.c-focusbrand-nav_sublist > li figure figcaption {
  display: flex;
  align-items: center;
  margin: 5px 0 0;
}
@media screen and (min-width: 768px) {
  .c-focusbrand-nav_sublist > li figure figcaption {
    margin: 15px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .c-focusbrand-nav_sublist > li figure figcaption::after {
    background-image: url(../images/common/icon-arrow01.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: '';
    display: block;
    height: 25px;
    width: 25px;
    margin: 0 0 0 10px;
    transition: .4s;
  }
}
.c-focusbrand-nav_sublist > li figure figcaption span {
  display: none;
}
@media screen and (min-width: 768px) {
  .c-focusbrand-nav_sublist > li figure figcaption span {
    display: inline-block;
  }
}
.c-focusbrand-acc--container {
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  transition: .4s;
}
.c-focusbrand-acc--more label {
  background: url(../images/common/icon-triangle01.svg) center no-repeat;
  background-size: 18px;
  background-color: #81A6C9;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  width: 50px;
  height: 50px;
  margin: auto;
  transition: .4s;
}
.c-focusbrand-acc--more label:hover {
  background-color: #6889a9;
}
.c-focusbrand-acc--check:checked + .c-focusbrand-acc > .c-focusbrand-acc--container {
  max-height: 999vh;
  visibility: visible;
  opacity: 1;
}
.c-focusbrand-acc--check:checked + .c-focusbrand-acc > .c-focusbrand-acc--more label {
  transform: rotate(-180deg);
}

/* =========================================================
interface - 査定・買取方法のリンク
========================================================= */
.c-interface {
  padding: 60px 0;
}
@media screen and (min-width: 768px) {
  .c-interface {
    padding: 60px 0 80px;
  }
}
.c-interface--wrap {
  margin: auto;
  max-width: 1200px;
  width: 96vw;
}
.c-interface_title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(24 * (100vw / 520));
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 15px;
  text-align: center;
}
@media screen and (min-width: 520px) {
  .c-interface_title {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-interface_title {
    font-size: calc(20 * (100vw / 980));
    margin: 0 0 30px;
  }
}
@media screen and (min-width: 980px) {
  .c-interface_title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-interface_title::before, .c-interface_title::after {
  background-color: #0abf7d;
  content: '';
  display: block;
  height: 66px;
  width: 2px;
}
.c-interface_title::before {
  transform: rotate(-30deg);
}
.c-interface_title::after {
  transform: rotate(30deg);
}
.c-interface_title.method {
  margin: 45px 0 20px;
}
@media screen and (min-width: 768px) {
  .c-interface_title.method {
    margin: 70px 0 30px;
  }
}
.c-interface_title.method::before, .c-interface_title.method::after {
  background-color: #ffee63;
}
.c-interface_title .text {
  padding: 0 33px;
}
.c-interface_btn {
  margin: auto;
  max-width: 390px;
  width: 90%;
}
.c-interface_btn a {
  background-color: #0abf7d;
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(22 * (100vw / 520));
  font-weight: 500;
  padding: 12px;
  text-align: center;
  transition: .4s;
}
@media screen and (min-width: 520px) {
  .c-interface_btn a {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-interface_btn a {
    font-size: calc(20 * (100vw / 980));
    padding: 18px;
  }
}
@media screen and (min-width: 980px) {
  .c-interface_btn a {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-interface_btn a:hover {
  background-color: #35d99d;
}
.c-interface_btn a img {
  margin: 0 8px 0;
  max-width: 30px;
}
@media screen and (min-width: 768px) {
  .c-interface_btn a img {
    max-width: 40px;
  }
}
.c-interface_btn a.counter {
  background-color: #b7d5cd;
  color: #394656;
}
.c-interface_btn a.counter:hover {
  background-color: #cce9e2;
}
.c-interface_btn a.delivery {
  background-color: #f9dad6;
  color: #394656;
}
.c-interface_btn a.delivery:hover {
  background-color: #ffe6e3;
  color: #394656;
}
.c-interface_btn a.bulgeout {
  background-color: #83c5e8;
  color: #394656;
}
.c-interface_btn a.bulgeout:hover {
  background-color: #bde8ff;
}
.c-interface_btnlist {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 390px;
  margin: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .c-interface_btnlist {
    max-width: none;
  }
}
.c-interface_btnlist > li {
  width: 49%;
}
@media screen and (min-width: 768px) {
  .c-interface_btnlist > li {
    margin: 0 2% 0 0;
    width: calc(96% / 3);
  }
}
.c-interface_btnlist > li:first-of-type {
  margin: 0 0 10px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-interface_btnlist > li:first-of-type {
    margin: 0 2% 0 0;
    width: calc(96% / 3);
  }
}
.c-interface_btnlist > li:last-of-type {
  margin: 0 0 0 2%;
}
@media screen and (min-width: 768px) {
  .c-interface_btnlist > li:last-of-type {
    margin: 0;
  }
}

/* =========================================================
itemlist
========================================================= */
.c-itemlist--wrap {
  margin: auto;
  max-width: 1200px;
  padding: 80px 0;
  width: 96%;
}
.c-itemlist_title {
  font-size: calc(24 * (100vw / 520));
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 520px) {
  .c-itemlist_title {
    font-size: calc(20 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-itemlist_title {
    font-size: calc(20 * (100vw / 980));
  }
}
@media screen and (min-width: 980px) {
  .c-itemlist_title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-itemlist_list {
  display: grid;
  grid-template-areas: "bk1 bk1 bk2 bk2" "bk3 bk3 bk4 bk4" "bk5 bk5 bk6 bk6" "bk7 bk7 bk8 bk8" "bk9 bk9 bk10 bk10" "bk11 bk11 bk12 bk12" "bk13 bk13 bk14 bk14" "bk15 bk15 bk16 bk16" "bk17 bk17 bk18 bk18 ";
  grid-template-columns: repeat(4, 0.4fr);
  grid-template-rows: repeat(7, 0.4fr);
  row-gap: 5px;
  column-gap: 5px;
  margin: 35px 0 0;
}
@media screen and (min-width: 768px) {
  .c-itemlist_list {
    grid-template-areas: "bk1 bk1 bk2 bk2" "bk1 bk1 bk2 bk2" "bk3 bk3 bk4 bk4" "bk5 bk5 bk6 bk6" "bk7 bk7 bk8 bk9" "bk10 bk11 bk12 bk13" "bk14 bk15 bk16 bk17";
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(7, 1fr);
    row-gap: 5px;
    column-gap: 5px;
  }
}
@media screen and (min-width: 768px) {
  .c-itemlist_list {
    row-gap: 10px;
    column-gap: 10px;
  }
}
@media screen and (min-width: 980px) {
  .c-itemlist_list {
    grid-template-areas: "bk1 bk1 bk1 bk1 bk1 bk2 bk2 bk2 bk2 bk2 bk3 bk3 bk3 bk3 bk3" "bk1 bk1 bk1 bk1 bk1 bk2 bk2 bk2 bk2 bk2 bk4 bk4 bk4 bk4 bk4" "bk5 bk5 bk5 bk5 bk5 bk6 bk6 bk6 bk6 bk6 bk7 bk7 bk7 bk7 bk7" "bk8 bk8 bk8 bk9 bk9 bk9 bk10 bk10 bk10 bk11 bk11 bk11 bk12 bk12 bk12" "bk13 bk13 bk13 bk14 bk14 bk14 bk15 bk15 bk15 bk16 bk16 bk16 bk17 bk17 bk17";
    grid-template-columns: repeat(15, 1fr);
    grid-template-rows: repeat(5, 1fr);
  }
}
@media screen and (min-width: 1400px) {
  .c-itemlist_list {
    row-gap: 20px;
    column-gap: 20px;
  }
}
.c-itemlist_list > li:nth-of-type(1) {
  grid-area: bk1;
}
.c-itemlist_list > li:nth-of-type(2) {
  grid-area: bk2;
}
.c-itemlist_list > li:nth-of-type(3) {
  grid-area: bk3;
}
.c-itemlist_list > li:nth-of-type(4) {
  grid-area: bk4;
}
.c-itemlist_list > li:nth-of-type(5) {
  grid-area: bk5;
}
.c-itemlist_list > li:nth-of-type(6) {
  grid-area: bk6;
}
.c-itemlist_list > li:nth-of-type(7) {
  grid-area: bk7;
}
.c-itemlist_list > li:nth-of-type(8) {
  grid-area: bk8;
}
.c-itemlist_list > li:nth-of-type(9) {
  grid-area: bk9;
}
.c-itemlist_list > li:nth-of-type(10) {
  grid-area: bk10;
}
.c-itemlist_list > li:nth-of-type(11) {
  grid-area: bk11;
}
.c-itemlist_list > li:nth-of-type(12) {
  grid-area: bk12;
}
.c-itemlist_list > li:nth-of-type(13) {
  grid-area: bk13;
}
.c-itemlist_list > li:nth-of-type(14) {
  grid-area: bk14;
}
.c-itemlist_list > li:nth-of-type(15) {
  grid-area: bk15;
}
.c-itemlist_list > li:nth-of-type(16) {
  grid-area: bk16;
}
.c-itemlist_list > li:nth-of-type(17) {
  grid-area: bk17;
}
.c-itemlist_list > li a {
  color: #394656;
}
.c-itemlist_list > li figure {
  background-color: #fff;
  border-radius: 5px;
  display: block;
  height: 100%;
  padding: 10px;
  transition: .4s;
}
@media screen and (min-width: 1400px) {
  .c-itemlist_list > li figure {
    padding: 20px;
  }
}
.c-itemlist_list > li figure:hover {
  background-color: #fefefe;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.c-itemlist_list > li figure:hover picture {
  background-color: #e3e3e3;
}
.c-itemlist_list > li figure figcaption {
  display: flex;
  align-items: center;
  margin: 2px 0 0;
  font-size: calc(18 * (100vw / 520));
  font-weight: 500;
}
@media screen and (min-width: 520px) {
  .c-itemlist_list > li figure figcaption {
    font-size: calc(16 * (100vw / 768));
  }
}
@media screen and (min-width: 768px) {
  .c-itemlist_list > li figure figcaption {
    font-size: calc(16 * (100vw / 980));
    margin: 10px 0 0;
  }
}
@media screen and (min-width: 980px) {
  .c-itemlist_list > li figure figcaption {
    font-size: calc(16 * (100vw / 1150));
    margin: 10px 0 0;
  }
}
@media screen and (min-width: 1150px) {
  .c-itemlist_list > li figure figcaption {
    font-size: 16px;
    font-size: 1rem;
  }
}
.c-itemlist_list > li figure figcaption::after {
  background-image: url(../images/common/icon-arrow01.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  height: 15px;
  width: 15px;
  margin: 0 0 0 10px;
  transition: .4s;
}
@media screen and (min-width: 980px) {
  .c-itemlist_list > li figure figcaption::after {
    height: 20px;
    width: 20px;
  }
}
@media screen and (min-width: 1150px) {
  .c-itemlist_list > li figure figcaption::after {
    height: 25px;
    width: 25px;
  }
}
.c-itemlist_list > li figure picture {
  background-color: #f7f7f7;
  border-radius: 5px;
  display: block;
  transition: .4s;
  text-align: center;
}