@charset "UTF-8";
/*----------------------------------------
	Web Fonts
----------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Zen+Kaku+Gothic+New:400,500,700,900&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Shippori+Mincho:400,500,600,700,800&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Outfit:200,300,400,500,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap");
/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Reset
----------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, hgroup, main, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

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

li {
  list-style: none;
}

ol li {
  list-style: decimal;
}

img {
  border: 0;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

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

caption, th {
  text-align: left;
}

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

input, select {
  vertical-align: middle;
}

input, textarea {
  margin: 0;
  padding: 0;
}

input[type=text],
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  outline: none;
}

textarea {
  resize: vertical;
}

/*
input[type='checkbox'],
input[type='radio'] {
	display: none;
}
*/
input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

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

/*----------------------------------------
	Common
----------------------------------------*/
html {
  scroll-behavior: smooth;
}

body {
  color: #242424;
  font-family: "Zen Kaku Gothic New", "Yu Gothic", YuGothic, "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
  word-break: break-word;
  height: 100%;
  background-color: #F7F7F5;
  overflow-x: hidden;
}
body.is_fixed {
  overflow: hidden;
}

a {
  color: #222;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

img {
  vertical-align: bottom;
  -webkit-backface-visibility: hidden;
}

@-webkit-keyframes ticker1 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes ticker1 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes ticker2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
@keyframes ticker2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
.c-check input[type=checkbox] {
  display: none;
}
.c-check input[type=checkbox]:checked + span:before {
  border-color: #3E3A39;
}
.c-check input[type=checkbox]:checked + span:after {
  opacity: 1;
}
.c-check span {
  color: #282828;
  font-size: min(1.1111111111vw, 16px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  padding-left: min(1.7361111111vw, 25px);
  position: relative;
  display: block;
}
.c-check span:after {
  content: "";
  width: min(0.0694444444vw, 1px);
  height: min(1.25vw, 18px);
  background: #3E3A39;
  position: absolute;
  top: min(0.0694444444vw, 1px);
  left: min(0.4861111111vw, 7px);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0;
}
.c-check span:before {
  content: "";
  width: min(1.0416666667vw, 15px);
  height: min(1.0416666667vw, 15px);
  background-color: #fff;
  border: min(0.0694444444vw, 1px) solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  top: min(0.1388888889vw, 2px);
  left: 0;
}

input[type=text].c-input-text {
  color: #4A4847;
  font-size: min(1.1111111111vw, 16px);
  font-weight: 500;
  letter-spacing: 0.05em;
  width: 100%;
  height: min(4.1666666667vw, 60px);
  padding: 0 min(1.3888888889vw, 20px);
  background-color: #fff;
  border: min(0.0694444444vw, 1px) solid transparent;
  border-radius: min(0.4166666667vw, 6px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
input[type=text].c-input-text::-webkit-input-placeholder {
  color: #aaa;
}
input[type=text].c-input-text::-moz-placeholder {
  color: #aaa;
}
input[type=text].c-input-text:-ms-input-placeholder {
  color: #aaa;
}
input[type=text].c-input-text::-ms-input-placeholder {
  color: #aaa;
}
input[type=text].c-input-text::placeholder {
  color: #aaa;
}
input[type=text].c-input-text:focus {
  border-color: #0C9EFF;
}

.c-keyword-search {
  line-height: 0;
  position: relative;
}
.c-keyword-search input[type=text] {
  color: #fff;
  font-size: min(0.9722222222vw, 14px);
  width: min(23.6111111111vw, 340px);
  height: min(3.125vw, 45px);
  padding: 0 min(1.3888888889vw, 20px);
  background-color: #626262;
  border: min(0.0694444444vw, 1px) solid #626262;
  border-radius: min(3.125vw, 45px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.c-keyword-search input[type=text]::-webkit-input-placeholder {
  color: #fff;
}
.c-keyword-search input[type=text]::-moz-placeholder {
  color: #fff;
}
.c-keyword-search input[type=text]:-ms-input-placeholder {
  color: #fff;
}
.c-keyword-search input[type=text]::-ms-input-placeholder {
  color: #fff;
}
.c-keyword-search input[type=text]::placeholder {
  color: #fff;
}
.c-keyword-search input[type=text]:focus {
  border-color: #fff;
}
.c-keyword-search button[type=submit] {
  line-height: 0;
  position: absolute;
  top: min(0.8333333333vw, 12px);
  right: min(1.0416666667vw, 15px);
}
.c-keyword-search button[type=submit] img {
  width: min(1.25vw, 18px);
  height: auto;
}

.c-modal-btn {
  position: fixed;
  top: 6.4102564103vw;
  right: 5.1282051282vw;
  display: none;
  z-index: 100;
}
.c-modal-btn.is_page {
  mix-blend-mode: difference;
}
.c-modal-btn a {
  width: 5.1282051282vw;
  height: 7.6923076923vw;
  display: block;
  position: relative;
}
.c-modal-btn a.is_active {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.c-modal-btn a.is_active span {
  background-color: #fff;
  top: 50% !important;
}
.c-modal-btn a.is_active span:nth-of-type(1) {
  -webkit-transform: translate(-50%, -50%) rotate(20deg);
          transform: translate(-50%, -50%) rotate(20deg);
}
.c-modal-btn a.is_active span:nth-of-type(2) {
  -webkit-transform: translate(-50%, -50%) rotate(-20deg);
          transform: translate(-50%, -50%) rotate(-20deg);
}
.c-modal-btn a span {
  width: 7.6923076923vw;
  height: 0.5128205128vw;
  background-color: #fff;
  display: block;
  position: absolute;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.c-modal-btn a span:nth-of-type(1) {
  top: calc(50% - 1.0256410256vw);
}
.c-modal-btn a span:nth-of-type(2) {
  top: calc(50% + 1.0256410256vw);
}

.c-modal-menu {
  width: 100%;
  height: 100%;
  background-color: #323232;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 95;
  overflow: scroll;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.c-modal-menu.is_active {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.c-modal-menu__inner {
  width: 100%;
  height: 100%;
  padding: 5.1282051282vw 6.4102564103vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.c-modal-menu__inner__search-area {
  padding: 0 0 7.6923076923vw;
  border-bottom: min(0.0694444444vw, 1px) solid #242424;
}
.c-modal-menu__inner__search-area .p-header-container__inner__favorite {
  position: absolute;
  top: 7.4358974359vw;
  left: 77.4358974359vw;
}
.c-modal-menu__inner__search-area .c-keyword-search {
  width: 53.8461538462vw;
  margin: 0 0 10.2564102564vw;
}
.c-modal-menu__inner__search-area dl {
  margin: 0 0 2.5641025641vw;
}
.c-modal-menu__inner__search-area dl dt {
  color: #fff;
  font-size: 3.3333333333vw;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0 0 2.5641025641vw;
}
.c-modal-menu__inner__search-area dl dd .c-select select {
  color: #fff;
  background-color: #202020;
  border-color: #202020;
}
.c-modal-menu__inner__search-area dl dd .c-select .arrow {
  background-color: #27353C;
}
.c-modal-menu__inner__search-area dl dd .c-select .arrow svg {
  width: min(0.5555555556vw, 8px);
  height: auto;
}
.c-modal-menu__inner__search-area .c-submit {
  margin: 3.8461538462vw 0 0;
}
.c-modal-menu__inner__footer {
  padding: 7.6923076923vw 0 0;
  position: relative;
}
.c-modal-menu__inner__footer__fnavi {
  margin: 0 0 7.6923076923vw;
}
.c-modal-menu__inner__footer__fnavi ul:nth-of-type(1) {
  margin: 0 0 10.2564102564vw;
}
.c-modal-menu__inner__footer__fnavi ul:nth-of-type(1) li {
  line-height: 0;
  margin: 0 0 5.1282051282vw;
}
.c-modal-menu__inner__footer__fnavi ul:nth-of-type(1) li:last-child {
  margin: 0;
}
.c-modal-menu__inner__footer__fnavi ul:nth-of-type(1) li a {
  color: #fff;
  font-size: 5.641025641vw;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1;
}
.c-modal-menu__inner__footer__fnavi ul:nth-of-type(1) li a:hover {
  text-decoration: underline;
}
.c-modal-menu__inner__footer__fnavi ul:nth-of-type(2) li {
  line-height: 0;
  margin: 0 0 3.8461538462vw;
}
.c-modal-menu__inner__footer__fnavi ul:nth-of-type(2) li:last-child {
  margin: 0;
}
.c-modal-menu__inner__footer__fnavi ul:nth-of-type(2) li a {
  color: #fff;
  font-size: 4.6153846154vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
}
.c-modal-menu__inner__footer__fnavi ul:nth-of-type(2) li a:hover {
  text-decoration: underline;
}
.c-modal-menu__inner__footer__sns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  row-gap: 5.1282051282vw;
  position: absolute;
  top: 7.6923076923vw;
  right: 6.4102564103vw;
}
.c-modal-menu__inner__footer__sns a {
  line-height: 0;
  display: block;
}
.c-modal-menu__inner__footer__sns a:hover {
  opacity: 0.6;
}
.c-modal-menu__inner__footer__sns a img {
  width: 6.1538461538vw;
  height: auto;
}
.c-modal-menu__inner__footer__inquiry {
  margin: 0 0 10.2564102564vw;
}
.c-modal-menu__inner__footer__inquiry a {
  color: #fff;
  font-size: 3.5897435897vw;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  width: 100%;
  height: 17.9487179487vw;
  background-color: #0C9EFF;
  border-radius: 1.5384615385vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 3.8461538462vw;
     -moz-column-gap: 3.8461538462vw;
          column-gap: 3.8461538462vw;
}
.c-modal-menu__inner__footer__inquiry a:hover {
  opacity: 0.6;
}
.c-modal-menu__inner__footer__inquiry a svg {
  width: 5.641025641vw;
  height: auto;
}
.c-modal-menu__inner__footer__snavi {
  margin: 0 0 7.6923076923vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-modal-menu__inner__footer__snavi ul li {
  line-height: 0;
  margin: 0 0 3.8461538462vw;
}
.c-modal-menu__inner__footer__snavi ul li a {
  color: #fff;
  font-size: 3.0769230769vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
}
.c-modal-menu__inner__footer__bottom .produce {
  color: #fff;
  font-size: 2.8205128205vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  margin: 0 0 3.8461538462vw;
}
.c-modal-menu__inner__footer__bottom .produce img {
  width: 38.4615384615vw;
  margin: 2.5641025641vw auto 0;
  display: block;
  mix-blend-mode: color-burn;
}
.c-modal-menu__inner__footer__bottom .copyright {
  color: #fff;
  font-size: 2.8205128205vw;
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: center;
  padding: 5.1282051282vw 0;
  border-top: 0.2564102564vw solid #242424;
}

.c-page-title {
  padding: min(9.7222222222vw, 140px) 0 min(4.1666666667vw, 60px);
}
.c-page-title__inner {
  text-align: center;
}
.c-page-title__inner h2 {
  color: #0C9EFF;
  font-size: min(1.8055555556vw, 26px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
}
.c-page-title__inner .ja {
  color: #404040;
  font-size: min(1.1111111111vw, 16px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: min(0.6944444444vw, 10px) 0 0;
}

.c-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.c-pagination .prev a,
.c-pagination .next a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(1.0416666667vw, 15px);
     -moz-column-gap: min(1.0416666667vw, 15px);
          column-gap: min(1.0416666667vw, 15px);
}
.c-pagination .prev a:hover .arrow::before,
.c-pagination .next a:hover .arrow::before {
  width: min(6.9444444444vw, 100px);
  height: min(6.9444444444vw, 100px);
}
.c-pagination .prev a .text,
.c-pagination .next a .text {
  color: #242424;
  font-size: min(1.25vw, 18px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  position: relative;
  z-index: 1;
}
.c-pagination .prev a .arrow,
.c-pagination .next a .arrow {
  width: min(2.7777777778vw, 40px);
  height: min(2.7777777778vw, 40px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.c-pagination .prev a .arrow::before,
.c-pagination .next a .arrow::before {
  content: "";
  width: min(2.7777777778vw, 40px);
  height: min(2.7777777778vw, 40px);
  background-color: #0C9EFF;
  border-radius: 100%;
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.c-pagination .prev a .arrow svg,
.c-pagination .next a .arrow svg {
  width: min(0.7638888889vw, 11px);
  height: auto;
  position: relative;
  z-index: 2;
}
.c-pagination .result {
  font-size: min(1.25vw, 18px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(2.0833333333vw, 30px);
     -moz-column-gap: min(2.0833333333vw, 30px);
          column-gap: min(2.0833333333vw, 30px);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.c-pagination .result strong {
  color: #0C9EFF;
  font-family: "Outfit", sans-serif;
  font-weight: 500;
}
.c-pagination .result span {
  color: #D9D9D9;
  font-family: "Outfit", sans-serif;
  font-weight: 500;
}

.c-radio input[type=radio] {
  display: none;
}
.c-radio input[type=radio]:checked + label:after {
  opacity: 1;
}
.c-radio label {
  color: #000;
  font-size: min(1.1111111111vw, 16px);
  letter-spacing: 0.1em;
  line-height: 1;
  padding-left: min(2.4305555556vw, 35px);
  position: relative;
  display: inline-block;
}
.c-radio label:after {
  content: "";
  position: absolute;
  top: min(0.2083333333vw, 3px);
  left: min(0.3472222222vw, 5px);
  width: min(0.8333333333vw, 12px);
  height: min(0.8333333333vw, 12px);
  background: #2D2D2D;
  border-radius: 50%;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0;
}
.c-radio label:before {
  content: "";
  width: min(1.5277777778vw, 22px);
  height: min(1.5277777778vw, 22px);
  background-color: #fff;
  border: min(0.0694444444vw, 1px) solid #E4E4E4;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  top: calc(0% - min(0.1388888889vw, 2px));
  left: 0;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

/* MW WP FORM に合わせたカスタム設定 */
.mwform-radio-field:after {
  color: #646464;
  font-size: 12px;
  line-height: 1;
  margin-top: 5px;
  padding-left: 25px;
  display: block;
}
.mwform-radio-field label input[type=radio] {
  display: none;
}
.mwform-radio-field label input[type=radio]:checked + span:before {
  border-color: #3E3A39;
}
.mwform-radio-field label input[type=radio]:checked + span:after {
  opacity: 1;
}
.mwform-radio-field label span {
  color: #000;
  font-size: min(1.1111111111vw, 16px);
  letter-spacing: 0.1em;
  line-height: 1;
  padding-left: min(2.4305555556vw, 35px);
  position: relative;
  display: inline-block;
}
.mwform-radio-field label span:after {
  content: "";
  position: absolute;
  top: min(0.2083333333vw, 3px);
  left: min(0.3472222222vw, 5px);
  width: min(0.8333333333vw, 12px);
  height: min(0.8333333333vw, 12px);
  background: #2D2D2D;
  border-radius: 50%;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0;
}
.mwform-radio-field label span:before {
  content: "";
  width: min(1.5277777778vw, 22px);
  height: min(1.5277777778vw, 22px);
  background-color: #fff;
  border: min(0.0694444444vw, 1px) solid #E4E4E4;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  top: calc(0% - min(0.1388888889vw, 2px));
  left: 0;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

/* ここまで MW WP FORM に合わせたカスタム設定 */
.c-section-title h3 {
  color: #0C9EFF;
  font-size: min(1.8055555556vw, 26px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  margin: 0 0 min(0.6944444444vw, 10px);
}
.c-section-title .ja {
  color: #404040;
  font-size: min(1.1111111111vw, 16px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
}

.c-select {
  position: relative;
}
.c-select select {
  color: #4A4847;
  font-size: min(1.0416666667vw, 15px);
  letter-spacing: 0.05em;
  width: 100%;
  height: min(4.1666666667vw, 60px);
  padding: 0 min(1.3888888889vw, 20px);
  background-color: #fff;
  border: min(0.1041666667vw, 1.5px) solid #242424;
  border-radius: min(0.4166666667vw, 6px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-select .arrow {
  line-height: 0;
  width: min(2.4305555556vw, 35px);
  height: min(4.1666666667vw, 60px);
  background-color: #B1DCF3;
  border: min(0.0694444444vw, 1px) solid #242424;
  border-left: min(0.1041666667vw, 1.5px) dashed #242424;
  border-radius: 0 min(0.4166666667vw, 6px) min(0.4166666667vw, 6px) 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}
.c-select .arrow svg {
  width: min(0.5555555556vw, 8px);
  height: auto;
}

.c-submit button {
  color: #fff;
  font-size: min(1.3194444444vw, 19px);
  font-weight: 600;
  letter-spacing: 0.05em;
  width: min(16.6666666667vw, 240px);
  height: min(4.1666666667vw, 60px);
  background-color: #0C9EFF;
  border: min(0.1041666667vw, 1.5px) solid #242424;
  border-radius: min(0.4166666667vw, 6px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(0.6944444444vw, 10px);
     -moz-column-gap: min(0.6944444444vw, 10px);
          column-gap: min(0.6944444444vw, 10px);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.c-submit button:hover {
  opacity: 0.6;
}
.c-submit button svg {
  width: min(1.25vw, 18px);
  height: auto;
}

.c-textarea {
  color: #4A4847;
  font-size: min(1.1111111111vw, 16px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
  width: 100%;
  height: min(22.2222222222vw, 320px);
  padding: min(1.3888888889vw, 20px);
  background-color: #fff;
  border: min(0.0694444444vw, 1px) solid transparent;
  border-radius: min(0.4166666667vw, 6px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.c-textarea::-webkit-input-placeholder {
  color: #aaa;
}
.c-textarea::-moz-placeholder {
  color: #aaa;
}
.c-textarea:-ms-input-placeholder {
  color: #aaa;
}
.c-textarea::-ms-input-placeholder {
  color: #aaa;
}
.c-textarea::placeholder {
  color: #aaa;
}
.c-textarea:focus {
  border-color: #0C9EFF;
}

.c-view-all-btn a {
  color: #fff;
  font-size: min(1.25vw, 18px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  width: min(13.8888888889vw, 200px);
  height: min(3.8194444444vw, 55px);
  background-color: #0C9EFF;
  border-radius: min(3.8194444444vw, 55px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-view-all-btn a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.c-view-all {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.c-view-all a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(1.0416666667vw, 15px);
     -moz-column-gap: min(1.0416666667vw, 15px);
          column-gap: min(1.0416666667vw, 15px);
}
.c-view-all a:hover .arrow::before {
  width: min(6.9444444444vw, 100px);
  height: min(6.9444444444vw, 100px);
}
.c-view-all a .text {
  color: #242424;
  font-size: min(1.25vw, 18px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  position: relative;
  z-index: 1;
}
.c-view-all a .arrow {
  width: min(2.7777777778vw, 40px);
  height: min(2.7777777778vw, 40px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.c-view-all a .arrow::before {
  content: "";
  width: min(2.7777777778vw, 40px);
  height: min(2.7777777778vw, 40px);
  background-color: #0C9EFF;
  border-radius: 100%;
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.c-view-all a .arrow svg {
  width: min(0.7638888889vw, 11px);
  height: auto;
  position: relative;
  z-index: 2;
}

.p-contact-container__inner {
  width: min(83.3333333333vw, 1200px);
  margin: 0 auto min(6.9444444444vw, 100px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-contact-container__inner__sidebar {
  width: min(24.3055555556vw, 350px);
  position: relative;
}
.p-contact-container__inner__sidebar .desc {
  position: -webkit-sticky;
  position: sticky;
  top: min(8.3333333333vw, 120px);
}
.p-contact-container__inner__sidebar .desc p {
  color: #242424;
  font-size: min(1.1111111111vw, 16px);
  letter-spacing: 0.05em;
  line-height: 2;
}
.p-contact-container__inner__sidebar .desc p + p {
  margin: min(1.3888888889vw, 20px) 0 0;
}
.p-contact-container__inner__form {
  width: min(48.6111111111vw, 700px);
}
.p-contact-container__inner__form form dl {
  margin: 0 0 min(4.1666666667vw, 60px);
}
.p-contact-container__inner__form form dl dt {
  color: #242424;
  font-size: min(1.25vw, 18px);
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin: 0 0 min(0.6944444444vw, 10px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(0.6944444444vw, 10px);
     -moz-column-gap: min(0.6944444444vw, 10px);
          column-gap: min(0.6944444444vw, 10px);
}
.p-contact-container__inner__form form dl dt span {
  color: #aaa;
  font-size: min(0.7638888889vw, 11px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  width: min(2.7777777778vw, 40px);
  height: min(1.3888888889vw, 20px);
  border: min(0.0694444444vw, 1px) solid #aaa;
  border-radius: min(1.3888888889vw, 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-contact-container__inner__form form dl dt span.required {
  color: #0C9EFF;
  border-color: #0C9EFF;
}
.p-contact-container__inner__form form dl dd {
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-contact-container__inner__form form dl dd .c-input-text + .c-input-text {
  margin: min(0.6944444444vw, 10px) 0 0;
}
.p-contact-container__inner__form form dl dd .c-textarea {
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-contact-container__inner__form form dl dd .notice {
  color: #242424;
  font-size: min(0.9722222222vw, 14px);
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-contact-container__inner__form form .acceptance {
  margin: 0 0 min(3.4722222222vw, 50px);
}
.p-contact-container__inner__form form .acceptance .notice {
  color: #242424;
  font-size: min(0.9722222222vw, 14px);
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin: 0 0 min(2.0833333333vw, 30px);
}
.p-contact-container__inner__form form .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(1.3888888889vw, 20px);
     -moz-column-gap: min(1.3888888889vw, 20px);
          column-gap: min(1.3888888889vw, 20px);
}
.p-contact-container__inner__form form .buttons button {
  color: #aaa;
  font-size: min(1.1111111111vw, 16px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  width: min(19.4444444444vw, 280px);
  height: min(4.1666666667vw, 60px);
  border: min(0.0694444444vw, 1px) solid #aaa;
  border-radius: min(4.1666666667vw, 60px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-contact-container__inner__form form .buttons button[type=submit] {
  color: #fff;
  background-color: #0C9EFF;
  border-color: #0C9EFF;
}
.p-contact-container__inner__form form .buttons button:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.p-footer-container {
  background-color: #fff;
}
.p-footer-container__search {
  width: 100%;
  height: min(7.6388888889vw, 110px);
  background-color: #404040;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-footer-container__search h3 {
  color: #fff;
  font-size: min(1.3888888889vw, 20px);
  font-weight: 600;
  letter-spacing: 0.05em;
  margin: 0 min(2.0833333333vw, 30px) 0 0;
}
.p-footer-container__search .c-keyword-search {
  margin: 0 min(12.5vw, 180px) 0 0;
}
.p-footer-container__search .search-field .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(0.3472222222vw, 5px);
     -moz-column-gap: min(0.3472222222vw, 5px);
          column-gap: min(0.3472222222vw, 5px);
}
.p-footer-container__search .search-field .wrap .c-select select {
  font-size: min(0.9722222222vw, 14px);
  width: min(15.9722222222vw, 230px);
  height: min(3.1944444444vw, 46px);
}
.p-footer-container__search .search-field .wrap .c-select .arrow {
  height: min(3.1944444444vw, 46px);
}
.p-footer-container__search .search-field .wrap .c-submit button {
  font-size: min(0.9722222222vw, 14px);
  width: min(7.6388888889vw, 110px);
  height: min(3.1944444444vw, 46px);
  -webkit-column-gap: min(0.3472222222vw, 5px);
     -moz-column-gap: min(0.3472222222vw, 5px);
          column-gap: min(0.3472222222vw, 5px);
}
.p-footer-container__search .search-field .wrap .c-submit button svg {
  width: min(1.1111111111vw, 16px);
  height: auto;
}
.p-footer-container__inner {
  width: min(94.4444444444vw, 1360px);
  margin: 0 auto;
}
.p-footer-container__inner__main {
  padding: min(2.7777777778vw, 40px) 0 min(3.4722222222vw, 50px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.p-footer-container__inner__main .logo {
  line-height: 0;
  width: min(18.4027777778vw, 265px);
}
.p-footer-container__inner__main .logo a {
  display: block;
}
.p-footer-container__inner__main .logo a:hover {
  opacity: 0.6;
}
.p-footer-container__inner__main .logo a img {
  width: 100%;
  height: auto;
}
.p-footer-container__inner__main .fnavi {
  margin: 0 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.p-footer-container__inner__main .fnavi ul {
  width: min(15.2777777778vw, 220px);
}
.p-footer-container__inner__main .fnavi ul li {
  line-height: 0;
  margin: 0 0 min(0.6944444444vw, 10px);
}
.p-footer-container__inner__main .fnavi ul li:last-child {
  margin: 0;
}
.p-footer-container__inner__main .fnavi ul li a {
  font-size: min(0.9722222222vw, 14px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
}
.p-footer-container__inner__main .fnavi ul li a:hover {
  text-decoration: underline;
}
.p-footer-container__inner__main .contact {
  width: min(20.8333333333vw, 300px);
  margin: 0 0 0 min(1.3888888889vw, 20px);
}
.p-footer-container__inner__main .contact .inquiry {
  margin: 0 0 min(2.0833333333vw, 30px);
}
.p-footer-container__inner__main .contact .inquiry a {
  color: #fff;
  font-size: min(0.9722222222vw, 14px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  width: min(20.8333333333vw, 300px);
  height: min(4.8611111111vw, 70px);
  background-color: #0C9EFF;
  border-radius: min(0.4166666667vw, 6px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(0.6944444444vw, 10px);
     -moz-column-gap: min(0.6944444444vw, 10px);
          column-gap: min(0.6944444444vw, 10px);
}
.p-footer-container__inner__main .contact .inquiry a:hover {
  opacity: 0.6;
}
.p-footer-container__inner__main .contact .inquiry a svg {
  width: min(1.5277777778vw, 22px);
  height: auto;
}
.p-footer-container__inner__main .contact .sns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(2.0833333333vw, 30px);
     -moz-column-gap: min(2.0833333333vw, 30px);
          column-gap: min(2.0833333333vw, 30px);
}
.p-footer-container__inner__main .contact .sns a {
  line-height: 0;
  display: block;
}
.p-footer-container__inner__main .contact .sns a:hover {
  opacity: 0.6;
}
.p-footer-container__inner__main .contact .sns a img {
  width: min(1.6666666667vw, 24px);
  height: auto;
}
.p-footer-container__inner__bottom {
  padding: min(2.0833333333vw, 30px) 0;
  border-top: min(0.0694444444vw, 1px) solid #E7E7E7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-footer-container__inner__bottom .produce {
  font-size: min(0.7638888889vw, 11px);
  letter-spacing: 0.05em;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-footer-container__inner__bottom .produce img {
  width: min(10.4166666667vw, 150px);
  margin: 0 0 0 min(0.6944444444vw, 10px);
}
.p-footer-container__inner__bottom .snavi ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(1.3888888889vw, 20px);
     -moz-column-gap: min(1.3888888889vw, 20px);
          column-gap: min(1.3888888889vw, 20px);
}
.p-footer-container__inner__bottom .snavi ul li {
  line-height: 0;
}
.p-footer-container__inner__bottom .snavi ul li a {
  font-size: min(0.9027777778vw, 13px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
}
.p-footer-container__inner__bottom .snavi ul li a:hover {
  text-decoration: underline;
}
.p-footer-container__inner__bottom .copyright {
  font-size: min(0.7638888889vw, 11px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
}

.p-header-container.is_page .p-header-container__inner {
  border-bottom: min(0.0694444444vw, 1px) solid #242424;
}
.p-header-container.is_page .p-header-container__inner .p-header-container__inner__logo a svg path {
  fill: #242424;
}
.p-header-container.is_page .p-header-container__inner .p-header-container__inner__logo a svg path:nth-of-type(1), .p-header-container.is_page .p-header-container__inner .p-header-container__inner__logo a svg path:nth-of-type(2), .p-header-container.is_page .p-header-container__inner .p-header-container__inner__logo a svg path:nth-of-type(3), .p-header-container.is_page .p-header-container__inner .p-header-container__inner__logo a svg path:nth-of-type(4), .p-header-container.is_page .p-header-container__inner .p-header-container__inner__logo a svg path:nth-of-type(5), .p-header-container.is_page .p-header-container__inner .p-header-container__inner__logo a svg path:nth-of-type(6) {
  fill: #0C9EFF;
}
.p-header-container.is_page .p-header-container__inner .p-header-container__inner__gnavi ul li a {
  color: #242424;
}
.p-header-container.is_page .p-header-container__inner .p-header-container__inner__ticker {
  border-color: #242424;
}
.p-header-container.is_page .p-header-container__inner .p-header-container__inner__ticker .roll a {
  color: #242424;
}
.p-header-container.is_page .p-header-container__inner .p-header-container__inner__favorite a svg path {
  fill: #242424;
}
.p-header-container__inner {
  width: 100%;
  height: min(5.5555555556vw, 80px);
  padding: 0 min(2.0833333333vw, 30px) 0 min(1.3888888889vw, 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-header-container__inner__logo {
  line-height: 0;
}
.p-header-container__inner__logo a {
  width: min(18.0555555556vw, 260px);
  display: block;
}
.p-header-container__inner__logo a:hover {
  opacity: 0.6;
}
.p-header-container__inner__logo a img,
.p-header-container__inner__logo a svg {
  width: 100%;
  height: auto;
}
.p-header-container__inner__logo a img path,
.p-header-container__inner__logo a svg path {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-header-container__inner__gnavi {
  margin: 0 0 0 auto;
}
.p-header-container__inner__gnavi ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(2.0833333333vw, 30px);
     -moz-column-gap: min(2.0833333333vw, 30px);
          column-gap: min(2.0833333333vw, 30px);
}
.p-header-container__inner__gnavi ul li {
  line-height: 0;
}
.p-header-container__inner__gnavi ul li a {
  color: #fff;
  font-size: min(1.1111111111vw, 16px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
}
.p-header-container__inner__gnavi ul li a:hover {
  opacity: 0.6;
}
.p-header-container__inner__ticker {
  width: min(23.9583333333vw, 345px);
  height: min(1.3888888889vw, 20px);
  border-left: min(0.0694444444vw, 1px) solid #fff;
  border-right: min(0.0694444444vw, 1px) solid #fff;
  margin: 0 min(2.0833333333vw, 30px);
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-header-container__inner__ticker .roll {
  line-height: 0;
  padding: 0 min(0.5555555556vw, 8px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(1.0416666667vw, 15px);
     -moz-column-gap: min(1.0416666667vw, 15px);
          column-gap: min(1.0416666667vw, 15px);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
  will-change: transform;
}
.p-header-container__inner__ticker .roll:nth-of-type(odd) {
  -webkit-animation: ticker1 100s -50s linear infinite;
          animation: ticker1 100s -50s linear infinite;
}
.p-header-container__inner__ticker .roll:nth-of-type(even) {
  -webkit-animation: ticker2 100s linear infinite;
          animation: ticker2 100s linear infinite;
}
.p-header-container__inner__ticker .roll a {
  color: #fff;
  font-size: min(0.9722222222vw, 14px);
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1;
}
.p-header-container__inner__ticker .roll a:hover {
  text-decoration: underline;
}
.p-header-container__inner__favorite {
  line-height: 0;
  width: min(1.5972222222vw, 23px);
  position: relative;
}
.p-header-container__inner__favorite a {
  width: min(1.5972222222vw, 23px);
  display: block;
}
.p-header-container__inner__favorite a:hover {
  opacity: 0.6;
}
.p-header-container__inner__favorite a svg {
  width: 100%;
  height: auto;
}
.p-header-container__inner__favorite a .num {
  color: #fff;
  font-size: min(0.8333333333vw, 12px);
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  line-height: 0;
  width: min(1.3888888889vw, 20px);
  height: min(1.3888888889vw, 20px);
  border: min(0.0694444444vw, 1px) solid #fff;
  background-color: #0C9EFF;
  border-radius: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: calc(0% - min(0.5555555556vw, 8px));
  right: calc(0% - min(0.5555555556vw, 8px));
}
.p-header-container__secondary {
  width: 100%;
  height: min(5.5555555556vw, 80px);
  padding: 0 min(1.3888888889vw, 20px);
  background-color: #404040;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  -webkit-transform: translateY(calc(0% - min(5.5555555556vw, 80px)));
          transform: translateY(calc(0% - min(5.5555555556vw, 80px)));
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-header-container__secondary.is_active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.p-header-container__secondary__logo {
  line-height: 0;
  margin: 0 min(2.7777777778vw, 40px) 0 0;
}
.p-header-container__secondary__logo a {
  width: min(18.0555555556vw, 260px);
  display: block;
}
.p-header-container__secondary__logo a:hover {
  opacity: 0.6;
}
.p-header-container__secondary__logo a img {
  width: 100%;
  height: auto;
}
.p-header-container__secondary .search-field {
  margin: 0 0 0 auto;
}
.p-header-container__secondary .search-field .wrap {
  line-height: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(0.3472222222vw, 5px);
     -moz-column-gap: min(0.3472222222vw, 5px);
          column-gap: min(0.3472222222vw, 5px);
}
.p-header-container__secondary .search-field .wrap .c-select select {
  font-size: min(0.9722222222vw, 14px);
  width: min(15.9722222222vw, 230px);
  height: min(3.1944444444vw, 46px);
}
.p-header-container__secondary .search-field .wrap .c-select .arrow {
  height: min(3.1944444444vw, 46px);
}
.p-header-container__secondary .search-field .wrap .c-submit button {
  font-size: min(0.9722222222vw, 14px);
  width: min(7.6388888889vw, 110px);
  height: min(3.1944444444vw, 46px);
  -webkit-column-gap: min(0.3472222222vw, 5px);
     -moz-column-gap: min(0.3472222222vw, 5px);
          column-gap: min(0.3472222222vw, 5px);
}
.p-header-container__secondary .search-field .wrap .c-submit button svg {
  width: min(1.1111111111vw, 16px);
  height: auto;
}

.p-index-contact {
  padding: min(4.1666666667vw, 60px) 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(231, 231, 231, 0)), color-stop(50%, rgba(231, 231, 231, 0)), color-stop(50%, rgb(231, 231, 231)), to(rgb(231, 231, 231)));
  background: linear-gradient(180deg, rgba(231, 231, 231, 0) 0%, rgba(231, 231, 231, 0) 50%, rgb(231, 231, 231) 50%, rgb(231, 231, 231) 100%);
}
.p-index-contact__inner {
  width: min(83.3333333333vw, 1200px);
  margin: 0 auto;
  padding: min(3.4722222222vw, 50px);
  background-color: #0C9EFF;
  border-radius: min(0.4166666667vw, 6px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-index-contact__inner .heading {
  width: min(34.7222222222vw, 500px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-index-contact__inner .heading h3 {
  color: #fff;
  font-size: min(2.3611111111vw, 34px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1;
  text-transform: uppercase;
}
.p-index-contact__inner .heading p {
  color: #fff;
  font-size: min(1.1111111111vw, 16px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.p-index-contact__inner .wrap {
  width: min(32.6388888889vw, 470px);
}
.p-index-contact__inner .wrap a {
  color: #0C9EFF;
  font-size: min(1.6666666667vw, 24px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  width: min(32.6388888889vw, 470px);
  height: min(6.9444444444vw, 100px);
  margin: 0 0 min(1.3888888889vw, 20px);
  background-color: #fff;
  border-radius: min(0.4166666667vw, 6px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(1.0416666667vw, 15px);
     -moz-column-gap: min(1.0416666667vw, 15px);
          column-gap: min(1.0416666667vw, 15px);
}
.p-index-contact__inner .wrap a:hover {
  opacity: 0.6;
}
.p-index-contact__inner .wrap a br {
  display: none;
}
.p-index-contact__inner .wrap a svg {
  width: min(2.7777777778vw, 40px);
  height: auto;
}
.p-index-contact__inner .wrap .info {
  color: #fff;
  text-align: right;
}
.p-index-contact__inner .wrap .info dt {
  font-size: min(2.0833333333vw, 30px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.p-index-contact__inner .wrap .info dd {
  font-size: min(1.1111111111vw, 16px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.2;
}

.p-index-hot-tag-sns__inner {
  width: min(83.3333333333vw, 1200px);
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-index-hot-tag-sns__inner h4 {
  color: #0C9EFF;
  font-size: min(1.3888888889vw, 20px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-index-hot-tag-sns__inner .hot-tag {
  width: min(54.1666666667vw, 780px);
}
.p-index-hot-tag-sns__inner .hot-tag .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(0.4166666667vw, 6px);
     -moz-column-gap: min(0.4166666667vw, 6px);
          column-gap: min(0.4166666667vw, 6px);
  row-gap: min(0.4166666667vw, 6px);
}
.p-index-hot-tag-sns__inner .hot-tag .wrap .tag {
  font-size: min(0.9722222222vw, 14px);
  letter-spacing: 0.1em;
  line-height: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: min(2.2222222222vw, 32px);
  padding: 0 min(0.6944444444vw, 10px);
  background-color: #fff;
  border-radius: min(2.2222222222vw, 32px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-index-hot-tag-sns__inner .hot-tag .wrap .tag:hover {
  color: #fff;
  background-color: #0C9EFF;
}
.p-index-hot-tag-sns__inner .sns {
  width: min(24.3055555556vw, 350px);
  border-radius: min(0.4166666667vw, 6px);
}
.p-index-hot-tag-sns__inner .sns .wrap {
  width: min(24.3055555556vw, 350px);
  height: min(7.6388888889vw, 110px);
  background-color: #fff;
  border-radius: min(0.4166666667vw, 6px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(2.7777777778vw, 40px);
     -moz-column-gap: min(2.7777777778vw, 40px);
          column-gap: min(2.7777777778vw, 40px);
}
.p-index-hot-tag-sns__inner .sns .wrap a {
  line-height: 0;
  display: block;
}
.p-index-hot-tag-sns__inner .sns .wrap a:hover {
  opacity: 0.6;
}
.p-index-hot-tag-sns__inner .sns .wrap a img {
  width: min(1.6666666667vw, 24px);
  height: auto;
}

.p-index-information {
  padding: min(5.5555555556vw, 80px) 0 min(6.9444444444vw, 100px);
}
.p-index-information__inner {
  width: min(83.3333333333vw, 1200px);
  min-height: min(10.4166666667vw, 150px);
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.p-index-information__inner__list {
  width: min(61.8055555556vw, 890px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: min(0.6944444444vw, 10px);
}
.p-index-information__inner__list .item a {
  width: min(61.8055555556vw, 890px);
  height: min(4.8611111111vw, 70px);
  background-color: #fff;
  border-radius: min(0.4166666667vw, 6px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-index-information__inner__list .item a:hover {
  background-color: #0C9EFF;
}
.p-index-information__inner__list .item a:hover .date,
.p-index-information__inner__list .item a:hover .category,
.p-index-information__inner__list .item a:hover h4 {
  color: #fff;
}
.p-index-information__inner__list .item a:hover svg circle {
  fill: #fff;
}
.p-index-information__inner__list .item a:hover svg path {
  stroke: #0C9EFF;
}
.p-index-information__inner__list .item a .date {
  color: #242424;
  font-size: min(0.9027777778vw, 13px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  width: min(10.0694444444vw, 145px);
  height: min(4.8611111111vw, 70px);
  border-right: min(0.0694444444vw, 1px) solid #F7F7F5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.p-index-information__inner__list .item a .category {
  color: #242424;
  font-size: min(0.9027777778vw, 13px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: center;
  width: min(10.0694444444vw, 145px);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.p-index-information__inner__list .item a h4 {
  color: #242424;
  font-size: min(1.0416666667vw, 15px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  width: min(34.7222222222vw, 500px);
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.p-index-information__inner__list .item a svg {
  width: min(2.0833333333vw, 30px);
  height: min(2.0833333333vw, 30px);
  margin: 0 0 0 min(2.0833333333vw, 30px);
}
.p-index-information__inner__list .item a svg svg circle,
.p-index-information__inner__list .item a svg svg path {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-index-information__inner .c-view-all {
  position: absolute;
  bottom: 0;
  left: 0;
}

.p-index-main-visual {
  position: relative;
}
.p-index-main-visual__bg picture {
  display: block;
}
.p-index-main-visual__bg picture img {
  width: 100%;
  height: min(40.9722222222vw, 590px);
  -o-object-fit: cover;
     object-fit: cover;
}
.p-index-main-visual__inner {
  width: min(83.3333333333vw, 1200px);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-index-main-visual__inner__heading {
  width: min(23.6111111111vw, 340px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-index-main-visual__inner__heading h2 {
  color: #fff;
  font-size: min(3.0555555556vw, 44px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
.p-index-main-visual__inner__heading .counter {
  width: min(22.2222222222vw, 320px);
  padding: 0 0 min(0.3472222222vw, 5px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-column-gap: min(1.3888888889vw, 20px);
     -moz-column-gap: min(1.3888888889vw, 20px);
          column-gap: min(1.3888888889vw, 20px);
  border-bottom: min(0.0694444444vw, 1px) solid #fff;
}
.p-index-main-visual__inner__heading .counter p {
  color: #fff;
  font-size: min(1.1111111111vw, 16px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.p-index-main-visual__inner__heading .counter p span {
  color: #0C9EFF;
  font-size: min(3.0555555556vw, 44px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  margin: 0 min(0.6944444444vw, 10px) 0 0;
}
.p-index-main-visual__inner__content .ooh-search {
  width: min(55.5555555556vw, 800px);
  margin: 0 0 min(0.6944444444vw, 10px);
  background-color: #F7F7F5;
  border-radius: min(0.4166666667vw, 6px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-index-main-visual__inner__content .ooh-search h3 {
  color: #242424;
  font-size: min(1.1111111111vw, 16px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  height: min(3.4722222222vw, 50px);
  padding: 0 min(1.3888888889vw, 20px);
  background-color: #B1DCF3;
  border-radius: min(0.4166666667vw, 6px) min(0.4166666667vw, 6px) 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-index-main-visual__inner__content .ooh-search .inner {
  padding: min(2.0833333333vw, 30px);
}
.p-index-main-visual__inner__content .ooh-search .inner .search-field {
  padding: 0 0 min(1.3888888889vw, 20px);
  border-bottom: min(0.0694444444vw, 1px) solid #E3E3E3;
}
.p-index-main-visual__inner__content .ooh-search .inner .search-field form .wrap {
  line-height: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.p-index-main-visual__inner__content .ooh-search .inner .search-field form .wrap dl dt {
  font-size: min(0.9722222222vw, 14px);
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0 0 min(0.3472222222vw, 5px);
}
.p-index-main-visual__inner__content .ooh-search .inner .search-field form .wrap dl dd {
  width: min(16.6666666667vw, 240px);
}
.p-index-main-visual__inner__content .ooh-search .inner .hot-tags {
  padding: min(2.0833333333vw, 30px) 0 0;
  border-top: min(0.0694444444vw, 1px) solid #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-index-main-visual__inner__content .ooh-search .inner .hot-tags dt {
  font-size: min(0.9722222222vw, 14px);
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
.p-index-main-visual__inner__content .ooh-search .inner .hot-tags dd {
  width: min(45.1388888889vw, 650px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(0.3472222222vw, 5px);
     -moz-column-gap: min(0.3472222222vw, 5px);
          column-gap: min(0.3472222222vw, 5px);
  row-gap: min(0.3472222222vw, 5px);
}
.p-index-main-visual__inner__content .ooh-search .inner .hot-tags dd .tag {
  font-size: min(0.9722222222vw, 14px);
  letter-spacing: 0.1em;
  line-height: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: min(2.2222222222vw, 32px);
  padding: 0 min(0.6944444444vw, 10px);
  background-color: #fff;
  border-radius: min(2.2222222222vw, 32px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-index-main-visual__inner__content .ooh-search .inner .hot-tags dd .tag:hover {
  color: #fff;
  background-color: #0C9EFF;
}
.p-index-main-visual__inner__content .latest-info {
  width: min(55.5555555556vw, 800px);
  height: min(3.8194444444vw, 55px);
  padding: 0 min(2.0833333333vw, 30px);
  background-color: #F7F7F5;
  border-radius: min(0.4166666667vw, 6px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-index-main-visual__inner__content .latest-info h4 {
  color: #0C9EFF;
  font-size: min(0.9027777778vw, 13px);
  letter-spacing: 0.15em;
  line-height: 1;
}
.p-index-main-visual__inner__content .latest-info .item {
  width: min(37.5vw, 540px);
  position: relative;
}
.p-index-main-visual__inner__content .latest-info .item a {
  font-size: min(0.9722222222vw, 14px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  width: min(34.7222222222vw, 500px);
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.p-index-main-visual__inner__content .latest-info .item a:hover {
  text-decoration: underline;
}
.p-index-main-visual__inner__content .latest-info .item svg {
  width: min(0.6944444444vw, 10px);
  height: auto;
  position: absolute;
  top: 50%;
  right: min(0vw, 0px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-index-media-tool {
  padding: min(5.5555555556vw, 80px) 0;
  background-color: #E7E7E7;
}
.p-index-media-tool__heading {
  width: min(88.8888888889vw, 1280px);
  margin: 0 auto min(2.7777777778vw, 40px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.p-index-media-tool__heading .counter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-column-gap: min(0.3472222222vw, 5px);
     -moz-column-gap: min(0.3472222222vw, 5px);
          column-gap: min(0.3472222222vw, 5px);
}
.p-index-media-tool__heading .counter p {
  color: #404040;
  font-size: min(1.25vw, 18px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.p-index-media-tool__heading .counter p span {
  color: #0C9EFF;
  font-size: min(3.0555555556vw, 44px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  margin: 0 min(0.3472222222vw, 5px) 0 0;
}
.p-index-media-tool__inner {
  width: min(88.8888888889vw, 1280px);
  margin: 0 auto;
}
.p-index-media-tool__inner__list {
  margin: 0 0 min(3.4722222222vw, 50px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(2.0833333333vw, 30px);
     -moz-column-gap: min(2.0833333333vw, 30px);
          column-gap: min(2.0833333333vw, 30px);
  row-gap: min(2.0833333333vw, 30px);
}
.p-index-media-tool__inner__list .item {
  width: min(43.4027777778vw, 625px);
  padding: min(1.3888888889vw, 20px);
  background-color: #fff;
  border-radius: min(0.4166666667vw, 6px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(1.0416666667vw, 15px);
     -moz-column-gap: min(1.0416666667vw, 15px);
          column-gap: min(1.0416666667vw, 15px);
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  position: relative;
}
.p-index-media-tool__inner__list .item.is_active {
  background-color: #DFEEF6;
}
.p-index-media-tool__inner__list .item.is_active .fav-btn svg path {
  fill: #0C9EFF;
}
.p-index-media-tool__inner__list .item figure {
  width: min(20.1388888889vw, 290px);
}
.p-index-media-tool__inner__list .item figure a {
  display: block;
  overflow: hidden;
  border-radius: min(0.4166666667vw, 6px);
}
.p-index-media-tool__inner__list .item figure a:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.p-index-media-tool__inner__list .item figure a img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-index-media-tool__inner__list .item .wrap {
  width: min(16.6666666667vw, 240px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.p-index-media-tool__inner__list .item .wrap h4 {
  font-size: min(1.3888888889vw, 20px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin: 0 0 min(1.0416666667vw, 15px);
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.p-index-media-tool__inner__list .item .wrap h4 a {
  color: #242424;
}
.p-index-media-tool__inner__list .item .wrap h4 a:hover {
  opacity: 0.6;
}
.p-index-media-tool__inner__list .item .wrap .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(0.6944444444vw, 10px);
     -moz-column-gap: min(0.6944444444vw, 10px);
          column-gap: min(0.6944444444vw, 10px);
}
.p-index-media-tool__inner__list .item .wrap .tags a {
  font-size: min(0.7638888889vw, 11px);
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-decoration: underline;
}
.p-index-media-tool__inner__list .item .wrap .tags a:hover {
  text-decoration: none;
}
.p-index-media-tool__inner__list .item .fav-btn {
  position: absolute;
  top: min(1.3888888889vw, 20px);
  right: min(1.3888888889vw, 20px);
}
.p-index-media-tool__inner__list .item .fav-btn a {
  display: block;
}
.p-index-media-tool__inner__list .item .fav-btn a:hover svg path {
  fill: #0C9EFF;
}
.p-index-media-tool__inner__list .item .fav-btn a svg {
  width: min(1.5972222222vw, 23px);
  height: auto;
}
.p-index-media-tool__inner__list .item .fav-btn a svg path {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.p-index-media-tool__inner .c-view-all-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-index-search-area {
  height: min(33.3333333333vw, 480px);
  background-color: #fff;
}
.p-index-search-area__inner {
  width: min(94.4444444444vw, 1360px);
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transform: translateY(calc(0% - min(2.4305555556vw, 35px)));
          transform: translateY(calc(0% - min(2.4305555556vw, 35px)));
  position: relative;
}
.p-index-search-area__inner h3 {
  font-size: min(1.1111111111vw, 16px);
  font-weight: 600;
  line-height: 1;
  margin: 0 0 min(1.0416666667vw, 15px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(0.5555555556vw, 8px);
     -moz-column-gap: min(0.5555555556vw, 8px);
          column-gap: min(0.5555555556vw, 8px);
}
.p-index-search-area__inner h3 svg {
  width: min(1.1111111111vw, 16px);
  height: auto;
}
.p-index-search-area__inner .area-search {
  width: min(40.9722222222vw, 590px);
  padding: min(1.0416666667vw, 15px) min(1.3888888889vw, 20px) min(1.7361111111vw, 25px);
  background-color: #E7E7E7;
  border-radius: min(0.3472222222vw, 5px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-index-search-area__inner .area-search ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: min(0.4166666667vw, 6px);
}
.p-index-search-area__inner .area-search ul li {
  width: min(12.5vw, 180px);
}
.p-index-search-area__inner .area-search ul li a {
  font-size: min(1.1111111111vw, 16px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  width: min(12.5vw, 180px);
  height: min(5.5555555556vw, 80px);
  border-radius: min(0.4166666667vw, 6px);
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-index-search-area__inner .area-search ul li a:hover {
  color: #fff;
  background-color: #0C9EFF;
}
.p-index-search-area__inner .wrap {
  width: min(52.7777777778vw, 760px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-index-search-area__inner .wrap .category-search {
  width: min(52.7777777778vw, 760px);
  padding: min(1.3888888889vw, 20px);
  background-color: #E7E7E7;
  border-radius: min(0.3472222222vw, 5px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-index-search-area__inner .wrap .category-search ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-index-search-area__inner .wrap .category-search ul li {
  width: min(9.7222222222vw, 140px);
}
.p-index-search-area__inner .wrap .category-search ul li a {
  border-radius: min(0.3472222222vw, 5px);
  display: block;
  overflow: hidden;
}
.p-index-search-area__inner .wrap .category-search ul li a:hover figure img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.p-index-search-area__inner .wrap .category-search ul li a figure {
  position: relative;
}
.p-index-search-area__inner .wrap .category-search ul li a figure img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-index-search-area__inner .wrap .category-search ul li a figure figcaption {
  color: #fff;
  font-size: min(0.9722222222vw, 14px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-index-search-area__inner .wrap .type-search {
  width: min(52.7777777778vw, 760px);
  padding: min(1.3888888889vw, 20px);
  background-color: #E7E7E7;
  border-radius: min(0.3472222222vw, 5px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-index-search-area__inner .wrap .type-search .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-column-gap: min(0.3472222222vw, 5px);
     -moz-column-gap: min(0.3472222222vw, 5px);
          column-gap: min(0.3472222222vw, 5px);
}
.p-index-search-area__inner .wrap .type-search .inner ul {
  width: min(47.2222222222vw, 680px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(0.3472222222vw, 5px);
     -moz-column-gap: min(0.3472222222vw, 5px);
          column-gap: min(0.3472222222vw, 5px);
  row-gap: min(0.3472222222vw, 5px);
}
.p-index-search-area__inner .wrap .type-search .inner ul li a {
  font-size: min(0.9722222222vw, 14px);
  letter-spacing: 0.08em;
  line-height: 1;
  padding: min(0.6944444444vw, 10px) min(1.3888888889vw, 20px);
  background-color: #fff;
  border-radius: min(0.4166666667vw, 6px);
  display: block;
}
.p-index-search-area__inner .wrap .type-search .inner ul li a:hover {
  color: #fff;
  background-color: #0C9EFF;
}
.p-index-search-area__inner .wrap .type-search .inner p {
  font-size: min(0.9722222222vw, 14px);
  letter-spacing: 0.05em;
  line-height: 1.6;
}
.p-index-search-area__inner .inquiry-btn {
  position: absolute;
  top: calc(0% - min(1.0416666667vw, 15px));
  right: calc(0% - min(1.3888888889vw, 20px));
}
.p-index-search-area__inner .inquiry-btn a {
  color: #fff;
  font-size: min(1.1111111111vw, 16px);
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.4;
  width: min(18.0555555556vw, 260px);
  height: min(5.5555555556vw, 80px);
  background-color: #0C9EFF;
  border-radius: min(0.4166666667vw, 6px);
  -webkit-box-shadow: 0 min(0.2777777778vw, 4px) min(0.2777777778vw, 4px) rgba(0, 0, 0, 0.25);
          box-shadow: 0 min(0.2777777778vw, 4px) min(0.2777777778vw, 4px) rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: min(1.0416666667vw, 15px);
     -moz-column-gap: min(1.0416666667vw, 15px);
          column-gap: min(1.0416666667vw, 15px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-index-search-area__inner .inquiry-btn a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.p-index-search-area__inner .inquiry-btn a svg {
  width: min(2.7777777778vw, 40px);
  height: auto;
}
.p-index-search-area__logos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  -webkit-transform: translateY(calc(0% - min(2.4305555556vw, 35px)));
          transform: translateY(calc(0% - min(2.4305555556vw, 35px)));
}
.p-index-search-area__logos .roll {
  padding: 0 min(1.0416666667vw, 15px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(2.0833333333vw, 30px);
     -moz-column-gap: min(2.0833333333vw, 30px);
          column-gap: min(2.0833333333vw, 30px);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
  will-change: transform;
}
.p-index-search-area__logos .roll:nth-of-type(odd) {
  -webkit-animation: ticker1 100s -50s linear infinite;
          animation: ticker1 100s -50s linear infinite;
}
.p-index-search-area__logos .roll:nth-of-type(even) {
  -webkit-animation: ticker2 100s linear infinite;
          animation: ticker2 100s linear infinite;
}
.p-index-search-area__logos .roll figure img {
  width: auto;
  height: min(6.9444444444vw, 100px);
}

.p-index-show-case {
  padding: min(5.5555555556vw, 80px) 0;
  background-color: #F7F7F5;
}
.p-index-show-case__heading {
  width: min(88.8888888889vw, 1280px);
  margin: 0 auto min(5.5555555556vw, 80px);
  position: relative;
}
.p-index-show-case__heading__title h2 {
  color: #0C9EFF;
  font-size: min(4.5138888889vw, 65px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0 0 min(6.9444444444vw, 100px);
}
.p-index-show-case__heading__slides {
  width: calc(min(88.8888888889vw, 1280px) - min(22.2222222222vw, 320px) + (100vw - min(88.8888888889vw, 1280px)) / 2);
  position: absolute;
  top: 0;
  left: min(22.2222222222vw, 320px);
  overflow: hidden;
}
.p-index-show-case__heading__slides .swiper-button-prev,
.p-index-show-case__heading__slides .swiper-button-next {
  width: min(2.7777777778vw, 40px);
  height: min(2.7777777778vw, 40px);
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.p-index-show-case__heading__slides .swiper-button-prev::after,
.p-index-show-case__heading__slides .swiper-button-next::after {
  display: none;
}
.p-index-show-case__heading__slides .swiper-button-prev:hover svg,
.p-index-show-case__heading__slides .swiper-button-next:hover svg {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.p-index-show-case__heading__slides .swiper-button-prev svg,
.p-index-show-case__heading__slides .swiper-button-next svg {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-index-show-case__heading__slides .swiper-button-prev {
  left: calc(50% - min(21.1805555556vw, 305px));
}
.p-index-show-case__heading__slides .swiper-button-next {
  left: calc(50% + min(21.1805555556vw, 305px));
}
.p-index-show-case__heading__slides .swiper-wrapper .item {
  width: min(38.1944444444vw, 550px);
  margin: 0 min(1.0416666667vw, 15px);
}
.p-index-show-case__heading__slides .swiper-wrapper .item a {
  position: relative;
}
.p-index-show-case__heading__slides .swiper-wrapper .item a:hover figure img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.p-index-show-case__heading__slides .swiper-wrapper .item a figure {
  border-radius: min(0.4166666667vw, 6px);
  overflow: hidden;
}
.p-index-show-case__heading__slides .swiper-wrapper .item a figure img {
  width: 100%;
  height: min(26.3888888889vw, 380px);
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-index-show-case__heading__slides .swiper-wrapper .item a dl {
  width: min(22.2222222222vw, 320px);
  padding: min(1.7361111111vw, 25px);
  position: absolute;
  top: 0;
  left: 0;
}
.p-index-show-case__heading__slides .swiper-wrapper .item a dl dt {
  color: #fff;
  font-size: min(0.9027777778vw, 13px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin: 0 0 min(0.3472222222vw, 5px);
}
.p-index-show-case__heading__slides .swiper-wrapper .item a dl dd {
  color: #fff;
  font-size: min(1.3888888889vw, 20px);
  font-weight: 600;
  letter-spacing: 0.05em;
}
.p-index-show-case__inner {
  width: min(88.8888888889vw, 1280px);
  margin: 0 auto;
}
.p-index-show-case__inner .c-section-title {
  text-align: center;
  margin: 0 0 min(2.7777777778vw, 40px);
}
.p-index-show-case__inner__list {
  margin: 0 0 min(4.1666666667vw, 60px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: calc(min(5.5555555556vw, 80px) / 3);
     -moz-column-gap: calc(min(5.5555555556vw, 80px) / 3);
          column-gap: calc(min(5.5555555556vw, 80px) / 3);
  row-gap: min(3.4722222222vw, 50px);
}
.p-index-show-case__inner__list .item {
  width: min(20.8333333333vw, 300px);
}
.p-index-show-case__inner__list .item figure {
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-index-show-case__inner__list .item figure a {
  display: block;
  overflow: hidden;
  border-radius: min(0.4166666667vw, 6px);
}
.p-index-show-case__inner__list .item figure a:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.p-index-show-case__inner__list .item figure a img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-index-show-case__inner__list .item .date {
  font-size: min(0.9027777778vw, 13px);
  font-family: "Outfit", sans-serif;
  letter-spacing: 0.1em;
  margin: 0 0 min(1.0416666667vw, 15px);
}
.p-index-show-case__inner__list .item h4 {
  font-size: min(1.0416666667vw, 15px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin: 0 0 min(1.0416666667vw, 15px);
}
.p-index-show-case__inner__list .item h4 a {
  color: #242424;
  -webkit-transition: none;
  transition: none;
}
.p-index-show-case__inner__list .item h4 a:hover {
  border-bottom: min(0.0694444444vw, 1px) solid #0C9EFF;
}
.p-index-show-case__inner__list .item .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(0.6944444444vw, 10px);
     -moz-column-gap: min(0.6944444444vw, 10px);
          column-gap: min(0.6944444444vw, 10px);
}
.p-index-show-case__inner__list .item .tags a {
  font-size: min(0.7638888889vw, 11px);
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-decoration: underline;
}
.p-index-show-case__inner__list .item .tags a:hover {
  text-decoration: none;
}
.p-index-show-case__inner .c-view-all-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-information-container__archive {
  width: min(83.3333333333vw, 1200px);
  margin: 0 auto min(6.9444444444vw, 100px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-information-container__archive__sidebar {
  width: min(17.3611111111vw, 250px);
  position: relative;
}
.p-information-container__archive__sidebar h4 {
  color: #0C9EFF;
  font-size: min(1.3888888889vw, 20px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-information-container__archive__sidebar .categories {
  position: -webkit-sticky;
  position: sticky;
  top: min(8.3333333333vw, 120px);
}
.p-information-container__archive__sidebar .categories ul li {
  line-height: 0;
  margin: 0 0 min(0.6944444444vw, 10px);
}
.p-information-container__archive__sidebar .categories ul li a {
  color: #D9D9D9;
  font-size: min(1.0416666667vw, 15px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.2;
}
.p-information-container__archive__sidebar .categories ul li a.is_active, .p-information-container__archive__sidebar .categories ul li a:hover {
  color: #242424;
}
.p-information-container__archive__sidebar .categories .select-sp {
  position: relative;
  display: none;
}
.p-information-container__archive__sidebar .categories .select-sp select {
  padding: 0 8.9743589744vw 0 0;
}
.p-information-container__archive__sidebar .categories .select-sp select option {
  color: #D9D9D9;
  font-size: min(0.9027777778vw, 13px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: right;
}
.p-information-container__archive__sidebar .categories .select-sp svg {
  width: 3.0769230769vw;
  position: absolute;
  top: 2.5641025641vw;
  right: 2.5641025641vw;
  pointer-events: none;
}
.p-information-container__archive__inner {
  width: min(61.8055555556vw, 890px);
}
.p-information-container__archive__inner__list {
  margin: 0 0 min(5.5555555556vw, 80px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  row-gap: min(0.6944444444vw, 10px);
}
.p-information-container__archive__inner__list .item a {
  width: min(61.8055555556vw, 890px);
  height: min(4.8611111111vw, 70px);
  background-color: #fff;
  border-radius: min(0.4166666667vw, 6px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-information-container__archive__inner__list .item a:hover {
  background-color: #0C9EFF;
}
.p-information-container__archive__inner__list .item a:hover .date,
.p-information-container__archive__inner__list .item a:hover .category,
.p-information-container__archive__inner__list .item a:hover h4 {
  color: #fff;
}
.p-information-container__archive__inner__list .item a:hover svg circle {
  fill: #fff;
}
.p-information-container__archive__inner__list .item a:hover svg path {
  stroke: #0C9EFF;
}
.p-information-container__archive__inner__list .item a .date {
  color: #242424;
  font-size: min(0.9027777778vw, 13px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  width: min(10.0694444444vw, 145px);
  height: min(4.8611111111vw, 70px);
  border-right: min(0.0694444444vw, 1px) solid #F7F7F5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.p-information-container__archive__inner__list .item a .category {
  color: #242424;
  font-size: min(0.9027777778vw, 13px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: center;
  width: min(10.0694444444vw, 145px);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.p-information-container__archive__inner__list .item a h4 {
  color: #242424;
  font-size: min(1.0416666667vw, 15px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  width: min(34.7222222222vw, 500px);
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.p-information-container__archive__inner__list .item a svg {
  width: min(2.0833333333vw, 30px);
  height: min(2.0833333333vw, 30px);
  margin: 0 0 0 min(2.0833333333vw, 30px);
}
.p-information-container__archive__inner__list .item a svg svg circle,
.p-information-container__archive__inner__list .item a svg svg path {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-information-container__post {
  width: min(83.3333333333vw, 1200px);
  margin: 0 auto min(6.9444444444vw, 100px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-information-container__post__sidebar {
  width: min(17.3611111111vw, 250px);
  position: relative;
}
.p-information-container__post__sidebar h4 {
  color: #0C9EFF;
  font-size: min(1.3888888889vw, 20px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-information-container__post__sidebar .categories {
  position: -webkit-sticky;
  position: sticky;
  top: min(8.3333333333vw, 120px);
}
.p-information-container__post__sidebar .categories ul li {
  line-height: 0;
  margin: 0 0 min(0.6944444444vw, 10px);
}
.p-information-container__post__sidebar .categories ul li a {
  color: #D9D9D9;
  font-size: min(1.0416666667vw, 15px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.2;
}
.p-information-container__post__sidebar .categories ul li a.is_active, .p-information-container__post__sidebar .categories ul li a:hover {
  color: #242424;
}
.p-information-container__post__inner {
  width: min(61.8055555556vw, 890px);
}
.p-information-container__post__inner__head {
  margin: 0 0 min(2.0833333333vw, 30px);
}
.p-information-container__post__inner__head .meta {
  margin: 0 0 min(1.3888888889vw, 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(1.3888888889vw, 20px);
     -moz-column-gap: min(1.3888888889vw, 20px);
          column-gap: min(1.3888888889vw, 20px);
}
.p-information-container__post__inner__head .meta .date {
  color: #242424;
  font-size: min(0.9027777778vw, 13px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
}
.p-information-container__post__inner__head .meta .category {
  color: #242424;
  font-size: min(0.9027777778vw, 13px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
}
.p-information-container__post__inner__head .meta .category a:hover {
  opacity: 0.6;
}
.p-information-container__post__inner__head h3 {
  color: #242424;
  font-size: min(1.8055555556vw, 26px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.p-information-container__post__inner__body {
  padding: 0 0 min(5.5555555556vw, 80px);
}
.p-information-container__post__inner__body p {
  font-size: min(1.1111111111vw, 16px);
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-information-container__post__inner__body img {
  max-width: 100%;
  height: auto;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-information-container__post__inner__latest {
  padding: min(5.5555555556vw, 80px) 0 0;
  border-top: min(0.0694444444vw, 1px) solid #A0A0A0;
}
.p-information-container__post__inner__latest h3 {
  color: #242424;
  font-size: min(1.6666666667vw, 24px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-align: center;
  margin: 0 0 min(2.7777777778vw, 40px);
}
.p-information-container__post__inner__latest .p-information-container__archive__inner__list {
  margin: 0;
}

.p-media-tool-container__archive {
  width: min(94.4444444444vw, 1360px);
  margin: 0 auto min(10.4166666667vw, 150px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-media-tool-container__archive__sidebar {
  width: min(22.2222222222vw, 320px);
  position: relative;
}
.p-media-tool-container__archive__sidebar h4 {
  color: #0C9EFF;
  font-size: min(1.3888888889vw, 20px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-media-tool-container__archive__sidebar .hot-tag {
  position: -webkit-sticky;
  position: sticky;
  top: min(8.3333333333vw, 120px);
}
.p-media-tool-container__archive__sidebar .hot-tag .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(0.4166666667vw, 6px);
     -moz-column-gap: min(0.4166666667vw, 6px);
          column-gap: min(0.4166666667vw, 6px);
  row-gap: min(0.4166666667vw, 6px);
}
.p-media-tool-container__archive__sidebar .hot-tag .wrap .tag {
  font-size: min(0.9722222222vw, 14px);
  letter-spacing: 0.1em;
  line-height: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: min(2.2222222222vw, 32px);
  padding: 0 min(0.6944444444vw, 10px);
  background-color: #fff;
  border-radius: min(2.2222222222vw, 32px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-media-tool-container__archive__sidebar .hot-tag .wrap .tag:hover {
  color: #fff;
  background-color: #0C9EFF;
}
.p-media-tool-container__archive__inner {
  width: min(69.4444444444vw, 1000px);
}
.p-media-tool-container__archive__inner__heading {
  margin: 0 0 min(1.3888888889vw, 20px);
  padding: 0 0 min(1.3888888889vw, 20px);
  border-bottom: min(0.0694444444vw, 1px) solid #A0A0A0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-media-tool-container__archive__inner__heading .search-keyword {
  font-size: min(1.1111111111vw, 16px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.p-media-tool-container__archive__inner__heading .search-keyword strong {
  color: #0C9EFF;
  font-weight: 500;
}
.p-media-tool-container__archive__inner__heading .search-result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(2.0833333333vw, 30px);
     -moz-column-gap: min(2.0833333333vw, 30px);
          column-gap: min(2.0833333333vw, 30px);
}
.p-media-tool-container__archive__inner__heading .search-result .result {
  font-size: min(1.1111111111vw, 16px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.p-media-tool-container__archive__inner__heading .search-result .result strong {
  color: #0C9EFF;
  font-weight: 500;
}
.p-media-tool-container__archive__inner__list {
  margin: 0 0 min(4.1666666667vw, 60px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(1.3888888889vw, 20px);
     -moz-column-gap: min(1.3888888889vw, 20px);
          column-gap: min(1.3888888889vw, 20px);
  row-gap: min(1.3888888889vw, 20px);
}
.p-media-tool-container__archive__inner__list .item {
  width: min(34.0277777778vw, 490px);
  padding: min(1.3888888889vw, 20px);
  background-color: #fff;
  border-radius: min(0.4166666667vw, 6px);
  position: relative;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-media-tool-container__archive__inner__list .item.is_active {
  background-color: #DFEEF6;
}
.p-media-tool-container__archive__inner__list .item.is_active .fav-btn svg path {
  fill: #0C9EFF;
}
.p-media-tool-container__archive__inner__list .item figure {
  line-height: 0;
  margin: 0 0 min(1.0416666667vw, 15px);
}
.p-media-tool-container__archive__inner__list .item figure a {
  display: block;
  overflow: hidden;
}
.p-media-tool-container__archive__inner__list .item figure a:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.p-media-tool-container__archive__inner__list .item figure a img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-media-tool-container__archive__inner__list .item .wrap {
  width: min(27.7777777778vw, 400px);
  height: min(6.25vw, 90px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.p-media-tool-container__archive__inner__list .item .wrap h4 {
  font-size: min(1.3888888889vw, 20px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.p-media-tool-container__archive__inner__list .item .wrap h4 a {
  color: #242424;
}
.p-media-tool-container__archive__inner__list .item .wrap h4 a:hover {
  opacity: 0.6;
}
.p-media-tool-container__archive__inner__list .item .wrap .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(0.6944444444vw, 10px);
     -moz-column-gap: min(0.6944444444vw, 10px);
          column-gap: min(0.6944444444vw, 10px);
}
.p-media-tool-container__archive__inner__list .item .wrap .tags a {
  font-size: min(0.7638888889vw, 11px);
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-decoration: underline;
}
.p-media-tool-container__archive__inner__list .item .wrap .tags a:hover {
  text-decoration: none;
}
.p-media-tool-container__archive__inner__list .item .fav-btn {
  position: absolute;
  bottom: min(5.5555555556vw, 80px);
  right: min(1.3888888889vw, 20px);
}
.p-media-tool-container__archive__inner__list .item .fav-btn a {
  display: block;
}
.p-media-tool-container__archive__inner__list .item .fav-btn a:hover svg path {
  fill: #0C9EFF;
}
.p-media-tool-container__archive__inner__list .item .fav-btn a svg {
  width: min(1.5972222222vw, 23px);
  height: auto;
}
.p-media-tool-container__archive__inner__list .item .fav-btn a svg path {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.p-media-tool-container__post {
  width: min(94.4444444444vw, 1360px);
  margin: 0 auto min(10.4166666667vw, 150px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-media-tool-container__post__sidebar {
  width: min(22.2222222222vw, 320px);
  position: relative;
}
.p-media-tool-container__post__sidebar h4 {
  color: #0C9EFF;
  font-size: min(1.3888888889vw, 20px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-media-tool-container__post__sidebar .hot-tag {
  position: -webkit-sticky;
  position: sticky;
  top: min(8.3333333333vw, 120px);
}
.p-media-tool-container__post__sidebar .hot-tag .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(0.4166666667vw, 6px);
     -moz-column-gap: min(0.4166666667vw, 6px);
          column-gap: min(0.4166666667vw, 6px);
  row-gap: min(0.4166666667vw, 6px);
}
.p-media-tool-container__post__sidebar .hot-tag .wrap .tag {
  font-size: min(0.9722222222vw, 14px);
  letter-spacing: 0.1em;
  line-height: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: min(2.2222222222vw, 32px);
  padding: 0 min(0.6944444444vw, 10px);
  background-color: #fff;
  border-radius: min(2.2222222222vw, 32px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-media-tool-container__post__sidebar .hot-tag .wrap .tag:hover {
  color: #fff;
  background-color: #0C9EFF;
}
.p-media-tool-container__post__inner {
  width: min(69.4444444444vw, 1000px);
}
.p-media-tool-container__post__inner .post-head {
  margin: 0 0 min(1.3888888889vw, 20px);
  position: relative;
}
.p-media-tool-container__post__inner .post-head .fav-btn {
  position: absolute;
  top: calc(0% - min(0.3472222222vw, 5px));
  right: 0;
}
.p-media-tool-container__post__inner .post-head .fav-btn a {
  font-size: min(0.9722222222vw, 14px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(0.3472222222vw, 5px);
     -moz-column-gap: min(0.3472222222vw, 5px);
          column-gap: min(0.3472222222vw, 5px);
}
.p-media-tool-container__post__inner .post-head .fav-btn a:hover svg path {
  fill: #0C9EFF;
}
.p-media-tool-container__post__inner .post-head .fav-btn a svg {
  width: min(1.5972222222vw, 23px);
  height: auto;
}
.p-media-tool-container__post__inner .post-head .fav-btn a svg path {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.p-media-tool-container__post__inner .post-head .meta {
  margin: 0 0 min(1.3888888889vw, 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(1.7361111111vw, 25px);
     -moz-column-gap: min(1.7361111111vw, 25px);
          column-gap: min(1.7361111111vw, 25px);
}
.p-media-tool-container__post__inner .post-head .meta li {
  font-size: min(0.9722222222vw, 14px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.p-media-tool-container__post__inner .post-head .meta li strong {
  color: #0C9EFF;
  font-weight: 500;
}
.p-media-tool-container__post__inner .post-head h3 {
  font-size: min(2.0833333333vw, 30px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-media-tool-container__post__inner .post-head .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(0.6944444444vw, 10px);
     -moz-column-gap: min(0.6944444444vw, 10px);
          column-gap: min(0.6944444444vw, 10px);
}
.p-media-tool-container__post__inner .post-head .tags a {
  font-size: min(0.9722222222vw, 14px);
  letter-spacing: 0.1em;
  line-height: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: min(2.2222222222vw, 32px);
  padding: 0 min(0.6944444444vw, 10px);
  background-color: #fff;
  border-radius: min(2.2222222222vw, 32px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-media-tool-container__post__inner .post-head .tags a:hover {
  color: #fff;
  background-color: #0C9EFF;
}
.p-media-tool-container__post__inner .post-main-visual {
  padding: 0 0 min(4.1666666667vw, 60px);
  width: calc(100% + (100vw - min(94.4444444444vw, 1360px)) / 2);
  position: relative;
  overflow: hidden;
}
.p-media-tool-container__post__inner .post-main-visual .swiper-button-prev,
.p-media-tool-container__post__inner .post-main-visual .swiper-button-next {
  width: min(2.7777777778vw, 40px);
  height: min(2.7777777778vw, 40px);
  margin: 0;
  position: absolute;
  top: auto;
  left: auto;
  bottom: 0;
}
.p-media-tool-container__post__inner .post-main-visual .swiper-button-prev::after,
.p-media-tool-container__post__inner .post-main-visual .swiper-button-next::after {
  display: none;
}
.p-media-tool-container__post__inner .post-main-visual .swiper-button-prev svg,
.p-media-tool-container__post__inner .post-main-visual .swiper-button-next svg {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-media-tool-container__post__inner .post-main-visual .swiper-button-prev.swiper-button-disabled,
.p-media-tool-container__post__inner .post-main-visual .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.p-media-tool-container__post__inner .post-main-visual .swiper-button-prev.swiper-button-disabled svg circle,
.p-media-tool-container__post__inner .post-main-visual .swiper-button-next.swiper-button-disabled svg circle {
  fill: #D8D8D8;
}
.p-media-tool-container__post__inner .post-main-visual .swiper-button-prev {
  right: min(6.25vw, 90px);
}
.p-media-tool-container__post__inner .post-main-visual .swiper-button-next {
  right: min(2.7777777778vw, 40px);
}
.p-media-tool-container__post__inner .post-main-visual .swiper-wrapper .item {
  width: min(41.6666666667vw, 600px);
  margin: 0 min(1.3888888889vw, 20px) 0 0;
}
.p-media-tool-container__post__inner .post-main-visual .swiper-wrapper .item figure {
  border-radius: min(0.4166666667vw, 6px);
  overflow: hidden;
}
.p-media-tool-container__post__inner .post-main-visual .swiper-wrapper .item figure img {
  width: 100%;
  height: min(26.3888888889vw, 380px);
}
.p-media-tool-container__post__inner .post-wrap {
  padding: 0 0 min(3.4722222222vw, 50px);
  margin: 0 0 min(3.4722222222vw, 50px);
  border-bottom: min(0.0694444444vw, 1px) solid #A0A0A0;
}
.p-media-tool-container__post__inner .post-wrap:last-of-type {
  padding: 0;
  margin: 0;
  border-bottom: none;
}
.p-media-tool-container__post__inner .post-wrap h4 {
  font-size: min(1.25vw, 18px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-media-tool-container__post__inner .post-wrap > p {
  font-size: min(0.9722222222vw, 14px);
  letter-spacing: 0.05em;
  line-height: 1.8;
}
.p-media-tool-container__post__inner .post-wrap .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(0.3472222222vw, 5px);
     -moz-column-gap: min(0.3472222222vw, 5px);
          column-gap: min(0.3472222222vw, 5px);
  row-gap: min(0.3472222222vw, 5px);
}
.p-media-tool-container__post__inner .post-wrap .info dl {
  width: calc((100% - min(0.3472222222vw, 5px)) / 2);
  height: min(4.8611111111vw, 70px);
  padding: 0 min(2.0833333333vw, 30px);
  background-color: #fff;
  border-radius: min(0.4166666667vw, 6px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-media-tool-container__post__inner .post-wrap .info dl dt {
  color: #A0A0A0;
  font-size: min(0.8333333333vw, 12px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
}
.p-media-tool-container__post__inner .post-wrap .info dl dd {
  font-size: min(0.9722222222vw, 14px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.2;
  width: min(25vw, 360px);
}
.p-media-tool-container__post__inner .post-wrap .scroll-x {
  overflow-x: scroll;
}
.p-media-tool-container__post__inner .post-wrap .scroll-x::-webkit-scrollbar {
  display: none;
}
.p-media-tool-container__post__inner .post-wrap .price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(0.3472222222vw, 5px);
     -moz-column-gap: min(0.3472222222vw, 5px);
          column-gap: min(0.3472222222vw, 5px);
}
.p-media-tool-container__post__inner .post-wrap .price dl {
  width: calc((100% - min(1.3888888889vw, 20px)) / 4);
  background-color: #fff;
  border-radius: min(0.4166666667vw, 6px);
}
.p-media-tool-container__post__inner .post-wrap .price dl dt {
  color: #A0A0A0;
  font-size: min(0.8333333333vw, 12px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  width: 100%;
  height: min(3.4722222222vw, 50px);
  border-bottom: min(0.0694444444vw, 1px) solid #F7F7F5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-media-tool-container__post__inner .post-wrap .price dl dd {
  font-size: min(1.3888888889vw, 20px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.2;
  width: 100%;
  height: min(6.25vw, 90px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-media-tool-container__post__inner .post-wrap .price dl dd.num {
  font-size: min(1.25vw, 18px);
}
.p-media-tool-container__post__inner .post-wrap .price dl dd.num span {
  font-size: min(2.0833333333vw, 30px);
  font-family: "Outfit", sans-serif;
}
.p-media-tool-container__post__inner .post-wrap .location {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(1.3888888889vw, 20px);
     -moz-column-gap: min(1.3888888889vw, 20px);
          column-gap: min(1.3888888889vw, 20px);
}
.p-media-tool-container__post__inner .post-wrap .location .gglm {
  width: min(37.5vw, 540px);
}
.p-media-tool-container__post__inner .post-wrap .location .gglm iframe {
  width: min(37.5vw, 540px);
  height: min(23.6111111111vw, 340px);
}
.p-media-tool-container__post__inner .post-wrap .location .gglm p {
  font-size: min(0.9722222222vw, 14px);
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin: min(0.3472222222vw, 5px) 0 0;
}
.p-media-tool-container__post__inner .post-wrap .location .gglm p a {
  text-decoration: underline;
}
.p-media-tool-container__post__inner .post-wrap .location .gglm p a:hover {
  text-decoration: none;
}
.p-media-tool-container__post__inner .post-wrap .location .sub {
  width: min(30.5555555556vw, 440px);
}
.p-media-tool-container__post__inner .post-wrap .location .sub a {
  display: block;
}
.p-media-tool-container__post__inner .post-wrap .location .sub a:hover {
  opacity: 0.6;
}
.p-media-tool-container__post__inner .post-wrap .location .sub a img {
  width: 100%;
  height: auto;
}
.p-media-tool-container__post__inner .post-wrap .detail {
  margin: 0 0 min(1.3888888889vw, 20px);
  background-color: #fff;
  border-radius: min(0.4166666667vw, 6px);
}
.p-media-tool-container__post__inner .post-wrap .detail dl {
  padding: min(2.7777777778vw, 40px);
  border-bottom: min(0.0694444444vw, 1px) solid #F7F7F5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-media-tool-container__post__inner .post-wrap .detail dl:last-of-type {
  border-bottom: none;
}
.p-media-tool-container__post__inner .post-wrap .detail dl dt {
  color: #242424;
  font-size: min(1.25vw, 18px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.p-media-tool-container__post__inner .post-wrap .detail dl dd {
  font-size: min(1.25vw, 18px);
  letter-spacing: 0.05em;
  line-height: 1.8;
  width: min(48.6111111111vw, 700px);
}
.p-media-tool-container__post__inner .post-wrap .camera-embed img,
.p-media-tool-container__post__inner .post-wrap .camera-embed ifame {
  width: 100%;
  height: auto;
}
.p-media-tool-container__post__inner .post-download p {
  font-size: min(1.1111111111vw, 16px);
  letter-spacing: 0.05em;
  line-height: 1.8;
  text-align: center;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-media-tool-container__post__inner .post-download p br {
  display: none;
}
.p-media-tool-container__post__inner .post-download .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-media-tool-container__post__inner .post-download .btn a {
  color: #fff;
  font-size: min(1.6666666667vw, 24px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  width: min(31.25vw, 450px);
  height: min(5.5555555556vw, 80px);
  background-color: #0C9EFF;
  border-radius: min(3.8194444444vw, 55px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-media-tool-container__post__inner .post-download .btn a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.p-news-container__archive {
  width: min(94.4444444444vw, 1360px);
  margin: 0 auto min(10.4166666667vw, 150px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-news-container__archive__sidebar {
  width: min(22.2222222222vw, 320px);
  position: relative;
}
.p-news-container__archive__sidebar h4 {
  color: #0C9EFF;
  font-size: min(1.3888888889vw, 20px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-news-container__archive__sidebar .hot-tag {
  position: -webkit-sticky;
  position: sticky;
  top: min(8.3333333333vw, 120px);
}
.p-news-container__archive__sidebar .hot-tag .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(0.4166666667vw, 6px);
     -moz-column-gap: min(0.4166666667vw, 6px);
          column-gap: min(0.4166666667vw, 6px);
  row-gap: min(0.4166666667vw, 6px);
}
.p-news-container__archive__sidebar .hot-tag .wrap .tag {
  font-size: min(0.9722222222vw, 14px);
  letter-spacing: 0.1em;
  line-height: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: min(2.2222222222vw, 32px);
  padding: 0 min(0.6944444444vw, 10px);
  background-color: #fff;
  border-radius: min(2.2222222222vw, 32px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-news-container__archive__sidebar .hot-tag .wrap .tag:hover {
  color: #fff;
  background-color: #0C9EFF;
}
.p-news-container__archive__inner {
  width: min(69.4444444444vw, 1000px);
}
.p-news-container__archive__inner__list {
  margin: 0 0 min(6.9444444444vw, 100px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(1.3888888889vw, 20px);
     -moz-column-gap: min(1.3888888889vw, 20px);
          column-gap: min(1.3888888889vw, 20px);
  row-gap: min(3.4722222222vw, 50px);
}
.p-news-container__archive__inner__list .item {
  width: min(20.8333333333vw, 300px);
}
.p-news-container__archive__inner__list .item figure {
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-news-container__archive__inner__list .item figure a {
  display: block;
  overflow: hidden;
  border-radius: min(0.4166666667vw, 6px);
}
.p-news-container__archive__inner__list .item figure a:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.p-news-container__archive__inner__list .item figure a img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-news-container__archive__inner__list .item .date {
  font-size: min(0.9027777778vw, 13px);
  font-family: "Outfit", sans-serif;
  letter-spacing: 0.1em;
  margin: 0 0 min(1.0416666667vw, 15px);
}
.p-news-container__archive__inner__list .item h4 {
  font-size: min(1.0416666667vw, 15px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin: 0 0 min(1.0416666667vw, 15px);
}
.p-news-container__archive__inner__list .item h4 a {
  color: #242424;
  -webkit-transition: none;
  transition: none;
}
.p-news-container__archive__inner__list .item h4 a:hover {
  border-bottom: min(0.0694444444vw, 1px) solid #0C9EFF;
}
.p-news-container__archive__inner__list .item .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(0.6944444444vw, 10px);
     -moz-column-gap: min(0.6944444444vw, 10px);
          column-gap: min(0.6944444444vw, 10px);
}
.p-news-container__archive__inner__list .item .tags a {
  font-size: min(0.7638888889vw, 11px);
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-decoration: underline;
}
.p-news-container__archive__inner__list .item .tags a:hover {
  text-decoration: none;
}
.p-news-container__post {
  width: min(94.4444444444vw, 1360px);
  margin: 0 auto min(10.4166666667vw, 150px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-news-container__post__sidebar {
  width: min(22.2222222222vw, 320px);
  position: relative;
}
.p-news-container__post__sidebar h4 {
  color: #0C9EFF;
  font-size: min(1.3888888889vw, 20px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-news-container__post__sidebar .hot-tag {
  position: -webkit-sticky;
  position: sticky;
  top: min(8.3333333333vw, 120px);
}
.p-news-container__post__sidebar .hot-tag .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(0.4166666667vw, 6px);
     -moz-column-gap: min(0.4166666667vw, 6px);
          column-gap: min(0.4166666667vw, 6px);
  row-gap: min(0.4166666667vw, 6px);
}
.p-news-container__post__sidebar .hot-tag .wrap .tag {
  font-size: min(0.9722222222vw, 14px);
  letter-spacing: 0.1em;
  line-height: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: min(2.2222222222vw, 32px);
  padding: 0 min(0.6944444444vw, 10px);
  background-color: #fff;
  border-radius: min(2.2222222222vw, 32px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-news-container__post__sidebar .hot-tag .wrap .tag:hover {
  color: #fff;
  background-color: #0C9EFF;
}
.p-news-container__post__inner {
  width: min(69.4444444444vw, 1000px);
}
.p-news-container__post__inner .post-head {
  margin: 0 0 min(0.6944444444vw, 10px);
}
.p-news-container__post__inner .post-head .date {
  font-size: min(0.9027777778vw, 13px);
  font-family: "Outfit", sans-serif;
  letter-spacing: 0.1em;
  margin: 0 0 min(1.0416666667vw, 15px);
}
.p-news-container__post__inner .post-head h3 {
  font-size: min(2.0833333333vw, 30px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.p-news-container__post__inner .post-head .tags {
  margin: min(1.0416666667vw, 15px) 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(0.6944444444vw, 10px);
     -moz-column-gap: min(0.6944444444vw, 10px);
          column-gap: min(0.6944444444vw, 10px);
}
.p-news-container__post__inner .post-head .tags a {
  font-size: min(0.9722222222vw, 14px);
  letter-spacing: 0.1em;
  line-height: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: min(2.2222222222vw, 32px);
  padding: 0 min(0.6944444444vw, 10px);
  background-color: #fff;
  border-radius: min(2.2222222222vw, 32px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-news-container__post__inner .post-head .tags a:hover {
  color: #fff;
  background-color: #0C9EFF;
}
.p-news-container__post__inner .post-head .detail {
  margin: min(2.7777777778vw, 40px) 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-news-container__post__inner .post-head .detail dl {
  width: min(22.5694444444vw, 325px);
  height: min(4.8611111111vw, 70px);
  padding: 0 min(1.3888888889vw, 20px);
  background-color: #fff;
  border-radius: min(0.4166666667vw, 6px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-news-container__post__inner .post-head .detail dl dt {
  color: #A0A0A0;
  font-size: min(0.8333333333vw, 12px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
}
.p-news-container__post__inner .post-head .detail dl dd {
  font-size: min(0.9722222222vw, 14px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.2;
  width: min(13.1944444444vw, 190px);
}
.p-news-container__post__inner .post-body {
  padding: min(2.7777777778vw, 40px) min(3.4722222222vw, 50px);
  background-color: #fff;
  border-radius: min(0.4166666667vw, 6px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-news-container__post__inner .post-body h4 {
  font-size: min(1.6666666667vw, 24px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin: 0 0 min(2.0833333333vw, 30px);
}
.p-news-container__post__inner .post-body h5 {
  font-size: min(1.3888888889vw, 20px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
  padding: min(0.6944444444vw, 10px) min(1.3888888889vw, 20px);
  background-color: #F7F7F5;
  margin: 0 0 min(2.0833333333vw, 30px);
}
.p-news-container__post__inner .post-body h6 {
  font-size: min(1.1111111111vw, 16px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2;
  margin: 0 0 min(2.0833333333vw, 30px);
}
.p-news-container__post__inner .post-body h6 span {
  padding: 0 0 min(0.3472222222vw, 5px);
  border-bottom: min(0.0694444444vw, 1px) solid #000;
}
.p-news-container__post__inner .post-body p {
  font-size: min(1.1111111111vw, 16px);
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin: 0 0 min(2.0833333333vw, 30px);
}
.p-news-container__post__inner .post-body figure {
  margin: 0 0 min(2.0833333333vw, 30px);
}
.p-news-container__post__inner .post-body figure img {
  max-width: 100%;
  height: auto;
  border-radius: 1.5384615385vw;
}
.p-news-container__post__inner .post-body figure figcaption {
  font-size: min(0.9722222222vw, 14px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin: min(0.6944444444vw, 10px) 0 0;
}
.p-news-container__latest {
  width: min(94.4444444444vw, 1360px);
  margin: 0 auto min(3.4722222222vw, 50px);
  padding: min(5.5555555556vw, 80px) 0 0;
  border-top: min(0.0694444444vw, 1px) solid #A0A0A0;
}
.p-news-container__latest h3 {
  color: #242424;
  font-size: min(1.6666666667vw, 24px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-align: center;
  margin: 0 0 min(2.7777777778vw, 40px);
}
.p-news-container__latest .scroll-x {
  overflow-x: scroll;
}
.p-news-container__latest .scroll-x::-webkit-scrollbar {
  display: none;
}
.p-news-container__latest .p-media-tool-container__archive__inner__list .item {
  width: min(30.5555555556vw, 440px);
}
.p-news-container__latest .p-media-tool-container__archive__inner__list .item .wrap {
  width: min(25vw, 360px);
}

.p-privacy-policy-container {
  margin: 0 0 min(6.9444444444vw, 100px);
}
.p-privacy-policy-container__inner {
  width: min(69.4444444444vw, 1000px);
  margin: 0 auto;
}
.p-privacy-policy-container__inner .desc {
  font-size: min(1.1111111111vw, 16px);
  line-height: 2;
  margin: 0 0 min(5.5555555556vw, 80px);
}
.p-privacy-policy-container__inner .wrap {
  margin: 0 0 min(4.1666666667vw, 60px);
}
.p-privacy-policy-container__inner .wrap h4 {
  font-size: min(1.3888888889vw, 20px);
  letter-spacing: 0.04em;
  line-height: 1.6;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-privacy-policy-container__inner .wrap p {
  font-size: min(1.1111111111vw, 16px);
  line-height: 2;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-privacy-policy-container__inner .wrap ul {
  margin: 0 0 0 min(1.3888888889vw, 20px);
}
.p-privacy-policy-container__inner .wrap ul li {
  font-size: min(1.1111111111vw, 16px);
  line-height: 2;
  list-style-type: disc;
}
.p-privacy-policy-container__inner .wrap dl {
  font-size: min(1.1111111111vw, 16px);
  line-height: 2;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-privacy-policy-container__inner .wrap dl dt {
  font-weight: 600;
}
.p-privacy-policy-container__inner .sig {
  font-size: min(1.1111111111vw, 16px);
  letter-spacing: 0.04em;
  line-height: 2;
}

.p-show-case-container__archive {
  width: min(94.4444444444vw, 1360px);
  margin: 0 auto min(10.4166666667vw, 150px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-show-case-container__archive__sidebar {
  width: min(22.2222222222vw, 320px);
  position: relative;
}
.p-show-case-container__archive__sidebar h4 {
  color: #0C9EFF;
  font-size: min(1.3888888889vw, 20px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-show-case-container__archive__sidebar .categories {
  position: -webkit-sticky;
  position: sticky;
  top: min(8.3333333333vw, 120px);
}
.p-show-case-container__archive__sidebar .categories ul li {
  line-height: 0;
  margin: 0 0 min(0.6944444444vw, 10px);
}
.p-show-case-container__archive__sidebar .categories ul li a {
  color: #D9D9D9;
  font-size: min(1.0416666667vw, 15px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.2;
}
.p-show-case-container__archive__sidebar .categories ul li a.is_active, .p-show-case-container__archive__sidebar .categories ul li a:hover {
  color: #242424;
}
.p-show-case-container__archive__sidebar .categories .select-sp {
  position: relative;
  display: none;
}
.p-show-case-container__archive__sidebar .categories .select-sp select {
  padding: 0 8.9743589744vw 0 0;
}
.p-show-case-container__archive__sidebar .categories .select-sp select option {
  color: #D9D9D9;
  font-size: min(0.9027777778vw, 13px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: right;
}
.p-show-case-container__archive__sidebar .categories .select-sp svg {
  width: 3.0769230769vw;
  position: absolute;
  top: 2.5641025641vw;
  right: 2.5641025641vw;
  pointer-events: none;
}
.p-show-case-container__archive__inner {
  width: min(69.4444444444vw, 1000px);
}
.p-show-case-container__archive__inner__list {
  margin: 0 0 min(5.5555555556vw, 80px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(1.3888888889vw, 20px);
     -moz-column-gap: min(1.3888888889vw, 20px);
          column-gap: min(1.3888888889vw, 20px);
  row-gap: min(2.7777777778vw, 40px);
}
.p-show-case-container__archive__inner__list .item {
  width: min(22.2222222222vw, 320px);
}
.p-show-case-container__archive__inner__list .item:nth-of-type(1), .p-show-case-container__archive__inner__list .item:nth-of-type(2) {
  width: min(34.0277777778vw, 490px);
  margin: 0 0 min(2.7777777778vw, 40px);
}
.p-show-case-container__archive__inner__list .item:nth-of-type(1) h4, .p-show-case-container__archive__inner__list .item:nth-of-type(2) h4 {
  font-size: min(1.3888888889vw, 20px);
}
.p-show-case-container__archive__inner__list .item figure {
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-show-case-container__archive__inner__list .item figure a {
  display: block;
  overflow: hidden;
  border-radius: min(0.4166666667vw, 6px);
}
.p-show-case-container__archive__inner__list .item figure a:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.p-show-case-container__archive__inner__list .item figure a img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-show-case-container__archive__inner__list .item .category {
  font-size: min(0.9027777778vw, 13px);
  font-family: "Outfit", sans-serif;
  letter-spacing: 0.1em;
  line-height: 1.2;
  margin: 0 0 min(0.6944444444vw, 10px);
}
.p-show-case-container__archive__inner__list .item .category a {
  color: #242424;
}
.p-show-case-container__archive__inner__list .item .category a:hover {
  opacity: 0.6;
}
.p-show-case-container__archive__inner__list .item h4 {
  font-size: min(1.25vw, 18px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4;
}
.p-show-case-container__archive__inner__list .item h4 a {
  color: #242424;
}
.p-show-case-container__archive__inner__list .item h4 a:hover {
  opacity: 0.6;
}
.p-show-case-container__main-visual {
  margin: 0 0 min(3.4722222222vw, 50px);
}
.p-show-case-container__main-visual figure img {
  width: 100%;
  height: auto;
}
.p-show-case-container__post {
  width: min(94.4444444444vw, 1360px);
  margin: 0 auto min(10.4166666667vw, 150px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-show-case-container__post__sidebar {
  width: min(22.2222222222vw, 320px);
  position: relative;
}
.p-show-case-container__post__sidebar .post-head {
  position: -webkit-sticky;
  position: sticky;
  top: min(8.3333333333vw, 120px);
}
.p-show-case-container__post__sidebar .post-head .category {
  font-size: min(0.9027777778vw, 13px);
  font-family: "Outfit", sans-serif;
  letter-spacing: 0.1em;
  line-height: 1.2;
  margin: 0 0 min(2.0833333333vw, 30px);
}
.p-show-case-container__post__sidebar .post-head h3 {
  font-size: min(2.0833333333vw, 30px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
.p-show-case-container__post__inner {
  width: min(69.4444444444vw, 1000px);
  padding: min(2.7777777778vw, 40px) min(3.4722222222vw, 50px);
  background-color: #fff;
  border-radius: min(0.4166666667vw, 6px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-show-case-container__post__inner h4 {
  font-size: min(1.6666666667vw, 24px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin: 0 0 min(2.0833333333vw, 30px);
}
.p-show-case-container__post__inner h5 {
  font-size: min(1.3888888889vw, 20px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
  padding: min(0.6944444444vw, 10px) min(1.3888888889vw, 20px);
  background-color: #F7F7F5;
  margin: 0 0 min(2.0833333333vw, 30px);
}
.p-show-case-container__post__inner h6 {
  font-size: min(1.1111111111vw, 16px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2;
  margin: 0 0 min(2.0833333333vw, 30px);
}
.p-show-case-container__post__inner h6 span {
  padding: 0 0 min(0.3472222222vw, 5px);
  border-bottom: min(0.0694444444vw, 1px) solid #000;
}
.p-show-case-container__post__inner p {
  font-size: min(1.1111111111vw, 16px);
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin: 0 0 min(2.0833333333vw, 30px);
}
.p-show-case-container__post__inner figure {
  margin: 0 0 min(2.0833333333vw, 30px);
}
.p-show-case-container__post__inner figure img {
  max-width: 100%;
  height: auto;
}
.p-show-case-container__post__inner figure figcaption {
  font-size: min(0.9722222222vw, 14px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin: min(0.6944444444vw, 10px) 0 0;
}
.p-show-case-container__latest {
  width: min(94.4444444444vw, 1360px);
  margin: 0 auto min(3.4722222222vw, 50px);
  padding: min(5.5555555556vw, 80px) 0 0;
  border-top: min(0.0694444444vw, 1px) solid #A0A0A0;
}
.p-show-case-container__latest h3 {
  color: #242424;
  font-size: min(1.6666666667vw, 24px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-align: center;
  margin: 0 0 min(2.7777777778vw, 40px);
}
.p-show-case-container__latest .scroll-x {
  overflow-x: scroll;
}
.p-show-case-container__latest .scroll-x::-webkit-scrollbar {
  display: none;
}
.p-show-case-container__latest .p-show-case-container__archive__inner__list {
  margin: 0;
}
.p-show-case-container__latest .p-show-case-container__archive__inner__list .item:nth-of-type(1), .p-show-case-container__latest .p-show-case-container__archive__inner__list .item:nth-of-type(2) {
  width: min(22.2222222222vw, 320px);
}
.p-show-case-container__latest .p-show-case-container__archive__inner__list .item:nth-of-type(1) h4, .p-show-case-container__latest .p-show-case-container__archive__inner__list .item:nth-of-type(2) h4 {
  font-size: min(1.25vw, 18px);
}

.p-wish-list-container__archive {
  width: min(83.3333333333vw, 1200px);
  margin: 0 auto min(6.9444444444vw, 100px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-wish-list-container__archive__sidebar {
  width: min(12.5vw, 180px);
  position: relative;
}
.p-wish-list-container__archive__sidebar h4 {
  color: #0C9EFF;
  font-size: min(1.3888888889vw, 20px);
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1;
  margin: 0 0 min(1.3888888889vw, 20px);
}
.p-wish-list-container__archive__sidebar .fav-count {
  font-size: min(1.25vw, 18px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.2;
  position: -webkit-sticky;
  position: sticky;
  top: min(8.3333333333vw, 120px);
}
.p-wish-list-container__archive__sidebar .fav-count strong {
  color: #0C9EFF;
  font-size: min(1.3888888889vw, 20px);
  font-weight: 600;
}
.p-wish-list-container__archive__inner {
  width: min(69.4444444444vw, 1000px);
}
.p-wish-list-container__archive__inner__list {
  margin: 0 0 min(4.1666666667vw, 60px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(1.3888888889vw, 20px);
     -moz-column-gap: min(1.3888888889vw, 20px);
          column-gap: min(1.3888888889vw, 20px);
  row-gap: min(1.3888888889vw, 20px);
}
.p-wish-list-container__archive__inner__list .item {
  width: min(34.0277777778vw, 490px);
  padding: min(1.3888888889vw, 20px);
  background-color: #fff;
  border-radius: min(0.4166666667vw, 6px);
  position: relative;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-wish-list-container__archive__inner__list .item.is_active {
  background-color: #DFEEF6;
}
.p-wish-list-container__archive__inner__list .item.is_active .fav-btn svg path {
  fill: #0C9EFF;
}
.p-wish-list-container__archive__inner__list .item figure {
  line-height: 0;
  margin: 0 0 min(1.0416666667vw, 15px);
}
.p-wish-list-container__archive__inner__list .item figure a {
  display: block;
  overflow: hidden;
}
.p-wish-list-container__archive__inner__list .item figure a:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.p-wish-list-container__archive__inner__list .item figure a img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-wish-list-container__archive__inner__list .item .wrap {
  width: min(27.7777777778vw, 400px);
  height: min(6.25vw, 90px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.p-wish-list-container__archive__inner__list .item .wrap h4 {
  font-size: min(1.3888888889vw, 20px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.p-wish-list-container__archive__inner__list .item .wrap h4 a {
  color: #242424;
}
.p-wish-list-container__archive__inner__list .item .wrap h4 a:hover {
  opacity: 0.6;
}
.p-wish-list-container__archive__inner__list .item .wrap .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: min(0.6944444444vw, 10px);
     -moz-column-gap: min(0.6944444444vw, 10px);
          column-gap: min(0.6944444444vw, 10px);
}
.p-wish-list-container__archive__inner__list .item .wrap .tags a {
  font-size: min(0.7638888889vw, 11px);
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-decoration: underline;
}
.p-wish-list-container__archive__inner__list .item .wrap .tags a:hover {
  text-decoration: none;
}
.p-wish-list-container__archive__inner__list .item .fav-btn {
  position: absolute;
  bottom: min(5.5555555556vw, 80px);
  right: min(1.3888888889vw, 20px);
}
.p-wish-list-container__archive__inner__list .item .fav-btn a {
  display: block;
}
.p-wish-list-container__archive__inner__list .item .fav-btn a:hover svg path {
  fill: #0C9EFF;
}
.p-wish-list-container__archive__inner__list .item .fav-btn a svg {
  width: min(1.5972222222vw, 23px);
  height: auto;
}
.p-wish-list-container__archive__inner__list .item .fav-btn a svg path {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

.u-fadein-up {
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: all 1.3s ease;
  transition: all 1.3s ease;
}
.u-fadein-up.is_show {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.u-fadein-up.two {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.u-fadein-up.three {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.u-fadein-up.four {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.u-fadein-up.five {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.u-pc-hide {
  display: none;
}

.u-sp-hide {
  display: block;
}

@media (max-width: 767px) {
  .c-check span {
    font-size: 3.8461538462vw;
    padding-left: 6.4102564103vw;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .c-check span:after {
    width: 0.2564102564vw;
    height: 4.6153846154vw;
    top: 0;
    left: 1.7948717949vw;
  }
  .c-check span:before {
    width: 3.8461538462vw;
    height: 3.8461538462vw;
    background-color: #fff;
    border-width: 0.2564102564vw;
    top: 0.2564102564vw;
  }
  input[type=text].c-input-text {
    font-size: 3.5897435897vw;
    font-weight: 400;
    height: 15.3846153846vw;
    padding: 0 3.8461538462vw;
    border-width: 0.2564102564vw;
    border-radius: 1.5384615385vw;
  }
  .c-keyword-search input[type=text] {
    font-size: 3.5897435897vw;
    width: 100%;
    height: 11.5384615385vw;
    padding: 0 3.8461538462vw;
    border-width: 0.2564102564vw;
    border-radius: 11.5384615385vw;
  }
  .c-keyword-search button[type=submit] {
    position: absolute;
    top: 3.0769230769vw;
    right: 3.8461538462vw;
  }
  .c-keyword-search button[type=submit] img {
    width: 4.6153846154vw;
  }
  .c-modal-btn {
    display: block;
  }
  .c-modal-menu__inner__search-area dl dd .c-select .arrow svg {
    width: 2.0512820513vw;
  }
  .c-page-title {
    padding: 25.641025641vw 0 10.2564102564vw;
  }
  .c-page-title__inner h2 {
    font-size: 5.1282051282vw;
  }
  .c-page-title__inner .ja {
    font-size: 3.5897435897vw;
    margin: 1.2820512821vw 0 0;
  }
  .c-pagination .prev a,
  .c-pagination .next a {
    -webkit-column-gap: 2.5641025641vw;
       -moz-column-gap: 2.5641025641vw;
            column-gap: 2.5641025641vw;
  }
  .c-pagination .prev a:hover .arrow::before,
  .c-pagination .next a:hover .arrow::before {
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
  .c-pagination .prev a .text,
  .c-pagination .next a .text {
    font-size: 3.3333333333vw;
  }
  .c-pagination .prev a .arrow,
  .c-pagination .next a .arrow {
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
  .c-pagination .prev a .arrow::before,
  .c-pagination .next a .arrow::before {
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
  .c-pagination .prev a .arrow svg,
  .c-pagination .next a .arrow svg {
    width: 2.8205128205vw;
  }
  .c-pagination .result {
    font-size: 3.8461538462vw;
    -webkit-column-gap: 2.5641025641vw;
       -moz-column-gap: 2.5641025641vw;
            column-gap: 2.5641025641vw;
  }
  .c-radio label {
    font-size: 4.1025641026vw;
    padding-left: 8.9743589744vw;
  }
  .c-radio label:after {
    top: 0.7692307692vw;
    left: 1.2820512821vw;
    width: 3.0769230769vw;
    height: 3.0769230769vw;
  }
  .c-radio label:before {
    width: 5.641025641vw;
    height: 5.641025641vw;
    top: -0.5128205128vw;
  }
  .mwform-radio-field label span {
    font-size: 4.1025641026vw;
    padding-left: 8.9743589744vw;
  }
  .mwform-radio-field label span:after {
    top: 0.7692307692vw;
    left: 1.2820512821vw;
    width: 3.0769230769vw;
    height: 3.0769230769vw;
  }
  .mwform-radio-field label span:before {
    width: 5.641025641vw;
    height: 5.641025641vw;
    top: -0.5128205128vw;
  }
  .c-section-title h3 {
    font-size: 5.1282051282vw;
    margin: 0 0 1.2820512821vw;
  }
  .c-section-title .ja {
    font-size: 3.5897435897vw;
  }
  .c-select select {
    font-size: 3.3333333333vw;
    height: 11.5384615385vw;
    padding: 0 3.8461538462vw;
    border-width: 0.3846153846vw;
    border-radius: 1.5384615385vw;
  }
  .c-select .arrow {
    width: 8.9743589744vw;
    height: 11.5384615385vw;
    border: 0.2564102564vw solid #242424;
    border-left: 0.3846153846vw dashed #242424;
    border-radius: 0 1.5384615385vw 1.5384615385vw 0;
  }
  .c-select .arrow svg {
    width: 2.0512820513vw;
  }
  .c-submit button {
    font-size: 4.1025641026vw;
    width: 100%;
    height: 11.5384615385vw;
    border-width: 0.3846153846vw;
    border-radius: 1.5384615385vw;
    -webkit-column-gap: 1.2820512821vw;
       -moz-column-gap: 1.2820512821vw;
            column-gap: 1.2820512821vw;
  }
  .c-submit button svg {
    width: 4.6153846154vw;
  }
  .c-textarea {
    font-size: 3.5897435897vw;
    height: 76.9230769231vw;
    padding: 3.8461538462vw;
    border-width: 0.2564102564vw;
    border-radius: 1.5384615385vw;
  }
  .c-view-all-btn a {
    font-size: 3.5897435897vw;
    width: 35.8974358974vw;
    height: 10.2564102564vw;
    border-radius: 10.2564102564vw;
  }
  .c-view-all a {
    -webkit-column-gap: 2.5641025641vw;
       -moz-column-gap: 2.5641025641vw;
            column-gap: 2.5641025641vw;
  }
  .c-view-all a:hover .arrow::before {
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
  .c-view-all a .text {
    font-size: 3.3333333333vw;
  }
  .c-view-all a .arrow {
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
  .c-view-all a .arrow::before {
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
  .c-view-all a .arrow svg {
    width: 2.8205128205vw;
  }
  .p-contact-container__inner {
    width: auto;
    margin: 0 0 12.8205128205vw;
    display: block;
  }
  .p-contact-container__inner__sidebar {
    width: auto;
    padding: 0 2.5641025641vw;
    margin: 0 0 20.5128205128vw;
  }
  .p-contact-container__inner__sidebar .desc {
    position: static;
  }
  .p-contact-container__inner__sidebar .desc p {
    font-size: 4.1025641026vw;
  }
  .p-contact-container__inner__sidebar .desc p + p {
    margin: 7.6923076923vw 0 0;
  }
  .p-contact-container__inner__form {
    width: auto;
    padding: 0 2.5641025641vw;
  }
  .p-contact-container__inner__form form dl {
    margin: 0 0 10.2564102564vw;
  }
  .p-contact-container__inner__form form dl dt {
    font-size: 4.1025641026vw;
    margin: 0 0 2.5641025641vw;
    -webkit-column-gap: 2.5641025641vw;
       -moz-column-gap: 2.5641025641vw;
            column-gap: 2.5641025641vw;
  }
  .p-contact-container__inner__form form dl dt span {
    font-size: 2.8205128205vw;
    width: 10.2564102564vw;
    height: 5.1282051282vw;
    border-width: 0.2564102564vw;
    border-radius: 5.1282051282vw;
  }
  .p-contact-container__inner__form form dl dd {
    margin: 0 0 5.1282051282vw;
  }
  .p-contact-container__inner__form form dl dd .c-input-text + .c-input-text {
    margin: 2.5641025641vw 0 0;
  }
  .p-contact-container__inner__form form dl dd .c-textarea {
    margin: 0 0 5.1282051282vw;
  }
  .p-contact-container__inner__form form dl dd .notice {
    font-size: 3.0769230769vw;
    margin: 0 0 5.1282051282vw;
  }
  .p-contact-container__inner__form form .acceptance {
    margin: 0 0 12.8205128205vw;
  }
  .p-contact-container__inner__form form .acceptance .notice {
    font-size: 3.0769230769vw;
    margin: 0 0 5.1282051282vw;
  }
  .p-contact-container__inner__form form .buttons {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 2.5641025641vw;
  }
  .p-contact-container__inner__form form .buttons button {
    font-size: 4.1025641026vw;
    width: 71.7948717949vw;
    height: 15.3846153846vw;
    border-width: 0.2564102564vw;
    border-radius: 15.3846153846vw;
  }
  .p-contact-container__inner__form form .buttons button:hover {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .p-footer-container__search {
    display: none;
  }
  .p-footer-container__inner {
    width: auto;
    padding: 0 5.1282051282vw;
    position: relative;
  }
  .p-footer-container__inner__main {
    padding: 12.8205128205vw 0 0;
    display: block;
    position: relative;
  }
  .p-footer-container__inner__main .logo {
    width: 67.9487179487vw;
    margin: 0 auto 12.8205128205vw;
  }
  .p-footer-container__inner__main .fnavi {
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
  }
  .p-footer-container__inner__main .fnavi ul {
    width: auto;
  }
  .p-footer-container__inner__main .fnavi ul:nth-of-type(1) {
    margin: 0 0 15.3846153846vw;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .p-footer-container__inner__main .fnavi ul:nth-of-type(1) li {
    margin: 0 0 3.8461538462vw;
  }
  .p-footer-container__inner__main .fnavi ul:nth-of-type(1) li a {
    font-size: 4.6153846154vw;
  }
  .p-footer-container__inner__main .fnavi ul:nth-of-type(2) {
    margin: 0 0 3.8461538462vw;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .p-footer-container__inner__main .fnavi ul:nth-of-type(2) li {
    margin: 0 0 5.1282051282vw;
  }
  .p-footer-container__inner__main .fnavi ul:nth-of-type(2) li:last-child {
    position: absolute;
    bottom: 5.1282051282vw;
    left: 0;
  }
  .p-footer-container__inner__main .fnavi ul:nth-of-type(2) li:last-child a {
    font-size: 4.6153846154vw;
    font-weight: 500;
  }
  .p-footer-container__inner__main .fnavi ul:nth-of-type(2) li a {
    font-size: 5.641025641vw;
    font-weight: 600;
  }
  .p-footer-container__inner__main .fnavi ul:nth-of-type(3) {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    position: absolute;
    bottom: -61.5384615385vw;
    left: 0;
  }
  .p-footer-container__inner__main .fnavi ul:nth-of-type(3) li {
    margin: 0 0 3.8461538462vw;
  }
  .p-footer-container__inner__main .fnavi ul:nth-of-type(3) li a {
    font-size: 3.0769230769vw;
  }
  .p-footer-container__inner__main .contact {
    width: auto;
    margin: 0 0 51.2820512821vw;
  }
  .p-footer-container__inner__main .contact .inquiry {
    margin: 0;
  }
  .p-footer-container__inner__main .contact .inquiry a {
    font-size: 3.5897435897vw;
    width: 100%;
    height: 17.9487179487vw;
    border-radius: 1.5384615385vw;
    -webkit-column-gap: 3.8461538462vw;
       -moz-column-gap: 3.8461538462vw;
            column-gap: 3.8461538462vw;
  }
  .p-footer-container__inner__main .contact .inquiry a svg {
    width: 5.641025641vw;
  }
  .p-footer-container__inner__main .contact .sns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 5.1282051282vw;
    position: absolute;
    top: 37.1794871795vw;
    right: 5.1282051282vw;
  }
  .p-footer-container__inner__main .contact .sns a img {
    width: 6.1538461538vw;
  }
  .p-footer-container__inner__bottom {
    padding: 0;
    border-top: none;
    display: block;
  }
  .p-footer-container__inner__bottom .produce {
    font-size: 2.8205128205vw;
    text-align: center;
    margin: 0 0 5.1282051282vw;
    display: block;
  }
  .p-footer-container__inner__bottom .produce img {
    width: 38.4615384615vw;
    margin: 2.5641025641vw auto 0;
    display: block;
  }
  .p-footer-container__inner__bottom .snavi {
    position: absolute;
    top: 167.9487179487vw;
    left: 57.6923076923vw;
  }
  .p-footer-container__inner__bottom .snavi ul {
    display: block;
  }
  .p-footer-container__inner__bottom .snavi ul li {
    margin: 0 0 3.8461538462vw;
  }
  .p-footer-container__inner__bottom .snavi ul li a {
    font-size: 3.0769230769vw;
  }
  .p-footer-container__inner__bottom .copyright {
    font-size: 2.8205128205vw;
    text-align: center;
    padding: 5.1282051282vw 0;
    border-top: 0.2564102564vw solid #E3E3E3;
  }
  .p-header-container.is_page .p-header-container__inner {
    border: none;
  }
  .p-header-container.is_page .p-header-container__inner.is_active .p-header-container__inner__logo a svg path {
    fill: #fff;
  }
  .p-header-container.is_page .p-header-container__inner.is_active .p-header-container__inner__logo a svg path:nth-of-type(1), .p-header-container.is_page .p-header-container__inner.is_active .p-header-container__inner__logo a svg path:nth-of-type(2), .p-header-container.is_page .p-header-container__inner.is_active .p-header-container__inner__logo a svg path:nth-of-type(3), .p-header-container.is_page .p-header-container__inner.is_active .p-header-container__inner__logo a svg path:nth-of-type(4), .p-header-container.is_page .p-header-container__inner.is_active .p-header-container__inner__logo a svg path:nth-of-type(5), .p-header-container.is_page .p-header-container__inner.is_active .p-header-container__inner__logo a svg path:nth-of-type(6) {
    fill: #0C9EFF;
  }
  .p-header-container.is_page .p-header-container__inner.is_active .p-header-container__inner__favorite a svg path {
    fill: #fff;
  }
  .p-header-container__inner {
    height: 20.5128205128vw;
    padding: 0 16.6666666667vw 0 5.1282051282vw;
    position: fixed;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .p-header-container__inner.is_active {
    background-color: #323232;
  }
  .p-header-container__inner__logo a {
    width: 51.2820512821vw;
  }
  .p-header-container__inner__gnavi {
    display: none;
  }
  .p-header-container__inner__ticker {
    display: none;
  }
  .p-header-container__inner__favorite {
    width: 5.8974358974vw;
  }
  .p-header-container__inner__favorite a {
    width: 5.8974358974vw;
  }
  .p-header-container__inner__favorite a .num {
    font-size: 3.0769230769vw;
    width: 5.1282051282vw;
    height: 5.1282051282vw;
    border-width: 0.2564102564vw;
    top: calc(0% - 2.0512820513vw);
    right: calc(0% - 2.0512820513vw);
  }
  .p-header-container__secondary {
    display: none;
  }
  .p-index-contact {
    padding: 12.8205128205vw 0;
  }
  .p-index-contact__inner {
    width: 89.7435897436vw;
    padding: 7.6923076923vw 5.1282051282vw;
    border-radius: 1.5384615385vw;
    display: block;
  }
  .p-index-contact__inner .heading {
    text-align: center;
    width: auto;
    margin: 0 0 5.1282051282vw;
    display: block;
  }
  .p-index-contact__inner .heading h3 {
    font-size: 5.1282051282vw;
    margin: 0 0 5.1282051282vw;
  }
  .p-index-contact__inner .heading p {
    font-size: 4.1025641026vw;
    padding: 0 3.8461538462vw;
  }
  .p-index-contact__inner .wrap {
    width: auto;
  }
  .p-index-contact__inner .wrap a {
    font-size: 6.1538461538vw;
    line-height: 1.4;
    text-align: center;
    width: 100%;
    height: auto;
    padding: 5.1282051282vw 0;
    margin: 0 0 5.1282051282vw;
    border-radius: 1.5384615385vw;
    display: block;
  }
  .p-index-contact__inner .wrap a br {
    display: block;
  }
  .p-index-contact__inner .wrap a svg {
    width: 10.2564102564vw;
    margin: 0 auto 2.5641025641vw;
    display: block;
  }
  .p-index-contact__inner .wrap .info {
    text-align: center;
  }
  .p-index-contact__inner .wrap .info dt {
    font-size: 6.6666666667vw;
    margin: 0 0 1.2820512821vw;
  }
  .p-index-contact__inner .wrap .info dd {
    font-size: 3.5897435897vw;
  }
  .p-index-hot-tag-sns__inner {
    width: auto;
    padding: 0 5.1282051282vw;
    display: block;
  }
  .p-index-hot-tag-sns__inner h4 {
    font-size: 5.1282051282vw;
    text-align: center;
    margin: 0 0 3.8461538462vw;
  }
  .p-index-hot-tag-sns__inner .hot-tag {
    width: auto;
    margin: 0 0 17.9487179487vw;
  }
  .p-index-hot-tag-sns__inner .hot-tag .wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 1.5384615385vw;
       -moz-column-gap: 1.5384615385vw;
            column-gap: 1.5384615385vw;
    row-gap: 1.5384615385vw;
  }
  .p-index-hot-tag-sns__inner .hot-tag .wrap .tag {
    font-size: 3.5897435897vw;
    height: 8.2051282051vw;
    padding: 0 2.5641025641vw;
    border-radius: 8.2051282051vw;
  }
  .p-index-hot-tag-sns__inner .sns {
    width: auto;
    border-radius: 1.5384615385vw;
  }
  .p-index-hot-tag-sns__inner .sns .wrap {
    width: auto;
    height: 28.2051282051vw;
    border-radius: 1.5384615385vw;
    -webkit-column-gap: 10.2564102564vw;
       -moz-column-gap: 10.2564102564vw;
            column-gap: 10.2564102564vw;
  }
  .p-index-hot-tag-sns__inner .sns .wrap a img {
    width: 6.1538461538vw;
  }
  .p-index-information {
    padding: 12.8205128205vw 0 17.9487179487vw;
  }
  .p-index-information__inner {
    width: auto;
    min-height: 100%;
    padding: 0 2.5641025641vw;
  }
  .p-index-information__inner .c-section-title {
    text-align: center;
    margin: 0 auto 10.2564102564vw;
  }
  .p-index-information__inner__list {
    width: 100%;
    margin: 0 0 7.6923076923vw;
    row-gap: 1.2820512821vw;
  }
  .p-index-information__inner__list .item a {
    width: 100%;
    height: auto;
    padding: 3.8461538462vw 5.1282051282vw;
    border-radius: 1.5384615385vw;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-index-information__inner__list .item a .date {
    font-size: 2.8205128205vw;
    width: auto;
    height: auto;
    margin: 0 5.1282051282vw 0 0;
  }
  .p-index-information__inner__list .item a .category {
    font-size: 2.8205128205vw;
    width: auto;
  }
  .p-index-information__inner__list .item a h4 {
    font-size: 3.8461538462vw;
    width: 74.358974359vw;
    margin: 1.2820512821vw 0 0;
  }
  .p-index-information__inner__list .item a svg {
    width: 7.6923076923vw;
    height: 7.6923076923vw;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 5.1282051282vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .p-index-information__inner .c-view-all {
    margin: 0 auto;
    position: static;
    bottom: auto;
    left: auto;
  }
  .p-index-main-visual {
    padding: 25.641025641vw 0 2.5641025641vw;
    background-color: #fff;
  }
  .p-index-main-visual__bg {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-index-main-visual__bg picture img {
    height: 139.7435897436vw;
  }
  .p-index-main-visual__inner {
    width: 100%;
    padding: 0 2.5641025641vw;
    display: block;
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: translate(0);
            transform: translate(0);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-index-main-visual__inner__heading {
    width: auto;
    padding: 0 3.8461538462vw;
    margin: 0 0 10.2564102564vw;
    display: block;
  }
  .p-index-main-visual__inner__heading h2 {
    font-size: 8.7179487179vw;
    margin: 0 0 7.6923076923vw;
  }
  .p-index-main-visual__inner__heading h2 br.sp {
    display: none;
  }
  .p-index-main-visual__inner__heading .counter {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0;
    -webkit-column-gap: 1.2820512821vw;
       -moz-column-gap: 1.2820512821vw;
            column-gap: 1.2820512821vw;
    border-width: 0.2564102564vw;
  }
  .p-index-main-visual__inner__heading .counter p {
    font-size: 3.0769230769vw;
  }
  .p-index-main-visual__inner__heading .counter p span {
    font-size: 7.6923076923vw;
    margin: 0 1.2820512821vw 0 0;
  }
  .p-index-main-visual__inner__content .ooh-search {
    width: auto;
    margin: 0 0 2.5641025641vw;
    border-radius: 1.5384615385vw;
  }
  .p-index-main-visual__inner__content .ooh-search h3 {
    font-size: 4.1025641026vw;
    height: 10.2564102564vw;
    padding: 0 3.8461538462vw;
    border-radius: 1.5384615385vw 1.5384615385vw 0 0;
  }
  .p-index-main-visual__inner__content .ooh-search h3 span {
    display: none;
  }
  .p-index-main-visual__inner__content .ooh-search .inner {
    padding: 5.1282051282vw 3.8461538462vw;
  }
  .p-index-main-visual__inner__content .ooh-search .inner .search-field {
    padding: 0 0 5.1282051282vw;
    border-width: 0.2564102564vw;
  }
  .p-index-main-visual__inner__content .ooh-search .inner .search-field form .wrap {
    display: block;
  }
  .p-index-main-visual__inner__content .ooh-search .inner .search-field form .wrap dl {
    margin: 0 0 2.5641025641vw;
  }
  .p-index-main-visual__inner__content .ooh-search .inner .search-field form .wrap dl dt {
    font-size: 3.3333333333vw;
    margin: 0 0 1.2820512821vw;
  }
  .p-index-main-visual__inner__content .ooh-search .inner .search-field form .wrap dl dd {
    width: auto;
  }
  .p-index-main-visual__inner__content .ooh-search .inner .hot-tags {
    padding: 5.1282051282vw 0 0;
    border-width: 0.2564102564vw;
    display: block;
  }
  .p-index-main-visual__inner__content .ooh-search .inner .hot-tags dt {
    font-size: 3.3333333333vw;
    margin: 0 0 2.5641025641vw;
  }
  .p-index-main-visual__inner__content .ooh-search .inner .hot-tags dd {
    width: auto;
    -webkit-column-gap: 1.2820512821vw;
       -moz-column-gap: 1.2820512821vw;
            column-gap: 1.2820512821vw;
    row-gap: 1.2820512821vw;
  }
  .p-index-main-visual__inner__content .ooh-search .inner .hot-tags dd .tag {
    font-size: 3.0769230769vw;
    height: 8.2051282051vw;
    padding: 0 2.5641025641vw;
    border-radius: 8.2051282051vw;
  }
  .p-index-main-visual__inner__content .latest-info {
    width: auto;
    height: auto;
    padding: 3.8461538462vw;
    border-radius: 1.5384615385vw;
    display: block;
    position: relative;
  }
  .p-index-main-visual__inner__content .latest-info h4 {
    font-size: 2.8205128205vw;
    margin: 0 0 2.0512820513vw;
  }
  .p-index-main-visual__inner__content .latest-info .item {
    width: auto;
    position: static;
  }
  .p-index-main-visual__inner__content .latest-info .item a {
    font-size: 3.5897435897vw;
    line-height: 1;
    width: 82.0512820513vw;
  }
  .p-index-main-visual__inner__content .latest-info .item svg {
    width: 2.5641025641vw;
    right: 3.8461538462vw;
  }
  .p-index-media-tool {
    padding: 12.8205128205vw 0;
  }
  .p-index-media-tool__heading {
    width: auto;
    margin: 0 0 7.6923076923vw;
  }
  .p-index-media-tool__heading .c-section-title {
    text-align: center;
    margin: 0 auto 3.8461538462vw;
  }
  .p-index-media-tool__heading .counter {
    margin: 0 auto;
    padding: 1.2820512821vw 5.1282051282vw;
    background-color: #ddd;
    border-radius: 1.5384615385vw;
    -webkit-column-gap: 1.2820512821vw;
       -moz-column-gap: 1.2820512821vw;
            column-gap: 1.2820512821vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-index-media-tool__heading .counter p {
    font-size: 3.0769230769vw;
  }
  .p-index-media-tool__heading .counter p span {
    font-size: 6.6666666667vw;
    margin: 0 1.2820512821vw 0 0;
  }
  .p-index-media-tool__inner {
    width: 100vw;
    margin: 0;
  }
  .p-index-media-tool__inner .scroll-x {
    overflow-x: scroll;
  }
  .p-index-media-tool__inner .scroll-x::-webkit-scrollbar {
    display: none;
  }
  .p-index-media-tool__inner__list {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 0 7.6923076923vw;
    padding: 0 2.5641025641vw;
    -webkit-column-gap: 1.2820512821vw;
       -moz-column-gap: 1.2820512821vw;
            column-gap: 1.2820512821vw;
    row-gap: 0;
  }
  .p-index-media-tool__inner__list .item {
    width: 69.2307692308vw;
    padding: 3.8461538462vw;
    border-radius: 1.5384615385vw;
    display: block;
  }
  .p-index-media-tool__inner__list .item.is_active .fav-btn:hover svg path {
    fill: #0C9EFF;
  }
  .p-index-media-tool__inner__list .item figure {
    width: auto;
    margin: 0 0 2.5641025641vw;
  }
  .p-index-media-tool__inner__list .item .wrap {
    width: auto;
    display: block;
  }
  .p-index-media-tool__inner__list .item .wrap h4 {
    font-size: 4.1025641026vw;
    width: 51.2820512821vw;
    height: 25.641025641vw;
    margin: 0 0 5.1282051282vw;
    -webkit-line-clamp: 4;
  }
  .p-index-media-tool__inner__list .item .wrap .tags {
    -webkit-column-gap: 2.5641025641vw;
       -moz-column-gap: 2.5641025641vw;
            column-gap: 2.5641025641vw;
  }
  .p-index-media-tool__inner__list .item .wrap .tags a {
    font-size: 2.8205128205vw;
  }
  .p-index-media-tool__inner__list .item .fav-btn {
    top: 38.4615384615vw;
    right: 3.8461538462vw;
  }
  .p-index-media-tool__inner__list .item .fav-btn a:hover svg path {
    fill: #E7E7E7;
  }
  .p-index-media-tool__inner__list .item .fav-btn a svg {
    width: 5.8974358974vw;
  }
  .p-index-search-area {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .p-index-search-area__inner {
    width: auto;
    padding: 7.6923076923vw 0 10.2564102564vw;
    background-color: #F7F7F5;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .p-index-search-area__inner h3 {
    font-size: 3.5897435897vw;
    padding: 0 2.5641025641vw;
    margin: 0 0 2.5641025641vw;
    -webkit-column-gap: 2.0512820513vw;
       -moz-column-gap: 2.0512820513vw;
            column-gap: 2.0512820513vw;
  }
  .p-index-search-area__inner h3 svg {
    width: 4.1025641026vw;
  }
  .p-index-search-area__inner .area-search {
    width: 100vw;
    padding: 0;
    margin: 0 0 5.1282051282vw;
    background-color: transparent;
  }
  .p-index-search-area__inner .area-search .scroll-x {
    overflow-x: scroll;
  }
  .p-index-search-area__inner .area-search .scroll-x::-webkit-scrollbar {
    display: none;
  }
  .p-index-search-area__inner .area-search ul {
    width: 157.6923076923vw;
    padding: 0 2.5641025641vw;
    row-gap: 0.7692307692vw;
  }
  .p-index-search-area__inner .area-search ul li {
    width: 25.641025641vw;
  }
  .p-index-search-area__inner .area-search ul li a {
    font-size: 3.3333333333vw;
    width: 25.641025641vw;
    height: 11.5384615385vw;
    border: 0.3846153846vw solid #0C9EFF;
    border-radius: 1.5384615385vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-index-search-area__inner .wrap {
    width: auto;
    display: block;
  }
  .p-index-search-area__inner .wrap .category-search {
    width: 100vw;
    padding: 0;
    margin: 0 0 5.1282051282vw;
    background-color: transparent;
    border-radius: 0;
  }
  .p-index-search-area__inner .wrap .category-search .scroll-x {
    overflow-x: scroll;
  }
  .p-index-search-area__inner .wrap .category-search .scroll-x::-webkit-scrollbar {
    display: none;
  }
  .p-index-search-area__inner .wrap .category-search ul {
    width: 182.0512820513vw;
    padding: 0 2.5641025641vw;
  }
  .p-index-search-area__inner .wrap .category-search ul li {
    width: 35.8974358974vw;
  }
  .p-index-search-area__inner .wrap .category-search ul li a {
    border-radius: 1.2820512821vw;
  }
  .p-index-search-area__inner .wrap .category-search ul li a figure img {
    height: 20.5128205128vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-index-search-area__inner .wrap .category-search ul li a figure figcaption {
    font-size: 3.3333333333vw;
  }
  .p-index-search-area__inner .wrap .type-search {
    width: 100vw;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
  }
  .p-index-search-area__inner .wrap .type-search .scroll-x {
    overflow-x: scroll;
  }
  .p-index-search-area__inner .wrap .type-search .scroll-x::-webkit-scrollbar {
    display: none;
  }
  .p-index-search-area__inner .wrap .type-search .inner {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0 2.5641025641vw;
    -webkit-column-gap: 1.2820512821vw;
       -moz-column-gap: 1.2820512821vw;
            column-gap: 1.2820512821vw;
  }
  .p-index-search-area__inner .wrap .type-search .inner ul {
    width: auto;
    -webkit-column-gap: 1.2820512821vw;
       -moz-column-gap: 1.2820512821vw;
            column-gap: 1.2820512821vw;
    row-gap: 1.2820512821vw;
  }
  .p-index-search-area__inner .wrap .type-search .inner ul li a {
    font-size: 3.5897435897vw;
    padding: 2.5641025641vw 5.1282051282vw;
    border-radius: 1.5384615385vw;
  }
  .p-index-search-area__inner .wrap .type-search .inner p {
    font-size: 3.5897435897vw;
  }
  .p-index-search-area__inner .inquiry-btn {
    display: none;
  }
  .p-index-search-area__logos {
    margin: 0 0 2.5641025641vw;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .p-index-search-area__logos .roll {
    padding: 0 3.8461538462vw;
    -webkit-column-gap: 7.6923076923vw;
       -moz-column-gap: 7.6923076923vw;
            column-gap: 7.6923076923vw;
  }
  .p-index-search-area__logos .roll figure img {
    height: 16.6666666667vw;
  }
  .p-index-show-case {
    padding: 0;
    background-color: #fff;
  }
  .p-index-show-case__heading {
    width: auto;
    margin: 0;
    padding: 7.6923076923vw 0;
  }
  .p-index-show-case__heading__title {
    margin: 0 0 7.6923076923vw;
    padding: 0 2.5641025641vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .p-index-show-case__heading__title h2 {
    font-size: 7.6923076923vw;
    margin: 0;
  }
  .p-index-show-case__heading__title h2 br.sp {
    display: none;
  }
  .p-index-show-case__heading__slides {
    width: 100vw;
    position: static;
    top: auto;
    left: auto;
  }
  .p-index-show-case__heading__slides .swiper-button-prev,
  .p-index-show-case__heading__slides .swiper-button-next {
    display: none;
  }
  .p-index-show-case__heading__slides .swiper-wrapper .item {
    width: 82.0512820513vw;
    margin: 0 1.2820512821vw;
  }
  .p-index-show-case__heading__slides .swiper-wrapper .item a figure {
    border-radius: 1.5384615385vw;
  }
  .p-index-show-case__heading__slides .swiper-wrapper .item a figure img {
    height: 55.1282051282vw;
  }
  .p-index-show-case__heading__slides .swiper-wrapper .item a dl {
    width: 47.4358974359vw;
    padding: 3.8461538462vw;
  }
  .p-index-show-case__heading__slides .swiper-wrapper .item a dl dt {
    font-size: 2.8205128205vw;
    margin: 0 0 1.2820512821vw;
  }
  .p-index-show-case__heading__slides .swiper-wrapper .item a dl dd {
    font-size: 3.8461538462vw;
  }
  .p-index-show-case__inner {
    width: auto;
    padding: 12.8205128205vw 0 15.3846153846vw;
    background-color: #F7F7F5;
  }
  .p-index-show-case__inner .c-section-title {
    margin: 0 0 10.2564102564vw;
  }
  .p-index-show-case__inner__list {
    padding: 0 6.4102564103vw;
    display: block;
  }
  .p-index-show-case__inner__list .item {
    width: 100%;
    margin: 0 0 12.8205128205vw;
  }
  .p-index-show-case__inner__list .item figure {
    margin: 0 0 3.8461538462vw;
  }
  .p-index-show-case__inner__list .item figure a {
    border-radius: 1.5384615385vw;
  }
  .p-index-show-case__inner__list .item .date {
    font-size: 3.0769230769vw;
    margin: 0 0 2.5641025641vw;
  }
  .p-index-show-case__inner__list .item h4 {
    font-size: 4.1025641026vw;
    line-height: 1.4;
    margin: 0 0 3.8461538462vw;
  }
  .p-index-show-case__inner__list .item h4 a:hover {
    border-width: 0.2564102564vw;
  }
  .p-index-show-case__inner__list .item .tags {
    -webkit-column-gap: 2.5641025641vw;
       -moz-column-gap: 2.5641025641vw;
            column-gap: 2.5641025641vw;
  }
  .p-index-show-case__inner__list .item .tags a {
    font-size: 2.8205128205vw;
  }
  .p-information-container__archive {
    width: auto;
    margin: 0 0 12.8205128205vw;
    display: block;
  }
  .p-information-container__archive__sidebar {
    width: auto;
    padding: 0 2.5641025641vw;
  }
  .p-information-container__archive__sidebar h4 {
    font-size: 3.3333333333vw;
    letter-spacing: 0.1em;
    margin: 0;
  }
  .p-information-container__archive__sidebar .categories {
    margin: 0 0 12.8205128205vw;
    padding: 0 0 2.5641025641vw;
    border-bottom: min(0.0694444444vw, 1px) solid #A0A0A0;
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .p-information-container__archive__sidebar .categories ul {
    display: none;
  }
  .p-information-container__archive__sidebar .categories .select-sp {
    display: block;
  }
  .p-information-container__archive__inner {
    width: auto;
    padding: 0 2.5641025641vw;
  }
  .p-information-container__archive__inner__list {
    margin: 0 0 15.3846153846vw;
    row-gap: 1.2820512821vw;
  }
  .p-information-container__archive__inner__list .item a {
    width: 100%;
    height: auto;
    padding: 5.1282051282vw;
    border-radius: 1.5384615385vw;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-information-container__archive__inner__list .item a .date {
    font-size: 2.8205128205vw;
    width: auto;
    height: auto;
    margin: 0 5.1282051282vw 0 0;
  }
  .p-information-container__archive__inner__list .item a .category {
    font-size: 2.8205128205vw;
    width: auto;
  }
  .p-information-container__archive__inner__list .item a h4 {
    font-size: 3.8461538462vw;
    width: 74.358974359vw;
    margin: 1.2820512821vw 0 0;
  }
  .p-information-container__archive__inner__list .item a svg {
    width: 7.6923076923vw;
    height: 7.6923076923vw;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 5.1282051282vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .p-information-container__post {
    width: auto;
    margin: 0 0 12.8205128205vw;
    display: block;
  }
  .p-information-container__post__sidebar {
    display: none;
  }
  .p-information-container__post__sidebar h4 {
    font-size: 3.3333333333vw;
    letter-spacing: 0.1em;
    margin: 0;
  }
  .p-information-container__post__sidebar .categories {
    margin: 0 0 12.8205128205vw;
    padding: 0 0 2.5641025641vw;
    border-bottom: min(0.0694444444vw, 1px) solid #A0A0A0;
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .p-information-container__post__sidebar .categories ul {
    display: none;
  }
  .p-information-container__post__inner {
    width: auto;
  }
  .p-information-container__post__inner__head {
    padding: 0 7.6923076923vw;
    margin: 0 0 5.1282051282vw;
  }
  .p-information-container__post__inner__head .meta {
    margin: 0 0 5.1282051282vw;
    -webkit-column-gap: 5.1282051282vw;
       -moz-column-gap: 5.1282051282vw;
            column-gap: 5.1282051282vw;
  }
  .p-information-container__post__inner__head .meta .date {
    font-size: 3.0769230769vw;
  }
  .p-information-container__post__inner__head .meta .category {
    font-size: 3.0769230769vw;
  }
  .p-information-container__post__inner__head h3 {
    font-size: 5.1282051282vw;
  }
  .p-information-container__post__inner__head h3 br {
    display: none;
  }
  .p-information-container__post__inner__body {
    padding: 0 7.6923076923vw 15.3846153846vw;
  }
  .p-information-container__post__inner__body p {
    font-size: 3.3333333333vw;
    margin: 0 0 5.1282051282vw;
  }
  .p-information-container__post__inner__body img {
    margin: 0 0 5.1282051282vw;
  }
  .p-information-container__post__inner__latest {
    padding: 15.3846153846vw 2.5641025641vw 0;
    border-width: min(0.0694444444vw, 1px);
  }
  .p-information-container__post__inner__latest h3 {
    font-size: 4.6153846154vw;
    margin: 0 0 7.6923076923vw;
  }
  .p-media-tool-container__archive {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .p-media-tool-container__archive__sidebar {
    width: auto;
  }
  .p-media-tool-container__archive__sidebar h4 {
    font-size: 5.1282051282vw;
    text-align: center;
    margin: 0 0 3.8461538462vw;
  }
  .p-media-tool-container__archive__sidebar .hot-tag {
    position: static;
  }
  .p-media-tool-container__archive__sidebar .hot-tag .wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 1.5384615385vw;
       -moz-column-gap: 1.5384615385vw;
            column-gap: 1.5384615385vw;
    row-gap: 1.5384615385vw;
  }
  .p-media-tool-container__archive__sidebar .hot-tag .wrap .tag {
    font-size: 3.5897435897vw;
    height: 8.2051282051vw;
    padding: 0 2.5641025641vw;
    border-radius: 8.2051282051vw;
  }
  .p-media-tool-container__archive__inner {
    width: auto;
    padding: 0 2.5641025641vw;
    margin: 0 0 25.641025641vw;
  }
  .p-media-tool-container__archive__inner__heading {
    margin: 0 0 5.1282051282vw;
    padding: 0 0 2.5641025641vw;
    border-width: 0.2564102564vw;
    display: block;
  }
  .p-media-tool-container__archive__inner__heading .search-keyword {
    font-size: 3.3333333333vw;
    width: 87.1794871795vw;
    height: 10.2564102564vw;
    margin: 0 auto 7.6923076923vw;
    background-color: #E7E7E7;
    border-radius: 1.5384615385vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-media-tool-container__archive__inner__heading .search-result {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .p-media-tool-container__archive__inner__heading .search-result .result {
    font-size: 3.3333333333vw;
  }
  .p-media-tool-container__archive__inner__list {
    margin: 0 0 10.2564102564vw;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 2.5641025641vw;
  }
  .p-media-tool-container__archive__inner__list .item {
    width: auto;
    padding: 5.1282051282vw;
    border-radius: 1.5384615385vw;
    display: block;
  }
  .p-media-tool-container__archive__inner__list .item.is_active .fav-btn:hover svg path {
    fill: #0C9EFF;
  }
  .p-media-tool-container__archive__inner__list .item figure {
    width: auto;
    margin: 0 0 3.8461538462vw;
  }
  .p-media-tool-container__archive__inner__list .item .wrap {
    width: 71.7948717949vw;
    height: 23.0769230769vw;
  }
  .p-media-tool-container__archive__inner__list .item .wrap h4 {
    font-size: 4.1025641026vw;
    -webkit-line-clamp: 2;
  }
  .p-media-tool-container__archive__inner__list .item .wrap .tags {
    -webkit-column-gap: 2.5641025641vw;
       -moz-column-gap: 2.5641025641vw;
            column-gap: 2.5641025641vw;
  }
  .p-media-tool-container__archive__inner__list .item .wrap .tags a {
    font-size: 2.8205128205vw;
  }
  .p-media-tool-container__archive__inner__list .item .fav-btn {
    bottom: 20.5128205128vw;
    right: 5.1282051282vw;
  }
  .p-media-tool-container__archive__inner__list .item .fav-btn a:hover svg path {
    fill: #E7E7E7;
  }
  .p-media-tool-container__archive__inner__list .item .fav-btn a svg {
    width: 5.8974358974vw;
  }
  .p-media-tool-container__post {
    width: auto;
    margin: 0 0 12.8205128205vw;
    display: block;
  }
  .p-media-tool-container__post__sidebar {
    display: none;
  }
  .p-media-tool-container__post__sidebar h4 {
    font-size: 5.1282051282vw;
    text-align: center;
    margin: 0 0 3.8461538462vw;
  }
  .p-media-tool-container__post__sidebar .hot-tag {
    position: static;
  }
  .p-media-tool-container__post__sidebar .hot-tag .wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 1.5384615385vw;
       -moz-column-gap: 1.5384615385vw;
            column-gap: 1.5384615385vw;
    row-gap: 1.5384615385vw;
  }
  .p-media-tool-container__post__sidebar .hot-tag .wrap .tag {
    font-size: 3.5897435897vw;
    height: 8.2051282051vw;
    padding: 0 2.5641025641vw;
    border-radius: 8.2051282051vw;
  }
  .p-media-tool-container__post__inner {
    width: auto;
    padding: 0 2.5641025641vw;
    margin: 0 0 25.641025641vw;
  }
  .p-media-tool-container__post__inner .post-head {
    margin: 0 0 7.6923076923vw;
  }
  .p-media-tool-container__post__inner .post-head .fav-btn {
    top: 0;
  }
  .p-media-tool-container__post__inner .post-head .fav-btn a {
    color: transparent;
    font-size: 0;
  }
  .p-media-tool-container__post__inner .post-head .fav-btn a:hover svg path {
    fill: #E7E7E7;
  }
  .p-media-tool-container__post__inner .post-head .fav-btn a svg {
    width: 5.8974358974vw;
  }
  .p-media-tool-container__post__inner .post-head .meta {
    margin: 0 0 5.1282051282vw;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.2820512821vw;
  }
  .p-media-tool-container__post__inner .post-head .meta li {
    font-size: 2.8205128205vw;
  }
  .p-media-tool-container__post__inner .post-head h3 {
    font-size: 6.1538461538vw;
    margin: 0 0 5.1282051282vw;
  }
  .p-media-tool-container__post__inner .post-head .tags {
    -webkit-column-gap: 1.2820512821vw;
       -moz-column-gap: 1.2820512821vw;
            column-gap: 1.2820512821vw;
  }
  .p-media-tool-container__post__inner .post-head .tags a {
    font-size: 3.5897435897vw;
    height: 8.2051282051vw;
    padding: 0 2.5641025641vw;
    border-radius: 8.2051282051vw;
  }
  .p-media-tool-container__post__inner .post-main-visual {
    width: 100%;
    padding: 0;
    margin: 0 0 7.6923076923vw;
    position: static;
    top: auto;
    left: auto;
    overflow-x: scroll;
  }
  .p-media-tool-container__post__inner .post-main-visual::-webkit-scrollbar {
    display: none;
  }
  .p-media-tool-container__post__inner .post-main-visual .swiper-button-prev,
  .p-media-tool-container__post__inner .post-main-visual .swiper-button-next {
    display: none;
  }
  .p-media-tool-container__post__inner .post-main-visual .swiper-wrapper {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .p-media-tool-container__post__inner .post-main-visual .swiper-wrapper .item {
    width: 82.0512820513vw;
    margin: 0;
    padding: 0 2.5641025641vw 0 0;
  }
  .p-media-tool-container__post__inner .post-main-visual .swiper-wrapper .item figure {
    border-radius: 1.5384615385vw;
  }
  .p-media-tool-container__post__inner .post-main-visual .swiper-wrapper .item figure img {
    height: auto;
  }
  .p-media-tool-container__post__inner .post-wrap {
    padding: 0 0 10.2564102564vw;
    margin: 0 0 6.4102564103vw;
    border-width: 0.2564102564vw;
  }
  .p-media-tool-container__post__inner .post-wrap h4 {
    font-size: 4.1025641026vw;
    margin: 0 0 5.1282051282vw;
  }
  .p-media-tool-container__post__inner .post-wrap > p {
    font-size: 3.0769230769vw;
  }
  .p-media-tool-container__post__inner .post-wrap .info {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 1.2820512821vw;
  }
  .p-media-tool-container__post__inner .post-wrap .info dl {
    width: 100%;
    height: auto;
    padding: 3.8461538462vw 5.1282051282vw;
    border-radius: 1.5384615385vw;
  }
  .p-media-tool-container__post__inner .post-wrap .info dl dt {
    font-size: 3.0769230769vw;
  }
  .p-media-tool-container__post__inner .post-wrap .info dl dd {
    font-size: 3.5897435897vw;
    width: 61.5384615385vw;
  }
  .p-media-tool-container__post__inner .post-wrap .price {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-column-gap: 1.2820512821vw;
       -moz-column-gap: 1.2820512821vw;
            column-gap: 1.2820512821vw;
  }
  .p-media-tool-container__post__inner .post-wrap .price dl {
    width: 51.2820512821vw;
    border-radius: 1.5384615385vw;
  }
  .p-media-tool-container__post__inner .post-wrap .price dl dt {
    font-size: 3.5897435897vw;
    height: 10.2564102564vw;
    border-width: 0.2564102564vw;
  }
  .p-media-tool-container__post__inner .post-wrap .price dl dd {
    font-size: 4.1025641026vw;
    height: 17.9487179487vw;
  }
  .p-media-tool-container__post__inner .post-wrap .price dl dd.num {
    font-size: 3.5897435897vw;
  }
  .p-media-tool-container__post__inner .post-wrap .price dl dd.num span {
    font-size: 6.6666666667vw;
  }
  .p-media-tool-container__post__inner .post-wrap .location {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 10.2564102564vw;
  }
  .p-media-tool-container__post__inner .post-wrap .location .gglm {
    width: 100%;
  }
  .p-media-tool-container__post__inner .post-wrap .location .gglm iframe {
    width: 100%;
    height: 76.9230769231vw;
  }
  .p-media-tool-container__post__inner .post-wrap .location .gglm p {
    font-size: 3.0769230769vw;
    margin: 1.2820512821vw 0 0;
  }
  .p-media-tool-container__post__inner .post-wrap .location .sub {
    width: 100%;
  }
  .p-media-tool-container__post__inner .post-wrap .detail {
    margin: 0 0 5.1282051282vw;
    border-radius: 1.5384615385vw;
  }
  .p-media-tool-container__post__inner .post-wrap .detail dl {
    padding: 5.1282051282vw;
    border-width: 0.2564102564vw;
    display: block;
  }
  .p-media-tool-container__post__inner .post-wrap .detail dl dt {
    font-size: 4.1025641026vw;
    margin: 0 0 2.5641025641vw;
  }
  .p-media-tool-container__post__inner .post-wrap .detail dl dd {
    font-size: 3.5897435897vw;
    width: auto;
  }
  .p-media-tool-container__post__inner .post-wrap .camera-embed img,
  .p-media-tool-container__post__inner .post-wrap .camera-embed ifame {
    height: 66.6666666667vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-media-tool-container__post__inner .post-download p {
    font-size: 4.1025641026vw;
    margin: 0 0 5.1282051282vw;
  }
  .p-media-tool-container__post__inner .post-download p br {
    display: block;
  }
  .p-media-tool-container__post__inner .post-download .btn a {
    font-size: 6.1538461538vw;
    width: 100%;
    height: 20.5128205128vw;
    border-radius: 20.5128205128vw;
  }
  .p-news-container__archive {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .p-news-container__archive__sidebar {
    width: auto;
  }
  .p-news-container__archive__sidebar h4 {
    font-size: 5.1282051282vw;
    text-align: center;
    margin: 0 0 3.8461538462vw;
  }
  .p-news-container__archive__sidebar .hot-tag {
    position: static;
  }
  .p-news-container__archive__sidebar .hot-tag .wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 1.5384615385vw;
       -moz-column-gap: 1.5384615385vw;
            column-gap: 1.5384615385vw;
    row-gap: 1.5384615385vw;
  }
  .p-news-container__archive__sidebar .hot-tag .wrap .tag {
    font-size: 3.5897435897vw;
    height: 8.2051282051vw;
    padding: 0 2.5641025641vw;
    border-radius: 8.2051282051vw;
  }
  .p-news-container__archive__inner {
    width: auto;
    padding: 0 2.5641025641vw;
    margin: 0 0 25.641025641vw;
  }
  .p-news-container__archive__inner__list {
    margin: 0 0 20.5128205128vw;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 12.8205128205vw;
  }
  .p-news-container__archive__inner__list .item {
    width: 100%;
  }
  .p-news-container__archive__inner__list .item figure {
    margin: 0 0 3.8461538462vw;
  }
  .p-news-container__archive__inner__list .item figure a {
    border-radius: 1.5384615385vw;
  }
  .p-news-container__archive__inner__list .item .date {
    font-size: 3.0769230769vw;
    margin: 0 0 2.5641025641vw;
  }
  .p-news-container__archive__inner__list .item h4 {
    font-size: 4.1025641026vw;
    line-height: 1.4;
    margin: 0 0 3.8461538462vw;
  }
  .p-news-container__archive__inner__list .item h4 a:hover {
    border-width: 0.2564102564vw;
  }
  .p-news-container__archive__inner__list .item .tags {
    -webkit-column-gap: 2.5641025641vw;
       -moz-column-gap: 2.5641025641vw;
            column-gap: 2.5641025641vw;
  }
  .p-news-container__archive__inner__list .item .tags a {
    font-size: 2.8205128205vw;
  }
  .p-news-container__post {
    width: auto;
    display: block;
  }
  .p-news-container__post__sidebar {
    display: none;
  }
  .p-news-container__post__sidebar h4 {
    font-size: 5.1282051282vw;
    text-align: center;
    margin: 0 0 3.8461538462vw;
  }
  .p-news-container__post__sidebar .hot-tag {
    position: static;
  }
  .p-news-container__post__sidebar .hot-tag .wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 1.5384615385vw;
       -moz-column-gap: 1.5384615385vw;
            column-gap: 1.5384615385vw;
    row-gap: 1.5384615385vw;
  }
  .p-news-container__post__sidebar .hot-tag .wrap .tag {
    font-size: 3.5897435897vw;
    height: 8.2051282051vw;
    padding: 0 2.5641025641vw;
    border-radius: 8.2051282051vw;
  }
  .p-news-container__post__inner {
    width: auto;
    padding: 0 2.5641025641vw;
    margin: 0 0 25.641025641vw;
  }
  .p-news-container__post__inner .post-head {
    margin: 0 0 1.2820512821vw;
  }
  .p-news-container__post__inner .post-head .date {
    font-size: 3.0769230769vw;
    margin: 0 0 2.5641025641vw;
  }
  .p-news-container__post__inner .post-head h3 {
    font-size: 5.1282051282vw;
    letter-spacing: 0.05em;
    line-height: 1.4;
  }
  .p-news-container__post__inner .post-head .tags {
    margin: 5.1282051282vw 0 0;
    -webkit-column-gap: 1.2820512821vw;
       -moz-column-gap: 1.2820512821vw;
            column-gap: 1.2820512821vw;
  }
  .p-news-container__post__inner .post-head .tags a {
    font-size: 3.5897435897vw;
    height: 8.2051282051vw;
    padding: 0 2.5641025641vw;
    border-radius: 8.2051282051vw;
  }
  .p-news-container__post__inner .post-head .detail {
    margin: 5.1282051282vw 0 0;
    row-gap: 1.2820512821vw;
  }
  .p-news-container__post__inner .post-head .detail dl {
    width: 94.8717948718vw;
    height: 15.3846153846vw;
    padding: 0 5.1282051282vw;
    border-radius: 1.5384615385vw;
  }
  .p-news-container__post__inner .post-head .detail dl dt {
    font-size: 3.0769230769vw;
  }
  .p-news-container__post__inner .post-head .detail dl dd {
    font-size: 3.5897435897vw;
    width: 61.5384615385vw;
  }
  .p-news-container__post__inner .post-body {
    width: auto;
    padding: 5.1282051282vw;
    border-radius: 1.5384615385vw;
  }
  .p-news-container__post__inner .post-body h4 {
    font-size: 4.6153846154vw;
    margin: 0 0 5.1282051282vw;
  }
  .p-news-container__post__inner .post-body h5 {
    font-size: 3.8461538462vw;
    padding: 2.5641025641vw 5.1282051282vw;
    margin: 0 0 5.1282051282vw;
  }
  .p-news-container__post__inner .post-body h6 {
    font-size: 3.5897435897vw;
    margin: 0 0 5.1282051282vw;
    width: auto;
  }
  .p-news-container__post__inner .post-body h6 span {
    padding: 0 0 1.2820512821vw;
    border-width: 0.2564102564vw;
  }
  .p-news-container__post__inner .post-body p {
    font-size: 3.3333333333vw;
    margin: 0 0 7.6923076923vw;
  }
  .p-news-container__post__inner .post-body figure {
    margin: 0 0 7.6923076923vw;
  }
  .p-news-container__post__inner .post-body figure figcaption {
    font-size: 2.8205128205vw;
    margin: 1.2820512821vw 0 0;
  }
  .p-news-container__latest {
    width: auto;
    margin: 0 0 12.8205128205vw;
    padding: 15.3846153846vw 0 0;
    border-width: min(0.0694444444vw, 1px);
  }
  .p-news-container__latest h3 {
    font-size: 4.6153846154vw;
    margin: 0 0 7.6923076923vw;
  }
  .p-news-container__latest .p-media-tool-container__archive__inner__list {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0 2.5641025641vw;
    -webkit-column-gap: 1.2820512821vw;
       -moz-column-gap: 1.2820512821vw;
            column-gap: 1.2820512821vw;
  }
  .p-news-container__latest .p-media-tool-container__archive__inner__list .item {
    width: 69.2307692308vw;
    padding: 3.8461538462vw;
  }
  .p-news-container__latest .p-media-tool-container__archive__inner__list .item .wrap {
    width: 51.2820512821vw;
  }
  .p-privacy-policy-container {
    margin: 0 0 25.641025641vw;
  }
  .p-privacy-policy-container__inner {
    width: auto;
    padding: 0 2.5641025641vw;
  }
  .p-privacy-policy-container__inner .desc {
    font-size: 3.5897435897vw;
    margin: 0 0 12.8205128205vw;
  }
  .p-privacy-policy-container__inner .wrap {
    margin: 0 0 12.8205128205vw;
  }
  .p-privacy-policy-container__inner .wrap h4 {
    font-size: 4.6153846154vw;
    margin: 0 0 5.1282051282vw;
  }
  .p-privacy-policy-container__inner .wrap p {
    font-size: 3.5897435897vw;
    line-height: 1.8;
    margin: 0 0 5.1282051282vw;
  }
  .p-privacy-policy-container__inner .wrap ul {
    margin: 0 0 0 5.1282051282vw;
  }
  .p-privacy-policy-container__inner .wrap ul li {
    font-size: 3.5897435897vw;
    line-height: 1.8;
  }
  .p-privacy-policy-container__inner .wrap dl {
    font-size: 3.5897435897vw;
    line-height: 1.8;
    margin: 0 0 5.1282051282vw;
  }
  .p-privacy-policy-container__inner .sig {
    font-size: 4.1025641026vw;
  }
  .p-show-case-container__archive {
    width: auto;
    display: block;
  }
  .p-show-case-container__archive__sidebar {
    width: auto;
    padding: 0 2.5641025641vw;
  }
  .p-show-case-container__archive__sidebar h4 {
    font-size: 3.3333333333vw;
    letter-spacing: 0.1em;
    margin: 0;
  }
  .p-show-case-container__archive__sidebar .categories {
    margin: 0 0 12.8205128205vw;
    padding: 0 0 2.5641025641vw;
    border-bottom: min(0.0694444444vw, 1px) solid #A0A0A0;
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .p-show-case-container__archive__sidebar .categories ul {
    display: none;
  }
  .p-show-case-container__archive__sidebar .categories .select-sp {
    display: block;
  }
  .p-show-case-container__archive__inner {
    width: auto;
    padding: 0 2.5641025641vw;
    margin: 0 0 25.641025641vw;
  }
  .p-show-case-container__archive__inner__list {
    margin: 0 0 20.5128205128vw;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 10.2564102564vw;
  }
  .p-show-case-container__archive__inner__list .item {
    width: auto;
  }
  .p-show-case-container__archive__inner__list .item:nth-of-type(1), .p-show-case-container__archive__inner__list .item:nth-of-type(2) {
    width: auto;
    margin: 0;
  }
  .p-show-case-container__archive__inner__list .item:nth-of-type(1) h4, .p-show-case-container__archive__inner__list .item:nth-of-type(2) h4 {
    font-size: 4.1025641026vw;
  }
  .p-show-case-container__archive__inner__list .item figure {
    margin: 0 0 3.8461538462vw;
  }
  .p-show-case-container__archive__inner__list .item figure a {
    border-radius: 1.5384615385vw;
  }
  .p-show-case-container__archive__inner__list .item .category {
    font-size: 3.0769230769vw;
    margin: 0 0 2.5641025641vw;
  }
  .p-show-case-container__archive__inner__list .item h4 {
    font-size: 4.1025641026vw;
    line-height: 1.4;
  }
  .p-show-case-container__main-visual {
    margin: 0 0 7.6923076923vw;
  }
  .p-show-case-container__main-visual figure img {
    height: 69.2307692308vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-show-case-container__post {
    width: auto;
    padding: 0 2.5641025641vw;
    margin: 0 0 25.641025641vw;
    display: block;
  }
  .p-show-case-container__post__sidebar {
    width: auto;
  }
  .p-show-case-container__post__sidebar .post-head {
    margin: 0 0 7.6923076923vw;
    position: static;
    top: auto;
  }
  .p-show-case-container__post__sidebar .post-head .category {
    font-size: 3.0769230769vw;
    margin: 0 0 2.5641025641vw;
  }
  .p-show-case-container__post__sidebar .post-head h3 {
    font-size: 5.1282051282vw;
  }
  .p-show-case-container__post__inner {
    width: auto;
    padding: 5.1282051282vw;
    border-radius: 1.5384615385vw;
  }
  .p-show-case-container__post__inner h4 {
    font-size: 4.6153846154vw;
    margin: 0 0 5.1282051282vw;
  }
  .p-show-case-container__post__inner h5 {
    font-size: 3.8461538462vw;
    padding: 2.5641025641vw 5.1282051282vw;
    margin: 0 0 5.1282051282vw;
  }
  .p-show-case-container__post__inner h6 {
    font-size: 3.5897435897vw;
    margin: 0 0 5.1282051282vw;
    width: auto;
  }
  .p-show-case-container__post__inner h6 span {
    padding: 0 0 1.2820512821vw;
    border-width: 0.2564102564vw;
  }
  .p-show-case-container__post__inner p {
    font-size: 3.3333333333vw;
    margin: 0 0 7.6923076923vw;
  }
  .p-show-case-container__post__inner figure {
    margin: 0 0 7.6923076923vw;
  }
  .p-show-case-container__post__inner figure figcaption {
    font-size: 2.8205128205vw;
    margin: 1.2820512821vw 0 0;
  }
  .p-show-case-container__latest {
    width: auto;
    margin: 0 0 12.8205128205vw;
    padding: 15.3846153846vw 0 0;
    border-width: min(0.0694444444vw, 1px);
  }
  .p-show-case-container__latest h3 {
    font-size: 4.6153846154vw;
    margin: 0 0 7.6923076923vw;
  }
  .p-show-case-container__latest .p-show-case-container__archive__inner__list {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0 2.5641025641vw;
  }
  .p-show-case-container__latest .p-show-case-container__archive__inner__list .item {
    width: 82.0512820513vw;
    margin: 0 1.2820512821vw;
  }
  .p-show-case-container__latest .p-show-case-container__archive__inner__list .item:nth-of-type(1), .p-show-case-container__latest .p-show-case-container__archive__inner__list .item:nth-of-type(2) {
    width: 82.0512820513vw;
  }
  .p-show-case-container__latest .p-show-case-container__archive__inner__list .item:nth-of-type(1) h4, .p-show-case-container__latest .p-show-case-container__archive__inner__list .item:nth-of-type(2) h4 {
    font-size: 4.1025641026vw;
  }
  .p-wish-list-container__archive {
    width: auto;
    margin: 0 0 12.8205128205vw;
  }
  .p-wish-list-container__archive__sidebar {
    width: 100%;
    padding: 0 2.5641025641vw;
    margin: 0 0 5.1282051282vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-wish-list-container__archive__sidebar h4 {
    font-size: 5.1282051282vw;
    text-align: center;
    margin: 0 0 3.8461538462vw;
  }
  .p-wish-list-container__archive__sidebar .fav-count {
    font-size: 3.3333333333vw;
    height: 10.2564102564vw;
    margin: 0 auto;
    background-color: #E7E7E7;
    border-radius: 1.5384615385vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: static;
  }
  .p-wish-list-container__archive__sidebar .fav-count strong {
    font-size: 4.1025641026vw;
  }
  .p-wish-list-container__archive__inner {
    width: auto;
    padding: 0 2.5641025641vw;
  }
  .p-wish-list-container__archive__inner__list {
    margin: 0 0 10.2564102564vw;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 2.5641025641vw;
  }
  .p-wish-list-container__archive__inner__list .item {
    width: auto;
    padding: 5.1282051282vw;
    border-radius: 1.5384615385vw;
    display: block;
  }
  .p-wish-list-container__archive__inner__list .item.is_active .fav-btn:hover svg path {
    fill: #0C9EFF;
  }
  .p-wish-list-container__archive__inner__list .item figure {
    width: auto;
    margin: 0 0 3.8461538462vw;
  }
  .p-wish-list-container__archive__inner__list .item .wrap {
    width: 71.7948717949vw;
    height: 23.0769230769vw;
  }
  .p-wish-list-container__archive__inner__list .item .wrap h4 {
    font-size: 4.1025641026vw;
    -webkit-line-clamp: 2;
  }
  .p-wish-list-container__archive__inner__list .item .wrap .tags {
    -webkit-column-gap: 2.5641025641vw;
       -moz-column-gap: 2.5641025641vw;
            column-gap: 2.5641025641vw;
  }
  .p-wish-list-container__archive__inner__list .item .wrap .tags a {
    font-size: 2.8205128205vw;
  }
  .p-wish-list-container__archive__inner__list .item .fav-btn {
    bottom: 20.5128205128vw;
    right: 5.1282051282vw;
  }
  .p-wish-list-container__archive__inner__list .item .fav-btn a:hover svg path {
    fill: #E7E7E7;
  }
  .p-wish-list-container__archive__inner__list .item .fav-btn a svg {
    width: 5.8974358974vw;
  }
  .u-fadein-up {
    -webkit-transform: translateY(13.333vw);
            transform: translateY(13.333vw);
  }
  .u-fadein-up.two {
    -webkit-transition-delay: unset;
            transition-delay: unset;
  }
  .u-fadein-up.three {
    -webkit-transition-delay: unset;
            transition-delay: unset;
  }
  .u-fadein-up.four {
    -webkit-transition-delay: unset;
            transition-delay: unset;
  }
  .u-fadein-up.five {
    -webkit-transition-delay: unset;
            transition-delay: unset;
  }
  .u-pc-hide {
    display: block;
  }
  .u-sp-hide {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1439px) {
  .u-fadein-up {
    -webkit-transform: translateY(6.944vw);
            transform: translateY(6.944vw);
  }
}
/*# sourceMappingURL=style.css.map */